= [];\n products.forEach((p, index) => {\n const { code, name } = p;\n const impression = getImpresssion({ product: p });\n\n if (code && name && impression) {\n impressions.push({\n ...impression,\n position: startIndex + index + 1 || 1,\n list: plpList(),\n });\n }\n });\n\n return impressions;\n};\n\nconst getCoupon = (cart: theplant.ec.service.orders.IOrder) => {\n return cart.couponsUsed ? cart.couponsUsed.join(\",\") : undefined;\n};\n\nconst getDataFromOrderItem = ({\n item,\n coupon,\n}: {\n item: theplant.ec.service.orders.IOrderItem;\n coupon?: string | null;\n}): UploadOrderItemProps => {\n const { productCode, productName, articleCode, discountContexts, quantity } =\n item;\n\n const { price, discounted } = calcPrice(item);\n\n const orderItem: UploadOrderItemProps = {\n name: productName,\n id: productCode,\n price: price || discounted,\n discount: price && discounted ? price - discounted : 0,\n brand,\n category: getCategoryCode(discountContexts),\n gender: getGenderName(discountContexts) || \"\",\n color: getColorCode(discountContexts) || \"\",\n size: getSize(discountContexts) || \"\",\n variant: articleCode,\n quantity: Number(quantity || 0),\n coupon: coupon || \"\",\n };\n\n return orderItem;\n};\n\nconst getUploadDataFormOrder = (order: CheckoutProps[\"order\"]) => {\n if (!order) {\n return {};\n }\n\n const { orderItems } = order;\n\n if (!orderItems) {\n return {};\n }\n\n const coupon = getCoupon(order);\n\n const orderECPurchaseItems: Object[] = [];\n\n if (orderItems.length > 0) {\n orderItems.forEach((item, index) => {\n const data = getDataFromOrderItem({ item, coupon });\n data.index = index + 1;\n orderECPurchaseItems.push(data);\n });\n }\n\n return { orderECPurchaseItems, coupon };\n};\n\nconst getUploadTransactionData = (order: CheckoutProps[\"order\"]) => {\n if (!order) {\n return;\n }\n\n const { orderItems, sumUp } = order;\n\n if (!orderItems) {\n return;\n }\n\n let purchase;\n\n if (orderItems.length > 0 && sumUp) {\n const { orderECPurchaseItems, coupon } = getUploadDataFormOrder(order);\n\n const orderBillingAmountTax = Number(sumUp.billingAmountTax || 0);\n const orderBillingAmountWithTax = Number(sumUp.billingAmountWithTax || 0);\n const orderDeliveryFee = Number(deliveryFee(sumUp.subItems || []));\n const orderUsedPoints = Math.abs(Number(usedPoints(sumUp.subItems || [])));\n\n purchase = {\n actionField: {\n id: order.code,\n affiliation: \"Aigle EC SITE\",\n // refer: https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce\n // ga('ec:setAction', 'purchase', {...}) part\n revenue: orderBillingAmountWithTax + orderUsedPoints,\n tax: orderBillingAmountTax,\n shipping: orderDeliveryFee,\n coupon,\n },\n products: orderECPurchaseItems,\n };\n }\n\n return purchase;\n};\n\nexport {\n getImpresssion,\n getImpresssions,\n getCoupon,\n getDataFromOrderItem,\n getUploadDataFormOrder,\n getUploadTransactionData,\n};\n\nconst _test = {\n defaultVariant,\n getCoupon,\n};\n\nexport { _test };\n","import React from \"react\";\n\nexport type withRecordOrderSentInBrowserProps = {\n orderHadSent?: (orderId?: string | null) => void;\n orderFirstSent?: (orderId?: string | null) => string | undefined;\n orderAlreadySent?: (orderId?: string | null) => string | undefined;\n};\n\nconst withRecordOrderSentInBrowser =\n (\n C: React.ComponentType
\n ): React.ComponentType
=>\n (props: P) => {\n // store orderId in localStorage to indicate it already been sent\n // to avoid data will be sent multiple times\n // refer: https://www.simoahava.com/analytics/prevent-google-analytics-duplicate-transactions-with-customtask/\n var transactionDeduper = {\n keyName: \"_transaction_ids\",\n cookieExpiresDays: 1,\n };\n\n const readFromStorage = (key: string) => {\n if (!window.Storage) {\n // From: https://stackoverflow.com/a/15724300/2367037\n const value = \"; \" + document.cookie;\n const parts = value.split(\"; \" + key + \"=\");\n if (parts && parts.length === 2) {\n const result = parts.pop();\n return result && result.split(\";\").shift();\n }\n }\n\n return window && window.localStorage && window.localStorage.getItem(key);\n };\n\n const writeToStorage = (key: string, value: string, expireDays: number) => {\n if (!window.Storage) {\n var expiresDate = new Date();\n expiresDate.setDate(expiresDate.getDate() + expireDays);\n document.cookie =\n key + \"=\" + value + \";expires=\" + expiresDate.toUTCString();\n } else {\n if (window && window.localStorage)\n window.localStorage.setItem(key, value);\n }\n };\n\n const orderHadSent = (orderId?: string | null) => {\n const storedIds = JSON.parse(\n readFromStorage(transactionDeduper.keyName) || \"[]\"\n );\n\n storedIds.push(orderId);\n\n writeToStorage(\n transactionDeduper.keyName,\n JSON.stringify(storedIds),\n transactionDeduper.cookieExpiresDays\n );\n };\n\n const orderFirstSent = (orderId?: string | null) => {\n const storedIds = JSON.parse(\n readFromStorage(transactionDeduper.keyName) || \"[]\"\n );\n\n return storedIds.indexOf(orderId) === -1;\n };\n\n const orderAlreadySent = (orderId?: string | null) => {\n const storedIds = JSON.parse(\n readFromStorage(transactionDeduper.keyName) || \"[]\"\n );\n\n return storedIds.indexOf(orderId) > -1;\n };\n\n return (\n
大切なお知らせ \n旧サイト（2017 年 2 月 17 日以前）から会員登録いただきましたお客様は、パスワードが引き継がれません。
\nこちらよりリセットしてください `,\n });\n\n this.popUpResetPasswordMessageIfExistingAccount =\n this.popUpResetPasswordMessageIfExistingAccount.bind(this);\n\n Validator.addCustomValidate();\n this.addLoginValidation();\n Utils.addRedirToElementAttr(this.$loginForm, \"action\");\n Utils.addRedirToElementAttr(this.$registerButton, \"href\");\n this.addURLPathToHeaderFormAsRedirectPath();\n }\n\n addURLPathToHeaderFormAsRedirectPath() {\n if (Utils.getUrlParameter(\"redir\") === undefined) {\n const actionValue = this.$headerLoginForm.attr(\"action\");\n this.$headerLoginForm.attr(\n \"action\",\n actionValue + \"?redir=\" + decodeURIComponent(window.location.pathname)\n );\n }\n }\n\n addLoginValidation() {\n var _this = this;\n this.$loginForm.each(function () {\n $(this).validate({\n errorClass: \"error\",\n errorElement: \"span\",\n rules: {\n email: {\n required: true,\n emailCustom: true,\n maxlength: 50,\n },\n password: {\n required: true,\n rangelength: [6, 20],\n },\n },\n submitHandler: _this.popUpResetPasswordMessageIfExistingAccount,\n });\n });\n }\n\n popUpResetPasswordMessageIfExistingAccount(form) {\n const _this = this;\n const email = $(form).find('[name=\"email\"]').val();\n Api.validatesEmail(email)\n .then(({ response: { data }, error }) => {\n if (!error && data.is_existing_account) {\n _this.$resetPasswordPopup.show();\n return false;\n }\n form.submit();\n })\n .catch(() => form.submit());\n }\n}\n\nclass Register extends React.Component {\n constructor(props) {\n super(props);\n this._validator = null;\n this._emailErrorMessage = \"\";\n\n this.$regForm = $(\".js-reg-form\");\n this.$addressSearchLink = $(\".js-reg-form .js-address-search\");\n this.$zipCodeInput = $(\".js-reg-form .js-zipcode\");\n this.$cityInput = $(\".js-reg-form .js-city\");\n this.$prefectureSelect = $(\".js-reg-form .js-prefecture-select\");\n this.$emailInput = $(\".js-register-email-input\");\n\n Validator.addCustomValidate();\n this.addRegisterValidation();\n this.bindEvents();\n Utils.addRedirToElementAttr(this.$regForm, \"action\");\n this.fillEmailInput();\n }\n\n render() {\n return null;\n }\n\n bindEvents() {\n this.$addressSearchLink.on(\"click\", this.searchAddress.bind(this));\n\n $(\"#unchecked_all_options\").on(\n \"click\",\n this.handleChangeAllOptions.bind(this)\n );\n\n $(\n \"#dm_by_mail_field, #is_subscribed_field, #dm_by_sms_field, #dm_by_phone_field\"\n ).on(\"click\", this.handleChangeOption.bind(this));\n }\n\n handleChangeAllOptions(event) {\n if ($(\"#unchecked_all_options\").is(\":checked\") !== true) {\n event.preventDefault();\n } else {\n $(\"#is_subscribed_field\").prop(\"checked\", false);\n $(\"#dm_by_mail_field\").prop(\"checked\", false);\n $(\"#dm_by_sms_field\").prop(\"checked\", false);\n $(\"#dm_by_phone_field\").prop(\"checked\", false);\n }\n }\n\n handleChangeOption() {\n if (\n $(\"#is_subscribed_field\").is(\":checked\") !== false ||\n $(\"#dm_by_mail_field\").is(\":checked\") !== false ||\n $(\"#dm_by_sms_field\").is(\":checked\") !== false ||\n $(\"#dm_by_phone_field\").is(\":checked\") !== false\n ) {\n $(\"#unchecked_all_options\").prop(\"checked\", false);\n }\n if (\n $(\"#is_subscribed_field\").is(\":checked\") !== true &&\n $(\"#dm_by_mail_field\").is(\":checked\") !== true &&\n $(\"#dm_by_sms_field\").is(\":checked\") !== true &&\n $(\"#dm_by_phone_field\").is(\":checked\") !== true\n ) {\n $(\"#unchecked_all_options\").prop(\"checked\", true);\n }\n }\n\n fillEmailInput() {\n let email = Utils.getUrlParameter(\"email\");\n if (email !== undefined) {\n this.$emailInput.val(email);\n }\n }\n\n searchAddress() {\n const zipcode = this.$zipCodeInput.val();\n Api.getZipcode(zipcode)\n .then(({ prefecture, city }) => {\n this.$prefectureSelect.val(prefecture);\n this.$cityInput.val(city);\n this._validator.element(\".js-reg-form .js-prefecture-select\");\n this._validator.element(\".js-reg-form .js-city\");\n })\n .catch(() => null);\n }\n\n addRegisterValidation() {\n let _this = this;\n this.$regForm.on(\"keydown\", (e) => {\n // prevent user enter key will submit the form\n if (e.keyCode === 13) {\n e.preventDefault();\n }\n });\n this._validator = this.$regForm.validate({\n errorClass: \"error\",\n errorElement: \"span\",\n errorPlacement: function (error, element) {\n if (element.attr(\"name\") === \"gender_field\") {\n $(\".radio-error-container\").html(error);\n } else if (element.is(\"select\")) {\n element.next(\".error-wrapper\").html(error);\n } else if (element.attr(\"name\") === \"is_terms_and_privacy_agreed\") {\n $(\".term-and-condition-error-container\").html(error);\n } else {\n error.insertAfter(element);\n }\n },\n rules: {\n family_name: {\n required: true,\n maxlength: 20,\n },\n given_name: {\n required: true,\n maxlength: 20,\n },\n katakana_family_name: {\n required: true,\n maxlength: 20,\n },\n katakana_given_name: {\n required: true,\n maxlength: 20,\n },\n date_of_birth_year: {\n required: false,\n },\n date_of_birth_month: {\n required: false,\n },\n date_of_birth_day: {\n required: false,\n },\n gender_field: {\n required: false,\n },\n zipcode: {\n required: false,\n minlength: 7,\n maxlength: 8,\n isZip: true,\n },\n prefecture: {\n required: false,\n },\n city: {\n required: false,\n maxlength: 16,\n },\n address1: {\n required: false,\n maxlength: 16,\n },\n address2: {\n maxlength: 16,\n },\n phone: {\n required: true,\n maxlength: 13,\n isPhone: true,\n },\n email: {\n required: true,\n emailCustom: true,\n maxlength: 50,\n remote: {\n url: \"/account/validates-email.json\",\n dataFilter: (dataJSON) => {\n const json = JSON.parse(dataJSON);\n const isUsedValidationSuccess = json.results[0].is_used === false;\n const isValidValidationSuccess =\n json.results[0].is_valid === true;\n\n if (!isUsedValidationSuccess) {\n _this._emailErrorMessage =\n \"このメールアドレスは他のユーザーにより既に利用されています\";\n }\n\n if (!isValidValidationSuccess) {\n _this._emailErrorMessage =\n \"有効なEメールアドレスを入力してください\";\n }\n\n return isUsedValidationSuccess && isValidValidationSuccess;\n },\n },\n },\n password: {\n required: true,\n rangelength: [6, 20],\n },\n confirm_password: {\n required: true,\n equalTo: \".js-reg-form input[name='password']\",\n },\n is_terms_and_privacy_agreed: {\n required: true,\n },\n },\n messages: {\n email: {\n remote: function () {\n return _this._emailErrorMessage;\n },\n },\n },\n submitHandler: function (form, event) {\n event.preventDefault();\n if (window.grecaptcha.getResponse() === \"\") {\n $(\".g-recaptcha\").append(\n `このフィールドは必須です。 `\n );\n } else {\n const registerUrl = $(form).attr(\"action\");\n const registerFormData = $(form).serialize();\n $.post(registerUrl, registerFormData).done(function (data) {\n if (data) {\n registerSuccess();\n const { redirPath, history } = _this.props;\n if (redirPath) {\n history.push(redirPath);\n return;\n } else {\n const redirUrl = Utils.getUrlParameter(\"redir\");\n if (typeof redirUrl === \"undefined\") {\n window.location = REGISTER_SUCCESS_PATH;\n } else {\n window.location = redirUrl;\n }\n }\n }\n });\n }\n },\n });\n }\n}\n\nclass Recover {\n constructor() {\n this.$recoverForm = $(\".js-forget-pw-form\");\n this.$emailInput = $(\".js-forget-pw-form .js-email\");\n this.$confirmEmailInput = $(\".js-forget-pw-form .js-confirm-email\");\n\n this.bindEvents();\n\n Validator.addCustomValidate();\n this.addValidation();\n }\n\n bindEvents() {\n this.$emailInput.on(\"change\", this.syncEmailInput.bind(this));\n }\n\n syncEmailInput() {\n this.$confirmEmailInput.val(this.$emailInput.val());\n }\n\n addValidation() {\n this.$recoverForm.validate({\n errorClass: \"error\",\n errorElement: \"span\",\n rules: {\n email: {\n required: true,\n emailCustom: true,\n maxlength: 50,\n },\n },\n });\n }\n}\n\nclass RecoverComplete {\n constructor() {\n this.$recoverCompleteForm = $(\".js-forget-pw-complete-form\");\n\n this.addValidation();\n }\n\n addValidation() {\n this.$recoverCompleteForm.validate({\n errorClass: \"error\",\n errorElement: \"span\",\n rules: {\n password: {\n required: true,\n rangelength: [6, 20],\n },\n confirm_password: {\n required: true,\n equalTo: \".js-forget-pw-complete-form #password\",\n },\n },\n });\n }\n}\n\n// eslint-disable-next-line \nexport default { Login, Register, Recover, RecoverComplete, Utils };\n","import Cookie from \"js-cookie\";\nimport uuidv4 from \"uuid/v4\";\n\nconst COOKIE_KEY = \"silveregg\";\n\nconst getSilvereggCookie = () => {\n const value = Cookie.get(COOKIE_KEY);\n if (value) {\n return value;\n }\n\n const uuid = uuidv4();\n Cookie.set(\n COOKIE_KEY,\n uuid,\n Object.assign({}, [], {\n // set expires time to 1 year\n // refer: https://theplant.slack.com/archives/C2R8Q1LR2/p1586142342144600?thread_ts=1585548195.062200&cid=C2R8Q1LR2\n expires: new Date(new Date().getTime() + 365 * 24 * 60 * 60 * 1000),\n })\n );\n return uuid;\n};\n\nexport { getSilvereggCookie };\n","// copy from https://github.com/theplant/boostjs/blob/6404f567d33c3bf0bab2bc41653328d4b9821431/boost-aigle/AigleUI/helper.ts#L1-L36\nfunction hyphensToCamelCase(str: string) {\n var arr = str.split(/[_-]/);\n var newStr = \"\";\n for (var i = 1; i < arr.length; i++) {\n newStr += arr[i].charAt(0).toUpperCase() + arr[i].slice(1);\n }\n return arr[0] + newStr;\n}\n\nfunction toCamel(o: Object) {\n let newO: { [key: string]: string } = {};\n\n if (o instanceof Array) {\n return o.map(function (value) {\n if (typeof value === \"object\") {\n value = toCamel(value);\n }\n return value;\n });\n } else {\n Object.entries(o).forEach(([key, value]) => {\n if (o.hasOwnProperty(key)) {\n let newKey = hyphensToCamelCase(key).toString();\n if (value instanceof Array || (value && value.constructor === Object)) {\n value = toCamel(value);\n }\n newO[newKey] = value;\n }\n });\n }\n\n return newO;\n}\n\nexport { toCamel };\n","import Swal from \"sweetalert2\";\n\nconst alert = (msg: string, onClose?: () => void) =>\n Swal.fire({\n text: msg,\n confirmButtonColor: \"rgba(0,0,0,.75)\",\n confirmButtonText: \"OK\",\n onClose\n });\n\nconst confirm = (msg: string) =>\n Swal.fire({\n text: msg,\n showCancelButton: true,\n confirmButtonColor: \"rgba(0,0,0,.75)\",\n cancelButtonColor: \"#aaa\",\n cancelButtonText: \"No\",\n confirmButtonText: \"Yes\"\n }).then(result => !!result.value);\n\nexport { alert, confirm };\n","import $ from \"jquery\";\nimport * as paths from \"../constants/Paths\";\nimport { filterNormalApiErrors } from \"../Api\";\nimport { confirm } from \"../js/shared/alert\";\n\nexport const scorePassword = function (password) {\n let score = 0;\n const upperCase = new RegExp(\"[A-Z]\");\n const lowerCase = new RegExp(\"[a-z]\");\n const numbers = new RegExp(\"[0-9]\");\n const specialchars = new RegExp(\"([!,%,&,@,#,$,^,*,?,_,~])\");\n\n if (password.length >= 6) score++;\n if (password.match(upperCase)) score++;\n if (password.match(lowerCase)) score++;\n if (password.match(numbers)) score++;\n if (password.match(specialchars)) score++;\n return score;\n};\n\nexport const isLogin = () => {\n return window._aigleGlobal_isLogin || false;\n};\n\n// Refer about the authboss redirection here: https://github.com/go-authboss/authboss#-redirecting-after-authboss-routes\nconst _goToLoginPage = () => {\n window.location = `${paths.LOGIN_PATH}?redir=${window.location.pathname}`;\n};\n\nexport const requireAuth = (callback = () => { }) => {\n isLogin() ? callback() : _goToLoginPage();\n};\n\n// parseJSONHandlerFuncResponseForAjax accepts the responseData from the jQuery.Ajax\n// function. And returns a object that contains:\n// * `error`: a error object that returned by jsonhandlerfunc\n// * `response`: an array of response objects that returned by jsonhandlerfunc\n// * `errorMessages`: an array of string for displaying\nexport const parseJSONHandlerFuncResponseForAjax = (responseData = \"\") => {\n try {\n const json = JSON.parse(responseData);\n const error = json.results[json.results.length - 1];\n const response = json.results.slice(0, json.results.length - 1);\n const errorMessages = filterNormalApiErrors(error);\n return { error, response, errorMessages };\n } catch (e) {\n return {\n error: { error: `parse response failed: ${e}`, value: {} },\n errorMessages: [\"内部サーバーエラー\"]\n };\n }\n};\n\nexport const requireConfirm = () => confirm(\"本当によろしいですか？\");\n\nexport const didLoadedReactApp = () => {\n $(\".js-react-app-loading\").remove();\n};\n","// copy from https://github.com/theplant/ecjs/blob/master/packages/lacoste/product/badge/helper.ts\nconst getUniqueDiscountLabelMaps = ({\n discountLabels,\n discountLabelBackgroundColors\n}: {\n discountLabels?: string[] | null;\n discountLabelBackgroundColors?: string[] | null;\n}) => {\n let discountLabelMaps: any = {};\n\n (discountLabels || []).forEach((label, i) => {\n discountLabelMaps[label] =\n discountLabelBackgroundColors && discountLabelBackgroundColors[i];\n });\n\n return discountLabelMaps;\n};\n\n// the same as https://github.com/theplant/aigle/blob/26d12938c7aaa77effb23e50414842773b821c0b/aigleapp/helpers/getMatchedColor.go#L3-L9\nconst labelBackgroundColorMap: { [key: string]: string } = {\n Grey: \"#373636\",\n Navy: \"#00499D\",\n Red: \"#A91B0D\",\n Green: \"#105A33\",\n \"White(Red Text)\": \"#fff\"\n};\n\nexport { getUniqueDiscountLabelMaps, labelBackgroundColorMap };\n","import $ from \"jquery\";\nimport {\n getUniqueDiscountLabelMaps,\n labelBackgroundColorMap\n} from \"../../product/badge/helper\";\n\nconst updateProductAndVariantLabel = (\n discountLabels,\n discountLabelBackgroundColors,\n target\n) => {\n const uniqueLabelsMap = getUniqueDiscountLabelMaps({\n discountLabels,\n discountLabelBackgroundColors\n });\n\n const productLabelWrapper = target.find(\".productLabelWrapper\");\n\n let productAndVariantLabels = \"\";\n\n Object.entries(uniqueLabelsMap).forEach(([key, value]) => {\n if (value === \"White(Red Text)\") {\n productAndVariantLabels += `\n ${key}\n
`;\n } else {\n productAndVariantLabels += `\n ${key} \n
`;\n }\n });\n\n if (productLabelWrapper) {\n // clean old\n productLabelWrapper.find(\".productLabel\").remove();\n // append new\n productLabelWrapper.append($(productAndVariantLabels));\n }\n};\n\nexport { updateProductAndVariantLabel };\n","import numeral from \"numeral\";\n\nconst formatCurrency = (number, smaller) =>\n `${numeral(number).format(\"0,0\")}${smaller ? \"\" : \"円\"}`;\n\nconst formatPoints = (points) => `${numeral(points).format(\"0,0\")}`;\n\nexport { formatCurrency, formatPoints };\n","const scrollToFirstError = () => {\n const errorElement = document.querySelector(\"span.error\");\n\n // if error is inside the sticky element, no need scrolls\n const stickyElement = document.querySelector(\"#sticky-element\");\n if (stickyElement && errorElement && stickyElement.contains(errorElement)) {\n return;\n }\n\n if (errorElement && errorElement.parentElement) {\n window.scrollBy({\n top: errorElement.parentElement.getBoundingClientRect().top - 95,\n left: 0,\n behavior: \"smooth\"\n });\n }\n};\n\nexport { scrollToFirstError };\n","const toCamelCase = (key, value) => {\n if (value && typeof value === \"object\") {\n const under_score = /_([a-z])/g;\n for (var k in value) {\n if (under_score.test(k) && Object.hasOwnProperty.call(value, k)) {\n value[\n k.replace(under_score, function(m, w) {\n return w.toUpperCase();\n })\n ] = value[k];\n delete value[k];\n }\n }\n }\n return value;\n};\n\nconst getStartIndex = () => {\n const $pageDOM = document.querySelector(\".pager.js-product-pager\");\n const perPage = $pageDOM && $pageDOM.dataset.perpage;\n const $currentPageDOM = document.querySelector(\n \".pager.js-product-pager nav ul li.active\"\n );\n const currentPage = $currentPageDOM && $currentPageDOM.innerText;\n const startIndex = Number(perPage) * (Number(currentPage) - 1) || 0;\n\n return startIndex;\n};\n\nexport { toCamelCase, getStartIndex };\n","import { uploadPLPToGA } from \"../GA\";\nimport { toCamelCase, getStartIndex } from \"./helper\";\n\nconst uploadPLPImpressionsData = () => {\n const $productsPage = document.querySelector(\".js-product-list\");\n\n if ($productsPage) {\n const $products = $productsPage.querySelector(\"div[data-tracing-source]\");\n\n if ($products) {\n const products = $products.dataset.tracingSource;\n uploadPLPToGA({\n products: JSON.parse(products, toCamelCase),\n startIndex: getStartIndex()\n });\n }\n }\n};\n\nclass UploadProductsData {\n constructor() {\n this.init();\n }\n\n init() {\n uploadPLPImpressionsData();\n }\n}\n\nexport default UploadProductsData;\n\nexport { uploadPLPImpressionsData };\n","import $ from \"jquery\";\nimport { uploadPLPProductClick } from \"../GA\";\n\nclass UploadProductCardData {\n id;\n productCode;\n name;\n currentPage;\n taxPrice;\n pageName;\n dataPerPage;\n productIndex;\n articleCode;\n constructor() {\n this.bindEvents();\n }\n\n bindEvents() {\n $(document).off(\"click\", \".ga-product-click\");\n $(document).on(\"click\", \".ga-product-click\", this.handleClickOnProduct.bind(this));\n $(\".ga-product-click\").on(\n \"mouseover\",\n \".color-list li\",\n this.handleMouseOverColor.bind(this)\n );\n }\n\n handleClickOnProduct(event) {\n const $target = $(event.currentTarget);\n this.category = $target.data(\"category\");\n const $recommendationsDOM = document.querySelector(\".recommendations\");\n if ($recommendationsDOM === null) {\n this.currentPage = $(\".pager.js-product-pager\")\n .find(\"ul li.active\")\n .data(\"page\") || 1;\n this.dataPerPage = $(\".pager.js-product-pager\").data(\"perpage\") || 0;\n\n this.productIndex = $target.data(\"position\");\n this.position =\n (this.currentPage - 1) * this.dataPerPage + this.productIndex + 1;\n this.listName = window.location.pathname;\n } else {\n this.position = $target.data(\"position\") + 1;\n const $recommendationsHeading = $recommendationsDOM.querySelector(\n \"h4.heading\"\n );\n if ($recommendationsHeading) {\n this.listName = $recommendationsHeading.textContent;\n }\n }\n\n const pathname = window.location.pathname;\n const priceHasSale = $target.find(\".price\").find(\".sale\");\n const plpListName = $(\".js-product-list-header h1\");\n const homeListName = $target.closest(\".product-listing-container\");\n const viewedProductListName = $target.closest(\".recently-viewed\");\n const $listname = plpListName.length > 0 ? plpListName\n : homeListName.length > 0 ? homeListName.find(\".h2\")\n : viewedProductListName.length > 0 ? viewedProductListName.find(\".products-slider-title\")\n : null;\n\n if (priceHasSale.length > 0) {\n this.price = $target.find(\".price\").find(\".original\").data(\"price\");\n this.discount = Number(this.price) - Number(priceHasSale.data(\"price\"));\n } else {\n this.price = $target.find(\".price\").data(\"price\") || $target.find(\".price span\").data(\"price\");\n this.discount = 0;\n }\n this.articleCode = $target.attr(\"data-articlecode\");\n this.productCode = $target.find(\".js-current-url\").data(\"product-code\") || $target.data(\"product-code\");\n this.name = $target.find(\"h6\").attr(\"title\");\n this.listname = $listname ? $listname.text() : \"\";\n this.colorCode = $target.data(\"colorcode\");\n this.sizeCode = $target.data(\"sizecode\");\n this.genderName = $target.data(\"gendername\");\n\n uploadPLPProductClick({\n id: this.productCode,\n name: this.name,\n price: Number(this.price || 0),\n discount: Number(this.discount || 0),\n category: this.category,\n variant: this.colorCode,\n position: this.position,\n list: pathname === \"/\" ? \"home | recommendation\" : pathname.indexOf(\"/products\") > -1 ? \"product | recommendation\" : pathname.indexOf(\"/search\") > -1 ? \"search\" : this.listName,\n listname: pathname === \"/\"\n ? \"recommendations\"\n : pathname.indexOf(\"/products\") > -1\n ? \"recommendations\"\n : pathname.indexOf(\"/search\") > -1\n ? \"instant search results\"\n : this.listname,\n quantity: 1,\n coupon: \"\",\n brand: this.sizeCode,\n item_category3: this.genderName,\n item_category5: this.articleCode,\n });\n }\n handleMouseOverColor(event) {\n const $target = $(event.currentTarget);\n this.articleCode = $target.attr(\"data-articlecode\");\n $target.parents(\".product-card\").attr(\"data-articlecode\", this.articleCode);\n }\n}\n\nexport default UploadProductCardData;\n","import { uploadPDPData } from \"../GA\";\nimport { toCamelCase } from \"./helper\";\n\nexport const uploadPDPDetailData = () => {\n const $productPage = document.querySelector(\".js-product-detail\");\n\n if ($productPage) {\n const $product = $productPage.querySelector(\"div[data-tracing-source]\");\n\n if ($product) {\n const product = $product.dataset.tracingSource;\n // use the pathname instead of href,\n // otherwise can't get the colorCode when set query in url\n const pathname = window && window.location && window.location.pathname;\n const pdpPath = pathname.split(\"/\") && pathname.split(\"/\");\n let colorCode;\n\n if (pdpPath.length === 4) {\n // eg: /products/ZZF8404/001\n colorCode = pdpPath.pop();\n }\n\n uploadPDPData({\n product: JSON.parse(product, toCamelCase),\n colorCode: colorCode\n });\n }\n }\n};\n\nclass UploadProductsData {\n constructor() {\n this.init();\n }\n\n init() {\n uploadPDPDetailData();\n }\n}\n\nexport default UploadProductsData;\n","import { uploadPLPToGA } from \"../GA\";\nimport { toCamelCase, getStartIndex } from \"./helper\";\n\nexport const uploadPLPImpressionsData = () => {\n const $recommendsComponent = document.querySelector(\".js-recommendations\");\n\n if ($recommendsComponent) {\n const $products = $recommendsComponent.querySelector(\n \"div[data-tracing-source]\"\n );\n\n if ($products) {\n const products = $products.dataset.tracingSource;\n\n uploadPLPToGA({\n products: JSON.parse(products, toCamelCase),\n startIndex: getStartIndex()\n });\n }\n }\n};\n\nclass UploadRecommendsData {\n constructor() {\n this.init();\n }\n\n init() {\n uploadPLPImpressionsData();\n }\n}\n\nexport default UploadRecommendsData;\n","import { connect } from \"react-redux\";\n\ntype PlainMap = { [key: string]: string };\n\ntype Action = {\n type: \"SET_CONFIGURATION\";\n config: PlainMap;\n};\n\nconst setConfig = (config: PlainMap): Action => ({\n type: \"SET_CONFIGURATION\",\n config: config,\n});\n\nconst reducer = (s: PlainMap = {}, a: Action) =>\n a.type === \"SET_CONFIGURATION\" ? a.config : s;\n\nexport type ConfigProps = { config: PlainMap };\n\nconst withConfig = (\n C: React.ComponentType
\n): React.ComponentType
=>\n connect(({ config }) => ({\n config,\n }))(C);\n\n// CRA only works with custom environment variable start with `REACT_APP_`\n// this function remove `REACT_APP_` from env key\nconst parseEnv = (env: PlainMap | undefined | null) => {\n let parsedEnv: PlainMap = {};\n\n if (!env) {\n return parsedEnv;\n }\n\n Object.keys(env).forEach((e) => {\n if (e.startsWith(\"REACT_APP_\")) {\n parsedEnv[e.replace(/REACT_APP_/, \"\")] = env[e] || \"\";\n }\n });\n\n return parsedEnv;\n};\n\nconst env = parseEnv((window as any).reactApp as PlainMap);\n\nexport { setConfig, reducer, withConfig, env, parseEnv as _parseEnv };\n","export function toggleBodyOverflowHidden() {\n if (document.body.style.overflow === \"hidden\") {\n document.body.style.overflow = \"\";\n } else {\n document.body.style.overflow = \"hidden\";\n }\n}\n","import { env } from \"../config\";\nimport { toggleBodyOverflowHidden } from \"./toggleBodyOverflowHidden\";\ninterface IOption {\n amount?: string;\n maxWidth?: string;\n maxAmount?: string;\n typeClass?: string;\n styleType?: string;\n enable?: boolean;\n}\nexport function initSmartpayMessaging(appendEleClass: string, option: IOption) {\n if (!document) return;\n if (!env.SMART_PAY_PAYMENT_SCRIPT || !env.SMART_PAY_KEY) return;\n const appendEle = document.querySelector(appendEleClass);\n if (!appendEle) return;\n const {\n amount = \"3000\",\n typeClass = \"smartpay-osm-product\",\n styleType = \"block\",\n enable = false,\n } = option;\n if (!enable) return;\n\n const currentSmartpayEle = appendEle.firstChild;\n if (currentSmartpayEle) {\n appendEle.removeChild(currentSmartpayEle);\n }\n\n const divEle = document.createElement(\"div\");\n divEle.classList.add(\"pdp-smartpay-message-wrapper\");\n divEle.classList.add(typeClass);\n\n divEle.setAttribute(\"data-prop-type\", styleType);\n divEle.setAttribute(\"data-prop-theme\", \"white\");\n divEle.setAttribute(\"data-prop-logo-theme\", \"color\");\n divEle.setAttribute(\"data-prop-amount\", amount);\n divEle.setAttribute(\"data-prop-quantity\", \"1\");\n // default max amount\n divEle.setAttribute(\"data-prop-max-amount\", \"300000\");\n // width: 100%\n divEle.setAttribute(\"data-prop-max-width\", \"10000\");\n\n appendEle.append(divEle);\n // load script after insert element\n loadSmartpayScript();\n}\n\nconst uniqId = \"SMARTPAY_LOAD_SCRIPT_UNIQ_ID\";\n\nfunction loadSmartpayScript() {\n if (document.querySelector(`#${uniqId}`)) {\n // @ts-ignore\n const render = window?.smartpay?.messaging?.render;\n if (render) {\n render();\n }\n return;\n }\n window.addEventListener(\"message\", smartpayOpenModalEventListener, true);\n\n const scriptEle = document.createElement(\"script\");\n scriptEle.id = uniqId;\n scriptEle.defer = true;\n scriptEle.src = env.SMART_PAY_PAYMENT_SCRIPT;\n scriptEle.setAttribute(\"data-merchant\", env.SMART_PAY_KEY);\n scriptEle.setAttribute(\"data-platform-detection\", \"disabled\");\n document.head.appendChild(scriptEle);\n}\n\nfunction smartpayOpenModalEventListener(event: MessageEvent) {\n if (event.origin === document.location.origin) {\n try {\n const data = JSON.parse(event.data);\n if (data.namespace === \"smartpay\" && data.event === \"showProductModal\") {\n toggleBodyOverflowHidden();\n // delay call the close BTN\n setTimeout(() => {\n const closeBTN = document.querySelector(\"img[alt=Close]\");\n closeBTN?.addEventListener(\"click\", toggleBodyOverflowHidden, {\n once: true,\n });\n });\n }\n } catch (error) {\n // silent error\n }\n }\n}\n","const isInStoreApp = !!(window as any).__aigleinstoreapp;\n\nexport { isInStoreApp };\n","import $ from \"jquery\";\nimport \"magnific-popup\";\nimport { getSilvereggCookie } from \"../CheckoutApp/SilvereggCookieHelper\";\nimport { DESKTOP_HEADER_BREAKPOINT } from \"../constants/Misc\";\nimport { EEaddToCart, uploadViewedProductsToGA } from \"../gtm/GA\";\nimport mappers from \"../mappers\";\nimport { toCamel } from \"../product/dataTransfer\";\nimport {\n calcPrice,\n getProductAndVariantExtraProperties,\n isVariantsOutOfStock,\n} from \"../product/helper\";\nimport {\n getCategoryCode,\n getGenderName,\n getColorCode,\n getSize,\n getDiscountLabelBackgroundColors,\n getDiscountLabels,\n} from \"../product/productField\";\nimport Swiper from \"swiper\";\nimport { Navigation } from \"swiper/modules\";\n\nimport { parseJSONHandlerFuncResponseForAjax } from \"./helper\";\nimport { alert, confirm } from \"./shared/alert\";\nimport { updateProductAndVariantLabel } from \"./shared/updateProductAndVariantLabel\";\nimport { formatCurrency } from \"../components/helpers/currency\";\nimport { scrollToFirstError } from \"../CheckoutApp/shared/scrollToFirstError\";\n\nimport { UploadProductCardData } from \"../gtm/uploadDataComponent\";\nimport { initSmartpayMessaging } from \"./smartpayMessage\";\nimport { isInStoreApp } from \"../CheckoutApp/Cart/helper\";\n\nconst bodyScrollLock = require(\"body-scroll-lock\");\nconst disableBodyScroll = bodyScrollLock.disableBodyScroll;\nconst enableBodyScroll = bodyScrollLock.enableBodyScroll;\nconst clearAllBodyScrollLocks = bodyScrollLock.clearAllBodyScrollLocks;\n\nconst pushSlivereggCookieId = () => {\n window.dataLayer &&\n window.dataLayer.push({ silvereggCookieId: getSilvereggCookie() });\n};\n\nclass PDP {\n constructor(element = \".js-pdp-wrapper\") {\n this._element = element;\n\n // push cookie id for sliveregg script\n pushSlivereggCookieId();\n\n this.insertViewedProductsSection();\n this.autoSelectSize();\n this.postDataToRecordViewedProducts();\n\n this.bindEvents();\n this._initialSmartpayMessage();\n }\n\n _initialSmartpayMessage() {\n const smartpayContainer = document.querySelector(\n \".pdp_smartpay_message_container\"\n );\n if (smartpayContainer) {\n const isApply =\n smartpayContainer.dataset.apply === \"true\" && !isInStoreApp;\n initSmartpayMessaging(\".pdp_smartpay_message_container\", {\n amount: smartpayContainer.dataset.price,\n styleType: \"inline\",\n enable: isApply,\n });\n }\n }\n\n _getArticleCodeForViewedProducts() {\n return (\n $(`.js-pdp-info__size-option:checked`).val() ||\n $(`.js-pdp-info__size-option:first-child`).val()\n );\n }\n\n postDataToRecordViewedProducts() {\n const articleCode = this._getArticleCodeForViewedProducts();\n $.ajax({\n url: \"/account/viewed-product.json\",\n type: \"POST\",\n data: JSON.stringify({ params: [articleCode] }),\n });\n }\n\n insertViewedProductsSection() {\n insertBeforeViewedProductsTo(\n \"footer\",\n this._getArticleCodeForViewedProducts()\n );\n }\n\n autoSelectSize() {\n const inInventoryInputs = $(\n \"input[data-quantity-in-stock=true].js-pdp-info__size-option\"\n );\n if (inInventoryInputs.length === 1) {\n inInventoryInputs.attr(\"checked\", \"checked\");\n }\n }\n\n bindEvents() {\n $(\".js-mobile-pdp-info__continue-shopping\").on(\n \"click\",\n this.handleClosePopUp.bind(this)\n );\n\n $(\".js-add-to-cart\").on(\"click\", this.handleClickAddToCart.bind(this));\n\n const closeMarkup = `\n \n \n `;\n\n if ($(\".js-show-size-guide\").length > 0) {\n $(\".js-show-size-guide\").magnificPopup({\n type: \"inline\",\n closeMarkup,\n callbacks: {\n // fix: [LAX-5596] disable body scroll when open size guide popup\n open: function () {\n // Will fire when this exact popup is opened\n // this - is Magnific Popup object\n disableBodyScroll(document.querySelector(\"#size-guide-popup\"), {\n // feat: allow touch move inside sizeguide\n // https://www.npmjs.com/package/body-scroll-lock#allowtouchmove\n allowTouchMove: (el) => {\n while (el && el !== document.body) {\n if (el.getAttribute(\"body-scroll-lock-ignore\") !== null) {\n return true;\n }\n\n el = el.parentElement;\n }\n },\n });\n $(\"body\").addClass(\"mfp-active\");\n },\n close: function () {\n // Will fire when popup is closed\n clearAllBodyScrollLocks();\n $(\"body\").removeClass(\"mfp-active\");\n },\n },\n });\n }\n\n if ($(\".js-show-store-inventory-popup\").length > 0) {\n $(\".js-show-store-inventory-popup\").magnificPopup({\n type: \"inline\",\n closeMarkup,\n callbacks: {\n open: function () {\n // Will fire when this exact popup is opened\n // this - is Magnific Popup object\n disableBodyScroll(document.querySelector(\"#store-inventory-popup\"));\n $(\"body\").addClass(\"mfp-active\");\n },\n close: function () {\n // Will fire when popup is closed\n clearAllBodyScrollLocks();\n $(\"body\").removeClass(\"mfp-active\");\n },\n },\n });\n }\n\n $(`.js-pdp-info__size-option`).on(\n \"click\",\n this.removeSizeNotSelectedError.bind(this)\n );\n $(`.js-pdp-info__size-option`).on(\n \"click\",\n this.updatePromotionLabel.bind(this)\n );\n $(`.js-pdp-info__size-option`).on(\"click\", this.handleUv.bind(this));\n $(`.js-pdp-info__size-option`).on(\"click\", this.handleClickSize.bind(this));\n }\n\n _renderErrorMessages(...messages) {\n if ($(\".pdp-info .error\").length > 0) {\n $(\".pdp-info .error\").remove();\n }\n\n messages.forEach((message, idx) => {\n $(`\n ${message}\n \n `).appendTo(\".pdp-info .js-pdp-info__sizes .title\");\n scrollToFirstError();\n });\n }\n\n addSizeNotSelectedError() {\n this._renderErrorMessages(\"サイズを選択してください\");\n }\n\n removeSizeNotSelectedError() {\n $(\".pdp-info .error\").remove();\n }\n\n handleClosePopUp() {\n $(\".js-add-to-cart:visible\").removeClass(\"is-active\");\n $(\".js-mobile-pdp-popup\").removeClass(\"is-active\");\n }\n\n addToCart(articleCode) {\n if (articleCode) {\n if ($(\".pdp-info .error\").length > 0) {\n scrollToFirstError();\n } else {\n this.putCartProduct(articleCode);\n }\n } else {\n this.addSizeNotSelectedError();\n\n // $(\"html, body\").animate(\n // { scrollTop: $(\".js-pdp-info__sizes\").offset().top - 100 },\n // 500\n // );\n }\n }\n\n handleClickAddToCart() {\n if ($(\".js-add-to-cart:visible.is-active\").length > 0) {\n return;\n }\n this.addToCart(this._getArticleCode());\n }\n\n _getArticleCode() {\n return $(`.js-pdp-info__size-option:checked`).val();\n }\n\n putCartProduct(articleCode) {\n var _this = this;\n $.ajax({\n url: \"/carts.json\",\n type: \"PUT\",\n data: JSON.stringify({ params: [articleCode, 1] }),\n success: function (data) {\n const { error, errorMessages } =\n parseJSONHandlerFuncResponseForAjax(data);\n\n if (!error) {\n _this.openAndRefreshCartPopup();\n\n _this.setStateInAddToCartButton();\n\n _this.setArticleCodeInAddToCartButton(articleCode);\n\n _this.uploadAddToCartDataToGA(articleCode);\n\n if ($(\".pdp-info .error\").length > 0) {\n $(\".pdp-info .error\").remove();\n }\n\n return;\n }\n\n if (!error.value) {\n // render normal error\n _this._renderErrorMessages(...errorMessages);\n\n return;\n }\n\n // display out of stock error\n // {\"results\":[{\"error\":\"申し訳ありません。商品は在庫切れのため購入できません。\",\"value\":{}}]}\n if (error.error) {\n _this._renderErrorMessages(error.error);\n }\n\n error.value.code === \"ADD_AMOUNT_LIMIT_PRODUCT\" &&\n alert(error.value.msg);\n\n // error: cannot add lucky bag with normal products into the cart at the\n // same time confirmed: clear cart, then put the lucky bag into cart\n if (error.value.notice_info) {\n confirm(error.value.notice_info).then((isConfirmed) => {\n isConfirmed &&\n $.ajax({\n url: \"/clear_cart.json\",\n type: \"DELETE\",\n success: function (data) {\n const { error, errorMessages } =\n parseJSONHandlerFuncResponseForAjax(data);\n if (error) {\n _this._renderErrorMessages(...errorMessages);\n return;\n }\n\n _this.putCartProduct(articleCode);\n },\n });\n });\n }\n },\n });\n }\n\n closeAddToCartPopup() {\n enableBodyScroll(document.querySelector(\".js-mobile-pdp-popup\"));\n clearAllBodyScrollLocks();\n $(\".js-add-to-cart:visible\").removeClass(\"is-active\");\n // reset sticky-add-to-cart style\n $(\".sticky-add-to-cart-wrapper\").css({\n position: \"fixed\",\n });\n $(\".js-mobile-pdp-popup\").removeClass(\"is-active\");\n $(\"#product-sticky .overlay.open\").removeClass(\"open\");\n }\n\n setStateInAddToCartButton() {\n $(\".js-add-to-cart:visible\").addClass(\"is-active\");\n if ($(window).width() < DESKTOP_HEADER_BREAKPOINT) {\n disableBodyScroll(document.querySelector(\".js-mobile-pdp-popup\"));\n $(\".js-mobile-pdp-popup\").addClass(\"is-active\");\n $(\"#product-sticky .overlay.open\").removeClass(\"open\");\n // avoid cover above popup\n $(\".sticky-add-to-cart-wrapper\").css({\n position: \"unset\",\n });\n }\n $(\".js-mobile-pdp-popup.is-active .closeBtn\").on(\n \"click\",\n this.closeAddToCartPopup\n );\n\n setTimeout(() => {\n this.closeAddToCartPopup();\n }, 3000);\n }\n\n setArticleCodeInAddToCartButton(articleCode) {\n const $addToCartButton = $(\".js-add-to-cart\");\n if ($addToCartButton) {\n $addToCartButton.attr(\"data-articleCode\", articleCode);\n }\n }\n\n openAndRefreshCartPopup() {\n // open popup and hide it after 3 seconds if no interactions\n $(\".js-header__link-item-cart\").addClass(\"is-active\");\n\n const removeActiveClassTimeout = setTimeout(() => {\n $(\".js-header__link-item-cart\").removeClass(\"is-active\");\n\n $(\".js-header__link-item-cart\").off(\"mouseenter\", eventHandler);\n }, 3000);\n const eventHandler = () => {\n removeActiveClassTimeout && clearTimeout(removeActiveClassTimeout);\n\n $(\".js-header__link-item-cart\").off(\"mouseenter\", eventHandler);\n };\n $(\".js-header__link-item-cart\").on(\"mouseenter\", eventHandler);\n\n // refresh cart\n $(\"#cart-widget-app-refresh-trigger\").click();\n }\n\n emitProductUv(selectedDom) {\n const code = selectedDom.attr(\"data-product-code\");\n const articleCode = selectedDom.attr(\"value\");\n const name = selectedDom.attr(\"data-product-name\");\n const categories = selectedDom.attr(\"data-categories\");\n const seasonName = selectedDom.attr(\"data-season-name\");\n const genderSlug = selectedDom.attr(\"data-gender\");\n const onSale = selectedDom.attr(\"data-sale\");\n const stock = parseInt(selectedDom.attr(\"data-stock\"), 10);\n const price = parseInt(selectedDom.attr(\"data-price\"), 10);\n\n if (window.be) {\n window.be.emit(\"ecProduct\", {\n eventType: \"linked_product\",\n product: {\n sku: articleCode,\n productId: code,\n name: name,\n categories: [categories, \"\", seasonName],\n gender: genderSlug,\n onSale: Boolean(onSale),\n stock: stock,\n price: { currency: \"JPY\", value: price },\n },\n });\n }\n }\n\n handleUv() {\n this.emitProductUv($(`.js-pdp-info__size-option:checked`));\n }\n\n formatSize(japanSize, europeSize) {\n var matchedJapanSizes = [\"XS\", \"S\", \"M\", \"L\", \"XL\", \"XXL\"];\n\n let displaySize = japanSize;\n matchedJapanSizes.forEach((s) => {\n if (s === japanSize && europeSize) {\n displaySize = `${japanSize}(${europeSize})`;\n return;\n } else {\n return;\n }\n });\n\n if (japanSize && japanSize.indexOf(\"cm\") > -1 && europeSize) {\n displaySize = `${japanSize}(${europeSize})`;\n }\n\n return displaySize;\n }\n\n handleClickSize(e) {\n const value = $(e.target).val();\n $(`.js-pdp-info__size-option[value='${value}']:not(:checked)`).prop(\n \"checked\",\n true\n );\n const $addToCartBtn = $(`.pdp-info__add-to-cart-btn:disabled`);\n const japanSize = $(e.target).data(\"japansize\");\n const europeSize = $(e.target).data(\"europesize\");\n const size = $(e.target).data(\"size\");\n const sizeHtml = this.formatSize(japanSize, europeSize) || size;\n $(\".js--sticky-open-size span.selected\").removeClass(\"init\").html(sizeHtml);\n\n // remove disable attribute\n $addToCartBtn.removeAttr(\"disabled\");\n $addToCartBtn.find(\".pdp-info__add-to-cart\").text(\"カートへ追加\");\n\n const ctas = document.querySelectorAll(\n \".js-add-to-cart .pdp-info__add-to-cart\"\n );\n if (ctas) {\n for (let i = 0; i < ctas.length; i++) {\n ctas[i].textContent = \"カートへ追加\";\n }\n }\n\n $(\".pdp-sticky .preview-btn\").addClass(\"hidden\");\n // update sticky add to cart btn text\n $(\".pdp-sticky .preview-btn+.pdp-actions\").addClass(\"show\");\n }\n\n updatePromotionLabel(e) {\n const $target = $(e.currentTarget);\n const articleCode = e.target.value;\n const product = this.getProductData();\n\n if (!product) {\n return;\n }\n\n const selectedVariant = this.getSelectedVariant({ product, articleCode });\n\n if (!selectedVariant) {\n return;\n }\n\n const properties = getProductAndVariantExtraProperties({\n product,\n variants: [selectedVariant],\n });\n\n let discountLabels = getDiscountLabels(properties);\n let discountLabelBackgroundColors =\n getDiscountLabelBackgroundColors(properties);\n\n let showEvenThoughOutOfStock = product.showEvenThoughOutOfStock;\n let showOutOfStockLabel;\n if (showEvenThoughOutOfStock) {\n showOutOfStockLabel = isVariantsOutOfStock(product.variants);\n if (showOutOfStockLabel) {\n discountLabels = discountLabels.append(\"SOLD OUT\");\n discountLabelBackgroundColors =\n discountLabelBackgroundColors.append(\"Grey\");\n }\n }\n\n updateProductAndVariantLabel(\n discountLabels,\n discountLabelBackgroundColors,\n $target.parent().parent().parent().parent().parent()\n );\n }\n\n getProductData() {\n const sourceData =\n $(\"[data-tracing-source]\") &&\n $(\"[data-tracing-source]\").length > 0 &&\n $(\"[data-tracing-source]\")[0];\n\n if (!sourceData) {\n return null;\n }\n\n return toCamel($(sourceData).data(\"tracing-source\"));\n }\n\n getSelectedVariant({ product, articleCode }) {\n return (\n product &&\n product.variants &&\n product.variants.find((v) => v.articleCode === articleCode)\n );\n }\n\n uploadAddToCartDataToGA(articleCode) {\n const product = this.getProductData();\n\n if (!product) {\n return;\n }\n\n const selectedVariant = this.getSelectedVariant({ product, articleCode });\n\n if (product && selectedVariant) {\n const properties = getProductAndVariantExtraProperties({\n product,\n variants: [selectedVariant],\n });\n\n const categoryCode = getCategoryCode(properties);\n const { price, discounted } = calcPrice(selectedVariant);\n const addToCartProduct = {\n id: product.code,\n name: product.name,\n price: price || discounted,\n discount: price && discounted ? price - discounted : 0,\n brand: \"Aigle\",\n category: categoryCode,\n gender: getGenderName(properties),\n color: getColorCode(properties),\n size: getSize(properties),\n variant: selectedVariant.articleCode,\n quantity: 1,\n };\n\n EEaddToCart([addToCartProduct]);\n }\n }\n}\n\nexport function animatedInsertBefore(element, content) {\n $(content)\n .hide()\n .insertBefore(element)\n .slideDown(400)\n .animate({ opacity: 1 }, 400);\n}\n\nexport function animatedInsertAfter(element, content) {\n $(content)\n .hide()\n .insertAfter(element)\n .slideDown(400)\n .animate({ opacity: 1 }, 400);\n}\n\nexport function bindSwiper(element) {\n new Swiper(\".view-product-swiper\", {\n slidesPerView: 1.1,\n slidesPerGroup: 1,\n spaceBetween: 10,\n centeredSlides: true,\n navigation: {\n nextEl: \".swiper-button-next\",\n prevEl: \".swiper-button-prev\",\n },\n // namespace\n containerModifierClass: \"swiper-container\",\n modules: [Navigation],\n breakpoints: {\n 767: {\n slidesPerView: 3,\n slidesPerGroup: 3,\n centeredSlides: false,\n },\n },\n });\n}\n\nexport function insertBeforeViewedProductsTo(parent, articleCode) {\n $.ajax({\n url: `/account/viewed-products.json?size=11${\n articleCode ? \"&code=\" + articleCode : \"\"\n }`,\n type: \"GET\",\n success: (data) => {\n const results = JSON.parse(data).results || [];\n const productsData = (results[0] || []).map(\n mappers.mapProtoWishItemToWishItemDataProp\n );\n\n if (productsData.length === 0) {\n return;\n }\n\n const pathname = window.location.pathname;\n\n const impression = (results[0] || []).map((item, index) => {\n const { price, sellingPrice } = productsData[index];\n\n return {\n id: item.product_code,\n name: item.product_name,\n price: price,\n discount: price && sellingPrice ? price - sellingPrice : 0,\n brand: getSize(item.properties),\n category: getCategoryCode(item.properties),\n item_category3: getGenderName(item.properties),\n item_category5: item.article_code,\n variant: getColorCode(item.properties),\n list:\n pathname === \"/\"\n ? \"home | recommendation\"\n : pathname.indexOf(\"/products\") > -1\n ? \"product | recommendation\"\n : pathname.indexOf(\"/search\") > -1\n ? \"search\"\n : \"\",\n listname:\n pathname === \"/\"\n ? \"recommendations\"\n : pathname.indexOf(\"/products\") > -1\n ? \"recommendations\"\n : pathname.indexOf(\"/search\") > -1\n ? \"instant search results\"\n : \"\",\n position: index + 1,\n coupon: \"\",\n quantity: 1,\n };\n });\n\n uploadViewedProductsToGA(impression);\n\n const products = productsData.map((item, idx) => {\n if (idx < 11) {\n const {\n id,\n path,\n imageURL,\n name,\n price,\n sellingPrice,\n discountRate,\n } = item;\n\n return `\n \n
\n \n
\n
${name} \n
\n ${\n sellingPrice < price\n ? `\n ${formatCurrency(\n price,\n true\n )} \n ${formatCurrency(\n sellingPrice\n )} (税込) \n ${\n discountRate &&\n `-${discountRate}% `\n }\n \n `\n : `${formatCurrency(\n price\n )} (税込) `\n }\n
\n
\n
`\n );\n });\n } else {\n viewAllLink = `\n \n `;\n }\n\n const content = `\n \n
\n
閲覧履歴 \n ${viewAllLink}\n \n \n
\n
\n ${products.join(\"\")}\n
\n
\n
\n
\n
\n \n \n `\n });\n }\n\n if (jsProductWashing.length !== 0) {\n jsProductWashing.magnificPopup({ \n type: \"inline\",\n closeMarkup: \"\"\n });\n }\n }\n}\n\nexport default ProductDetailPopup;\n","import $ from \"jquery\";\nimport \"magnific-popup\";\n\nclass USPPopup {\n constructor(element = \".usp-wrapper\") {\n this._element = element;\n this.bindEvents();\n }\n\n bindEvents() {\n const jsUSPWrapper = $(this._element).find(\".js-usp-wrapper\");\n\n if (jsUSPWrapper.length !== 0) {\n jsUSPWrapper.magnificPopup({\n type: \"inline\",\n closeMarkup: ` \n \n \n \n `,\n });\n }\n }\n}\n\nexport default USPPopup;\n","import $ from \"jquery\";\nimport { updateProductAndVariantLabel } from \"./shared/updateProductAndVariantLabel\";\n\nclass ProductCard {\n constructor() {\n this.bindEvents();\n }\n\n bindEvents() {\n $(\".product-card\").on(\n \"mouseenter\",\n \".color-list li\",\n this.handleMouseEnter.bind(this)\n );\n $(\".product-card\").on(\n \"mouseenter touchstart\",\n \".product-card-images-wrapper\",\n this.handleMouseOverImage.bind(this)\n );\n $(\".product-card\").on(\n \"mouseleave touchend\",\n \".product-card-images-wrapper\",\n this.handleMouseLeaveImage.bind(this)\n );\n }\n\n handleMouseOverImage(event) {\n const $target = $(event.currentTarget);\n $target.addClass(\"mouse-over\");\n }\n\n handleMouseLeaveImage(event) {\n const $target = $(event.currentTarget);\n $target.removeClass(\"mouse-over\");\n }\n\n handleMouseEnter(event) {\n const $target = $(event.currentTarget);\n const imgURL = $target.data(\"image-url\");\n const secondImgURL = $target.data(\"second-img-src\");\n const productURL = $target.find(\"a\").attr(\"href\");\n const price = $target.data(\"price\");\n const rate = $target.data(\"rate\");\n const _discountLabels = $target.data(\"discountlabel\");\n const _discountLabelBackgroundColors = $target.data(\n \"discountlabelbackgroundcolor\"\n );\n\n const discountLabels = _discountLabels && _discountLabels.split(\",\");\n const discountLabelBackgroundColors =\n _discountLabelBackgroundColors &&\n _discountLabelBackgroundColors.split(\",\");\n\n updateProductAndVariantLabel(\n discountLabels,\n discountLabelBackgroundColors,\n $target.parent().parent().parent()\n );\n\n $target\n .parents(\".product-card\")\n .find(\".js-current-url\")\n .attr(\"href\", productURL);\n $target\n .parents(\".product-card\")\n .find(\".product-card-primary-image\")\n .prop(\"src\", imgURL);\n\n if (secondImgURL) {\n if (\n $target.parents(\".product-card\").find(\".product-card-secondary-image\")\n .length !== 0\n ) {\n $target\n .parents(\".product-card\")\n .find(\".product-card-secondary-image\")\n .prop(\"src\", secondImgURL);\n } else {\n $(\n `' + rate + \"% OFF \");\n } else {\n $target\n .parents(\".product-card\")\n .find(\".off-tag\")\n .hide();\n }\n }\n}\n\n// https://developers.google.com/web/fundamentals/performance/lazy-loading-guidance/images-and-video/\nexport const lazyLoadProductCardImages = () => {\n let lazyImages = [].slice.call(\n document.querySelectorAll(\".product-card img[data-src]\")\n );\n let active = false;\n\n const lazyLoad = () => {\n if (active === false) {\n active = true;\n\n setTimeout(() => {\n lazyImages.forEach(lazyImage => {\n if (\n lazyImage.getBoundingClientRect().top <= window.innerHeight &&\n lazyImage.getBoundingClientRect().bottom >= 0 &&\n getComputedStyle(lazyImage).display !== \"none\"\n ) {\n lazyImage.src = lazyImage.dataset.src;\n lazyImage.removeAttribute(\"data-src\");\n\n lazyImages = lazyImages.filter(image => image !== lazyImage);\n\n if (lazyImages.length === 0) {\n document.removeEventListener(\"scroll\", lazyLoad);\n window.removeEventListener(\"resize\", lazyLoad);\n window.removeEventListener(\"orientationchange\", lazyLoad);\n }\n }\n });\n\n active = false;\n }, 200);\n }\n };\n\n lazyLoad();\n document.addEventListener(\"scroll\", lazyLoad);\n window.addEventListener(\"resize\", lazyLoad);\n window.addEventListener(\"orientationchange\", lazyLoad);\n\n return lazyLoad;\n};\n\nexport default ProductCard;\n","import $ from \"jquery\";\nimport ProductCard from \"./productCard.js\";\nimport { lazyLoadProductCardImages } from \"./productCard\";\nimport { uploadPLPImpressionsData } from \"../gtm/uploadDataComponent\";\n\nclass FilterProduct {\n constructor(element = \".collection.wrapper\") {\n this._element = element;\n this.bindEvents();\n }\n\n bindEvents() {\n $(this._element).on(\n \"change\",\n \".js-filter-option\",\n this.handleFilterOptionClick.bind(this)\n );\n $(\".js-product-list\").on(\n \"click\",\n \".js-product-pager li[data-page]\",\n this.handlePagingClick.bind(this)\n );\n $(\".js-reset-all-filters-button\").on(\n \"click\",\n this.handleResetFiltersClick.bind(this)\n );\n $(\".js-filter-options__main\").on(\n \"click\",\n \".js-filter-options__group-header\",\n this.handleClickFilterGroupHeader.bind(this)\n );\n $(\".js-filter-options__main\").on(\n \"click\",\n \".js-filter-options__clear-filter\",\n this.handleClickResetButton.bind(this)\n );\n $(\".aigle-breadcrumb\").on(\n \"click\",\n \".js-aigle-breadcrumb__filter-clear-button\",\n this.handleClickClearButtonInBreadcrumb.bind(this)\n );\n // Slide up options by default\n $(\".js-filter-options__group-content\").slideUp(0);\n }\n\n handlePagingClick(event) {\n const $target = $(event.currentTarget);\n if ($target.hasClass(\"active\")) {\n return false;\n }\n this.handleSearchOptionsChange($target.data(\"page\"), null, null, true);\n return false;\n }\n\n handleFilterOptionClick(event) {\n this.handleSearchOptionsChange(1);\n\n // close the sorter dropdown\n const $target = $(event.currentTarget);\n if ($target.attr(\"name\") === \"sorter\") {\n $target\n .closest(\".dropdown\")\n .find(\".js-dropdown__btn\")\n .removeClass(\"active\");\n }\n }\n\n handleSearchOptionsChange(\n page,\n key,\n value,\n shouldScrollTop,\n shouldClearAllOptions\n ) {\n this._FilterProductsDeferred(page, key, value, shouldClearAllOptions).done(\n (data) => {\n this._changePageContent(data);\n\n if (shouldClearAllOptions) {\n $(\".js-filter-options\").animate({ scrollTop: 0 }, 200);\n }\n\n if (shouldScrollTop) {\n let count = 0;\n // Safari scrolls the body, Chrome scrolls the html,\n // to avoid trigger the `lazyLoadProductCardImages` twice,\n // add a variable `count` to make sure both html and body finished scrolling\n $(\"html, body\").animate({ scrollTop: 0 }, 300, () => {\n count++;\n if (count === 2) {\n window._PLPLazyLoad = lazyLoadProductCardImages(); // need to trigger the lazyload function manually when click grid view button in plp.js\n }\n });\n } else {\n window._PLPLazyLoad = lazyLoadProductCardImages(); // need to trigger the lazyload function manually when click grid view button in plp.js\n }\n }\n );\n }\n\n handleResetFiltersClick() {\n this.handleSearchOptionsChange(1, null, null, null, true);\n }\n\n handleClickFilterGroupHeader(event) {\n const $target = $(event.currentTarget);\n $target.toggleClass(\"active\");\n $target.siblings(\".js-filter-options__group-content\").slideToggle(200);\n }\n\n handleClickResetButton(event) {\n const $target = $(event.currentTarget);\n this.handleSearchOptionsChange(1, $target.data(\"key\"));\n return false;\n }\n\n handleClickClearButtonInBreadcrumb(event) {\n const $target = $(event.currentTarget);\n this.handleSearchOptionsChange(\n 1,\n $target.data(\"key\"),\n $target.data(\"value\")\n );\n }\n\n _changePageContent(html) {\n const $nextDoc = $(html);\n const $currentDoc = $(document);\n\n // Remember the display state of the `js-filter-options__group-content`\n const filterOptionsContentInlineDisplayStyleMap = {};\n $currentDoc.find(\".js-filter-options__group-content\").each(function () {\n const key = $(this).data(\"key\");\n filterOptionsContentInlineDisplayStyleMap[key] = $(this).css(\"display\");\n });\n $nextDoc\n .find(\".js-filter-options__main\")\n .find(\".js-filter-options__group-content\")\n .each(function () {\n const key = $(this).data(\"key\");\n $(this).css(\"display\", filterOptionsContentInlineDisplayStyleMap[key]);\n });\n\n $currentDoc\n .find(\".aigle-breadcrumb\")\n .html($nextDoc.find(\".aigle-breadcrumb\").html());\n $currentDoc\n .find(\".js-off-rate-content\")\n .html($nextDoc.find(\".js-off-rate-content\").html());\n $currentDoc\n .find(\".js-product-list\")\n .html($nextDoc.find(\".js-product-list\").html());\n $currentDoc\n .find(\".js-filter-options__main\")\n .html($nextDoc.find(\".js-filter-options__main\").html());\n $currentDoc\n .find(\".js-sorter-button\")\n .html($nextDoc.find(\".js-sorter-button\").html());\n $currentDoc\n .find(\".js-sorter-content\")\n .html($nextDoc.find(\".js-sorter-content\").html());\n $currentDoc\n .find(\".js-product-list-header\")\n .html($nextDoc.find(\".js-product-list-header\").html());\n\n // this need to be done ubtil dom is updated again.\n uploadPLPImpressionsData();\n\n this._reBindEvents();\n\n if (window.be) {\n window.be.emit(\"ecView\", {\n type: \"category\",\n });\n }\n }\n\n _reBindEvents() {\n new ProductCard();\n }\n\n _FilterProductsDeferred(page, key, value, shouldClearAllOptions) {\n const nextPath = this._nextSearchPath(\n page,\n key,\n value,\n shouldClearAllOptions\n );\n return $.get(nextPath).done(() => {\n if (window.history.pushState) {\n window.history.pushState({}, \"\", nextPath);\n }\n });\n }\n\n _nextSearchPath(page, key, value, shouldClearAllOptions) {\n return `${window.location.pathname}?${this._serializeToSearchQuery(\n shouldClearAllOptions ? [] : this._filtersFormValues(),\n page,\n key,\n value\n )}`;\n }\n\n _filtersFormValues() {\n return $(this._element).find(\".js-filters-form\").serializeArray();\n }\n\n _keyword() {\n const keyword = $(this._element).find(\".js-filters-form\").data(\"keyword\");\n\n return String(keyword).trim();\n }\n\n /**\n *\n * @param {*} key the name of the filter to clear\n * @param {*} value the value of the filter of the key to clear\n */\n _serializeToSearchQuery(arr, page, key, value) {\n let keyArr = {};\n $.each(arr, (_, item) => {\n // clear all options related to the `key`\n if (key && !value && item.name === key) {\n return;\n }\n\n if (keyArr[item.name] == null) {\n keyArr[item.name] = [];\n }\n\n // clear specific `value` of the `key`\n if (key && value && item.name === key && item.value === value) {\n return;\n }\n\n keyArr[item.name].push(item.value);\n });\n\n let keyStr = {};\n $.each(keyArr, (key, value) => {\n keyStr[key] = value.join(\"--\");\n // clear empty key\n if (!keyStr[key]) {\n delete keyStr[key];\n }\n });\n\n let keyword = this._keyword();\n if (keyword !== \"\") {\n keyStr[\"keyword\"] = keyword;\n }\n\n keyStr[\"page\"] = page;\n\n return $.param(keyStr);\n }\n}\n\nexport default FilterProduct;\n","import $ from \"jquery\";\nimport { scorePassword } from \"../js/helper.js\";\n\nclass PasswordStrengthTester {\n constructor() {\n this.bindEvents();\n }\n\n bindEvents() {\n $(\".registration #password\").on(\n \"keyup\",\n this.testPasswordStrength.bind(this)\n );\n }\n\n testPasswordStrength(event) {\n const $target = $(event.currentTarget);\n const password = $target.val();\n const score = scorePassword(password);\n this.removePrevClass();\n $(\".registration .password-strength\").addClass(`lvl${score}`);\n }\n\n removePrevClass() {\n $(\".registration .password-strength\").removeClass(function(index, css) {\n return (css.match(/lvl\\d/g) || []).join(\" \");\n });\n }\n}\n\nexport default PasswordStrengthTester;\n","import $ from \"jquery\";\nimport \"slick-carousel\";\nimport ProductCard from \"./productCard\";\n\nclass Recommendations {\n constructor() {\n this.initSlick();\n }\n\n initSlick() {\n $(\".recommendations .product-box\").slick({\n infinite: true,\n swipe: false,\n slidesToShow: 5,\n slidesToScroll: 5,\n cssEase: \"ease-in-out\",\n responsive: [\n {\n breakpoint: 1279,\n settings: {\n slidesToShow: 4,\n slidesToScroll: 4,\n swipe: true\n }\n },\n {\n breakpoint: 767,\n settings: {\n slidesToShow: 2,\n slidesToScroll: 2,\n swipeToSlide: true,\n swipe: true,\n centerMode: true,\n initialSlide: 1\n }\n }\n ]\n });\n\n $(\".recommendations .product-box\").on(\"breakpoint\", function() {\n new ProductCard();\n });\n }\n}\n\nexport default Recommendations;\n","import $ from \"jquery\";\nimport { insertBeforeViewedProductsTo, animatedInsertAfter } from \"./pdp\";\nimport ProductCard, { lazyLoadProductCardImages } from \"./productCard\";\nimport Recommendations from \"./recommendations\";\nimport {\n UploadProductCardData,\n UploadRecommendsData\n} from \"../gtm/uploadDataComponent\";\n\nclass TopPage {\n constructor() {\n if (window.location.pathname !== \"/\") return;\n\n this.insertPopularProductsAndViewedProducts();\n insertBeforeViewedProductsTo(\"footer\");\n this.emitDataToBoost();\n }\n\n emitDataToBoost() {\n const be = window.be;\n if (be) {\n be.emit(\"ecView\", {\n type: \"home\"\n });\n be.emit(\"ecUser\", {\n user: window.user\n });\n }\n }\n\n insertPopularProductsAndViewedProducts() {\n $.ajax({\n url: `recom/popularity_products.json`,\n type: \"GET\",\n success: data => {\n try {\n const json = JSON.parse(data);\n\n if (json && json.results && json.results[0]) {\n const topSlider = $(\".js-full-width-slider.top-page\").first();\n if (topSlider.length === 0) {\n return;\n }\n\n animatedInsertAfter(topSlider, json.results[0]);\n // init slider\n new Recommendations();\n\n new ProductCard();\n lazyLoadProductCardImages();\n // init UploadRecommendsData\n new UploadRecommendsData();\n // init UplaodProductCardData\n new UploadProductCardData();\n }\n } catch (e) {\n console.log(e);\n }\n }\n });\n }\n}\n\nexport default TopPage;\n","import $ from \"jquery\";\n\nclass Alert {\n constructor() {\n this.bindEvents();\n }\n\n bindEvents() {\n $(\".alert .close-button\").on(\"click\", this.handleClickCloseBtn.bind(this));\n }\n\n handleClickCloseBtn(event) {\n const $target = $(event.currentTarget);\n $target.parent().fadeOut();\n }\n}\n\nexport default Alert;\n","import $ from \"jquery\";\nimport shave from \"shave\";\nimport debounce from \"lodash.debounce\";\nimport \"selectric\";\n\nclass BlogPage {\n constructor() {\n this.bindEvents();\n this.showTabByURLHash();\n this.initShave();\n $(window).on(\"resize\", debounce(this.initShave, 250));\n\n $(`.tab-select`).selectric({\n nativeOnMobile: false,\n disableOnMobile: false\n });\n }\n\n initShave() {\n const length = $(\".js-blog-preview\").length;\n for (let i = 0; i < length; i++) {\n const element = $(\".js-blog-preview\")[i];\n const articleId = $(element).data(\"id\");\n\n let textlength = 50;\n if (\n $(window).width() >= 768 &&\n $(element)\n .parent()\n .parent()\n .hasClass(\"big-banner-article\")\n ) {\n textlength = 160;\n }\n shave(element, textlength, {\n spaces: false,\n character: `... 続きを読む `\n });\n\n if (!$(element).hasClass(\"shaved\")) {\n $(element).addClass(\"shaved\");\n }\n }\n }\n\n showTabByURLHash() {\n const hash = window.location.hash.slice(1);\n if (hash !== \"\" && $(`[name=${hash}].tab`).length !== 0) {\n $(`[name=${hash}].tab`).click();\n }\n }\n\n bindEvents() {\n $(\".tab\").on(\"click\", this.handleClickTab.bind(this));\n $(\".tab-select\").on(\"change\", this.handleSelectTab.bind(this));\n $(\".blog-top-page\").on(\n \"click\",\n \".js-load-more\",\n this.handleClickLoadMore.bind(this)\n );\n $(window).on(\"hashchange\", this.showTabByURLHash);\n }\n\n handleClickTab(event) {\n const $target = $(event.currentTarget);\n if ($target.hasClass(\"active\")) return;\n\n $(\".tab\").removeClass(\"active\");\n $target.addClass(\"active\");\n\n $(\".tab-select\").val($target.index());\n\n $(\".tab-content\").removeClass(\"active\");\n $(\".tab-content\")\n .eq($target.index())\n .addClass(\"active\");\n\n this.initShave();\n }\n\n handleSelectTab(event) {\n const $target = $(event.currentTarget);\n const index = $target.find(\"option:selected\").val();\n\n $(\".tab\").removeClass(\"active\");\n $(\".tab\")\n .eq(index)\n .addClass(\"active\");\n\n $(\".tab-content\").removeClass(\"active\");\n $(\".tab-content\")\n .eq(index)\n .addClass(\"active\");\n }\n\n handleClickLoadMore(event) {\n const $target = $(event.currentTarget);\n $target.hide();\n const self = this;\n\n const url = $target.data(\"url\");\n $.ajax({\n url,\n success: function(result) {\n $(result).appendTo($target.parent().parent());\n $target.parent().remove();\n self.initShave();\n }\n });\n }\n}\n\nexport default BlogPage;\n","import $ from \"jquery\";\n\nclass Faq {\n constructor() {\n this.bindEvents();\n this.moveToAnchor();\n }\n\n bindEvents() {\n $(\".js-toggle-article-button\").on(\n \"click\",\n this.handleClickToggleBtn.bind(this)\n );\n $(window).on(\"hashchange\", this.handleHashChange.bind(this));\n }\n\n handleClickToggleBtn(event) {\n const $target = $(event.currentTarget);\n if ($target.parent().hasClass(\"opened\")) {\n $target.parent().removeClass(\"opened\");\n $target.text(\"詳細を見る\");\n $target\n .parent()\n .next()\n .slideUp();\n } else {\n $target.parent().addClass(\"opened\");\n $target.text(\"閉じる\");\n $target\n .parent()\n .next()\n .slideDown();\n }\n }\n\n moveToAnchor() {\n const hash = window.location.hash.slice(1);\n\n if (hash === \"\") {\n return false;\n }\n\n showSection(hash);\n\n if ($(`[name=\"${hash}\"]`).length !== 0) {\n $(\"html, body\").animate({\n scrollTop: $(`[name=\"${hash}\"]`).offset().top - 95\n });\n } else if ($(\"#\" + hash).length !== 0) {\n const name = $(\"#\" + hash).closest(\"article\").prev().attr(\"name\");\n showSection(name);\n }\n\n function showSection(name) {\n $(`[name=\"${name}\"]`).addClass(\"opened\");\n $(`[name=\"${name}\"] .js-toggle-article-button`).text(\"閉じる\");\n $(`[name=\"${name}\"]`)\n .next()\n .show();\n }\n }\n\n handleHashChange() {\n const hash = window.location.hash.slice(1);\n\n if (!$(`[name=\"${hash}\"]`).hasClass(\"opened\")) {\n $(`${`[name=\"${hash}\"]`} .js-toggle-article-button`).click();\n }\n if ($(`[name=\"${hash}\"]`).length !== 0) {\n $(\"html, body\").animate({\n scrollTop: $(`[name=\"${hash}\"]`).offset().top - 95\n });\n }\n }\n}\n\nexport default Faq;\n","import $ from \"jquery\";\n\nclass Anchor {\n constructor() {\n this.bindEvents();\n this.moveToAnchor();\n this.clickToMoveAnchor();\n }\n\n bindEvents() {\n $(window).on(\"hashchange\", this.handleHashChange.bind(this));\n }\n\n scroll(hash) {\n $(\"html, body\").animate(\n {\n scrollTop: $(`[id=\"${hash}\"]`).offset().top - 95,\n },\n 400,\n \"swing\"\n );\n }\n\n clickToMoveAnchor() {\n // avoid click pdp popup item body scroll .js-product-washing|.js-product-technology|.js-show-size-guide|.js-show-store-inventory-popup\n // refer: https://theplanttokyo.atlassian.net/browse/LAX-4178\n const buttons = document.querySelectorAll(\n `[href*='#']:not([class*='js-'])`\n );\n\n for (let i = 0; i < buttons.length; i++) {\n const button = buttons[i];\n button.addEventListener(\"click\", () => {\n const hash = button.getAttribute(\"href\").split(\"#\").pop();\n this.scroll(hash);\n });\n }\n }\n\n moveToAnchor() {\n const hash = window.location.hash.slice(1);\n\n if (hash === \"\") {\n return false;\n }\n\n if ($(`[id=\"${hash}\"]`).length !== 0) {\n this.scroll(hash);\n }\n }\n\n handleHashChange() {\n const hash = window.location.hash.slice(1);\n\n if ($(`[id=\"${hash}\"]`).length !== 0) {\n this.scroll(hash);\n }\n }\n}\n\nexport default Anchor;\n","import $ from \"jquery\";\nimport Validator from \"./validator.js\";\n\nclass Contact {\n constructor() {\n this.$contactForm = $(\".js-contact-form\");\n\n Validator.addCustomValidate();\n this.addContactValidation();\n }\n\n addContactValidation() {\n this.$contactForm.validate({\n errorClass: \"error\",\n errorElement: \"span\",\n errorPlacement: function(error, element) {\n if (element.attr(\"name\") === \"agree_privacy_policy\") {\n $(element)\n .siblings(\"span\")\n .append(error);\n } else {\n error.insertAfter(element);\n }\n },\n rules: {\n family_name: {\n required: true,\n maxlength: 20\n },\n given_name: {\n required: true,\n maxlength: 20\n },\n email: {\n required: true,\n emailCustom: true,\n maxlength: 50\n },\n content: {\n required: true,\n minlength: 10\n },\n agree_privacy_policy: {\n required: true\n }\n }\n });\n }\n}\n\nexport default Contact;\n","import $ from \"jquery\";\nimport Validator from \"./validator.js\";\n\nclass Newsletter {\n constructor() {\n this.$newsletterForm = $(\".js-newsletter-form\");\n\n Validator.addCustomValidate();\n this.addNewsletterValidation();\n }\n\n addNewsletterValidation() {\n this.$newsletterForm.validate({\n errorClass: \"error\",\n errorElement: \"span\",\n rules: {\n EMAIL: {\n required: true,\n emailCustom: true,\n maxlength: 50\n }\n }\n });\n }\n}\n\nexport default Newsletter;\n","import $ from \"jquery\";\nimport debounce from \"lodash.debounce\";\n\nclass AboutPage {\n constructor() {\n this.bindEvents();\n\n if ($(window).width() >= 768) {\n $(\"header > .topbar-wrapper + .main-menu\").hide();\n }\n }\n\n handleResize() {\n if ($(window).width() < 768) {\n $(\"header > .topbar-wrapper + .main-menu\").show();\n } else {\n $(\"header > .topbar-wrapper + .main-menu\").hide();\n }\n }\n\n bindEvents() {\n $(\".heritage-nav .js-nav-tab\").on(\n \"click\",\n this.handleClickNavTab.bind(this)\n );\n $(\".heritage .js-nav-tab\").on(\n \"click\",\n this.handleClickNavTabAndScrollTop.bind(this)\n );\n $(window).on(\"resize\", debounce(this.handleResize, 250));\n }\n\n handleClickNavTab(event) {\n event.preventDefault();\n\n const $target = $(event.currentTarget);\n const contentId = $target.attr(\"href\");\n if ($(contentId).hasClass(\"active\")) {\n return false;\n } else {\n $(\".heritage-nav .js-nav-tab\")\n .parent()\n .removeClass(\"active\");\n $(`[href=\"${contentId}\"]`)\n .parent()\n .addClass(\"active\");\n\n $(\".heritage\").removeClass(\"active\");\n $(contentId).addClass(\"active\");\n }\n }\n\n handleClickNavTabAndScrollTop(event) {\n this.handleClickNavTab(event);\n\n $(\"html, body\").animate({ scrollTop: 0 }, 300);\n }\n}\n\nexport default AboutPage;\n","import $ from \"jquery\";\n\nimport { DESKTOP_HEADER_BREAKPOINT } from \"../constants/Misc\";\n\nconst bodyScrollLock = require(\"body-scroll-lock\");\nconst disableBodyScroll = bodyScrollLock.disableBodyScroll;\nconst clearAllBodyScrollLocks = bodyScrollLock.clearAllBodyScrollLocks;\n\nclass Header {\n timer;\n\n constructor() {\n this.bindEvents();\n\n $(\".header\").addClass(\"header--initialized\");\n }\n\n bindEvents() {\n $(\".js-hamburger:not(disabled)\").bind(\n \"click\",\n this.handleClickHamburger.bind(this)\n );\n $(\".js-header-mobile-top-menu\").bind(\n \"click\",\n this.handleClickTopMenu.bind(this)\n );\n $(\".js-header-mobile-sub-menu-item_title\").bind(\n \"click\",\n this.handleClickSubMenu.bind(this)\n );\n $(\".js-header-mobile-back-to-top-menu\").bind(\n \"click\",\n this.handleClickBackToTopMenu.bind(this)\n );\n $(\".header__top-menu\").bind(\n \"mouseenter\",\n this.handleMouseEnterTopMenu.bind(this)\n );\n $(\".js-header-menu\").bind(\"mouseleave\", this.handleCloseTopMenu.bind(this));\n $(\".js-mobilemenu-close\").bind(\"click\", this.closeMenu.bind(this));\n $(\".js-header-search-close-button\").bind(\n \"click\",\n this.closeSearchModal.bind(this)\n );\n $(\".js-search-modal-trigger\").bind(\n \"click\",\n this.openSearchModal.bind(this)\n );\n $(\".js-sub-menu-link\").bind(\"mouseenter\", this.showRelatedImage.bind(this));\n $(\".js-header-mobile-top-menu\").bind(\n \"click\",\n this.showDefaultImage.bind(this)\n );\n $(\".js-header__link-item-cart\").on(\n \"mouseenter\",\n this.showCartWidget.bind(this)\n );\n $(\".js-header__link-item-cart\").on(\n \"mouseleave\",\n this.hideCartWidget.bind(this)\n );\n\n this.switchHeader();\n $(window).scroll(this.switchHeader);\n\n document.addEventListener(\"scroll\", this.resetHeaderForPC);\n window.addEventListener(\"resize\", this.resetHeaderForPC);\n window.addEventListener(\"orientationchange\", this.resetHeaderForPC);\n }\n\n switchHeader() {\n if ($(window).scrollTop() <= 0) {\n $(\".header\").removeClass(\"header--fixed\").addClass(\"header--opacity-bg\");\n } else if ($(\".header\").hasClass(\"header--opacity-bg\")) {\n $(\".header\").addClass(\"header--fixed\").removeClass(\"header--opacity-bg\");\n }\n }\n\n resetHeaderForPC = () => {\n if (\n $(\".js-hamburger\").hasClass(\"is-active\") &&\n $(window).width() >= DESKTOP_HEADER_BREAKPOINT\n ) {\n this.closeMenu();\n $(\".header__nav\").removeAttr(\"style\");\n $(\".header__sub-menu\").removeAttr(\"style\");\n }\n };\n\n handleClickHamburger(event) {\n const $target = $(event.currentTarget);\n $target.toggleClass(\"is-active\");\n\n const navElement = document.querySelector(\".header__nav\");\n if ($target.hasClass(\"is-active\")) {\n alignMobileMenuTopToHeader();\n\n $(\".header\").addClass(\"header--white-bg\");\n $(\"body\").addClass(\"is-mobile-menu-open\");\n disableBodyScroll(navElement);\n } else {\n $(\"body\").removeClass(\"is-mobile-menu-open\");\n $(\".header\").removeClass(\"header--white-bg\");\n clearAllBodyScrollLocks();\n }\n\n $(\".js-header-mobile-top-menu.is-active\").removeClass(\"is-active\");\n this.resetAllStatus();\n }\n\n resetAllStatus() {\n $(\".header__backdrop.visible\").removeClass(\"visible\");\n $(\".header__sub-menu.expand\").removeClass(\"expand\");\n $(\".header__top-link.visible\").removeClass(\"visible\");\n }\n\n handleClickTopMenu(event) {\n // mobile menu opens\n if ($(\".js-hamburger\").hasClass(\"is-active\")) {\n event.preventDefault();\n\n $(\".js-header-mobile-top-menu\").removeClass(\"is-active\");\n\n const $target = $(event.currentTarget);\n $target.addClass(\"is-active\");\n\n const $subMenuTarget = $target.find(\"~ .header__sub-menu\");\n if ($subMenuTarget.length > 0) {\n disableBodyScroll($subMenuTarget[0]);\n }\n\n if (window.innerWidth < DESKTOP_HEADER_BREAKPOINT) {\n this.displayCategoryImage($target);\n }\n }\n }\n\n displayCategoryImage($target) {\n const $imageWrapper = $target\n .siblings(\".header__sub-menu\")\n .find(\".header__sub-images-wrapper\");\n\n const $subCategoryImgWrapper = $target\n .siblings(\".header__sub-menu\")\n .find(\".header__sub-menu-back .image-container\");\n\n if ($imageWrapper) {\n const $matchImage = $imageWrapper.find(\n \".header__sub-image-item:not([data-code])\"\n );\n\n if ($matchImage) {\n const $img = $matchImage.find(\"img\");\n\n $subCategoryImgWrapper.css(\n \"background-image\",\n `url(https:${$img.data(\"src\")})`\n );\n }\n }\n }\n\n handleClickSubMenu(event) {\n event.preventDefault();\n const $target = $(event.currentTarget);\n const navElement = $target.next(\".header__sub-links-expand-wrapper\");\n if (window.innerWidth < DESKTOP_HEADER_BREAKPOINT) {\n this.resetAllStatus();\n // mobile\n if ($target.hasClass(\"expand\")) {\n $target.removeClass(\"expand\");\n } else {\n $target.addClass(\"expand\");\n }\n if (navElement.hasClass(\"expand\")) {\n navElement.removeClass(\"expand\");\n } else {\n navElement.addClass(\"expand\");\n }\n } else {\n // desktop\n if (!$(\".header__sub-menu\").hasClass(\"expand\")) {\n $(\".header__sub-menu\").addClass(\"expand\");\n }\n\n this.clearActiveCategoryTitle();\n $(\".header__sub-menu-item-expand-title\").addClass(\"grey\");\n $(\".header__sub-menu-item.no-child-menu\").addClass(\"grey\");\n $target.addClass(\"active\");\n this.showRelatedImage(event, $target.find(\".js-sub-menu-link\"), true);\n }\n }\n\n handleClickBackToTopMenu(event) {\n const $target = $(event.currentTarget);\n $target\n .closest(\".header__top-menu\")\n .find(\".js-header-mobile-top-menu\")\n .removeClass(\"is-active\");\n\n clearAllBodyScrollLocks();\n const navElement = document.querySelector(\".header__nav\");\n disableBodyScroll(navElement);\n }\n\n handleMouseEnterTopMenu(event) {\n if (window.innerWidth < DESKTOP_HEADER_BREAKPOINT) {\n return;\n }\n\n if (!$(\".header\").hasClass(\"header--white-bg\")) {\n $(\".header\").addClass(\"header--white-bg\");\n }\n\n if (!$(\".header__backdrop\").hasClass(\"visible\")) {\n $(\".header__backdrop\").addClass(\"visible\");\n }\n\n this.clearActiveCategoryTitle();\n\n $(\".header__sub-menu.expand\").removeClass(\"expand\");\n\n const menuTarget = $(event.currentTarget);\n\n menuTarget.find(\".header__top-link\").addClass(\"visible\");\n // clear old visible to fixes the old disapper before new display\n if (this.timer) {\n clearTimeout(this.timer);\n }\n\n this.timer = setTimeout(() => {\n menuTarget\n .siblings()\n .find(\".header__top-link.visible\")\n .removeClass(\"visible\");\n }, 100);\n\n // lazy load sub menu images\n if ($(\".js-hamburger\").hasClass(\"is-active\")) {\n // no need to display images on mobile\n return;\n }\n\n const $target = $(event.currentTarget);\n $target.find(\"img[data-src]\").each(function () {\n $(this).attr(\"src\", $(this).data(\"src\"));\n $(this).removeAttr(\"data-src\");\n });\n\n this.showDefaultImage(event, menuTarget.find(\".header__top-link\"));\n }\n\n handleCloseTopMenu(event) {\n if (window.innerWidth < DESKTOP_HEADER_BREAKPOINT) {\n return;\n }\n\n $(\".header\").removeClass(\"header--white-bg\");\n\n $(\".js-header-mobile-top-menu.is-active\").removeClass(\"is-active\");\n this.resetAllStatus();\n this.clearActiveCategoryTitle();\n }\n\n clearActiveCategoryTitle() {\n $(\".header__sub-menu-item-expand-title.grey\").removeClass(\"grey\");\n $(\".header__sub-menu-item-expand-title.active\").removeClass(\"active\");\n $(\".header__sub-menu-item.no-child-menu.grey\").removeClass(\"grey\");\n }\n\n closeMenu() {\n $(\".js-hamburger\").click();\n }\n\n onClickOutside = (event) => {\n const el = document.querySelector(\".js-search-modal.is-active\");\n if (el && !el.contains(event.target)) {\n this.closeSearchModal();\n }\n };\n\n openSearchModal() {\n $(\".js-search-modal\").addClass(\"is-active\");\n $(\"#header-container\").addClass(\"is-search-active\");\n\n // focus on search input\n setTimeout(() => {\n $(\"input.header__search-input\").focus();\n document.addEventListener(\"click\", this.onClickOutside);\n }, 100);\n }\n\n closeSearchModal(event) {\n if (event) {\n event.preventDefault();\n }\n\n $(\".js-search-modal\").removeClass(\"is-active\");\n $(\"#header-container\").removeClass(\"is-search-active\");\n document.removeEventListener(\"click\", this.onClickOutside);\n }\n\n showRelatedImage(event, target, showSubCategoryImage) {\n const $target = target || $(event.currentTarget);\n\n if (\n $target.parent().parent().hasClass(\"header__sub-links-wrapper\") &&\n !showSubCategoryImage\n ) {\n return;\n }\n\n const code = $target.attr(\"data-code\");\n\n const $relatedImage = $target\n .closest(\".header__sub-menu\")\n .find(\".header__sub-images-wrapper\")\n .find(`.header__sub-image-item[data-code='${code}']`);\n\n $(\".header__sub-image-item\").removeClass(\"header__sub-image-item--active\");\n\n if ($relatedImage.length) {\n $relatedImage.addClass(\"header__sub-image-item--active\");\n }\n }\n\n showDefaultImage(event, target) {\n const $target = target || $(event.currentTarget);\n\n const $defaultImage = $target\n .siblings(\".header__sub-menu\")\n .find(\".header__sub-images-wrapper\")\n .find(\".header__sub-image-item:not([data-code])\");\n\n $(\".header__sub-image-item\").removeClass(\"header__sub-image-item--active\");\n\n if ($defaultImage.length) {\n $defaultImage.addClass(\"header__sub-image-item--active\");\n }\n }\n\n showCartWidget(event) {\n const $target = $(event.currentTarget);\n $target.addClass(\"is-active\");\n\n if (\n $(\".header\").hasClass(\"header--opacity-bg\") &&\n $(\"#cart-widget-app .cart-widget\").length\n ) {\n $(\".header\")\n .addClass(\"header--cart-active\")\n .removeClass(\"header--opacity-bg\");\n }\n }\n\n hideCartWidget(event) {\n const $target = $(event.currentTarget);\n $target.removeClass(\"is-active\");\n\n $(\".header\").removeClass(\"header--cart-active\");\n if (!$(\".header\").hasClass(\"header--fixed\")) {\n $(\".header\").addClass(\"header--opacity-bg\");\n }\n }\n}\n\nexport const alignMobileMenuTopToHeader = () => {\n if ($(window).width() >= DESKTOP_HEADER_BREAKPOINT) {\n $(\".header__nav\").removeAttr(\"style\");\n $(\".header__sub-menu\").removeAttr(\"style\");\n return;\n }\n};\n\nexport default Header;\n","import $ from \"jquery\";\nimport Cookie from \"js-cookie\";\nimport \"slick-carousel\";\nimport { alignMobileMenuTopToHeader } from \"./header\";\n\nclass TextBanner {\n constructor() {\n this.initTextBanner();\n this.bindEvents();\n }\n\n initTextBanner() {\n const isRollingTextHidden = Cookie.get(\"isRollingTextHidden\");\n if (isRollingTextHidden === \"true\") {\n return;\n }\n\n this.initSlick();\n }\n\n initSlick() {\n $(\".text-banner\").slick({\n vertical: true,\n arrows: false,\n autoplay: true,\n autoplaySpeed: 3000,\n speed: 600\n });\n }\n\n bindEvents() {\n $(\".text-banner-container .close-button\").on(\n \"click\",\n this.handleClickCloseBtn.bind(this)\n );\n }\n\n handleClickCloseBtn(event) {\n const $target = $(event.currentTarget);\n Cookie.set(\"isRollingTextHidden\", \"true\");\n\n const $textBannerContainer = $target.closest(\".text-banner-container\");\n $textBannerContainer.animate({ height: 0 }, 300, () => {\n $(\"body\").addClass(\"without-text-banner\");\n alignMobileMenuTopToHeader();\n });\n\n $(\".text-banner\").slick(\"slickPause\");\n }\n}\n\nexport default TextBanner;\n","import $ from \"jquery\";\n\nclass InstoreAppHome {\n constructor() {\n this.bindEvents();\n }\n\n bindEvents() {\n $(\".js-top-level-tile\").on(\"click\", this.enterSubLevel.bind(this));\n $(\".js-back-to-top-level-tile\").on(\"click\", this.backToTopLevel.bind(this));\n }\n\n enterSubLevel() {\n $(\".tiles-wrapper\").addClass(\"in-sub-level\");\n\n // eslint-disable-next-line\n const $target = $(event.currentTarget);\n $target.parent().addClass(\"active\");\n\n $target.fadeOut(0, function() {\n $target.next().fadeIn(300);\n });\n\n $(\"html, body\").animate({ scrollTop: 0 }, 300);\n }\n\n backToTopLevel() {\n $(\".tiles-wrapper\").removeClass(\"in-sub-level\");\n\n $(\".tiles-wrapper\")\n .find(\">li.active\")\n .removeClass(\"active\");\n\n // eslint-disable-next-line\n const $target = $(event.currentTarget);\n $target.closest(\".sub-tiles-wrapper\").fadeOut(0, function() {\n $target\n .closest(\".sub-tiles-wrapper\")\n .prev()\n .fadeIn(100);\n });\n\n $(\"html, body\").animate({ scrollTop: 0 }, 300);\n }\n}\n\nexport default InstoreAppHome;\n","import $ from \"jquery\";\n\n// hero banner or video banner closest to the header can set the theme.\nconst validThemeContainerInOnline = $(\"#header-container + div\");\n\nexport function setHeaderColor(container, isWhite) {\n let validThemeContainer = validThemeContainerInOnline;\n if (validThemeContainer.length === 0) {\n // get validThemeContainerInCMS every time since the context is updated\n validThemeContainer = $(\"#header-container + main>div:first-child\");\n }\n if (\n validThemeContainer.length !== 0 &&\n container &&\n container.closest(validThemeContainer).length !== 0\n ) {\n $(\"#header-container .header\").toggleClass(\"header--white-text\", isWhite);\n }\n}\n","import $ from \"jquery\";\n\n// Changes based on https://github.com/theplant/asics3/blob/15a0741d5ec2cee1ee9adee0d1fb0e094975bf36/app/views/qor/assets/javascripts/video.js#L7-L8\n// https://youtu.be/IZC02EQqcXc\n// https://www.youtube.com/embed/IZC02EQqcXc\nconst reUrlYoutube =\n /* eslint-disable-next-line */\n /https?:\\/\\/(?:[0-9A-Z-]+\\.)?(?:youtu\\.be\\/|youtube\\.com\\S*[^\\w\\-\\s])([\\w\\-]{11})(?=[^\\w\\-]|$)(?![?=&+%\\w.-]*(?:['\"][^<>]*>|<\\/a>))[?=&+%\\w.-]*/gi;\n// https://player.vimeo.com/video/219364649\n// https://vimeo.com/179473410\nconst reUrlVimeo =\n /https?:\\/\\/(?:[0-9a-z-]+\\.)?vimeo.com\\/(?:\\w+\\/)?(\\d+)($|\\/)/;\n// http://player.freecaster.com/embed/1215043\nconst relUrlFreecaster =\n /https?:\\/\\/(?:[0-9a-z-]+\\.)?freecaster.com\\/(?:\\w+\\/)?(\\d+)($|\\/)/;\n\nconst normalVideo = \"normalVideo\";\n\nconst changePlainLinkToEmbed = (videoUrl: string) => {\n let videoSrc: string | undefined = videoUrl;\n let videoType: string | undefined = normalVideo;\n\n if (videoUrl.match(reUrlYoutube)) {\n videoSrc = videoUrl.replace(reUrlYoutube, \"www.youtube.com/embed/$1\");\n videoType = \"youtubeVideo\";\n } else if (videoUrl.match(reUrlVimeo)) {\n videoSrc = videoUrl.replace(reUrlVimeo, \"player.vimeo.com/video/$1\");\n videoType = \"vimeoVideo\";\n } else if (videoUrl.match(relUrlFreecaster)) {\n videoSrc = videoUrl.replace(\n relUrlFreecaster,\n \"player.freecaster.com/embed/$1\"\n );\n videoType = \"freecasterVideo\";\n }\n\n return {\n url: videoSrc.indexOf(\"https\") === -1 ? \"https://\" + videoSrc : videoSrc,\n videoType,\n };\n};\n\nconst getAspectRatio = (proportion) => {\n let arr = proportion.split(\":\");\n\n // return hegiht / width\n\n if (arr.length === 2) {\n return (parseInt(arr[1]) / parseInt(arr[0])) * 100 + \"%\";\n }\n\n return (9 / 16) * 100 + \"%\";\n};\n\nconst getVideoID = (videoUrl) => {\n let videoId;\n if (videoUrl.split(\"/\").length > 0) {\n videoId = videoUrl.split(\"/\").pop();\n if (videoId && videoId.split(\"?\") && videoId?.split(\"?\").length > 0) {\n videoId = videoId?.split(\"?\")[0];\n }\n }\n\n return videoId;\n};\n\nconst getVideoInfoFromDom = (dom) => {\n const videoSrc = $(dom).attr(\"data-video-src\");\n const imgSrc = $(dom).attr(\"data-img-src\");\n const proportion = $(dom).attr(\"data-proportion\");\n const mute = $(dom).attr(\"data-mute\") === \"true\";\n const autoplay = $(dom).attr(\"data-autoplay\") === \"true\";\n const videoId = videoSrc ? getVideoID(videoSrc) : undefined;\n\n const aspectRation = proportion ? getAspectRatio(proportion) : undefined;\n\n return {\n videoSrc,\n imgSrc,\n aspectRation,\n mute,\n autoplay,\n videoId,\n proportion,\n };\n};\n\nexport { changePlainLinkToEmbed, getVideoInfoFromDom, normalVideo, getVideoID };\n","import $ from \"jquery\";\nimport React from \"react\";\nimport Player from \"@vimeo/player\";\nimport { normalVideo } from \"./videoHelper\";\n\nconst onPlayerReady = (event: any, autoplay) => {\n const windowSize = window.innerWidth;\n if (windowSize < 768 && windowSize >= 320) {\n // only mobile need\n if (autoplay) {\n // mute before play, this is important,\n // because only mute video can autoplay in mobile browser\n event.target.mute();\n event.target.playVideo();\n event.target.hideVideoInfo();\n }\n }\n};\n\nconst downloadYoutubeIframe = () => {\n if (!Window.YT) {\n const tag = document.createElement(\"script\");\n tag.id = \"iframe-demo\";\n tag.src = \"https://www.youtube.com/iframe_api\";\n const firstScriptTag = document.getElementsByTagName(\"script\")[0];\n if (firstScriptTag && firstScriptTag.parentNode) {\n firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\n }\n }\n};\n\nconst VideoApp = ({\n url,\n videoId,\n autoplay,\n mute,\n className,\n videoType,\n proportion,\n}) => {\n const ref = React.useRef();\n const playButtonRef = React.useRef();\n const muteButtonRef = React.useRef();\n const videoRef = React.useRef(null);\n let youtubePlayer;\n let vimeoPlayer;\n let timer = null;\n\n const showVideo = () => {\n const video = videoRef && videoRef.current;\n if (video) {\n video.style.visibility = \"visible\";\n video.style.height = \"auto\";\n }\n };\n\n const downloadNormalVideo = () => {\n const video = videoRef && videoRef.current;\n const source = video?.querySelector(\"source\");\n\n if (video && source) {\n video.autoplay = Boolean(autoplay);\n if (source) {\n source.src = source?.dataset.src;\n\n video.load();\n video.addEventListener(\"loadedmetadata\", () => {\n const width = video.videoWidth;\n const height = video.videoHeight;\n const [pw, ph] = (proportion || \"16:9\").split(\":\");\n\n if ((height * Number(pw)) / Number(ph) === width) {\n video.style.maxWidth = \"100vw\";\n }\n\n const dimision = (height / width) * 100;\n const videoContainer = video.closest(\".video-container\");\n if (videoContainer) {\n const oldPaddingBottom = videoContainer.style.paddingBottom;\n if (oldPaddingBottom !== \"45%\") {\n // 45% is for desktop screen size to allow user to see all content\n videoContainer.style.paddingBottom = `${dimision}%`;\n }\n }\n });\n video.addEventListener(\"canplay\", () => {\n if (autoplay) {\n const playPromise = video.play();\n if (playPromise) {\n playPromise.then(\n () => {\n showVideo();\n },\n () => {\n console.log(\"cannot play, show when touch\");\n document.addEventListener(\n \"touchstart\",\n () => {\n console.log(\"document touch start\");\n showVideo();\n if (autoplay) {\n video.play();\n }\n },\n { once: true }\n );\n document.addEventListener(\n \"click\",\n () => {\n showVideo();\n\n if (autoplay) {\n video.play();\n }\n },\n { once: true }\n );\n }\n );\n }\n } else {\n showVideo();\n }\n });\n }\n\n video.muted = autoplay ? true : mute ? true : false;\n\n if (typeof video.loop == \"boolean\") {\n // loop supported\n video.loop = true;\n } else {\n // loop property not supported\n video.addEventListener(\n \"ended\",\n function () {\n video.play();\n },\n false\n );\n }\n }\n };\n\n React.useEffect(() => {\n if (videoType === \"youtubeVideo\") {\n downloadYoutubeIframe();\n }\n\n let playButton = playButtonRef.current;\n let muteButton = muteButtonRef.current;\n const video = videoRef && videoRef.current;\n let controlPlay;\n let controlMute;\n\n if (ref || videoRef.current) {\n switch (videoType) {\n case \"youtubeVideo\":\n newAndPlayYoutubeVideo();\n break;\n case \"vimeoVideo\":\n newAndPlayVimeoVideo();\n break;\n default:\n downloadNormalVideo();\n break;\n }\n\n $(playButton).attr(\"data-played\", autoplay);\n $(muteButton).attr(\"data-muted\", mute);\n\n if (autoplay) {\n $(muteButton).attr(\"data-muted\", true);\n $(playButton).attr(\"data-played\", true);\n $(playButton).attr(\"data-resume\", true);\n }\n\n controlPlay = (e) => {\n e.preventDefault();\n switch (videoType) {\n case \"youtubeVideo\":\n youtubePlayer.playVideo();\n break;\n case \"vimeoVideo\":\n vimeoPlayer.play();\n break;\n default:\n if (video) {\n showVideo();\n video.play();\n }\n break;\n }\n $(playButton).attr(\"data-played\", true);\n $(playButton).attr(\"data-resume\", true);\n };\n\n $(playButton).bind(\"click\", controlPlay);\n\n controlMute = (e) => {\n e.preventDefault();\n if ($(muteButton).attr(\"data-muted\") === \"true\") {\n switch (videoType) {\n case \"youtubeVideo\":\n youtubePlayer.unMute();\n break;\n case \"vimeoVideo\":\n vimeoPlayer.setMuted(false);\n break;\n default:\n if (video) {\n video.muted = false;\n }\n break;\n }\n\n $(muteButton).attr(\"data-muted\", false);\n } else {\n switch (videoType) {\n case \"youtubeVideo\":\n youtubePlayer.mute();\n break;\n case \"vimeoVideo\":\n vimeoPlayer.setMuted(true);\n break;\n default:\n if (video) {\n video.muted = true;\n }\n break;\n }\n $(muteButton).attr(\"data-muted\", true);\n }\n };\n\n $(muteButton).bind(\"click\", controlMute);\n\n const $videoBanner = $(ref.current).closest(\".js-video-banner-slider\");\n $videoBanner.on(\n \"beforeChange\",\n function (event, slick, currentSlide, nextSlide) {\n const activeSlide = slick.$slides.get(nextSlide);\n\n let currentActiveClass = $(activeSlide)\n .find(\".videoTarget div\")\n .attr(\"class\");\n\n if (!currentActiveClass) {\n currentActiveClass = $(activeSlide)\n .find(\".videoTarget iframe\")\n .attr(\"class\");\n }\n\n if (currentActiveClass === className) {\n if ($(playButton).attr(\"data-resume\") === \"true\") {\n switch (videoType) {\n case \"youtubeVideo\":\n youtubePlayer.playVideo();\n break;\n case \"vimeoVideo\":\n vimeoPlayer.play();\n break;\n default:\n break;\n }\n\n // after touch video banner, next slider video banner will autoplay\n // so need to set it's playbutton to played\n // the muteButton will displayed for user to mute or not\n $(playButton).attr(\"data-played\", true);\n }\n } else {\n switch (videoType) {\n case \"youtubeVideo\":\n if (youtubePlayer && youtubePlayer.stopVideo) {\n youtubePlayer.stopVideo();\n }\n break;\n case \"vimeoVideo\":\n vimeoPlayer.pause();\n break;\n default:\n break;\n }\n // reset playbutton when slide is non-active\n $(playButton).attr(\"data-played\", false);\n }\n }\n );\n }\n\n return () => {\n if (timer) {\n clearInterval(timer);\n }\n $(playButton).unbind(\"click\", controlPlay);\n $(muteButton).unbind(\"click\", controlMute);\n };\n // eslint-disable-next-line\n }, []);\n\n const newAndPlayYoutubeVideo = () => {\n timer = setInterval(() => {\n if (window.YT) {\n if (timer) {\n clearInterval(timer);\n }\n\n window.YT.ready(function () {\n youtubePlayer = new window.YT.Player(ref.current, {\n events: {\n onReady: (e) => onPlayerReady(e, autoplay),\n },\n videoId,\n playerVars: {\n autoplay: autoplay ? 1 : 0,\n controls: 0,\n autohide: 1,\n mute: autoplay ? 1 : mute ? 1 : 0, // autoplay must be muted\n wmode: \"transparent\",\n loop: 1,\n rel: 0,\n iv_load_policy: 3,\n modestbranding: 1,\n playlist: videoId,\n },\n });\n });\n }\n }, 200);\n };\n\n const newAndPlayVimeoVideo = () => {\n vimeoPlayer = new Player(ref.current, {\n id: videoId,\n controls: false,\n loop: true,\n muted: autoplay ? true : mute,\n background: autoplay,\n });\n };\n\n return (\n <>\n \n {videoType === normalVideo ? (\n
\n Your browser doesn't support HTML5 video.
\n \n ) : (\n
\n )}\n \n {videoSrc ? (\n `;\n\n const $chevronRight = `\n `;\n\n const childrenLength = $(this).children(\"div\").length;\n if (\n childrenLength > columnNumber ||\n (isMobileOneColumnSlider && childrenLength > 1)\n ) {\n $(this).before($chevronLeft);\n $(this).after($chevronRight);\n\n $(this).slick({\n infinite: false,\n slidesToShow: columnNumber,\n slidesToScroll: columnNumber,\n prevArrow: $(this).siblings(\".left-rounded-arrow\"),\n nextArrow: $(this).siblings(\".right-rounded-arrow\"),\n responsive: [\n {\n breakpoint: 768,\n settings: {\n slidesToShow: 1.2,\n slidesToScroll: 1,\n },\n },\n ],\n });\n }\n });\n }\n\n initTimelineCarousel() {\n if ($(\".js-timeline-carousel-slider\").length === 0) return;\n\n $(\".js-timeline-carousel-slider\").each(function () {\n $(this).slick({\n infinite: false,\n slidesToShow: 1,\n slidesToScroll: 1,\n prevArrow: $(this).siblings(\".left-rounded-arrow\"),\n nextArrow: $(this).siblings(\".right-rounded-arrow\"),\n });\n });\n }\n\n initFullWidthSlider() {\n if ($(\".js-full-width-slider\").length === 0) return;\n\n const $normalHeroBannerSlider = $(\n \"#header-container + .js-full-width-slider\"\n );\n const $pagebuilderHeroBannerSlider = $(\n \"#header-container + .pagebuilder-containers > .full-width-slider:first-child\"\n );\n\n const $heroBannerSlider = $normalHeroBannerSlider.length\n ? $normalHeroBannerSlider\n : $pagebuilderHeroBannerSlider;\n\n $heroBannerSlider.on(\"init beforeChange\", function () {\n let $nextSlide;\n\n // Use beforeChange event to change the color before changing to avoid the delay.\n // beforeChange\n // Arguments: event, slick, currentSlide, nextSlide\n const nextSlideIndex = arguments[3];\n if (nextSlideIndex != null) {\n $nextSlide = $heroBannerSlider.find(\n `.slick-slide[data-slick-index=\"${nextSlideIndex}\"]`\n );\n } else {\n $nextSlide = $heroBannerSlider.find(\".slick-active\");\n }\n\n const isWhite = $nextSlide.data(\"header-color\") === \"White\";\n\n setHeaderColor($heroBannerSlider, isWhite);\n\n $heroBannerSlider\n .find(\".slick-dots\")\n .toggleClass(\"slick-dots--white\", isWhite);\n });\n\n $(\".js-full-width-slider\").slick({\n dots: true,\n arrows: false,\n autoplay: true,\n autoplaySpeed: 3000,\n speed: 600,\n slide: \".full-width-slider--slide, .js-banner-url\",\n rows: 0, // https://stackoverflow.com/questions/30036742/jquery-slick-carousel-slide-setting/57620688#57620688\n });\n }\n\n handleClickBanner(event) {\n // Prevent banner link on pagebuilder preview page\n if ($(PREVIEW_MAIN).length !== 0) return;\n\n const $target = $(event.currentTarget);\n const url = $target.data(\"url\");\n if (url) {\n window.location.href = url;\n }\n }\n\n intiVideo() {\n if ($(\".js-pagebuilder-video\").length === 0) return;\n\n $(\".js-pagebuilder-video\").each(function () {\n const width = $(this).data(\"width\");\n const height = $(this).data(\"height\");\n\n let bottomPadding = 0;\n if (typeof width === \"number\" && typeof height === \"number\") {\n bottomPadding = Number((height / width) * 100).toFixed(3) + \"%\";\n }\n\n const videoUrl = $(this).data(\"url\");\n\n const domElement = $(this)[0];\n const editWrapper = $(this).find(\".qor-widget-embed-wrapper\").html();\n if (domElement)\n ReactDOM.render(\n <>\n \n \n \n {editWrapper &&
}\n ,\n domElement,\n );\n });\n\n const topVideo = $(\n \"#header-container + .js-pagebuilder-video, #header-container + .pagebuilder-containers > .js-pagebuilder-video:first-child\"\n );\n\n if (topVideo.length > 0) {\n const isWhite = topVideo.data(\"header-color\") === \"White\";\n setHeaderColor(topVideo, isWhite);\n }\n }\n\n handleClickDropdownTrigger(event) {\n const $target = $(event.currentTarget);\n const $list = $target.parent().siblings(\".js-rich-editor-content\");\n $target.toggleClass(\"is-active\");\n if ($target.hasClass(\"is-active\")) {\n $list.slideDown(150);\n $target.text(\"閉じる\");\n } else {\n $list.slideUp(150);\n $target.text(\"詳細を見る\");\n }\n }\n\n initRecommendedProducts() {\n if ($(\".js-recommended-products-container__products-slider\").length === 0)\n return;\n\n $(\".js-recommended-products-container__products-slider\").each(function () {\n $(this).slick({\n infinite: false,\n slidesToShow: 3,\n slidesToScroll: 1,\n prevArrow: $(this).siblings(\".left-rounded-arrow\"),\n nextArrow: $(this).siblings(\".right-rounded-arrow\"),\n responsive: [\n {\n breakpoint: 768,\n settings: {\n slidesToShow: 1.2,\n },\n },\n ],\n });\n });\n }\n\n initOldRecommendations() {\n if ($(\".recommendations\").length === 0) return;\n\n new Recommendations();\n }\n\n handleClickTab(event) {\n const $target = $(event.currentTarget);\n\n if ($target.hasClass(\"is-active\")) return;\n\n const $container = $target.closest(\".js-recommended-products-container\");\n\n $container\n .find(\".js-recommended-products-container__tab\")\n .removeClass(\"is-active\");\n $target.addClass(\"is-active\");\n\n const activeIndex = $container\n .find(\".swiper-wrapper\")\n .find(\".swiper-slide\")\n .index($target.closest(\".swiper-slide\"));\n\n const $productsPanel = $container.find(\n \".js-recommended-products-container__products-panel\"\n );\n $productsPanel\n .find(\".js-recommended-products-container__products-slider\")\n .removeClass(\"is-active\");\n $productsPanel\n .find(\".js-recommended-products-container__products-slider\")\n .eq(activeIndex)\n .addClass(\"is-active\");\n }\n}\n\nexport default Container;\n","import Swiper from \"swiper\";\nimport { Navigation } from \"swiper/modules\";\n\nclass Tabs {\n constructor() {\n new Swiper(\".js-flexible-tabs-container\", {\n slidesPerView: \"auto\",\n navigation: {\n nextEl: \".swiper-button-next\",\n prevEl: \".swiper-button-prev\",\n },\n\n // Optional parameters\n watchOverflow: true,\n simulateTouch: false,\n modules: [Navigation],\n });\n }\n}\n\nexport default Tabs;\n","import $ from \"jquery\";\n\nconst bodyScrollLock = require(\"body-scroll-lock\");\nconst disableBodyScroll = bodyScrollLock.disableBodyScroll;\nconst enableBodyScroll = bodyScrollLock.enableBodyScroll;\n\nclass PLP {\n constructor() {\n this.bindEvents();\n }\n\n bindEvents() {\n $(\".js-grid-toggle\").on(\n \"click\",\n \".grid-toggle__button\",\n this.handleClickGridToggleButton.bind(this)\n );\n $(\".js-filter-bar__options-trigger\").on(\n \"click\",\n this.handleClickOptionsTrigger.bind(this)\n );\n $(\".js-filter-options-overlay\").on(\n \"click\",\n this.handleClickOverlay.bind(this)\n );\n $(\".js-close-filter-option-button\").on(\n \"click\",\n this.closeFilterOptions.bind(this)\n );\n }\n\n handleClickGridToggleButton() {\n $(\".js-grid-toggle\").toggleClass(\"grid-toggle--alt-view\");\n $(\".js-product-list\").toggleClass(\"product-list--alt-view\");\n\n window._PLPLazyLoad && window._PLPLazyLoad(); // manually trigger lazy load\n }\n\n handleClickOptionsTrigger() {\n showFilterOptions();\n }\n\n handleClickOverlay(event) {\n if (event.target === event.currentTarget) {\n this.closeFilterOptions();\n }\n }\n\n closeFilterOptions() {\n hideFilterOptions();\n\n setTimeout(() => {\n $(\"html, body\").animate({\n scrollTop: $(\".js-filters-form\").offset().top - 95,\n });\n }, 200);\n }\n}\n\nfunction showFilterOptions() {\n disableBodyScroll(document.querySelector(\".js-filter-options\"));\n\n $(\".js-filter-options-overlay\").fadeIn();\n $(\".js-filter-options\").addClass(\"visible\");\n}\n\nfunction hideFilterOptions() {\n $(\".js-filter-options\").removeClass(\"visible\");\n $(\".js-filter-options-overlay\").fadeOut();\n\n enableBodyScroll(document.querySelector(\".js-filter-options\"));\n}\n\nexport default PLP;\n","import $ from \"jquery\";\n\nclass Dropdown {\n constructor() {\n this.bindEvents();\n }\n\n bindEvents() {\n $(\".js-dropdown__btn\").on(\"click\", this.handleClickBtn.bind(this));\n $(\".js-dropdown__content\").on(\"click\", this.handleClickContent.bind(this));\n\n $(document).click(this.handleClickOutside.bind(this));\n }\n\n handleClickBtn(event) {\n event.stopPropagation();\n\n const $target = $(event.currentTarget);\n const shouldAddClass = $target.hasClass(\"active\") === false;\n\n $(\".js-dropdown__btn\").removeClass(\"active\");\n if (shouldAddClass) {\n $target.addClass(\"active\");\n }\n }\n\n handleClickContent(event) {\n event.stopPropagation();\n }\n\n handleClickOutside() {\n $(\".js-dropdown__btn\").removeClass(\"active\");\n }\n}\n\nexport default Dropdown;\n","import $ from \"jquery\";\nimport debounce from \"lodash.debounce\";\n\nconst STICKY_ELEMENT_OFFSET_TOP = 90; // 30 text-banner + 60 header\n\nconst initSticky = () => {\n $(window).off(\"scroll\", updateStickyElementStatus);\n\n const windowWidth = window.innerWidth;\n // make element sticky on desktop\n if (windowWidth) {\n if(windowWidth >=768){\n updateStickyElementStatus();\n $(window).on(\"scroll\", updateStickyElementStatus);\n } else { \n $(\"#sticky-element\").removeAttr(\"style\");\n // pdp remove id #sticky-element in mobile, so select by its direct child div\n $(\".pdp-info.sticky-element-wrapper>div\").removeAttr(\"style\"); \n }\n } else {\n $(\"#sticky-element\").removeAttr(\"style\");\n }\n};\n\nconst updateStickyElementStatus = () => {\n const $stickyElement = $(\"#sticky-element\");\n const $stickyContainer = $(\"#sticky-container\");\n\n const stickyElementWrapperHeight = $stickyElement.parent().outerHeight() || 0;\n const stickyElementHeight = $stickyElement.outerHeight() || 0;\n const stickyContainerHeight = $stickyContainer.outerHeight() || 0;\n // sticky section should be shorter than its container\n if (stickyElementWrapperHeight < stickyContainerHeight) {\n const windowScrollTop = $(window).scrollTop() || 0;\n\n const stickyContainerOffset = $stickyContainer.offset();\n const stickyContainerOffsetTop = stickyContainerOffset\n ? stickyContainerOffset.top\n : 0;\n\n if (\n windowScrollTop >=\n stickyContainerOffsetTop - STICKY_ELEMENT_OFFSET_TOP\n ) {\n // sticky element reaches the bottom of its container\n const isAtBottom =\n windowScrollTop + stickyElementHeight + STICKY_ELEMENT_OFFSET_TOP >=\n stickyContainerHeight + stickyContainerOffsetTop;\n\n const $stickyElementParent = $stickyElement.parent();\n\n $stickyElement.css({\n position: isAtBottom ? \"absolute\" : \"fixed\",\n top: isAtBottom ? \"auto\" : STICKY_ELEMENT_OFFSET_TOP,\n bottom: isAtBottom ? 0 : \"auto\",\n left: $stickyElementParent.scrollLeft || 0,\n width: $stickyElementParent.width() || 0,\n // fixes safari flick when set fixed on scroll\n // refer: https://muffinman.io/blog/ios-safari-scroll-position-fixed/\n // force GPU acceleration by adding transform: translate3d(0,0,0);\n transform: isAtBottom ? \"inherit\" : `translate3d(0,0,0)`\n });\n } else {\n $stickyElement.removeAttr(\"style\");\n }\n }\n};\n\nconst init = () => {\n initSticky();\n $(window).on(\"resize\", debounce(initSticky, 300));\n};\n\nconst destroy = () => {\n $(window).off(\"resize\", debounce(initSticky, 300));\n $(window).off(\"scroll\", updateStickyElementStatus);\n};\n\nexport { init, destroy };\n","import {\n init as initSticky,\n} from \"../CheckoutApp/shared/StickyHelper\";\n\nclass StickyContent {\n constructor() {\n initSticky()\n }\n}\n\nexport default StickyContent;","\nimport _ from \"lodash\";\nimport $ from \"jquery\";\n\nclass HeroBanner {\n constructor() {\n this.displayMobileImage();\n const win = $(window);\n win.on('resize', _.debounce(this.displayMobileImage, 200));\n }\n\n displayMobileImage() {\n const pictures = document.querySelectorAll('.banner-image-picture');\n for(let i =0; i < pictures.length; i++) {\n const picture = pictures[i];\n if(picture) {\n // find mobile image under the picture\n const mobileImg = picture.querySelector('img.mobile');\n let mobileSrc;\n if(mobileImg) {\n mobileSrc = mobileImg.getAttribute(\"data-src\");\n }\n const desktopImg = picture.querySelector('img.default');\n let desktopSrc;\n if(desktopImg) {\n desktopSrc = desktopImg.getAttribute(\"data-src\");\n }\n const windowSize = window.innerWidth;\n if(mobileImg) {\n if(windowSize < 768 && windowSize >= 320) {\n // when mobile display, set picture padding-bottom\n desktopImg.setAttribute('src', \"\");\n desktopImg.setAttribute('style', \"display: none;\");\n picture.setAttribute('style', 'padding-bottom:126.666667%;');\n mobileImg.setAttribute('src', mobileSrc);\n mobileImg.setAttribute('style', \"display: block;\");\n } else {\n // when mobile not display, reset set picture padding-bottom\n mobileImg.setAttribute('src', \"\");\n mobileImg.setAttribute('style', \"display: none;\");\n picture.setAttribute('style', 'padding-bottom:45.138889%;'); \n desktopImg.setAttribute('src', desktopSrc);\n desktopImg.setAttribute('style', \"display: block;\");\n } \n } else {\n // when not have mobile, reset set picture padding-bottom\n picture.setAttribute('style', 'padding-bottom:45.138889%;'); \n desktopImg.setAttribute('src', desktopSrc);\n desktopImg.setAttribute('style', \"display: block;\");\n }\n }\n }\n }\n}\n\nexport default HeroBanner;","import $ from \"jquery\";\n\nclass BackToTop {\n constructor() {\n $(\".js-back-to-top\").on(\"click\", this.handleClick.bind(this));\n\n this.showOnScroll();\n }\n\n showOnScroll() {\n $(window).on(\"scroll\", () => {\n if ($(window).scrollTop() <= 0) {\n $(\".back-to-top\").removeClass(\"active\", { duration: 500 });\n } else if (!$(\".header\").hasClass(\"active\")) {\n $(\".back-to-top\").addClass(\"active\", { duration: 500 });\n }\n });\n }\n\n handleClick() {\n $(\"html, body\").animate({\n scrollTop: 0,\n });\n }\n}\n\nexport default BackToTop;\n","import _ from \"lodash\";\nimport $ from \"jquery\";\n\nclass CategoryLanding {\n constructor() {\n this.loadVimeo();\n const win = $(window);\n win.on('resize', _.debounce(this.loadVimeo, 200));\n }\n\n loadVimeo() {\n const isMobile = $(window).width() < 768;\n let iframe;\n\n if(isMobile) {\n iframe = $(\"iframe.banner-sp\");\n } else {\n iframe = $(\"iframe.banner-pc\");\n }\n\n iframe.attr('src', iframe.data('src'));\n }\n}\n\nexport default CategoryLanding;\n","import { pushDataForGA4, event } from \"../gtm/GA4\";\n\nclass GA4PageView {\n constructor() {\n this.pushData();\n }\n\n pushData() {\n const user = window.user || {};\n\n pushDataForGA4({\n event: event.c_gtmga_page_view,\n user_data: {\n user_id: user.memberNumber || \"\",\n login_status: user.id ? \"logged\" : \"not-logged\",\n user_type: user.userType?.toLowerCase() || \"guest\",\n newsletter_optin: user.isSubScribe === \"true\" ? true : false,\n returning_customer: user.returningCustomer === \"true\" ? \"yes\" : \"no\",\n // user_email: user.email || \"\",\n },\n });\n }\n}\n\nexport default GA4PageView;\n","// Copy and update from https://github.com/theplant/asics3/blob/master/frontend/src/pagebuilder/js/index.js\n\nimport $ from \"jquery\";\nimport { start } from \"../App\";\nimport { PREVIEW_MAIN } from \"../constants/Misc\";\n\nfunction preventLinkJump() {\n $(document).on(\"click\", event => {\n let $target = $(event.target);\n let isLink = event.target.tagName.toLowerCase() === \"a\";\n if (!isLink) {\n $target = $target.closest(\"a\");\n }\n const hrefProp = $target.prop(\"href\"); // only a tag have href prop\n const hrefAttr = $target.attr(\"href\");\n isLink =\n hrefProp &&\n // eslint-disable-next-line\n !hrefAttr.startsWith(\"javascript:\") &&\n !hrefAttr.startsWith(\"#\");\n isLink && event.preventDefault();\n });\n}\n\nclass Preview {\n constructor() {\n this.selector = PREVIEW_MAIN;\n this.receiveMessage = this.receiveMessage.bind(this);\n window.addEventListener(\"message\", this.receiveMessage, false);\n preventLinkJump();\n }\n\n destroy() {\n window.removeEventListener(\"message\", this.receiveMessage);\n }\n\n sendMessage(id) {\n window.parent.postMessage(id, \"*\");\n }\n\n receiveMessage(event) {\n console.log(\"Received from parent\", event.data);\n\n const { type, data } = event.data;\n\n switch (type) {\n case \"UPDATE_CONTAINERS\":\n this.updateContainers(data);\n break;\n case \"SELECT_CURRENT_CONTAINER\":\n this.selectCurrentContainer(data);\n break;\n default:\n }\n }\n\n selectCurrentContainer(currentIndex) {\n const $current = $(this.selector)\n .children()\n .eq(currentIndex);\n\n $current.removeClass(\"highlight\");\n\n void $current[0].offsetWidth;\n\n $current.addClass(\"highlight\");\n\n $(\"html, body\").animate(\n {\n scrollTop:\n $current.offset().top - parseInt($(\"body\").css(\"padding-top\"), 10)\n },\n 300\n );\n }\n\n updateContainers(containers) {\n if (!Array.isArray(containers) || containers.length === 0) {\n return;\n }\n\n const length = containers.length;\n const first = containers[0];\n const last = containers[length - 1];\n const header = /header/gi.test(first.Name) ? containers.shift() : null;\n const footer = /footer/gi.test(last.Name) ? containers.pop() : null;\n\n if ((containers && length) || header || footer) {\n this.render(header, containers, footer);\n }\n }\n\n render(header, containers, footer) {\n $(\"#header-container\").remove();\n $(\"#footer-container\").remove();\n\n header && $(\"body\").prepend(header.Value);\n footer && $(\"body\").append(footer.Value);\n\n if (!containers || !Array.isArray(containers)) {\n return;\n }\n\n const me = this;\n const fragment = document.createDocumentFragment();\n\n containers.forEach((container, index) => {\n const $container = $(container.Value).data(\"container-index\", index);\n\n if ($container.css(\"position\").search(/relative|absolute/) === -1) {\n $container.css(\"position\", \"relative\");\n }\n\n fragment.appendChild($container[0]);\n });\n\n const $containers = $(this.selector);\n\n $containers\n .off(\"click\", \">*\")\n .empty()\n .append(fragment);\n\n $containers.on(\"click\", \">*\", event => {\n const index = $(event.currentTarget).data(\"container-index\");\n me.sendMessage(index);\n });\n\n this.apply();\n }\n\n apply() {\n start();\n }\n}\n\nexport { PREVIEW_MAIN, Preview };\n","import $ from \"jquery\";\n\nimport \"./js/authn.js\"; // TODO\nimport PDP from \"./js/pdp.js\";\nimport ProductDetailPopup from \"./js/productDetailPopup.js\";\nimport USPPopup from \"./js/uspPopup.js\";\nimport FilterProduct from \"./js/filterProduct.js\";\nimport Authn from \"./js/authn.js\";\nimport PasswordStrengthTester from \"./js/passwordStrengthTester.js\";\nimport TopPage from \"./js/topPage.js\";\nimport Alert from \"./js/alert.js\";\nimport BlogPage from \"./js/blogPage.js\";\nimport Faq from \"./js/faq.js\";\nimport Anchor from \"./js/anchor\";\nimport Contact from \"./js/contact.js\";\nimport Newsletter from \"./js/newsletter.js\";\nimport AboutPage from \"./js/aboutPage.js\";\nimport TextBanner from \"./js/textBanner.js\";\nimport InstoreAppHome from \"./js/instoreAppHome.js\";\nimport Header from \"./js/header.js\";\nimport Container from \"./js/container.js\";\nimport Tabs from \"./js/tabs.js\";\nimport PLP from \"./js/plp\";\nimport Dropdown from \"./js/dropdown\";\nimport StickyContent from \"./js/StickyContent\";\nimport {\n UploadProductCardData,\n UploadProductsData,\n UploadProductData,\n UploadRecommendsData,\n} from \"./gtm/uploadDataComponent\";\nimport HeroBanner from \"./js/heroBanner\";\nimport BackToTop from \"./js/backToTop\";\nimport { VideoBanner } from \"./js/videoBanner\";\nimport CategoryLanding from \"./js/categoryLanding\";\nimport GA4PageView from \"./js/ga4PageView\";\n\nimport { PREVIEW_MAIN } from \"./constants/Misc\";\nimport { Preview } from \"./pagebuilder\";\n$(function () {\n if ($(PREVIEW_MAIN).length !== 0) {\n new Preview().sendMessage(\"IFRAME_READY\");\n }\n});\n\nconst startIfNeed = (EntryClass, selector) => {\n if ($(selector).length !== 0) {\n new EntryClass();\n }\n};\n\nconst start = () => {\n const components = [\n [Container, \"body\"],\n [TopPage, \"body\"],\n\n [Header, \".header\"],\n [Tabs, \".js-flexible-tabs-container\"],\n [InstoreAppHome, \".js-top-level-tile\"],\n [TextBanner, \".text-banner-container\"],\n [PDP, \".js-pdp-wrapper\"],\n [ProductDetailPopup, \".material-desc\"],\n [USPPopup, \".usp-wrapper\"],\n [UploadProductCardData, \".ga-product-click\"],\n [PLP, \".collection.wrapper\"],\n [FilterProduct, \".collection.wrapper\"],\n [Dropdown, \".js-dropdown__btn\"],\n [Authn.Login, \".js-login-form\"],\n [Authn.Recover, \".js-forget-pw-form\"],\n [Authn.RecoverComplete, \".js-forget-pw-complete-form\"],\n [PasswordStrengthTester, \".registration .password-strength\"],\n [Alert, \".alert\"],\n [BlogPage, \".blog-top-page\"],\n [Faq, \".faq\"],\n [Contact, \".js-contact-form\"],\n [Newsletter, \".js-newsletter-form\"],\n [AboutPage, \".wrapper.heritage\"],\n [UploadProductsData, \".js-product-list\"],\n [UploadProductData, \".js-product-detail\"],\n [UploadRecommendsData, \".js-recommendations\"],\n [StickyContent, \".pdp-info\"],\n [HeroBanner, \".banner-image-picture\"],\n [BackToTop, \".js-back-to-top\"],\n [VideoBanner, \".js-video-banner-slider\"],\n [CategoryLanding, \".js-category-landing\"],\n [Anchor, \"body\"],\n [GA4PageView, \"body\"],\n ];\n\n components.forEach(([componentName, selector]) => {\n startIfNeed(componentName, selector);\n });\n};\n\n$(start);\n\nexport { start };\n","export const PREFECTURES_WILL_REFRESH = \"PREFECTURES_WILL_REFRESH\";\nexport const PREFECTURES_DID_REFRESH = \"PREFECTURES_DID_REFRESH\";\nexport const PREFECTURES_DID_REFRESH_FAILED = \"PREFECTURES_DID_REFRESH_FAILED\";\n\nexport const PROFILE_WILL_REFRESH = \"PROFILE_WILL_REFRESH\";\nexport const PROFILE_DID_REFRESH = \"PROFILE_DID_REFRESH\";\nexport const PROFILE_DID_REFRESH_FAILED = \"PROFILE_DID_REFRESH_FAILED\";\n\nexport const PROFILE_FORM_OPEN = \"PROFILE_FORM_OPEN\";\nexport const PROFILE_FORM_CLOSE = \"PROFILE_FORM_CLOSE\";\nexport const PROFILE_FORM_CHANGE_FIELD = \"PROFILE_FORM_CHANGE_FIELD\";\nexport const PROFILE_FORM_WILL_SUBMIT = \"PROFILE_FORM_WILL_SUBMIT\";\nexport const PROFILE_FORM_DID_SUBMIT = \"PROFILE_FORM_DID_SUBMIT\";\nexport const PROFILE_FORM_DID_SUBMIT_FAILED = \"PROFILE_FORM_DID_SUBMIT_FAILED\";\n\nexport const REGIST_FORM_CHANGE_FIELD = \"REGIST_FORM_CHANGE_FIELD\";\n\nexport const MUST_UPDATE_PROFILE_SHOW = \"MUST_UPDATE_PROFILE_SHOW\";\n\nexport const PASSWORD_FORM_OPEN = \"PASSWORD_FORM_OPEN\";\nexport const PASSWORD_FORM_CLOSE = \"PASSWORD_FORM_CLOSE\";\nexport const PASSWORD_FORM_CHANGE_FIELD = \"PASSWORD_FORM_CHANGE_FIELD\";\nexport const PASSWORD_FORM_WILL_SUBMIT = \"PASSWORD_FORM_WILL_SUBMIT\";\nexport const PASSWORD_FORM_DID_SUBMIT = \"PASSWORD_FORM_DID_SUBMIT\";\nexport const PASSWORD_FORM_DID_SUBMIT_FAILED =\n \"PASSWORD_FORM_DID_SUBMIT_FAILED\";\n\nexport const EMAIL_FORM_OPEN = \"EMAIL_FORM_OPEN\";\nexport const EMAIL_FORM_CLOSE = \"EMAIL_FORM_CLOSE\";\nexport const EMAIL_FORM_CHANGE_FIELD = \"EMAIL_FORM_CHANGE_FIELD\";\nexport const EMAIL_FORM_WILL_SUBMIT = \"EMAIL_FORM_WILL_SUBMIT\";\nexport const EMAIL_FORM_DID_SUBMIT = \"EMAIL_FORM_DID_SUBMIT\";\nexport const EMAIL_FORM_DID_SUBMIT_FAILED = \"EMAIL_FORM_DID_SUBMIT_FAILED\";\n\nexport const SHIPPING_ADDRESSES_WILL_REFRESH =\n \"SHIPPING_ADDRESSES_WILL_REFRESH\";\nexport const SHIPPING_ADDRESSES_DID_REFRESH = \"SHIPPING_ADDRESSES_DID_REFRESH\";\nexport const SHIPPING_ADDRESSES_DID_REFRESH_FAILED =\n \"SHIPPING_ADDRESSES_DID_REFRESH_FAILED\";\n\nexport const SHIPPING_ADDRESSES_WILL_DELETE = \"SHIPPING_ADDRESSES_WILL_DELETE\";\nexport const SHIPPING_ADDRESSES_DID_DELETE = \"SHIPPING_ADDRESSES_DID_DELETE\";\nexport const SHIPPING_ADDRESSES_DID_DELETE_FAILED =\n \"SHIPPING_ADDRESSES_DID_DELETE_FAILED\";\n\nexport const SHIPPING_ADDRESSES_UPDATE = \"SHIPPING_ADDRESSES_UPDATE\";\n\nexport const ACCOUNT_SHIPPING_ADDRESS_FORM_NEW =\n \"ACCOUNT_SHIPPING_ADDRESS_FORM_NEW\";\nexport const ACCOUNT_SHIPPING_ADDRESS_FORM_EDIT =\n \"ACCOUNT_SHIPPING_ADDRESS_FORM_EDIT\";\nexport const ACCOUNT_SHIPPING_ADDRESS_FORM_LOAD =\n \"ACCOUNT_SHIPPING_ADDRESS_FORM_LOAD\";\nexport const ACCOUNT_SHIPPING_ADDRESS_FORM_CLOSE =\n \"ACCOUNT_SHIPPING_ADDRESS_FORM_CLOSE\";\nexport const ACCOUNT_SHIPPING_ADDRESS_FORM_CHANGE_FIELD =\n \"ACCOUNT_SHIPPING_ADDRESS_FORM_CHANGE_FIELD\";\nexport const ACCOUNT_SHIPPING_ADDRESS_FORM_WILL_SUBMIT =\n \"ACCOUNT_SHIPPING_ADDRESS_FORM_WILL_SUBMIT\";\nexport const ACCOUNT_SHIPPING_ADDRESS_FORM_DID_SUBMIT =\n \"ACCOUNT_SHIPPING_ADDRESS_FORM_DID_SUBMIT\";\nexport const ACCOUNT_SHIPPING_ADDRESS_FORM_DID_SUBMIT_FAILED =\n \"ACCOUNT_SHIPPING_ADDRESS_FORM_DID_SUBMIT_FAILED\";\nexport const ACCOUNT_SHIPPING_ADDRESS_WILL_SELECT_AS_DEFAULT =\n \"ACCOUNT_SHIPPING_ADDRESS_WILL_SELECT_AS_DEFAULT\";\nexport const ACCOUNT_SHIPPING_ADDRESS_DID_SELECT_AS_DEFAULT =\n \"ACCOUNT_SHIPPING_ADDRESS_DID_SELECT_AS_DEFAULT\";\nexport const ACCOUNT_SHIPPING_ADDRESS_DID_SELECT_AS_DEFAULT_FAILED =\n \"ACCOUNT_SHIPPING_ADDRESS_DID_SELECT_AS_DEFAULT_FAILED\";\n\nexport const ACCOUNT_CREDIT_CARD_FORM_NEW = \"ACCOUNT_CREDIT_CARD_FORM_NEW\";\nexport const ACCOUNT_CREDIT_CARD_FORM_EDIT = \"AACCOUNT_CREDIT_CARD_FORM_EDIT\";\nexport const ACCOUNT_CREDIT_CARDS_DID_FORM_LOAD = \"ACCOUNT_CREDIT_CARDS_DID_FORM_LOAD\";\nexport const ACCOUNT_CREDIT_CARD_FORM_CLOSE = \"ACCOUNT_CREDIT_CARD_FORM_CLOSE\";\nexport const ACCOUNT_CREDIT_CARD_FORM_CHANGE_FIELD =\n \"ACCOUNT_CREDIT_CARD_FORM_CHANGE_FIELD\";\nexport const ACCOUNT_CREDIT_CARD_FORM_WILL_SUBMIT =\n \"ACCOUNT_CREDIT_CARD_FORM_WILL_SUBMIT\";\nexport const ACCOUNT_CREDIT_CARD_FORM_DID_SUBMIT =\n \"ACCOUNT_CREDIT_CARD_FORM_DID_SUBMIT\";\nexport const ACCOUNT_CREDIT_CARD_FORM_DID_SUBMIT_FAILED =\n \"ACCOUNT_CREDIT_CARD_FORM_DID_SUBMIT_FAILED\";\n\nexport const CHECKOUT_WILL_REFRESH = \"CHECKOUT_WILL_REFRESH\";\nexport const CHECKOUT_DID_REFRESH = \"CHECKOUT_DID_REFRESH\";\nexport const CHECKOUT_DID_REFRESH_FAILED = \"CHECKOUT_DID_REFRESH_FAILED\";\n\nexport const CHECKOUT_WILL_CONFIRM = \"CHECKOUT_WILL_CONFIRM\";\nexport const CHECKOUT_DID_CONFIRM = \"CHECKOUT_DID_CONFIRM\";\nexport const CHECKOUT_DID_CONFIRM_FAILED = \"CHECKOUT_DID_CONFIRM_FAILED\";\n\nexport const CHECKOUT_WILL_MOUNT = \"CHECKOUT_WILL_MOUNT\";\n\nexport const CHECKOUT_SHOW_WARNING = \"CHECKOUT_SHOW_WARNING\";\n\nexport const CHECKOUT_ADDRESS_FORM_NEW = \"CHECKOUT_ADDRESS_FORM_NEW\";\nexport const CHECKOUT_ADDRESS_FORM_EDIT = \"CHECKOUT_ADDRESS_FORM_EDIT\";\nexport const CHECKOUT_ADDRESS_FORM_LOAD = \"CHECKOUT_ADDRESS_FORM_LOAD\";\nexport const CHECKOUT_ADDRESS_FORM_CLOSE = \"CHECKOUT_ADDRESS_FORM_CLOSE\";\nexport const CHECKOUT_ADDRESS_FORM_CHANGE_FIELD =\n \"CHECKOUT_ADDRESS_FORM_CHANGE_FIELD\";\nexport const CHECKOUT_ADDRESS_FORM_WILL_SUBMIT =\n \"CHECKOUT_ADDRESS_FORM_WILL_SUBMIT\";\nexport const CHECKOUT_ADDRESS_FORM_DID_SUBMIT =\n \"CHECKOUT_ADDRESS_FORM_DID_SUBMIT\";\nexport const CHECKOUT_ADDRESS_FORM_DID_SUBMIT_FAILED =\n \"CHECKOUT_ADDRESS_FORM_DID_SUBMIT_FAILED\";\nexport const CHECKOUT_ADDRESS_FORM_WILL_APPLY =\n \"CHECKOUT_ADDRESS_FORM_WILL_APPLY\";\nexport const CHECKOUT_ADDRESS_FORM_DID_APPLY =\n \"CHECKOUT_ADDRESS_FORM_DID_APPLY\";\nexport const CHECKOUT_ADDRESS_FORM_DID_APPLY_FAILED =\n \"CHECKOUT_ADDRESS_FORM_DID_APPLY_FAILED\";\n\nexport const CREDIT_CARDS_WILL_REFRESH = \"CREDIT_CARDS_WILL_REFRESH\";\nexport const CREDIT_CARDS_DID_REFRESH = \"CREDIT_CARDS_DID_REFRESH\";\nexport const CREDIT_CARDS_DID_REFRESH_FAILED =\n \"CREDIT_CARDS_DID_REFRESH_FAILED\";\n\nexport const CREDIT_CARDS_WILL_DELETE = \"CREDIT_CARDS_WILL_DELETE\";\nexport const CREDIT_CARDS_DID_DELETE = \"CREDIT_CARDS_DID_DELETE\";\nexport const CREDIT_CARDS_DID_DELETE_FAILED = \"CREDIT_CARDS_DID_DELETE_FAILED\";\n\nexport const CHECKOUT_CREDIT_CARD_FORM_NEW = \"CHECKOUT_CREDIT_CARD_FORM_NEW\";\nexport const CHECKOUT_CREDIT_CARD_FORM_LOAD = \"CHECKOUT_CREDIT_CARD_FORM_LOAD\";\nexport const CHECKOUT_CREDIT_CARD_FORM_CLOSE =\n \"CHECKOUT_CREDIT_CARD_FORM_CLOSE\";\nexport const CHECKOUT_CREDIT_CARD_FORM_CHANGE_FIELD =\n \"CHECKOUT_CREDIT_CARD_FORM_CHANGE_FIELD\";\nexport const CHECKOUT_CREDIT_CARD_FORM_WILL_SUBMIT =\n \"CHECKOUT_CREDIT_CARD_FORM_WILL_SUBMIT\";\nexport const CHECKOUT_CREDIT_CARD_FORM_DID_SUBMIT =\n \"CHECKOUT_CREDIT_CARD_FORM_DID_SUBMIT\";\nexport const CHECKOUT_CREDIT_CARD_FORM_DID_SUBMIT_FAILED =\n \"CHECKOUT_CREDIT_CARD_FORM_DID_SUBMIT_FAILED\";\nexport const CHECKOUT_CREDIT_CARD_FORM_WILL_APPLY =\n \"CHECKOUT_CREDIT_CARD_FORM_WILL_APPLY\";\nexport const CHECKOUT_CREDIT_CARD_FORM_DID_APPLY =\n \"CHECKOUT_CREDIT_CARD_FORM_DID_APPLY\";\nexport const CHECKOUT_CREDIT_CARD_FORM_DID_APPLY_FAILED =\n \"CHECKOUT_CREDIT_CARD_FORM_DID_APPLY_FAILED\";\n\nexport const CHECKOUT_CREDIT_CARD_FORM_WILL_APPLY_COD =\n \"CHECKOUT_CREDIT_CARD_FORM_WILL_APPLY_COD\";\nexport const CHECKOUT_CREDIT_CARD_FORM_DID_APPLY_COD =\n \"CHECKOUT_CREDIT_CARD_FORM_DID_APPLY_COD\";\nexport const CHECKOUT_CREDIT_CARD_FORM_DID_APPLY_COD_FAILED =\n \"CHECKOUT_CREDIT_CARD_FORM_DID_APPLY_COD_FAILED\";\n\nexport const CHECKOUT_DELIVERY_DATES_WILL_REFRESH =\n \"CHECKOUT_DELIVERY_DATES_WILL_REFRESH\";\nexport const CHECKOUT_DELIVERY_DATES_DID_REFRESH =\n \"CHECKOUT_DELIVERY_DATES_DID_REFRESH\";\nexport const CHECKOUT_DELIVERY_DATES_DID_REFRESH_FAILED =\n \"CHECKOUT_DELIVERY_DATES_DID_REFRESH_FAILED\";\n\nexport const CHECKOUT_COUPON_FORM_CHANGE_FIELD =\n \"CHECKOUT_COUPON_FORM_CHANGE_FIELD\";\nexport const CHECKOUT_COUPON_FORM_WILL_SUBMIT =\n \"CHECKOUT_COUPON_FORM_WILL_SUBMIT\";\nexport const CHECKOUT_COUPON_FORM_DID_SUBMIT =\n \"CHECKOUT_COUPON_FORM_DID_SUBMIT\";\nexport const CHECKOUT_COUPON_FORM_DID_SUBMIT_FAILED =\n \"CHECKOUT_COUPON_FORM_DID_SUBMIT_FAILED\";\n\nexport const CHECKOUT_COUPON_WILL_DELETE = \"CHECKOUT_COUPON_WILL_DELETE\";\nexport const CHECKOUT_COUPON_DID_DELETE = \"CHECKOUT_COUPON_DID_DELETE\";\nexport const CHECKOUT_COUPON_DID_DELETE_FAILED =\n \"CHECKOUT_COUPON_DID_DELETE_FAILED\";\n\nexport const CHECKOUT_POINTS_WILL_REFRESH = \"CHECKOUT_POINTS_WILL_REFRESH\";\nexport const CHECKOUT_POINTS_DID_REFRESH = \"CHECKOUT_POINTS_DID_REFRESH\";\nexport const CHECKOUT_POINTS_DID_REFRESH_FAILED =\n \"CHECKOUT_POINTS_DID_REFRESH_FAILED\";\n\nexport const CHECKOUT_POINTS_WILL_DELETE = \"CHECKOUT_POINTS_WILL_DELETE\";\nexport const CHECKOUT_POINTS_DID_DELETE = \"CHECKOUT_POINTS_DID_DELETE\";\nexport const CHECKOUT_POINTS_DID_DELETE_FAILED =\n \"CHECKOUT_POINTS_DID_DELETE_FAILED\";\n\nexport const CHECKOUT_POINTS_FORM_CHANGE_FIELD =\n \"CHECKOUT_POINTS_FORM_CHANGE_FIELD\";\nexport const CHECKOUT_POINTS_FORM_WILL_SUBMIT =\n \"CHECKOUT_POINTS_FORM_WILL_SUBMIT\";\nexport const CHECKOUT_POINTS_FORM_DID_SUBMIT =\n \"CHECKOUT_POINTS_FORM_DID_SUBMIT\";\nexport const CHECKOUT_POINTS_FORM_DID_SUBMIT_FAILED =\n \"CHECKOUT_POINTS_FORM_DID_SUBMIT_FAILED\";\n\nexport const CHECKOUT_DELIVERY_INFO_WILL_APPLY_SPECIFIED_OPTION =\n \"CHECKOUT_DELIVERY_INFO_WILL_APPLY_SPECIFIED_OPTION\";\nexport const CHECKOUT_DELIVERY_INFO_WILL_APPLY =\n \"CHECKOUT_DELIVERY_INFO_WILL_APPLY\";\nexport const CHECKOUT_DELIVERY_INFO_DID_APPLY =\n \"CHECKOUT_DELIVERY_INFO_DID_APPLY\";\nexport const CHECKOUT_DELIVERY_INFO_DID_APPLY_FAILED =\n \"CHECKOUT_DELIVERY_INFO_DID_APPLY_FAILED\";\n\nexport const CHECKOUT_DELIVERY_INFO_FORM_OPEN =\n \"CHECKOUT_DELIVERY_INFO_FORM_OPEN\";\nexport const CHECKOUT_DELIVERY_INFO_FORM_LOAD =\n \"CHECKOUT_DELIVERY_INFO_FORM_LOAD\";\nexport const CHECKOUT_DELIVERY_INFO_FORM_CLOSE =\n \"CHECKOUT_DELIVERY_INFO_FORM_CLOSE\";\nexport const CHECKOUT_DELIVERY_INFO_FORM_CHANGE_FIELD =\n \"CHECKOUT_DELIVERY_INFO_FORM_CHANGE_FIELD\";\nexport const CHECKOUT_DELIVERY_INFO_FORM_WILL_SUBMIT =\n \"CHECKOUT_DELIVERY_INFO_FORM_WILL_SUBMIT\";\nexport const CHECKOUT_DELIVERY_INFO_FORM_DID_SUBMIT =\n \"CHECKOUT_DELIVERY_INFO_FORM_DID_SUBMIT\";\nexport const CHECKOUT_DELIVERY_INFO_FORM_DID_SUBMIT_FAILED =\n \"CHECKOUT_DELIVERY_INFO_FORM_DID_SUBMIT_FAILED\";\n\nexport const CHECKOUT_GIFT_WRAPPING_FORM_CHANGE_FIELD =\n \"CHECKOUT_GIFT_WRAPPING_FORM_CHANGE_FIELD\";\nexport const CHECKOUT_GIFT_WRAPPING_FORM_WILL_SUBMIT =\n \"CHECKOUT_GIFT_WRAPPING_FORM_WILL_SUBMIT\";\nexport const CHECKOUT_GIFT_WRAPPING_FORM_DID_SUBMIT =\n \"CHECKOUT_GIFT_WRAPPING_FORM_DID_SUBMIT\";\nexport const CHECKOUT_GIFT_WRAPPING_FORM_DID_SUBMIT_FAILED =\n \"CHECKOUT_GIFT_WRAPPING_FORM_DID_SUBMIT_FAILED\";\n\nexport const CHECKOUT_GIFT_WRAPPING_POPUP_OPEN =\n \"CHECKOUT_GIFT_WRAPPING_POPUP_OPEN\";\nexport const CHECKOUT_GIFT_WRAPPING_POPUP_CLOSE =\n \"CHECKOUT_GIFT_WRAPPING_POPUP_CLOSE\";\n\nexport const CHECKOUT_STORE_PICK_UP_WILL_REFRESH =\n \"CHECKOUT_STORE_PICK_UP_WILL_REFRESH\";\nexport const CHECKOUT_STORE_PICK_UP_DID_REFRESH =\n \"CHECKOUT_STORE_PICK_UP_DID_REFRESH\";\nexport const CHECKOUT_STORE_PICK_UP_DID_REFRESH_FAILED =\n \"CHECKOUT_STORE_PICK_UP_DID_REFRESH_FAILED\";\nexport const CHECKOUT_STORE_PICK_UP_ORDER_WILL_APPLY =\n \"CHECKOUT_STORE_PICK_UP_ORDER_WILL_APPLY\";\nexport const CHECKOUT_STORE_PICK_UP_ORDER_DID_APPLY =\n \"CHECKOUT_STORE_PICK_UP_ORDER_DID_APPLY\";\nexport const CHECKOUT_STORE_PICK_UP_ORDER_DID_APPLY_FAILED =\n \"CHECKOUT_STORE_PICK_UP_ORDER_DID_APPLY_FAILED\";\nexport const CHECKOUT_STORE_PICK_UP_ORDER_WILL_CANCEL =\n \"CHECKOUT_STORE_PICK_UP_ORDER_WILL_CANCEL\";\nexport const CHECKOUT_STORE_PICK_UP_ORDER_DID_CANCEL =\n \"CHECKOUT_STORE_PICK_UP_ORDER_DID_CANCEL\";\nexport const CHECKOUT_STORE_PICK_UP_ORDER_DID_CANCEL_FAILED =\n \"CHECKOUT_STORE_PICK_UP_ORDER_DID_CANCEL_FAILED\";\nexport const CHECKOUT_STORE_PICK_UP_STORE_WILL_APPLY =\n \"CHECKOUT_STORE_PICK_UP_STORE_WILL_APPLY\";\nexport const CHECKOUT_STORE_PICK_UP_STORE_DID_APPLY =\n \"CHECKOUT_STORE_PICK_UP_STORE_DID_APPLY\";\nexport const CHECKOUT_STORE_PICK_UP_STORE_DID_APPLY_FAILED =\n \"CHECKOUT_STORE_PICK_UP_STORE_DID_APPLY_FAILED\";\nexport const CHECKOUT_STORE_PICK_UP_POPUP_OPEN =\n \"CHECKOUT_STORE_PICK_UP_POPUP_OPEN\";\nexport const CHECKOUT_STORE_PICK_UP_POPUP_CLOSE =\n \"CHECKOUT_STORE_PICK_UP_POPUP_CLOSE\";\nexport const CHECKOUT_STORE_PICK_UP_POPUP_SHOW_MAP_TAB =\n \"CHECKOUT_STORE_PICK_UP_POPUP_SHOW_MAP_TAB\";\nexport const CHECKOUT_STORE_PICK_UP_POPUP_SHOW_LIST_TAB =\n \"CHECKOUT_STORE_PICK_UP_POPUP_SHOW_LIST_TAB\";\n\nexport const FEES_WILL_REFRESH = \"FEES_WILL_REFRESH\";\nexport const FEES_DID_REFRESH = \"FEES_DID_REFRESH\";\nexport const FEES_DID_REFRESH_FAILED = \"FEES_DID_REFRESH_FAILED\";\n\nexport const POINTS_WILL_REFRESH = \"POINTS_WILL_REFRESH\";\nexport const POINTS_DID_REFRESH = \"POINTS_DID_REFRESH\";\nexport const POINTS_DID_REFRESH_FAILED = \"POINTS_DID_REFRESH_FAILED\";\nexport const SWTICH_POINTS_SUB_TABS = \"SWTICH_POINTS_SUB_TABS\";\n\nexport const POINTS_HISTORY_WILL_REFRESH = \"POINTS_HISTORY_WILL_REFRESH\";\nexport const POINTS_HISTORY_DID_REFRESH = \"POINTS_HISTORY_DID_REFRESH\";\nexport const POINTS_HISTORY_DID_REFRESH_FAILED =\n \"POINTS_HISTORY_DID_REFRESH_FAILED\";\n\nexport const WISH_ITEMS_WILL_REFRESH = \"WISH_ITEMS_WILL_REFRESH\";\nexport const WISH_ITEMS_DID_REFRESH = \"WISH_ITEMS_DID_REFRESH\";\nexport const WISH_ITEMS_DID_REFRESH_FAILED = \"WISH_ITEMS_DID_REFRESH_FAILED\";\n\nexport const WISH_ITEMS_DID_DELETE = \"WISH_ITEMS_DID_DELETE\";\n\nexport const ACCOUNT_WISH_ITEMS_TOGGLE_CHECKED =\n \"ACCOUNT_WISH_ITEMS_TOGGLE_CHECKED\";\n\nexport const ACCOUNT_WISH_ITEMS_WILL_DELETE = \"ACCOUNT_WISH_ITEMS_WILL_DELETE\";\nexport const ACCOUNT_WISH_ITEMS_DID_DELETE = \"ACCOUNT_WISH_ITEMS_DID_DELETE\";\nexport const ACCOUNT_WISH_ITEMS_DID_DELETE_FAILED =\n \"ACCOUNT_WISH_ITEMS_DID_DELETE_FAILED\";\n\nexport const ACCOUNT_WISH_ITEMS_WILL_MOVE_TO_CART =\n \"ACCOUNT_WISH_ITEMS_WILL_MOVE_TO_CART\";\nexport const ACCOUNT_WISH_ITEMS_DID_MOVE_TO_CART =\n \"ACCOUNT_WISH_ITEMS_DID_MOVE_TO_CART\";\nexport const ACCOUNT_WISH_ITEMS_DID_MOVE_TO_CART_FAILED =\n \"ACCOUNT_WISH_ITEMS_DID_MOVE_TO_CART_FAILED\";\n\nexport const ORDERS_WILL_REFRESH = \"ORDERS_WILL_REFRESH\";\nexport const ORDERS_DID_REFRESH = \"ORDERS_DID_REFRESH\";\nexport const ORDERS_DID_REFRESH_FAILED = \"ORDERS_DID_REFRESH_FAILED\";\n\nexport const ORDERS_WILL_CANCEL = \"ORDERS_WILL_CANCEL\";\nexport const ORDERS_DID_CANCEL = \"ORDERS_DID_CANCEL\";\nexport const ORDERS_DID_CANCEL_FAILED = \"ORDERS_DID_CANCEL_FAILED\";\n\nexport const CART_ITEMS_WILL_REFRESH = \"CART_ITEMS_WILL_REFRESH\";\nexport const CART_ITEMS_DID_REFRESH = \"CART_ITEMS_DID_REFRESH\";\nexport const CART_ITEMS_DID_REFRESH_FAILED = \"CART_ITEMS_DID_REFRESH_FAILED\";\n\nexport const CART_ITEMS_TOTAL_QUANTITY_WILL_REFRESH =\n \"CART_ITEMS_TOTAL_QUANTITY_WILL_REFRESH\";\nexport const CART_ITEMS_TOTAL_QUANTITY_DID_REFRESH =\n \"CART_ITEMS_TOTAL_QUANTITY_DID_REFRESH\";\nexport const CART_ITEMS_TOTAL_QUANTITY_DID_REFRESH_FAILED =\n \"CART_ITEMS_TOTAL_QUANTITY_DID_REFRESH_FAILED\";\n\nexport const CART_APP_WILL_MOUNT = \"CART_APP_WILL_MOUNT\";\n\nexport const CART_ITEMS_WILL_CLEAR = \"CART_ITEMS_WILL_CLEAR\";\nexport const CART_ITEMS_DID_CLEAR = \"CART_ITEMS_DID_CLEAR\";\n\nexport const CART_ITEM_WILL_DELETE = \"CART_ITEM_WILL_DELETE\";\nexport const CART_ITEM_DID_DELETE = \"CART_ITEM_DID_DELETE\";\nexport const CART_ITEM_DID_DELETE_FAILED = \"CART_ITEM_DID_DELETE_FAILED\";\n\nexport const CART_ITEM_WILL_MOVE_TO_WISHLIST =\n \"CART_ITEM_WILL_MOVE_TO_WISHLIST\";\nexport const CART_ITEM_DID_MOVE_TO_WISHLIST = \"CART_ITEM_DID_MOVE_TO_WISHLIST\";\nexport const CART_ITEM_DID_MOVE_TO_WISHLIST_FAILED =\n \"CART_ITEM_DID_MOVE_TO_WISHLIST_FAILED\";\n\nexport const CART_ITEM_QUANTITY_WILL_CHANGE = \"CART_ITEM_QUANTITY_WILL_CHANGE\";\nexport const CART_ITEM_QUANTITY_DID_CHANGE = \"CART_ITEM_QUANTITY_DID_CHANGE\";\nexport const CART_ITEM_QUANTITY_DID_CHANGE_FAILED =\n \"CART_ITEM_QUANTITY_DID_CHANGE_FAILED\";\n\nexport const ACCOUNT_VIEWED_PRODUCTS_WILL_REFRESH =\n \"ACCOUNT_VIEWED_PRODUCTS_WILL_REFRESH\";\nexport const ACCOUNT_VIEWED_PRODUCTS_DID_REFRESH =\n \"ACCOUNT_VIEWED_PRODUCTS_DID_REFRESH\";\nexport const ACCOUNT_VIEWED_PRODUCTS_REFRESH_FAILED =\n \"ACCOUNT_VIEWED_PRODUCTS_REFRESH_FAILED\";\n","import { combineReducers } from \"redux\";\nimport * as types from \"../constants/ActionTypes\";\n\nconst initialState = {\n data: [],\n ui: {\n fetching: false,\n error: null\n }\n};\n\nconst ui = (s = initialState.ui, a) => {\n switch (a.type) {\n case types.PREFECTURES_WILL_REFRESH:\n return { ...s, fetching: true, error: null };\n case types.PREFECTURES_DID_REFRESH_FAILED:\n return { ...s, fetching: false, error: a.error };\n case types.PREFECTURES_DID_REFRESH:\n return { ...s, fetching: false, error: null };\n default:\n return s;\n }\n};\n\nconst data = (s = initialState.data, a) => {\n switch (a.type) {\n case types.PREFECTURES_DID_REFRESH:\n return [...(a.data || [])];\n default:\n return s;\n }\n};\n\nexport default combineReducers({ ui, data });\n\nexport { initialState };\n","import { combineReducers } from \"redux\";\nimport * as types from \"../constants/ActionTypes\";\n\nconst initialState = {\n data: {},\n ui: {\n fetching: false,\n error: null\n }\n};\n\nconst ui = (s = initialState.ui, a) => {\n switch (a.type) {\n case types.PROFILE_WILL_REFRESH:\n return { ...s, fetching: true, error: null };\n case types.PROFILE_DID_REFRESH_FAILED:\n return { ...s, fetching: false, error: a.error };\n case types.PROFILE_DID_REFRESH:\n return { ...s, fetching: false, error: null };\n default:\n return s;\n }\n};\n\nconst data = (s = initialState.data, a) => {\n switch (a.type) {\n case types.PROFILE_DID_REFRESH:\n return { ...s, ...a.data };\n default:\n return s;\n }\n};\n\nexport default combineReducers({ ui, data });\n\nexport { initialState };\n","import { isValidationError } from \"../../Api\";\n\nexport const removeFieldErrorMessages = (error = {}, field = \"\") => {\n if (error && isValidationError(error)) {\n let newError = { ...error };\n if (newError.value.errors[field]) {\n newError.value.errors[field] = [];\n }\n return newError;\n }\n return error;\n};\n","import { combineReducers } from \"redux\";\nimport * as types from \"../constants/ActionTypes\";\nimport { removeFieldErrorMessages } from \"./helpers/validationError\";\n\nconst initialState = {\n data: {},\n ui: {\n isOpen: false,\n fetching: false,\n error: null,\n },\n};\n\nconst ui = (s = initialState.ui, a) => {\n switch (a.type) {\n case types.PROFILE_FORM_OPEN:\n return { ...s, isOpen: true, error: null };\n case types.PROFILE_FORM_CLOSE:\n return { ...s, isOpen: false, error: null };\n case types.PROFILE_FORM_WILL_SUBMIT:\n return { ...s, fetching: true, error: null };\n case types.PROFILE_FORM_DID_SUBMIT_FAILED:\n return { ...s, fetching: false, error: a.error };\n case types.PROFILE_FORM_DID_SUBMIT:\n return { ...s, fetching: false, error: null, isOpen: false };\n case types.PROFILE_FORM_CHANGE_FIELD:\n const error = removeFieldErrorMessages(s.error, a.field);\n return { ...s, error };\n default:\n return s;\n }\n};\n\nconst data = (s = initialState.data, a) => {\n switch (a.type) {\n case types.PROFILE_DID_REFRESH:\n return { ...s, ...a.data };\n case types.PROFILE_FORM_CHANGE_FIELD:\n return { ...s, [a.field]: a.value };\n default:\n return s;\n }\n};\n\nconst getProfileFormData = (state) => state.profileForm.data;\n\nexport default combineReducers({ ui, data });\n\nexport { initialState, getProfileFormData };\n","import { combineReducers } from \"redux\";\nimport * as types from \"../constants/ActionTypes\";\nimport { removeFieldErrorMessages } from \"./helpers/validationError\";\n\nconst initialState = {\n data: {},\n ui: {\n isOpen: false,\n fetching: false,\n showingSuccessMessage: false,\n error: null\n }\n};\n\nconst ui = (s = initialState.ui, a) => {\n switch (a.type) {\n case types.PASSWORD_FORM_OPEN:\n return { ...initialState.ui, isOpen: true };\n case types.PASSWORD_FORM_CLOSE:\n return { ...s, isOpen: false };\n case types.PASSWORD_FORM_WILL_SUBMIT:\n return { ...s, fetching: true, error: null };\n case types.PASSWORD_FORM_DID_SUBMIT_FAILED:\n return { ...s, fetching: false, error: a.error };\n case types.PASSWORD_FORM_DID_SUBMIT:\n return {\n ...s,\n fetching: false,\n error: null,\n showingSuccessMessage: true\n };\n case types.PASSWORD_FORM_CHANGE_FIELD:\n const error = removeFieldErrorMessages(s.error, a.field);\n return { ...s, error };\n default:\n return s;\n }\n};\n\nconst data = (s = initialState.data, a) => {\n switch (a.type) {\n case types.PASSWORD_FORM_OPEN:\n return { ...initialState.data };\n case types.PASSWORD_FORM_CHANGE_FIELD:\n return { ...s, [a.field]: a.value };\n default:\n return s;\n }\n};\n\nconst getPasswordFormData = state => state.passwordForm.data;\n\nexport default combineReducers({ ui, data });\n\nexport { initialState, getPasswordFormData };\n","import { combineReducers } from \"redux\";\nimport * as types from \"../constants/ActionTypes\";\nimport { removeFieldErrorMessages } from \"./helpers/validationError\";\n\nconst initialState = {\n data: {},\n ui: {\n showingSuccessMessage: false,\n isOpen: false,\n fetching: false,\n error: null\n }\n};\n\nconst ui = (s = initialState.ui, a) => {\n switch (a.type) {\n case types.EMAIL_FORM_OPEN:\n return {\n ...s,\n isOpen: true,\n fetching: false,\n error: null,\n showingSuccessMessage: false\n };\n case types.EMAIL_FORM_CLOSE:\n return { ...s, isOpen: false };\n case types.EMAIL_FORM_WILL_SUBMIT:\n return { ...s, fetching: true, error: null };\n case types.EMAIL_FORM_DID_SUBMIT_FAILED:\n return { ...s, fetching: false, error: a.error };\n case types.EMAIL_FORM_DID_SUBMIT:\n return {\n ...s,\n fetching: false,\n error: null,\n showingSuccessMessage: true\n };\n case types.EMAIL_FORM_CHANGE_FIELD:\n const error = removeFieldErrorMessages(s.error, a.field);\n return { ...s, error };\n default:\n return s;\n }\n};\n\nconst data = (s = initialState.data, a) => {\n switch (a.type) {\n case types.EMAIL_FORM_OPEN:\n return { ...initialState.data };\n case types.EMAIL_FORM_CHANGE_FIELD:\n return { ...s, [a.field]: a.value };\n default:\n return s;\n }\n};\n\nconst getEmailFormData = state => state.emailForm.data;\n\nexport default combineReducers({ ui, data });\n\nexport { initialState, getEmailFormData };\n","import { combineReducers } from \"redux\";\nimport * as types from \"../constants/ActionTypes\";\n\nconst initialState = {\n ui: {\n showing: false\n }\n};\n\nconst ui = (s = initialState.ui, a) => {\n switch (a.type) {\n case types.MUST_UPDATE_PROFILE_SHOW:\n return { ...s, showing: true };\n default:\n return s;\n }\n};\n\nexport default combineReducers({ ui });\n\nexport { initialState };\n","import { combineReducers } from \"redux\";\nimport * as types from \"../constants/ActionTypes\";\n\nconst initialState = {\n ids: [],\n data: {},\n ui: {\n fetching: false,\n error: null\n }\n};\n\nconst ui = (s = initialState.ui, a) => {\n switch (a.type) {\n case types.SHIPPING_ADDRESSES_WILL_REFRESH:\n case types.SHIPPING_ADDRESSES_WILL_DELETE:\n return { ...s, fetching: true, error: null };\n case types.SHIPPING_ADDRESSES_DID_REFRESH_FAILED:\n case types.SHIPPING_ADDRESSES_DID_DELETE_FAILED:\n return { ...s, fetching: false, error: a.error };\n case types.SHIPPING_ADDRESSES_DID_REFRESH:\n case types.SHIPPING_ADDRESSES_DID_DELETE:\n return { ...s, fetching: false, error: null };\n default:\n return s;\n }\n};\n\nconst ids = (s = initialState.ids, a) => {\n switch (a.type) {\n case types.SHIPPING_ADDRESSES_DID_REFRESH:\n return (a.data || []).map(r => r.id);\n case types.SHIPPING_ADDRESSES_UPDATE:\n return s.includes(a.data.id) ? s : s.concat(a.data.id);\n case types.SHIPPING_ADDRESSES_DID_DELETE:\n let newState = s.slice();\n const index = s.indexOf(a.id);\n if (index >= 0) {\n newState.splice(index, 1);\n }\n return newState;\n default:\n return s;\n }\n};\n\nconst data = (s = initialState.data, a) => {\n switch (a.type) {\n case types.SHIPPING_ADDRESSES_DID_REFRESH:\n return (a.data || []).reduce((result, r) => {\n result[r.id] = r;\n return result;\n }, s);\n case types.SHIPPING_ADDRESSES_UPDATE:\n s[a.data.id] = a.data;\n return s;\n default:\n return s;\n }\n};\n\nexport default combineReducers({ ui, ids, data });\n\nconst getShippingAddressById = (state, id) => state.shippingAddresses.data[id];\n\nexport { initialState, getShippingAddressById };\n","import { combineReducers } from \"redux\";\nimport * as types from \"../constants/ActionTypes\";\n// const initialState = {\n// ids: [\"9099124\", \"13992738\"],\n// data: {\n// 9099124: {\n// id: \"9099124\",\n// customer_id: \"65817\",\n// brand: \"visa\",\n// number: \"************4242\",\n// expiry_date: \"2029/01\"\n// },\n// 13992738: {\n// id: \"13992738\",\n// customer_id: \"65817\",\n// brand: \"master\",\n// number: \"************2424\",\n// name: \"3\",\n// expiry_date: \"2028/06\"\n// }\n// },\n// ui: {\n// fetching: false,\n// error: null\n// }\n// }\nconst initialState = {\n ids: [],\n data: {},\n ui: {\n fetching: false,\n error: null\n }\n};\n\nconst ui = (s = initialState.ui, a) => {\n switch (a.type) {\n case types.CREDIT_CARDS_WILL_REFRESH:\n case types.CREDIT_CARDS_WILL_DELETE:\n return { ...s, fetching: true, error: null };\n case types.CREDIT_CARDS_DID_REFRESH_FAILED:\n case types.CREDIT_CARDS_DID_DELETE_FAILED:\n return { ...s, fetching: false, error: a.error };\n case types.CREDIT_CARDS_DID_REFRESH:\n case types.CREDIT_CARDS_DID_DELETE:\n return { ...s, fetching: false, error: null };\n default:\n return s;\n }\n};\n\nconst ids = (s = initialState.ids, a) => {\n switch (a.type) {\n case types.CREDIT_CARDS_DID_REFRESH:\n return (a.data || []).map(r => r.id);\n case types.CREDIT_CARDS_DID_DELETE:\n let newState = s.slice();\n const index = s.indexOf(a.id);\n if (index >= 0) {\n newState.splice(index, 1);\n }\n return newState;\n default:\n return s;\n }\n};\n\nconst data = (s = initialState.data, a) => {\n switch (a.type) {\n case types.CREDIT_CARDS_DID_REFRESH:\n return (a.data || []).reduce((result, r) => {\n result[r.id] = r;\n return result;\n }, s);\n default:\n return s;\n }\n};\n\nexport default combineReducers({ ui, ids, data });\n\nconst getCreditCardById = (state, id) => state.creditCards.data[id];\n\nexport { initialState, getCreditCardById };\n","import { combineReducers } from \"redux\";\nimport * as types from \"../constants/ActionTypes\";\n\nconst initialState = {\n data: {\n available_points: 0\n },\n ui: {\n fetching: false,\n error: null,\n prevTabPath: null\n }\n};\n\nconst ui = (s = initialState.ui, a) => {\n switch (a.type) {\n case types.POINTS_WILL_REFRESH:\n return { ...s, fetching: true, error: null };\n case types.POINTS_DID_REFRESH_FAILED:\n return { ...s, fetching: false, error: a.error };\n case types.POINTS_DID_REFRESH:\n return { ...s, fetching: false, error: null };\n case types.SWTICH_POINTS_SUB_TABS:\n return { ...s, prevTabPath: a.pathname };\n default:\n return s;\n }\n};\n\nconst data = (s = initialState.data, a) => {\n switch (a.type) {\n case types.POINTS_DID_REFRESH:\n return { ...a.data };\n default:\n return s;\n }\n};\n\nexport default combineReducers({ ui, data });\n\nconst getAvailablePoints = state => state.points.data.available_points;\n\nexport { initialState, getAvailablePoints };\n","import { combineReducers } from \"redux\";\nimport * as types from \"../constants/ActionTypes\";\n\nconst initialState = {\n data: {},\n ui: {\n fetching: false,\n error: null\n }\n};\n\nconst ui = (s = initialState.ui, a) => {\n switch (a.type) {\n case types.POINTS_HISTORY_WILL_REFRESH:\n return { ...s, fetching: true, error: null };\n case types.POINTS_HISTORY_DID_REFRESH_FAILED:\n return { ...s, fetching: false, error: a.error };\n case types.POINTS_HISTORY_DID_REFRESH:\n return { ...s, fetching: false, error: null };\n default:\n return s;\n }\n};\n\nconst data = (s = initialState.data, a) => {\n switch (a.type) {\n case types.POINTS_HISTORY_DID_REFRESH:\n return { ...a.data };\n default:\n return s;\n }\n};\n\nexport default combineReducers({ ui, data });\n\nexport { initialState };\n","import { combineReducers } from \"redux\";\nimport * as types from \"../constants/ActionTypes\";\n\nconst initialState = {\n ids: [],\n data: {},\n ui: {\n fetching: false,\n error: null\n }\n};\n\nconst ui = (s = initialState.ui, a) => {\n switch (a.type) {\n case types.WISH_ITEMS_WILL_REFRESH:\n return { ...s, fetching: true, error: null };\n case types.WISH_ITEMS_DID_REFRESH_FAILED:\n return { ...s, fetching: false, error: a.error };\n case types.WISH_ITEMS_DID_REFRESH:\n return { ...s, fetching: false, error: null };\n default:\n return s;\n }\n};\n\nconst ids = (s = initialState.ids, a) => {\n switch (a.type) {\n case types.WISH_ITEMS_DID_REFRESH:\n return (a.data || []).map(r => r.id);\n case types.WISH_ITEMS_DID_DELETE:\n return s.slice().filter(id => a.ids.indexOf(id) < 0);\n default:\n return s;\n }\n};\n\nconst data = (s = initialState.data, a) => {\n switch (a.type) {\n case types.WISH_ITEMS_DID_REFRESH:\n return (a.data || []).reduce((result, r) => {\n result[r.id] = r;\n return result;\n }, s);\n default:\n return s;\n }\n};\n\nexport default combineReducers({ ui, ids, data });\n\nexport { initialState };\n","import { combineReducers } from \"redux\";\nimport * as types from \"../constants/ActionTypes\";\n\nconst initialState = {\n checkedIds: [],\n ui: {\n fetching: false,\n error: null\n }\n};\n\nconst checkedIds = (s = initialState.checkedIds, a) => {\n switch (a.type) {\n case types.ACCOUNT_WISH_ITEMS_TOGGLE_CHECKED:\n let newState = s.slice();\n const index = s.indexOf(a.id);\n if (index === -1) {\n newState.push(a.id);\n } else {\n newState.splice(index, 1);\n }\n return newState;\n case types.ACCOUNT_WISH_ITEMS_DID_DELETE:\n case types.ACCOUNT_WISH_ITEMS_DID_MOVE_TO_CART:\n return [];\n default:\n return s;\n }\n};\n\nconst ui = (s = initialState.ui, a) => {\n switch (a.type) {\n case types.ACCOUNT_WISH_ITEMS_WILL_DELETE:\n case types.ACCOUNT_WISH_ITEMS_WILL_MOVE_TO_CART:\n return { ...s, fetching: true, error: null };\n case types.ACCOUNT_WISH_ITEMS_DID_DELETE_FAILED:\n case types.ACCOUNT_WISH_ITEMS_DID_MOVE_TO_CART_FAILED:\n return { ...s, fetching: false, error: a.error };\n case types.ACCOUNT_WISH_ITEMS_DID_DELETE:\n case types.ACCOUNT_WISH_ITEMS_DID_MOVE_TO_CART:\n return { ...s, fetching: false, error: null };\n default:\n return s;\n }\n};\n\nexport default combineReducers({ checkedIds, ui });\n\nconst getCheckedIds = (state, id) => state.accountWishItems.checkedIds;\n\nexport { initialState, getCheckedIds };\n","const translatePrefecture = (\n address = {},\n prefectureNameToJapaneseMap = {}\n) => {\n const prefectureName = address.prefecture;\n const prefectureJapanese = prefectureNameToJapaneseMap[prefectureName];\n\n return { ...address, prefectureJapanese };\n};\n\n// getShippingAddresses returns a list of shipping addresses (object)\n// for the given shippingAddresses state.\nconst getShippingAddresses = (\n { ids = [], data = {} },\n prefectureNameToJapaneseMap = {}\n) => ids.map(id => translatePrefecture(data[id], prefectureNameToJapaneseMap));\n\nexport { translatePrefecture, getShippingAddresses };\n","import { ORDER_STATES } from \"../constants/Texts\";\nimport { formatDateString } from \"../helper\";\nimport { translatePrefecture as translateAddressPrefecture } from \"../components/helpers/address\";\nimport {\n mapProtoOrderItemToOrderItemDataProps,\n mapProtoSumUpToSumUpSubItemDataProps,\n} from \"./checkout\";\n\n// Refer result: '東京都品川区東田中4-22-15 鈴木 育子様',\nconst _formatShippingAddress = (address = {}) => {\n const { prefectureJapanese, city, address1, address2, name } = address;\n return [prefectureJapanese, city, address1, address2, \" \", name, \"様\"].join(\n \"\"\n );\n};\n\n// Refer result: '福岡県福岡市博多区博多駅中央街1-1 JR博多シティ アミュプラザ博多7Fエーグルアミュプラザ博多'\nconst _formatStoreAddress = (address = {}) => {\n const { prefecture, city, address1, name } = address;\n return [prefecture, city, address1, name].join(\"\");\n};\n\nconst getId = (protoOrder = {}) => {\n const { code } = protoOrder;\n return code;\n};\n\nconst isCancellable = (protoOrder = {}) => {\n const { user_can_cancel = false } = protoOrder;\n return user_can_cancel;\n};\n\nconst isCancelled = (protoOrder = {}) => {\n const { patched_sum_up } = protoOrder;\n return !!patched_sum_up;\n};\n\nconst isDraft = (protoOrder = {}) => {\n const { state } = protoOrder;\n return !state || state === 0;\n};\n\nconst mapProtoOrderToOrderDataProp = (\n protoOrder = {},\n prefectureNameToJapaneseMap = {}\n) => {\n const {\n code,\n state,\n confirmed_at,\n shipping_address,\n order_items = [],\n sum_up,\n store_order_info,\n convenience_pickup_info,\n shipment,\n shipment_packages,\n } = protoOrder;\n\n const shippingAddress = translateAddressPrefecture(\n shipping_address,\n prefectureNameToJapaneseMap\n );\n const shippingAddressInfo = _formatShippingAddress(shippingAddress);\n const _isCancelled = isCancelled(protoOrder);\n\n // It is a deliver to store order\n let storeOrderAddress = \"\";\n let storeOrderTel = \"\";\n let isUserCancelUnallowed = false;\n if (\n store_order_info &&\n store_order_info.pickup_store &&\n store_order_info.pickup_store.address\n ) {\n storeOrderAddress = _formatStoreAddress(\n store_order_info.pickup_store.address\n );\n storeOrderTel = store_order_info.pickup_store.address.phone;\n }\n if (store_order_info && !!store_order_info.is_user_cancel_unallowed) {\n isUserCancelUnallowed = true;\n }\n\n const combiniInfo =\n convenience_pickup_info && convenience_pickup_info.store_info;\n const combiniAddress =\n (combiniInfo && (combiniInfo.saddr || \"\") + (combiniInfo.sname || \"\")) ||\n \"\";\n const combiniTel = (combiniInfo && combiniInfo.stel) || \"\";\n\n // FIXME the patched_sum_up is always zero. Is it good to display in the frontend?\n // const sumUp = _isCancelled ? patched_sum_up : sum_up\n const sumUp = sum_up;\n\n return {\n id: getId(protoOrder),\n code,\n state,\n formattedState: ORDER_STATES[state],\n confirmed_at,\n formattedOrderDate: formatDateString(confirmed_at),\n shipping_address,\n shippingAddress,\n shippingAddressInfo,\n storeOrderAddress,\n storeOrderTel,\n combiniAddress,\n combiniTel,\n // shows secret code when order is SHIPPED(state = 5)\n // see https://github.com/theplant/aigle/blob/3c674a7044f109a1d3320a1cf4ea9e0865cdcc9d/aigleapp/front/src/constants/Texts.js#L40-L64\n secretCode:\n state === 5\n ? convenience_pickup_info && convenience_pickup_info.secret_code\n : \"\",\n shipmentId: shipment && shipment.id,\n orderItems: order_items.map(mapProtoOrderItemToOrderItemDataProps),\n sumUpItems: mapProtoSumUpToSumUpSubItemDataProps(sumUp || {}),\n isCancellable: isCancellable(protoOrder),\n isUserCancelUnallowed,\n isCancelled: _isCancelled,\n shipmentPackages: shipment_packages,\n };\n};\n\nexport {\n _formatShippingAddress,\n _formatStoreAddress,\n getId,\n isDraft,\n isCancellable,\n isCancelled,\n mapProtoOrderToOrderDataProp,\n};\n","import { combineReducers } from \"redux\";\nimport * as types from \"../constants/ActionTypes\";\nimport { getId, isCancellable } from \"../mappers/orders\";\n\nconst initialState = {\n ids: [],\n data: {},\n ui: {\n fetching: false,\n error: null\n }\n};\n\nconst ui = (s = initialState.ui, a) => {\n switch (a.type) {\n case types.ORDERS_WILL_REFRESH:\n case types.ORDERS_WILL_CANCEL:\n return { ...s, fetching: true, error: null };\n case types.ORDERS_DID_REFRESH_FAILED:\n case types.ORDERS_DID_CANCEL_FAILED:\n return { ...s, fetching: false, error: a.error };\n case types.ORDERS_DID_REFRESH:\n case types.ORDERS_DID_CANCEL:\n return { ...s, fetching: false, error: null };\n default:\n return s;\n }\n};\n\nconst ids = (s = initialState.ids, a) => {\n switch (a.type) {\n case types.ORDERS_DID_REFRESH:\n return (a.data || []).map(r => getId(r));\n default:\n return s;\n }\n};\n\nconst data = (s = initialState.data, a) => {\n switch (a.type) {\n case types.ORDERS_DID_REFRESH:\n return (a.data || []).reduce((result, r) => {\n result[getId(r)] = r;\n return result;\n }, s);\n case types.ORDERS_DID_CANCEL:\n return { ...s, [getId(a.data)]: { ...a.data } };\n default:\n return s;\n }\n};\n\nexport default combineReducers({ ui, ids, data });\n\nconst getOrderById = (state, id) => state.orders.data[id];\n\nconst getOrderIsCancellableById = (state, id) =>\n isCancellable(getOrderById(state, id));\n\nexport { initialState, getOrderById, getOrderIsCancellableById };\n","import { combineReducers } from \"redux\";\nimport * as types from \"../constants/ActionTypes\";\nimport { removeFieldErrorMessages } from \"./helpers/validationError\";\n\nconst initialState = {\n data: {},\n ui: {\n isOpen: false,\n fetching: false,\n error: null\n }\n};\n\nconst ui = (s = initialState.ui, a) => {\n switch (a.type) {\n case types.ACCOUNT_SHIPPING_ADDRESS_FORM_CLOSE:\n return { ...s, isOpen: false };\n case types.ACCOUNT_SHIPPING_ADDRESS_FORM_WILL_SUBMIT:\n return { ...s, fetching: true, error: null };\n case types.ACCOUNT_SHIPPING_ADDRESS_FORM_DID_SUBMIT_FAILED:\n return { ...s, fetching: false, error: a.error };\n case types.ACCOUNT_SHIPPING_ADDRESS_FORM_DID_SUBMIT:\n return { ...s, fetching: false, error: null, isOpen: false };\n case types.ACCOUNT_SHIPPING_ADDRESS_FORM_LOAD:\n return { ...s, fetching: false, error: null, isOpen: true };\n case types.ACCOUNT_SHIPPING_ADDRESS_FORM_NEW:\n return { ...s, fetching: false, error: null, isOpen: true };\n case types.ACCOUNT_SHIPPING_ADDRESS_FORM_CHANGE_FIELD:\n const error = removeFieldErrorMessages(s.error, a.field);\n return { ...s, error };\n case types.ACCOUNT_SHIPPING_ADDRESS_WILL_SELECT_AS_DEFAULT:\n return { ...s, fetching: true, error: null };\n case types.ACCOUNT_SHIPPING_ADDRESS_DID_SELECT_AS_DEFAULT:\n return { ...s, fetching: false, error: null };\n case types.ACCOUNT_SHIPPING_ADDRESS_DID_SELECT_AS_DEFAULT_FAILED:\n return { ...s, fetching: false, error: a.error };\n default:\n return s;\n }\n};\n\nconst data = (s = initialState.data, a) => {\n switch (a.type) {\n case types.ACCOUNT_SHIPPING_ADDRESS_FORM_CHANGE_FIELD:\n return { ...s, [a.field]: a.value };\n case types.ACCOUNT_SHIPPING_ADDRESS_FORM_LOAD:\n return { ...(a.data || {}) };\n case types.ACCOUNT_SHIPPING_ADDRESS_FORM_NEW:\n return {};\n default:\n return s;\n }\n};\n\nconst getFormData = state => state.accountShippingAddressForm.data;\n\nexport default combineReducers({ ui, data });\n\nexport { initialState, getFormData };\n","import { combineReducers } from \"redux\";\nimport * as types from \"../constants/ActionTypes\";\n\nconst initialState = {\n data: {},\n ui: {\n isOpen: false,\n fetching: false,\n error: null\n }\n};\n\nconst ui = (s = initialState.ui, a) => {\n switch (a.type) {\n case types.ACCOUNT_CREDIT_CARD_FORM_CLOSE:\n return { ...s, isOpen: false };\n case types.ACCOUNT_CREDIT_CARD_FORM_WILL_SUBMIT:\n return { ...s, fetching: true, error: null };\n case types.ACCOUNT_CREDIT_CARD_FORM_DID_SUBMIT_FAILED:\n return { ...s, fetching: false, error: a.error };\n case types.ACCOUNT_CREDIT_CARD_FORM_DID_SUBMIT:\n return { ...s, fetching: false, error: null, isOpen: false };\n case types.ACCOUNT_CREDIT_CARD_FORM_NEW:\n case types.ACCOUNT_CREDIT_CARD_FORM_EDIT:\n return { ...s, fetching: false, error: null, isOpen: true };\n default:\n return s;\n }\n};\n\nconst data = (s = initialState.data, a) => {\n switch (a.type) {\n case types.ACCOUNT_CREDIT_CARD_FORM_CHANGE_FIELD:\n return { ...s, [a.field]: a.value };\n case types.ACCOUNT_CREDIT_CARD_FORM_NEW:\n return {};\n case types.ACCOUNT_CREDIT_CARDS_DID_FORM_LOAD:\n const expiry_date = a.data?.expiry_date;\n const [expiry_year, expiry_month] = (expiry_date||\"\").split(\"/\")\n return { ...(a.data || {}), expiry_year, expiry_month };\n default:\n return s;\n }\n};\n\nconst getFormData = state => state.accountCreditCardForm.data;\n\nexport default combineReducers({ ui, data });\n\nexport { initialState, getFormData };\n","import { combineReducers } from \"redux\";\nimport * as types from \"../constants/ActionTypes\";\n\nconst initialState = {\n data: {},\n ui: {\n fetching: false,\n error: null\n }\n};\n\nconst ui = (s = initialState.ui, a) => {\n switch (a.type) {\n case types.CART_ITEMS_WILL_REFRESH:\n case types.CART_ITEMS_TOTAL_QUANTITY_WILL_REFRESH:\n return { ...s, fetching: true, error: null };\n case types.CART_ITEMS_DID_REFRESH_FAILED:\n case types.CART_ITEMS_TOTAL_QUANTITY_DID_REFRESH_FAILED:\n return { ...s, fetching: false, error: a.error };\n case types.CART_ITEMS_DID_REFRESH:\n case types.CART_ITEMS_TOTAL_QUANTITY_DID_REFRESH:\n return { ...s, fetching: false, error: null };\n default:\n return s;\n }\n};\n\nconst data = (s = initialState.data, a) => {\n switch (a.type) {\n case types.CART_ITEMS_DID_REFRESH:\n case types.CART_ITEMS_TOTAL_QUANTITY_DID_REFRESH:\n return { ...a.data };\n case types.CART_ITEMS_DID_REFRESH_FAILED:\n return { order_items: [] };\n default:\n return s;\n }\n};\n\nexport default combineReducers({ ui, data });\n\nexport { initialState };\n","import { combineReducers } from \"redux\";\nimport * as types from \"../constants/ActionTypes\";\n\nconst initialState = {\n data: [],\n ui: {\n fetching: false,\n error: null\n }\n};\n\nconst ui = (s = initialState.ui, a) => {\n switch (a.type) {\n case types.ACCOUNT_VIEWED_PRODUCTS_WILL_REFRESH:\n return { ...s, fetching: true, error: null };\n case types.ACCOUNT_VIEWED_PRODUCTS_REFRESH_FAILED:\n return { ...s, fetching: false, error: a.error };\n case types.ACCOUNT_VIEWED_PRODUCTS_DID_REFRESH:\n return { ...s, fetching: false, error: null };\n default:\n return s;\n }\n};\n\nconst data = (s = initialState.data, a) => {\n switch (a.type) {\n case types.ACCOUNT_VIEWED_PRODUCTS_DID_REFRESH:\n return [...a.data];\n default:\n return s;\n }\n};\n\nexport default combineReducers({ ui, data });\n\nexport { initialState };\n","import React from \"react\";\nimport { Dispatch } from \"redux\";\n\nimport { KeyedProjection } from \"@theplant/ecjs/projection\";\nimport { makeService, IServiceError } from \"@theplant/ecjs/prottp\";\nimport { withContext, ContextProps, Context } from \"@theplant/ecjs/context\";\n\nimport { theplant, proto } from \"../proto\";\ntype IOrder = theplant.ec.service.orders.IOrder;\ntype IOrderItem = theplant.ec.service.orders.IOrderItem;\nconst CartService = theplant.ec.api.orders.CartService;\ntype Ability = theplant.ec.api.orders.Ability;\ntype GetCartResult = theplant.ec.api.orders.GetCartResult;\n\ntype State = {\n cart: IOrder | null;\n Abilities?: Ability[] | null;\n isGuestUser?: boolean | null;\n couponCodeInput: string | null;\n couponCodeError?: proto.ValidationError | null;\n state:\n | {\n type:\n | null\n | \"fetching\"\n | \"adding\"\n | \"updating\"\n | \"clearing\"\n | \"applying\";\n }\n | {\n type: \"error\";\n error: IServiceError;\n };\n};\n\ntype Action =\n | { type: \"WILL_FETCH_CART\" }\n | {\n type: \"ADD_TO_CART\";\n code: string;\n }\n | {\n type: \"UPDATE_QUANTITY\";\n articleCode: string;\n quantity: number;\n }\n | {\n type: \"FETCH_CART\";\n order: IOrder;\n }\n | {\n type: \"FETCH_CART_ERROR\";\n error: IServiceError;\n }\n | {\n type: \"FETCH_ABILITIES\";\n Abilities?: Ability[] | null;\n }\n | {\n type: \"FETCH_IS_GUEST_USER\";\n isGuestUser?: boolean | null;\n }\n | { type: \"WILL_CLEAR_CART\" }\n | { type: \"WILL_APPLY_COUPON_CODE\" }\n | { type: \"APPLY_COUPON_CODE\" }\n | { type: \"APPLY_COUPON_CODE_ERROR\"; error: proto.ValidationError }\n | { type: \"WILL_CANCEL_COUPON_CODE\" }\n | { type: \"UPDATE_COUPON_CODE_INPUT\"; couponCode: string };\n\nconst initialState: State = {\n cart: null,\n couponCodeInput: null,\n state: { type: null }\n};\n\nconst reducer = (s: State = initialState, a: Action): State => {\n switch (a.type) {\n case \"WILL_FETCH_CART\":\n return { ...s, state: { type: \"fetching\" } };\n case \"ADD_TO_CART\":\n return { ...s, state: { type: \"adding\" } };\n case \"UPDATE_QUANTITY\":\n return { ...s, state: { type: \"updating\" } };\n case \"FETCH_CART\":\n return { ...s, cart: a.order, state: { type: null } };\n case \"FETCH_CART_ERROR\":\n return { ...s, state: { type: \"error\", error: a.error } };\n case \"FETCH_ABILITIES\":\n return { ...s, Abilities: a.Abilities };\n case \"FETCH_IS_GUEST_USER\":\n return { ...s, isGuestUser: a.isGuestUser };\n case \"WILL_CLEAR_CART\":\n return { ...s, state: { type: \"clearing\" } };\n case \"WILL_APPLY_COUPON_CODE\":\n return { ...s, state: { type: \"applying\" } };\n case \"APPLY_COUPON_CODE\":\n return {\n ...s,\n state: { type: null },\n couponCodeInput: null,\n couponCodeError: null\n };\n case \"APPLY_COUPON_CODE_ERROR\":\n return { ...s, state: { type: null }, couponCodeError: a.error };\n case \"UPDATE_COUPON_CODE_INPUT\":\n return { ...s, couponCodeInput: a.couponCode };\n }\n return s;\n};\n\n// Can't be an interface as then it can't be passed to `connect` (?!)\ntype DP = {\n addToCart: (p: string) => Promise;\n updateQuantity: (p: string, n: number) => Promise;\n fetchCart: () => void;\n refreshCart: (o: IOrder) => void;\n clearCart: () => Promise;\n updateCouponCodeInput: (couponCode: string) => void;\n applyCouponCode: (couponCode: string) => Promise;\n cancelCouponCode: () => Promise;\n updateAbilities: (ailities: Ability[]) => void;\n};\n\nexport type CartProps = { cart: State & DP };\n\nconst selectCartSize = (s: IOrder | null): number | null =>\n s != null && s.orderItems != null\n ? s.orderItems.reduce((count, item) => count + Number(item.quantity), 0)\n : null;\n\nconst selectCartItem = (\n s: IOrder | null,\n code: string | undefined\n): IOrderItem | null =>\n (s &&\n s.orderItems &&\n s.orderItems.find(({ articleCode }) => articleCode === code)) ||\n null;\n\nconst selectCartIsLoading = (s: State[\"state\"]): boolean =>\n s.type !== null && s.type !== \"error\";\n\nconst selectItemIsOutOfStock = (s: IOrderItem | null): boolean =>\n s && s.quantity && s.quantityInStock\n ? Number(s.quantity) > Number(s.quantityInStock) ||\n Number(s.quantityInStock) === 0\n : true;\n\nconst selectOrderHasOutOfStockItems = (s: IOrder | null): boolean =>\n s && s.orderItems ? s.orderItems.some(selectItemIsOutOfStock) : false;\n\nconst selectAllItemsAreOutOfStock = (s: IOrder | null): boolean =>\n s && s.orderItems && s.orderItems.length > 0\n ? s.orderItems.every(selectItemIsOutOfStock)\n : false;\n\nconst selectItemIsRestricted = (s: IOrderItem | null): boolean =>\n !!s && !!s.restrictedReasons && s.restrictedReasons.length > 0;\n\nconst selectOrderHasRestrictedItems = (s: IOrder | null): boolean =>\n s && s.orderItems ? s.orderItems.some(selectItemIsRestricted) : false;\n\nconst selectCartIsEmpty = (s: IOrder | null): boolean =>\n s && s.orderItems && s.orderItems.length > 0 ? false : true;\n\nconst selectItemIsDiscounted = (s: IOrderItem | null): boolean =>\n s &&\n s.sumUp &&\n s.sumUp.prime &&\n s.sumUp.discounted &&\n Number(s.sumUp.discounted.priceWithTax) !== Number(s.sumUp.prime.priceWithTax)\n ? true\n : false;\n\nconst selectCouponsUsed = (cart: IOrder | null): string =>\n cart && cart.couponsUsed && cart.couponsUsed.length > 0\n ? cart.couponsUsed[0]\n : \"\";\n\n/**\n * select if the order is paying all amount with applied points,\n * or if the applying points(`applyingPoints`) is going to pay all amount\n *\n * its calculate is points + pointTax === subItems's total price + fee(like delivery fee)\n * one special case is when use cod to pay, it has cod fee.\n * when use point to pay, cod fee is removed, so need remove cod fee in compare\n */\nconst selectIsPayingAllAmountWithPoints = (\n cart: IOrder | null,\n paymentType: theplant.ec.service.orders.PaymentType | null | undefined,\n codeFee: number,\n applyingPoints?: number\n): boolean => {\n if (\n !cart ||\n !cart.sumUp ||\n !cart.sumUp.subItems ||\n !cart.sumUp.quoteAmountWithTax\n ) {\n return false;\n }\n\n const quoteAmountWithTax = Number(cart.sumUp.quoteAmountWithTax);\n let pointsAmount = applyingPoints || Number(cart.pointsUsed || 0);\n\n const {\n COUPON_DISCOUNT,\n PROMOTION_DISCOUNT,\n POINTS_DEDUCTION,\n POINTS_TAX_DEDUCTION\n } = theplant.ec.service.accounting.SubItemType;\n\n // COUPON_DISCOUNT & PROMOTION_DISCOUNT are contained in TOTAL_DISCOUNT,\n // also filter out the POINTS_DEDUCTION\n const subItems = cart.sumUp.subItems.filter(\n item =>\n item.subType !== COUPON_DISCOUNT &&\n item.subType !== PROMOTION_DISCOUNT &&\n item.subType !== POINTS_DEDUCTION &&\n item.subType !== POINTS_TAX_DEDUCTION\n );\n\n const totalAmount = subItems.reduce(\n (accumulator, item) => accumulator + Number(item.amount || 0),\n quoteAmountWithTax\n );\n\n const pointTax = pointsAmount ? Math.abs(Number(Math.round(pointsAmount / 10))) : 0;\n\n pointsAmount += pointTax;\n\n if (paymentType === theplant.ec.service.orders.PaymentType.COD) {\n return pointsAmount === totalAmount - codeFee;\n }\n\n return pointsAmount === totalAmount;\n};\n\nconst updateAbilities =\n (dispatch: Dispatch) => (Abilities: Ability[]) => {\n dispatch({ type: \"FETCH_ABILITIES\", Abilities });\n };\n\nconst didFetchCart =\n (dispatch: Dispatch) =>\n ({ order, Abilities, isGuestUser }: GetCartResult) => {\n dispatch({ type: \"FETCH_CART\", order } as Action);\n dispatch({ type: \"FETCH_ABILITIES\", Abilities } as Action);\n dispatch({ type: \"FETCH_IS_GUEST_USER\", isGuestUser } as Action);\n return order || {};\n };\n\nconst didFetchCartError = (dispatch: Dispatch) => (error: any) => {\n dispatch({ type: \"FETCH_CART_ERROR\", error } as Action);\n throw error;\n};\n\nconst updateQuantity =\n (dispatch: Dispatch, context: Context) =>\n (articleCode: string, quantity: number): Promise => {\n dispatch({ type: \"UPDATE_QUANTITY\", articleCode, quantity } as Action);\n\n return makeService(CartService, context)\n .setVariantCount({ articleCode, quantity })\n .then(didFetchCart(dispatch), didFetchCartError(dispatch));\n };\n\nconst addToCart =\n (dispatch: Dispatch, context: Context) =>\n (code: string): Promise => {\n dispatch({ type: \"ADD_TO_CART\", code } as Action);\n\n return makeService(CartService, context)\n .addVariant({ code })\n .then(didFetchCart(dispatch), didFetchCartError(dispatch));\n };\n\nconst fetchCart =\n (dispatch: Dispatch, context: Context) => (): Promise<{}> => {\n dispatch({ type: \"WILL_FETCH_CART\" });\n return makeService(CartService, context)\n .getCart({})\n .then(didFetchCart(dispatch), error =>\n dispatch({ type: \"FETCH_CART_ERROR\", error })\n );\n };\n\nconst clearCart =\n (dispatch: Dispatch, context: Context) => (): Promise => {\n dispatch({ type: \"WILL_CLEAR_CART\" } as Action);\n return makeService(CartService, context)\n .clearCart({})\n .then(didFetchCart(dispatch), didFetchCartError(dispatch));\n };\n\nconst applyCouponCode =\n (dispatch: Dispatch, context: Context) =>\n (couponCode: string): Promise => {\n dispatch({ type: \"WILL_APPLY_COUPON_CODE\" } as Action);\n return makeService(CartService, context)\n .validateCartCoupon({ couponCode })\n .then(\n order => {\n dispatch({ type: \"APPLY_COUPON_CODE\" } as Action);\n didFetchCart(dispatch)(order);\n },\n e => {\n if (e && e.errors && e.errors.fieldViolations) {\n const error: proto.ValidationError = e.errors;\n error.fieldViolations = error.fieldViolations.map(error => ({\n ...error,\n field: \"Form.\" + error.field\n }));\n dispatch({ type: \"APPLY_COUPON_CODE_ERROR\", error } as Action);\n }\n }\n );\n };\n\nconst cancelCouponCode =\n (dispatch: Dispatch, context: Context) => (): Promise => {\n dispatch({ type: \"WILL_CANCEL_COUPON_CODE\" } as Action);\n return makeService(CartService, context)\n .cancelCartCoupon({ couponCode: null })\n .then(didFetchCart(dispatch), didFetchCartError(dispatch));\n };\n\nconst mapDispatchToProps = (\n dispatch: Dispatch,\n { requestContext }: ContextProps\n): DP => ({\n updateQuantity: updateQuantity(dispatch, requestContext),\n addToCart: addToCart(dispatch, requestContext),\n fetchCart: fetchCart(dispatch, requestContext),\n refreshCart: order => dispatch({ type: \"FETCH_CART\", order } as Action),\n clearCart: clearCart(dispatch, requestContext),\n updateCouponCodeInput: couponCode =>\n dispatch({ type: \"UPDATE_COUPON_CODE_INPUT\", couponCode }),\n applyCouponCode: applyCouponCode(dispatch, requestContext),\n cancelCouponCode: cancelCouponCode(dispatch, requestContext),\n updateAbilities: updateAbilities(dispatch)\n});\n\nclass CartFetcher extends React.Component {\n componentDidMount() {\n if (this.props.cart.cart == null && this.props.cart.state.type == null) {\n this.props.cart.fetchCart();\n }\n }\n render() {\n return null;\n }\n}\n\nconst Projection = KeyedProjection(\"cart\");\n\nconst withCartService = (\n ns: string,\n C: React.ComponentType\n): React.ComponentType => {\n const Connected = withContext(\n Projection.connect(\n (s: State) => s,\n mapDispatchToProps,\n (s, d, o): Props & CartProps => ({\n cart: {\n ...s,\n ...d\n },\n ...(o as any) // `any`: Typescript can't handle generic spread\n })\n )(props => (\n <>\n \n \n );\n\n return W;\n};\n\ntype PropertyMap = {\n [key: string]: string[] | null | undefined;\n};\n\nconst propertiesToPropertyMap = (\n properties: theplant.ec.service.base.IProperty[] | null | undefined\n): PropertyMap =>\n (properties || []).reduce((mapped: PropertyMap, property = {}) => {\n if (typeof property.field === \"string\") {\n mapped[property.field] = property.values;\n }\n return mapped;\n }, {});\n\nconst selectCartItemProperty = (\n s: IOrderItem | null,\n field: string\n): string | undefined => {\n const discountContextsPropertyMap = propertiesToPropertyMap(\n s && s.discountContexts\n );\n\n return (discountContextsPropertyMap[field] || [])[0];\n};\n\nexport type CartState = State;\nexport type CartAction = Action;\n\nexport {\n initialState as cartInitialState,\n reducer as cartReducer,\n withCartService,\n selectCartSize,\n selectCartItem,\n selectCartIsLoading,\n selectItemIsOutOfStock,\n selectOrderHasOutOfStockItems,\n selectAllItemsAreOutOfStock,\n selectItemIsRestricted,\n selectOrderHasRestrictedItems,\n selectCartIsEmpty,\n selectItemIsDiscounted,\n selectCouponsUsed,\n selectIsPayingAllAmountWithPoints,\n selectCartItemProperty\n};\n","//Copy from https://github.com/theplant/mastani/blob/25fe97bd65ddb3ff2ebc78bf7bf004fb5cdff86f/frontend/form.tsx\n\nimport * as React from \"react\";\nimport * as R from \"ramda\";\nimport { ProjectionClass } from \"@theplant/ecjs/projection\";\n\nimport { proto } from \"./proto\";\n\nexport interface State {\n input: T;\n error?: proto.IValidationError;\n dirtyFields: { [key: string]: true };\n submitState: \"new\" | \"submitting\" | \"submitted\" | \"submit-failed\";\n}\n\n// any here is because the type of `input` depends on the value of\n// `path`\ntype UpdateAction = { type: \"UPDATE_INPUT\"; path: string[]; input: any };\n\nexport type Action =\n | UpdateAction\n | { type: \"SET_ERRORS\"; error: proto.ValidationError }\n | { type: \"ADD_ERROR\"; error: proto.ValidationError.IFieldViolation }\n | { type: \"TOUCH_INPUT\"; path: string[] }\n | { type: \"SUBMIT_FAILED\"; error: proto.ValidationError }\n | { type: \"RESET_FORM_STATE\" };\n\nconst deepMap = (\n state: any = {},\n { type, path: inputPath, input }: UpdateAction\n): any => {\n const [key, ...path] = inputPath;\n if (key != null) {\n const val = state[key];\n let newVal = val;\n if (path.length > 0) {\n newVal = deepMap(newVal, {\n type,\n input,\n path\n });\n } else {\n newVal = input;\n }\n return {\n ...(state as any),\n [key]: newVal\n };\n }\n return state;\n};\n\nconst reducer = (input: T) => {\n const initialState: State = {\n input,\n dirtyFields: {},\n submitState: \"new\"\n };\n\n return (s = initialState, a: Action): State => {\n switch (a.type) {\n case \"UPDATE_INPUT\":\n return {\n ...s,\n // Not type-safe as deepMap is `any => any`, it relies on\n // the path and input of `a` being correct.\n input: deepMap(s.input, a)\n };\n case \"TOUCH_INPUT\":\n const fv = (s.error && s.error.fieldViolations) || [];\n // remove the existing errors of this field\n // to fix:\n // when some of the fields associated with each other,\n // if you touched one of these fields, others errors also returned\n // then you touched another one, that field was marked dirty, its error displayed even though the input was correct\n // ref: https://github.com/theplant/aigle/issues/1516\n const newFV = fv.filter(\n f =>\n f.field && f.field.toLowerCase() !== a.path.join(\".\").toLowerCase()\n );\n\n return {\n ...s,\n dirtyFields: {\n ...s.dirtyFields,\n [a.path.join(\".\").toLowerCase()]: true\n },\n error: {\n ...s.error,\n fieldViolations: newFV\n }\n };\n case \"SET_ERRORS\":\n return {\n ...s,\n error: a.error\n };\n case \"ADD_ERROR\":\n const oldFV = (s.error && s.error.fieldViolations) || [];\n\n if (oldFV.some(i => R.equals(i, a.error))) {\n return s;\n }\n\n return {\n ...s,\n error: {\n ...s.error,\n fieldViolations: oldFV.concat(a.error)\n }\n };\n case \"SUBMIT_FAILED\":\n return {\n ...s,\n submitState: \"submit-failed\",\n error: a.error\n };\n case \"RESET_FORM_STATE\":\n return { ...s, dirtyFields: {}, submitState: \"new\" };\n }\n return s;\n };\n};\n\ntype DispatchProps = {\n updateInput: (input: T) => void;\n touchInput: () => void;\n};\n\nconst setErrors = (error: proto.ValidationError): Action => ({\n type: \"SET_ERRORS\",\n error\n});\n\nconst addError = (error: proto.ValidationError.IFieldViolation): Action => ({\n type: \"ADD_ERROR\",\n error\n});\n\nconst submitError = (error: proto.ValidationError): Action => ({\n type: \"SUBMIT_FAILED\",\n error\n});\n\nfunction updateInput(path: string[]) {\n return (input: any) => ({\n type: \"UPDATE_INPUT\",\n path,\n input\n });\n}\n\nfunction touchInput(path: string[]) {\n return () => ({\n type: \"TOUCH_INPUT\",\n path\n });\n}\n\nconst resetFormState = (): Action => ({\n type: \"RESET_FORM_STATE\"\n});\n\n////////////////////////////////////////\n// VIEW\n\nexport type FieldProps = DispatchProps & {\n value: T | undefined | null;\n errors: proto.ValidationError.IFieldViolation[];\n dirty: boolean;\n} & A;\n\nfunction lookup(p: string[], s: any) {\n let path = p;\n let value = s.input;\n while (path.length >= 1 && value != null) {\n let [key, ...rest] = path;\n path = rest;\n value = value[key];\n }\n return value;\n}\n\nconst empty: proto.ValidationError.IFieldViolation[] = [];\n\nfunction filterE(\n p: string[],\n err?: proto.IValidationError\n): proto.ValidationError.IFieldViolation[] {\n if (err == null || err.fieldViolations == null) {\n return empty;\n }\n\n const path = p.join(\".\").toLowerCase();\n const errors = err.fieldViolations.filter(\n ({ field }) => field && field.toLowerCase() === path\n );\n return errors.length > 0 ? errors : empty;\n}\n\nfunction buildSelector(p: string[]) {\n return (s: State) => {\n const value = lookup(p, s);\n const errors = filterE(p, s.error);\n const dirty =\n s.dirtyFields[p.join(\".\").toLowerCase()] ||\n s.submitState === \"submit-failed\";\n return { value, errors, dirty };\n };\n}\n\ntype InputProps = {\n f: Form;\n field?: Extract;\n component: React.ComponentType | FieldProps>;\n};\n\nclass Input extends React.PureComponent> {\n private K: React.ComponentType<{}>;\n\n constructor(props: InputProps) {\n super(props);\n\n const { f, component } = this.props;\n\n let path = props.field == null ? f.path : f.path.concat(props.field);\n const mstp = buildSelector(path);\n this.K = f.projection.connect(mstp, {\n ...(f.actions as any), // Typescript can't handle spreading into generic types\n updateInput: updateInput(path),\n touchInput: touchInput(path)\n })(component as any); // FIXME any\n }\n\n render() {\n return = {\n component: React.ComponentType>;\n};\n\ntype FocusedInputFieldProps = {\n field: K;\n component: React.ComponentType>;\n};\n\ntype PartialNullable = { [P in keyof T]?: T[P] | null };\n\ntype PartialMap = (PartialNullable) & U;\n\nclass Form {\n constructor(\n public path: string[],\n public actions: A,\n public projection: ProjectionClass\n ) {\n this.field = this.field.bind(this);\n }\n\n // This can't be a method as it needs to have `f` in params to be\n // able to infer `string` from `T[K] = string | undefined`\n static on, A>(\n f: Form, A>,\n key: K\n ): Form {\n return new this([...f.path, key], f.actions, f.projection);\n }\n\n on = >({\n field,\n component\n }: FocusedInputFieldProps) => {\n const P = Input as React.ComponentType>;\n // FIXME any\n return
;\n };\n\n field>({\n component\n }: {\n component: P[\"component\"];\n }): React.ReactElement {\n const C = Input as React.ComponentType>;\n // FIXME any\n return ;\nconst SPECIAL_KEY_MAP: StringMap = {\n \"3ds_auth_id\": \"authId\",\n \"3dsecure_requestor_error_code\": \"requestorErrorCode\",\n \"3dsecure_server_error_code\": \"serverErrorCode\",\n};\n\nexport function getThreeDSInformationFromSearch(\n search = window.location.search\n) {\n const searchParams = new URLSearchParams(search);\n const params: StringMap = {};\n for (const [key, value] of searchParams.entries()) {\n // snake To camel: order_code => orderCode\n const camelKey =\n SPECIAL_KEY_MAP[key] ||\n key.replace(/_([a-z])/g, (_, letter) => letter.toUpperCase());\n\n params[camelKey] = value;\n }\n\n return params;\n}\n\nexport const SERVER_3DS_ERROR_MAP: StringMap = {\n \"3DS_API_ERROR\":\n \"現在サービスがご利用頂けません。しばらくしてから、もう一度ご利用お試しください。\",\n INVALID_TERM_URL: \"入力内容をご確認ください。\",\n INVALID_3DS_RESULT:\n \"このアカウントは現在ご利用いただけません。カスタマーサポートにお問い合わせください。\",\n \"3DS_AUTH_FAILED\": \"入力内容をご確認ください。\",\n};\n","export function pick(obj: Record, keys: string[]) {\n const r: Record = {};\n for (const key of keys) {\n if (obj[key] != null) {\n r[key] = obj[key];\n }\n }\n return r;\n }","import * as React from \"react\";\n\nimport { KeyedProjection } from \"@theplant/ecjs/projection\";\nimport { makeService, IServiceError } from \"@theplant/ecjs/prottp\";\nimport { withContext, ContextProps, Context } from \"@theplant/ecjs/context\";\nimport { takeLatest, put, call, select } from \"redux-saga/effects\";\nimport { CHECKOUT_CART_PATH } from \"../constants/Paths\";\nimport {\n setErrors,\n Form,\n State as FormState,\n reducer as formReducer,\n updateInput,\n touchInput,\n addError,\n submitError,\n resetFormState,\n} from \"../form\";\n\nimport { IData } from \"./data\";\n\nimport { prefecturesByKey } from \"./prefectureData\";\n\nimport { theplant, proto } from \"../proto\";\nimport { threeDSArgument, threeDSAuthInformation } from \"./3DSHelper\";\ntype IOrder = theplant.ec.service.orders.IOrder;\ntype ICheckoutInput = theplant.ec.api.orders.ICheckoutInput;\ntype ICreditCardInput = theplant.ec.service.orders.ICreditCardInput;\ntype IStoreInfo = theplant.ec.service.convenience_pickup.IStoreInfo;\ntype IAddress = theplant.ec.service.users.IAddress;\nconst CheckoutService = theplant.ec.api.orders.CheckoutService;\nconst ZipcodeService = theplant.ec.api.users.ZipcodeService;\ntype ValidationResult = theplant.ec.api.orders.ValidationResult;\ntype ZipcodeAddress = theplant.ec.service.zipcode.ZipcodeAddress;\ntype ConfirmResult = theplant.ec.api.orders.ConfirmResult;\ntype IGiftWrapping = theplant.ec.service.orders.IGiftWrapping;\ntype IPoints = number | Long | null;\ntype IDeliveryInfo = theplant.ec.service.orders.IDeliveryInfo;\ntype ISmartpayInput = theplant.ec.api.orders.ISmartPayInput;\ntype IAmazonPayInput = theplant.ec.service.orders.IAmazonPayInput;\nconst ORDER_CODE_FOR_FINISH_ORDER = \"ORDER_CODE_FOR_FINISH_ORDER\";\n\nconst silenceErrors = (context: Context): Context => ({\n ...context,\n onError: (error: IServiceError): null => {\n context.logger\n .warn()\n .log({ msg: \"ignoring prottp error when validating input\", error });\n return null;\n },\n});\n\ntype InternalState = {\n form: ICheckoutInput & {\n newShippingAddress?: boolean;\n newBillingAddress?: boolean;\n };\n state: \"validating\" | null;\n};\n\ntype State = FormState;\n\nconst formInitialState: ICheckoutInput = {\n specifyBillingAddress: false,\n deliveryMethod: theplant.ec.api.orders.DeliveryMethod.HOME_DELIVERY,\n deliveryInfo: { specified: false },\n paymentType: theplant.ec.service.orders.PaymentType.CREDIT_CARD,\n isSubscribed: true,\n isSubscribedSms: true,\n};\n\nconst reducer = formReducer({\n form: formInitialState,\n state: null,\n});\n\ntype UpdateStoreIdAction = {\n type: \"UPDATE_STORE_ID\";\n storeId: string | null;\n};\n\ntype UpdateCombiniInfoAction = {\n type: \"UPDATE_COMBINI_INFO\";\n storeInfo: IStoreInfo;\n};\n\ntype ClearAmazonAddressErrorAction = {\n type: \"CLEAR_AMAZON_ADDRESS_ERROR\";\n};\n\ntype ClearGiftCardMessagesAction = {\n type: \"CLEAR_GIFT_CARD_MESSAGES\";\n};\n\ntype ClearAppliedPointsAction = {\n type: \"CLEAR_APPLIED_POINTS\";\n};\n\nexport type PrefillAddressAction = {\n type: \"PREFILL_FROM_POSTAL_CODE\";\n path: string[];\n address: IAddress;\n usingEnglishNameForPrefecture?: boolean;\n};\n\ntype WillCheckoutAction = {\n type: \"WILL_CHECKOUT\";\n onResolve?: (result: ConfirmResult) => void;\n onReject?: () => void;\n useFinishOrder?: boolean;\n};\n\ntype SelectAddressAction = {\n type: \"SELECT_ADDRESS\";\n id: string;\n prefix: \"shippingAddress\" | \"billingAddress\";\n};\n\ntype ToSetNewAddressAction = {\n type: \"TO_SET_NEW_ADDRESS\";\n newAddress: boolean;\n prefix: \"shippingAddress\" | \"billingAddress\";\n};\n\ntype SelectCreditCardAction = {\n type: \"SELECT_CREDIT_CARD\";\n id: string;\n};\n\ntype SpecifyPaymentTypeAction = {\n type: \"SPECIFY_PAYMENT_TYPE\";\n paymentType: theplant.ec.service.orders.PaymentType;\n};\n\ntype SpecifyDeliveryMethodAction = {\n type: \"SPECIFY_DELIVERY_METHOD\";\n method: theplant.ec.api.orders.DeliveryMethod;\n};\n\ntype Action =\n | PrefillAddressAction\n | UpdateStoreIdAction\n | UpdateCombiniInfoAction\n | WillCheckoutAction\n | ClearAmazonAddressErrorAction\n | SelectAddressAction\n | SelectCreditCardAction\n | SpecifyPaymentTypeAction\n | SpecifyDeliveryMethodAction\n | ClearGiftCardMessagesAction\n | ClearAppliedPointsAction\n | {\n type: \"WILL_VALIDATE_SHIPPING_PAGE\";\n onResolve?: () => void;\n onReject?: () => void;\n }\n | { type: \"SPECIFY_BILLING_ADDRESS\"; specify: boolean }\n | { type: \"DID_CHECKOUT\"; result: ConfirmResult }\n | { type: \"DID_CHECKOUT_ERROR\"; error: proto.IValidationError }\n | { type: \"WILL_VALIDATE_INPUT\"; input: ICheckoutInput };\n\ntype StateProps = State;\n\ntype DispatchProps = {\n confirm: (\n onResolve?: (confirmResult: ConfirmResult) => void,\n onReject?: () => void,\n useFinishOrder?: boolean\n ) => void;\n validateInput: () => void;\n updateStoreId: (storeId: string | null) => void;\n updateCombiniInfo: (storeInfo: IStoreInfo) => void;\n resetFormState: () => void;\n validateShippingInput: (\n onResolve?: () => void,\n onReject?: (error: proto.IValidationError) => void\n ) => void;\n validateAmazonPayInput: (\n onResolve?: () => void,\n onReject?: (error: proto.IValidationError) => void\n ) => void;\n selectAddress: (\n prefix: \"shippingAddress\" | \"billingAddress\",\n id: string\n ) => void;\n toSetNewAddress: (\n prefix: \"shippingAddress\" | \"billingAddress\",\n newAddress: boolean\n ) => void;\n selectCreditCard: (id: string) => void;\n specifyPaymentType: (\n paymentType?: theplant.ec.service.orders.PaymentType | null\n ) => void;\n specifyDeliveryMethod: (\n method: theplant.ec.api.orders.DeliveryMethod\n ) => void;\n clearAppliedPoints: () => void;\n updateAddressForm: (\n type: \"shippingAddress\" | \"billingAddress\",\n address: IAddress | undefined\n ) => void;\n updateDataForm: (\n type:\n | \"giftWrapping\"\n | \"points\"\n | \"deliveryInfo\"\n | \"specifyBillingAddress\"\n | \"smartPayInput\"\n | \"newShippingAddress\"\n | \"newBillingAddress\"\n | \"shippingAddressId\"\n | \"billingAddressId\"\n | \"email\"\n | \"storeId\"\n | \"deliveryMethod\"\n | \"specifyBillingAddress\"\n | \"paymentType\"\n | \"isTermsAgreed\"\n | \"amazonPayInput\",\n data:\n | IDeliveryInfo\n | IGiftWrapping\n | IPoints\n | boolean\n | string\n | undefined\n | ISmartpayInput\n | IAmazonPayInput\n ) => void;\n updateCouponInput: (type: \"couponCode\", coupon: string) => void;\n};\n\nexport type OrderServiceProps = { checkout: StateProps & DispatchProps };\n\nconst confirm = (\n onResolve?: (result: ConfirmResult) => void,\n onReject?: () => void,\n useFinishOrder?: boolean\n): Action => ({\n type: \"WILL_CHECKOUT\",\n onResolve,\n onReject,\n useFinishOrder,\n});\n\nconst mapDispatchToProps: DispatchProps = {\n confirm,\n validateInput: () => ({ type: \"PRE_VALIDATE\" }),\n updateStoreId: (storeId) => ({ type: \"UPDATE_STORE_ID\", storeId }),\n updateCombiniInfo: (storeInfo) => ({\n type: \"UPDATE_COMBINI_INFO\",\n storeInfo,\n }),\n resetFormState: () => resetFormState(),\n validateShippingInput: (\n onResolve?: () => void,\n onReject?: (error: proto.IValidationError) => void\n ) => ({\n type: \"WILL_VALIDATE_SHIPPING_PAGE\",\n onResolve,\n onReject,\n }),\n validateAmazonPayInput: (\n onResolve?: () => void,\n onReject?: (error: proto.IValidationError) => void\n ) => ({\n type: \"WILL_VALIDATE_AMAZONPAY_PAGE\",\n onResolve,\n onReject,\n }),\n selectAddress: (prefix, id) => ({\n type: \"SELECT_ADDRESS\",\n prefix,\n id,\n }),\n toSetNewAddress: (prefix, newAddress) => ({\n type: \"TO_SET_NEW_ADDRESS\",\n prefix,\n newAddress,\n }),\n selectCreditCard: (id) => ({\n type: \"SELECT_CREDIT_CARD\",\n id,\n }),\n specifyPaymentType: (paymentType) => ({\n type: \"SPECIFY_PAYMENT_TYPE\",\n paymentType,\n }),\n specifyDeliveryMethod: (method) => ({\n type: \"SPECIFY_DELIVERY_METHOD\",\n method,\n }),\n clearAppliedPoints: () => ({\n type: \"CLEAR_APPLIED_POINTS\",\n }),\n updateAddressForm: (type, address) => updateInput([\"form\", type])(address),\n updateDataForm: (type, data) => updateInput([\"form\", type])(data),\n updateCouponInput: (type, data) => updateInput([\"form\", type])(data),\n};\n\nconst Projection = KeyedProjection(\"order\");\n\ntype OrderProps = {\n cart: { refreshCart: (order: IOrder) => void };\n data: {\n refreshData: (data: IData) => void;\n willRefreshData: () => void;\n refreshDataError: (data: IData, error: IServiceError) => void;\n };\n confirmResult: {\n onConfirmOrder: (result?: ConfirmResult) => void;\n willConfirmOrder: () => void;\n };\n};\n\n// remove all spaces in creditCardInput.number\nconst processCreditCardInput = (\n c: ICreditCardInput | null | undefined\n): ICreditCardInput | null | undefined =>\n c && { ...c, number: c.number && c.number.replace(/-/g, \"\") };\n\nfunction* validate(\n context: ContextProps[\"requestContext\"],\n refreshCart: OrderProps[\"cart\"][\"refreshCart\"],\n willRefreshData: OrderProps[\"data\"][\"willRefreshData\"],\n refreshData: OrderProps[\"data\"][\"refreshData\"],\n refreshDataError: OrderProps[\"data\"][\"refreshDataError\"],\n action:\n | { type: \"PRE_VALIDATE\" }\n | { type: \"TOUCH_INPUT\"; path: string[] }\n | {\n type: \"WILL_VALIDATE_SHIPPING_PAGE\";\n onResolve?: () => void;\n onReject?: (error: proto.IValidationError) => void;\n }\n | {\n type: \"WILL_VALIDATE_AMAZONPAY_PAGE\";\n onResolve?: () => void;\n onReject?: (error: proto.IValidationError) => void;\n }\n) {\n yield put(updateInput([\"state\"])(\"validating\"));\n\n yield call(willRefreshData);\n\n let input: ICheckoutInput = yield select((state) => state.input.form);\n\n input = {\n ...input,\n creditCardInput:\n action.type === \"WILL_VALIDATE_SHIPPING_PAGE\"\n ? null // not pass credit card infos when in shipping page\n : processCreditCardInput(input.creditCardInput),\n };\n\n yield put({ type: \"WILL_VALIDATE_INPUT\", input } as Action);\n\n // Silenced, no expected errors will come out of here, so we don't\n // try/catch\n const service = makeService(CheckoutService, silenceErrors(context));\n\n const result: ValidationResult = yield call(\n {\n context: service,\n fn: service.validateInput,\n },\n input\n );\n\n // API returns form errors at top level, but our form is at\n // `state.input.form`, so we need to remap the fields.\n const error = new proto.ValidationError(result.error || {});\n error.fieldViolations = error.fieldViolations\n // When validating, we don't care about credit card ID errors,\n // because we won't get a credit card ID until checkout.\n .filter(({ field }) => field !== \"CreditCardId\")\n .map((error) => ({\n ...error,\n field: \"Form.\" + error.field,\n }));\n\n if (\n action.type === \"WILL_VALIDATE_SHIPPING_PAGE\" ||\n action.type === \"WILL_VALIDATE_AMAZONPAY_PAGE\"\n ) {\n if (error.fieldViolations.length === 0) {\n if (action.onResolve) {\n yield call(action.onResolve);\n }\n } else {\n yield put(submitError(error));\n\n if (action.onReject) {\n yield call(() => action.onReject && action.onReject(error));\n }\n }\n } else {\n yield put(setErrors(error));\n }\n\n yield call(refreshCart, result.order || {});\n\n const { order, error: _, ...data } = result;\n\n if (result.error) {\n yield call(refreshDataError, data, {\n errors: result.error,\n } as IServiceError);\n } else {\n yield call(refreshData, data);\n }\n\n yield put(updateInput([\"state\"])(null));\n}\n\nfunction* prefill(\n context: ContextProps[\"requestContext\"],\n action: PrefillAddressAction\n) {\n const service = makeService(ZipcodeService, context);\n\n try {\n const result: ZipcodeAddress = yield call(\n {\n context: service,\n fn: service.find,\n },\n { zipcode: action.address.zipcode }\n );\n\n const { prefecture, city, area } = result;\n\n // Aigle is using the englist name for the prefecture field\n const { usingEnglishNameForPrefecture } = action;\n\n const newAddress = {\n ...action.address,\n prefecture:\n usingEnglishNameForPrefecture === true\n ? prefecturesByKey[prefecture].english\n : prefecture,\n city: city + area,\n };\n\n yield put(updateInput(action.path)(newAddress));\n // will trigger validation... hmmm...\n yield put(touchInput(action.path.concat(\"zipcode\"))());\n } catch (error) {\n // We should only get validation errors here, other network errors\n // will be handled by the prottp error handler. TODO this will\n // result in \"dead\" sagas that can't proceed as the service call\n // will never resolve *or* reject?\n const field = action.path\n .map((s) => s.charAt(0).toUpperCase() + s.slice(1))\n .concat(\"Zipcode\")\n .join(\".\");\n\n let err: proto.ValidationError.IFieldViolation = {\n field,\n code: \"INVALID_ZIPCODE\",\n msg: \"invalid zip code\",\n };\n\n if (\n (error as any).type === \"validation-error\" &&\n (error as any).errors.fieldViolations &&\n (error as any).errors.fieldViolations.length > 0\n ) {\n err = {\n ...(error as any).errors.fieldViolations[0],\n field,\n };\n }\n\n yield put(addError(err));\n }\n}\n\nfunction* checkout(\n context: ContextProps[\"requestContext\"],\n refreshCart: OrderProps[\"cart\"][\"refreshCart\"],\n willConfirmOrder: OrderProps[\"confirmResult\"][\"willConfirmOrder\"],\n onConfirmOrder: OrderProps[\"confirmResult\"][\"onConfirmOrder\"],\n action: WillCheckoutAction\n) {\n yield call(willConfirmOrder);\n\n const form: State[\"input\"][\"form\"] = yield select(\n (state) => state.input.form\n );\n\n const service = makeService(CheckoutService, context);\n\n const orderCodeInLocalStorage = localStorage.getItem(\n ORDER_CODE_FOR_FINISH_ORDER\n );\n\n if (action.useFinishOrder) {\n if (!orderCodeInLocalStorage) {\n // redirect to cart page if no checkout session id\n window.location.replace(CHECKOUT_CART_PATH);\n return;\n }\n }\n try {\n let result: ConfirmResult;\n\n if (action.useFinishOrder) {\n console.log(\"---anshi---finishOrder---input\", {\n orderCode: orderCodeInLocalStorage,\n ...threeDSAuthInformation(),\n });\n result = yield call(\n {\n context: service,\n fn: service.finishOrder,\n },\n {\n orderCode: orderCodeInLocalStorage,\n ...threeDSAuthInformation(),\n }\n );\n } else {\n console.log(\"---anshi---confirm---input\", {\n ...form,\n creditCardInput: processCreditCardInput(form.creditCardInput),\n ...threeDSArgument(form.paymentType),\n });\n result = yield call(\n {\n context: service,\n fn: service.confirm,\n },\n {\n ...form,\n creditCardInput: processCreditCardInput(form.creditCardInput),\n ...threeDSArgument(form.paymentType),\n }\n );\n }\n\n console.log(\"---anshi---result\", result);\n yield call(refreshCart, { orderItems: [] });\n yield call(onConfirmOrder, result);\n // set and clear localstorage before call on resolve\n if (action.useFinishOrder) {\n localStorage.removeItem(ORDER_CODE_FOR_FINISH_ORDER);\n } else {\n const orderCode = result!.order!.code;\n if (orderCode) {\n // store the orderCode in frontend, because if it's guest order, backend cannot get the orderCode to call finishOrder\n localStorage.setItem(ORDER_CODE_FOR_FINISH_ORDER, orderCode);\n }\n }\n if (action.onResolve) {\n yield call(action.onResolve, result);\n }\n } catch (e) {\n // Similar to `validate`, we should only get validation errors\n // here, other network errors will be handled by the prottp error\n // handler.\n\n // API returns form errors at top level, but our form is at\n // `state.input.form`, so we need to remap the fields.\n\n // close the loading screen\n yield call(onConfirmOrder);\n if (e && (e as any).errors && (e as any).errors.fieldViolations) {\n const error: proto.ValidationError = (e as any).errors;\n error.fieldViolations = error.fieldViolations.map((error) => ({\n ...error,\n field: \"Form.\" + error.field,\n }));\n\n console.log(\"---anshi---e\", error);\n yield put(submitError(error));\n }\n\n if (action.onReject) {\n yield call(action.onReject);\n }\n }\n}\n\nfunction* updateStoreInput({ storeId }: UpdateStoreIdAction) {\n const path = [\"form\", \"storeId\"];\n yield put(updateInput(path)(storeId));\n yield put(touchInput(path)());\n}\n\nfunction* updateCombiniInfo({ storeInfo }: UpdateCombiniInfoAction) {\n const path = [\"form\", \"storeInfo\"];\n yield put(updateInput(path)(storeInfo));\n yield put(touchInput(path)());\n}\n\nconst errorSelector = (state: State) => state.error;\n\nfunction* clearAmazonAddressError() {\n const error: proto.IValidationError | undefined = yield select(\n errorSelector\n );\n\n if (\n error &&\n error.fieldViolations &&\n error.fieldViolations.find(\n (e) => e.field === \"Form.AmazonPayInput.AmazonPayShippingAddress\"\n ) !== undefined\n ) {\n error.fieldViolations = error.fieldViolations.filter(\n (err) => err.field !== \"Form.AmazonPayInput.AmazonPayShippingAddress\"\n );\n yield put(submitError(error as proto.ValidationError));\n }\n}\n\ntype SpecifyBillingAddressAction = {\n specify: boolean;\n type: \"SPECIFY_BILLING_ADDRESS\";\n};\n\nfunction* specifyBillingAddress({ specify }: SpecifyBillingAddressAction) {\n const path = [\"form\", \"specifyBillingAddress\"];\n yield put(updateInput(path)(specify));\n yield put(touchInput(path)());\n}\n\nfunction* selectAddress({ prefix, id }: SelectAddressAction) {\n const path = [\n \"form\",\n prefix === \"shippingAddress\" ? \"shippingAddressId\" : \"billingAddressId\",\n ];\n yield put(updateInput(path)(id));\n yield put(touchInput(path)());\n}\n\nfunction* toSetNewAddress({ prefix, newAddress }: ToSetNewAddressAction) {\n const path = [\n \"form\",\n prefix === \"shippingAddress\" ? \"newShippingAddress\" : \"newBillingAddress\",\n ];\n\n console.log(\"prefix\", prefix, \"path\", path, newAddress);\n\n yield put(updateInput(path)(newAddress));\n yield put(touchInput(path)());\n}\n\nfunction* selectCreditCard({ id }: SelectCreditCardAction) {\n const path = [\"form\", \"creditCardId\"];\n yield put(updateInput(path)(id));\n yield put(touchInput(path)());\n}\n\nfunction* specifyPaymentType({ paymentType }: SpecifyPaymentTypeAction) {\n const path = [\"form\", \"paymentType\"];\n yield put(updateInput(path)(paymentType));\n}\n\nfunction* specifyDeliveryMethod({ method }: SpecifyDeliveryMethodAction) {\n const path = [\"form\", \"deliveryMethod\"];\n yield put(updateInput(path)(method));\n yield put(touchInput(path)());\n}\n\nfunction* clearGiftCardMessages() {\n const path = [\"form\", \"giftWrapping\"];\n yield put(updateInput(path.concat(\"message\"))(\"\"));\n yield put(updateInput(path.concat(\"message2\"))(\"\"));\n yield put(touchInput(path)());\n}\n\nfunction* clearAppliedPoints() {\n const path = [\"form\", \"points\"];\n yield put(updateInput(path)(0));\n yield put(touchInput(path)());\n}\n\nfunction* checkoutSaga({\n context,\n refreshCart,\n willRefreshData,\n refreshData,\n refreshDataError,\n onConfirmOrder,\n willConfirmOrder,\n}: {\n context: ContextProps[\"requestContext\"];\n willConfirmOrder: OrderProps[\"confirmResult\"][\"willConfirmOrder\"];\n onConfirmOrder: OrderProps[\"confirmResult\"][\"onConfirmOrder\"];\n refreshCart: OrderProps[\"cart\"][\"refreshCart\"];\n willRefreshData: OrderProps[\"data\"][\"willRefreshData\"];\n refreshData: OrderProps[\"data\"][\"refreshData\"];\n refreshDataError: OrderProps[\"data\"][\"refreshDataError\"];\n}) {\n yield put({ type: \"START_ORDER_SERVICE\" });\n yield takeLatest(\n [\n \"TOUCH_INPUT\",\n \"PRE_VALIDATE\",\n \"WILL_VALIDATE_SHIPPING_PAGE\",\n \"WILL_VALIDATE_AMAZONPAY_PAGE\",\n ],\n validate,\n context,\n refreshCart,\n willRefreshData,\n refreshData,\n refreshDataError\n );\n yield takeLatest(\"PREFILL_FROM_POSTAL_CODE\", prefill, context);\n yield takeLatest(\"UPDATE_STORE_ID\", updateStoreInput);\n yield takeLatest(\"UPDATE_COMBINI_INFO\", updateCombiniInfo);\n yield takeLatest(\"CLEAR_AMAZON_ADDRESS_ERROR\", clearAmazonAddressError);\n yield takeLatest(\"SPECIFY_BILLING_ADDRESS\", specifyBillingAddress);\n yield takeLatest(\"SELECT_ADDRESS\", selectAddress);\n yield takeLatest(\"TO_SET_NEW_ADDRESS\", toSetNewAddress);\n yield takeLatest(\"SELECT_CREDIT_CARD\", selectCreditCard);\n yield takeLatest(\"SPECIFY_PAYMENT_TYPE\", specifyPaymentType);\n yield takeLatest(\"SPECIFY_DELIVERY_METHOD\", specifyDeliveryMethod);\n yield takeLatest(\"CLEAR_GIFT_CARD_MESSAGES\", clearGiftCardMessages);\n yield takeLatest(\"CLEAR_APPLIED_POINTS\", clearAppliedPoints);\n yield takeLatest(\n \"WILL_CHECKOUT\",\n checkout,\n context,\n refreshCart,\n willConfirmOrder,\n onConfirmOrder\n );\n}\n\nconst OrderSaga = Projection.saga(checkoutSaga);\n\n// This is almost identical to withCartService\nconst withOrder = (\n ns: string,\n C: React.ComponentType\n): React.ComponentType => {\n const Connected = Projection.connect(\n (s: State) => s,\n mapDispatchToProps,\n (s, d, o): Props & OrderServiceProps => ({\n checkout: {\n ...s,\n ...d,\n },\n ...(o as any),\n })\n )(C);\n\n // FIXME any here is because composition of higher-order components\n // (withContext . Projection.connect) results in a type that is\n // unworkable.\n return withContext((props: Props & ContextProps & OrderProps) => (\n \n \n \n \n ));\n};\n\nconst actions = {\n prefillFromPostalCode: (\n path: string[],\n address: IAddress,\n usingEnglishNameForPrefecture?: boolean\n ) => ({\n type: \"PREFILL_FROM_POSTAL_CODE\",\n path,\n address,\n usingEnglishNameForPrefecture,\n }),\n checkout: () => ({\n type: \"WILL_CHECKOUT\",\n }),\n clearAmazonAddressError: () => ({\n type: \"CLEAR_AMAZON_ADDRESS_ERROR\",\n }),\n specifyBillingAddress: (specify: boolean) => ({\n type: \"SPECIFY_BILLING_ADDRESS\",\n specify,\n }),\n clearGiftCardMessages: () => ({\n type: \"CLEAR_GIFT_CARD_MESSAGES\",\n }),\n toSetNewAddress: (\n prefix: \"shippingAddress\" | \"billingAddress\",\n newAddress: boolean\n ) => ({\n type: \"TO_SET_NEW_ADDRESS\",\n prefix,\n newAddress,\n }),\n};\n\nconst checkoutForm = new Form(\n [],\n actions,\n Projection\n);\n\nexport const _test = {\n updateStoreInput,\n specifyBillingAddress,\n clearAmazonAddressError,\n errorSelector,\n selectAddress,\n selectCreditCard,\n};\n\nconst orderInitialState = reducer(undefined, { type: \"\" } as any);\n\nexport {\n reducer as orderReducer,\n orderInitialState,\n withOrder,\n checkoutForm,\n actions,\n prefill,\n};\nexport type OrderState = State;\nexport type OrderAction = Action;\n","import { connect } from \"react-redux\";\nimport { CheckoutState } from \"./reducer\";\nimport { theplant } from \"../proto\";\nimport { IServiceError } from \"@theplant/ecjs/prottp\";\ntype IValidationResult = theplant.ec.api.orders.IValidationResult;\n\ntype Omit = Pick>;\n\nexport type IData = Omit;\n\ntype State = {\n data: IData | null;\n state:\n | {\n type: null | \"fetching\";\n }\n | {\n type: \"error\";\n error: IServiceError;\n };\n};\n\nconst initialState: State = { data: null, state: { type: null } };\n\ntype Action =\n | { type: \"WILL_FETCH_CHECKOUT_DATA\" }\n | { type: \"FETCH_CHECKOUT_DATA\"; data: IData }\n | { type: \"FETCH_CHECKOUT_DATA_ERROR\"; data: IData; error: IServiceError };\n\nconst reducer = (s: State = initialState, a: Action): State => {\n switch (a.type) {\n case \"WILL_FETCH_CHECKOUT_DATA\":\n return { ...s, state: { type: \"fetching\" } };\n case \"FETCH_CHECKOUT_DATA\":\n return { data: a.data, state: { type: null } };\n case \"FETCH_CHECKOUT_DATA_ERROR\":\n return { ...s, data: a.data, state: { type: \"error\", error: a.error } };\n }\n return s;\n};\n\ntype DP = {\n refreshData: (data: IData) => void;\n willRefreshData: () => void;\n refreshDataError: (data: IData, error: IServiceError) => void;\n};\n\nexport type DataProps = { data: State & DP };\n\nconst refreshData = (data: IData): Action => ({\n type: \"FETCH_CHECKOUT_DATA\",\n data\n});\n\nconst refreshDataError = (data: IData, error: IServiceError): Action => ({\n type: \"FETCH_CHECKOUT_DATA_ERROR\",\n data,\n error\n});\n\nconst mapDispatchToProps: DP = {\n refreshData,\n willRefreshData: () => ({ type: \"WILL_FETCH_CHECKOUT_DATA\" }),\n refreshDataError\n};\n\nconst withData = connect(\n ({ checkout: { data } }: { checkout: CheckoutState }) => data,\n mapDispatchToProps,\n (s, d, o) => ({\n data: {\n ...s,\n ...d\n },\n ...(o as any)\n })\n);\n\nconst selectAbilityIsEnabled = (\n data: IData | null,\n ability: theplant.ec.api.orders.Ability\n): boolean =>\n !!data && !!data.Abilities && data.Abilities.indexOf(ability) !== -1;\n\nconst selectGiftWrappingFee = (data: IData | null): number =>\n Number((data && data.feeSetting && data.feeSetting.giftWrappingFee) || 0);\n\nconst selectCODFee = (data: IData | null): number =>\n Number((data && data.feeSetting && data.feeSetting.codFee) || 0);\n\nexport type DataState = State;\nexport type DataAction = Action;\n\nexport {\n reducer as dataReducer,\n initialState as dataInitialState,\n withData,\n selectAbilityIsEnabled,\n selectGiftWrappingFee,\n selectCODFee\n};\n","import { theplant } from \"../proto\";\n\nimport { CheckoutState } from \"./reducer\";\nimport { connect } from \"react-redux\";\n\nimport { IServiceError } from \"@theplant/ecjs/prottp\";\n\ntype State = {\n result: theplant.ec.api.orders.IConfirmResult | null;\n state:\n | {\n type: null | \"fetching\";\n }\n | {\n type: \"error\";\n error: IServiceError;\n };\n};\n\nconst initialState: State = { result: null, state: { type: null } };\n\ntype Action =\n | { type: \"WILL_FETCH_CONFIRM_RESULT\" }\n | {\n type: \"FETCH_CONFIRM_RESULT\";\n result?: theplant.ec.api.orders.IConfirmResult;\n }\n | { type: \"FETCH_CONFIRM_RESULT_ERROR\"; error: IServiceError };\n\nconst reducer = (s: State = initialState, a: Action): State => {\n switch (a.type) {\n case \"WILL_FETCH_CONFIRM_RESULT\":\n return { ...s, state: { type: \"fetching\" } };\n case \"FETCH_CONFIRM_RESULT\":\n return { result: a.result || null, state: { type: null } };\n case \"FETCH_CONFIRM_RESULT_ERROR\":\n return { ...s, state: { type: \"error\", error: a.error } };\n }\n return s;\n};\n\ntype DP = {\n onConfirmOrder: (r?: theplant.ec.api.orders.IConfirmResult) => void;\n willConfirmOrder: () => void;\n};\n\nexport type ConfirmResultProps = { confirmResult: State & DP };\n\nconst onConfirmOrder = (\n result?: theplant.ec.api.orders.IConfirmResult\n): Action => ({\n type: \"FETCH_CONFIRM_RESULT\",\n result,\n});\n\nconst mapDispatchToProps: DP = {\n onConfirmOrder,\n willConfirmOrder: () => ({ type: \"WILL_FETCH_CONFIRM_RESULT\" }),\n};\n\nconst withConfirmResult = (\n C: React.ComponentType
\n): React.ComponentType
=>\n connect(\n ({ checkout: { confirmResult } }) => confirmResult,\n mapDispatchToProps,\n (s, d, o) => ({\n confirmResult: {\n ...s,\n ...d,\n },\n ...(o as any),\n })\n )(C);\n\nexport type ConfirmResultState = State;\n\nexport {\n withConfirmResult,\n reducer as confirmResultReducer,\n initialState as confirmResultInitialState,\n};\n","import * as React from \"react\";\n\nimport { Dispatch } from \"redux\";\n\nimport { IServiceError, makeService } from \"@theplant/ecjs/prottp\";\nimport { withContext, ContextProps, Context } from \"@theplant/ecjs/context\";\nimport { KeyedProjection } from \"@theplant/ecjs/projection\";\n\nimport {\n setErrors,\n Form,\n State as FormState,\n reducer as formReducer,\n updateInput,\n submitError,\n} from \"../form\";\nimport { takeLatest } from \"redux-saga/effects\";\n\nimport { theplant, proto } from \"../proto\";\nimport { PrefillAddressAction, prefill } from \"./order\";\ntype ILoginInfo = theplant.ec.api.users.ILoginInfo;\ntype ISetInitialPasswordParams =\n theplant.ec.api.users.ISetInitialPasswordParams;\ntype IEmailStatus = theplant.ec.api.users.IEmailStatus;\ntype IUser = theplant.ec.service.users.IUser;\ntype IRegister = theplant.ec.api.users.IRegisterParams;\ntype IAddress = theplant.ec.service.users.IAddress;\nconst LoginService = theplant.ec.api.users.LoginService;\nconst SetUserInitialPasswordService =\n theplant.ec.api.users.SetUserInitialPasswordService;\n\ntype InternalState = {\n loginForm: ILoginInfo;\n isEmailExists: boolean;\n registerForm: ISetInitialPasswordParams;\n};\n\ntype State = FormState;\n\nconst reducer = formReducer({\n loginForm: {},\n isEmailExists: false,\n registerForm: {},\n});\n\ntype Action =\n | { type: \"UPDATE_INPUT\"; path: string[]; input: any }\n | {\n type: \"SUBMIT_FAILED\" | \"SET_ERRORS\";\n error: proto.ValidationError;\n };\n\ntype DP = {\n checkEmail: (email: string) => Promise;\n login: (\n email: string,\n password: string,\n orderCode?: string\n ) => Promise;\n register: (form: ISetInitialPasswordParams) => Promise;\n reset: () => void;\n};\n\nexport type UsersProps = { users: State & DP };\n\nconst mapDispatchToProps = (\n dispatch: Dispatch,\n { requestContext }: ContextProps\n): DP => ({\n checkEmail: checkEmail(dispatch, requestContext),\n login: login(dispatch, requestContext),\n register: register(dispatch, requestContext),\n reset: reset(dispatch),\n});\n\nconst selectIsEmailExists = (emailStatus: IEmailStatus) =>\n emailStatus &&\n emailStatus.status ===\n theplant.ec.api.users.EmailStatus.Status.EXISTS_AND_HAS_PASSWORD;\n\nconst didCheckEmail =\n (dispatch: Dispatch) => (isEmailExists: boolean) => {\n dispatch(updateInput([\"isEmailExists\"])(isEmailExists) as Action);\n // clear errors\n dispatch(setErrors(new proto.ValidationError()) as Action);\n };\n\nconst reset = (dispatch: Dispatch) => () => {\n didCheckEmail(dispatch)(false);\n};\n\nconst didFetchError =\n (dispatch: Dispatch, form: string) => (error: IServiceError) => {\n if (\n error.type === \"validation-error\" &&\n error.errors.fieldViolations &&\n error.errors.fieldViolations.length > 0\n ) {\n let err = error.errors;\n\n err.fieldViolations = error.errors.fieldViolations.map((e) => ({\n ...e,\n field: form + \".\" + e.field,\n }));\n\n dispatch(submitError(err as proto.ValidationError) as Action);\n }\n };\n\nconst checkEmail =\n (dispatch: Dispatch, context: Context) =>\n (email: string): Promise =>\n makeService(LoginService, context)\n .checkEmail({ email })\n .then((emailStatus: IEmailStatus) => {\n const isEmailExists = selectIsEmailExists(emailStatus);\n\n didCheckEmail(dispatch)(isEmailExists);\n\n return isEmailExists;\n }, didFetchError(dispatch, \"LoginForm\"));\n\nconst didLogin = (dispatch: Dispatch) => () => {\n // clear loginForm after logged in, reset isEmailExists to false\n dispatch(updateInput([\"loginForm\"])({}) as Action);\n dispatch(updateInput([\"isEmailExists\"])(false) as Action);\n};\n\nconst login =\n (dispatch: Dispatch, context: Context) =>\n (\n email: string,\n password: string,\n orderCode?: string\n ): Promise =>\n makeService(LoginService, context)\n .login({ email, password, orderCode })\n .then(({ user }) => {\n if (user) {\n didLogin(dispatch)();\n return user;\n } else {\n return null;\n }\n }, didFetchError(dispatch, \"LoginForm\"));\n\nconst didRegister = (dispatch: Dispatch) => () => {\n // clear registerForm after logged in, reset isEmailExists to false\n dispatch(updateInput([\"registerForm\"])({}) as Action);\n dispatch(updateInput([\"isEmailExists\"])(false) as Action);\n};\n\nconst register =\n (dispatch: Dispatch, context: Context) =>\n (form: ISetInitialPasswordParams): Promise =>\n makeService(SetUserInitialPasswordService, context)\n .setUserInitialPassword(form)\n .then(() => {\n didRegister(dispatch)();\n\n return true;\n }, didFetchError(dispatch, \"RegisterForm\"));\n\nconst Projection = KeyedProjection(\"users\");\n\nfunction* userFormSaga({ context }: { context: Context }) {\n yield takeLatest(\"PREFILL_FROM_POSTAL_CODE\", prefill, context);\n}\n\nconst UserFormSaga = Projection.saga(userFormSaga);\n\nconst withUsersService = (\n ns: string,\n C: React.ComponentType\n): React.ComponentType => {\n const Connected = Projection.connect(\n (s: State) => s,\n mapDispatchToProps,\n (s, d, o): Props & UsersProps => ({\n users: {\n ...s,\n ...d,\n },\n ...(o as any),\n })\n )(C);\n\n return withContext((props) => (\n \n \n \n \n ));\n};\n\ntype RegisterAction = {\n prefillFromPostalCode: (\n path: string[],\n address: IAddress,\n usingEnglishNameForPrefecture: boolean\n ) => PrefillAddressAction;\n};\nconst actions: RegisterAction = {\n prefillFromPostalCode: (path, address, usingEnglishNameForPrefecture) => ({\n type: \"PREFILL_FROM_POSTAL_CODE\",\n path,\n address,\n usingEnglishNameForPrefecture,\n }),\n};\n\nconst usersForm = new Form([], actions, Projection);\n\nconst initialState = reducer(undefined, { type: \"\" } as any);\n\nconst registerForm = new Form<{ form: IRegister }, {}>([], actions, Projection);\n\nexport type UsersState = State;\n\nexport {\n reducer as usersReducer,\n initialState as usersInitialState,\n withUsersService,\n usersForm,\n registerForm,\n};\n","import { connect } from \"react-redux\";\nimport { Dispatch, compose } from \"redux\";\nimport { CheckoutState } from \"./reducer\";\n\nimport { makeService, IValidationError } from \"@theplant/ecjs/prottp\";\nimport { withContext, ContextProps, Context } from \"@theplant/ecjs/context\";\n\nimport { theplant } from \"../proto\";\ntype IAvailableUsePoint = theplant.ec.service.points.IAvailableUsePoint;\ntype ICheckoutInput = theplant.ec.api.orders.ICheckoutInput;\nconst CheckoutService = theplant.ec.api.orders.CheckoutService;\n\ntype State = {\n availableUsePoint: IAvailableUsePoint | null;\n pointsInput: number | null;\n state:\n | {\n type: null | \"fetching\";\n }\n | {\n type: \"error\";\n error: IValidationError;\n };\n};\n\nconst initialState: State = {\n availableUsePoint: null,\n pointsInput: null,\n state: { type: null }\n};\n\ntype Action =\n | { type: \"WILL_FETCH_POINTS_DATA\" }\n | { type: \"FETCH_POINTS_DATA\"; data: IAvailableUsePoint }\n | { type: \"FETCH_POINTS_DATA_ERROR\"; error: IValidationError }\n | { type: \"UPDATE_POINTS_INPUT\"; points: number | null };\n\nconst reducer = (s: State = initialState, a: Action): State => {\n switch (a.type) {\n case \"WILL_FETCH_POINTS_DATA\":\n return { ...s, state: { type: \"fetching\" } };\n case \"FETCH_POINTS_DATA\":\n return { ...s, availableUsePoint: a.data, state: { type: null } };\n case \"FETCH_POINTS_DATA_ERROR\":\n return { ...s, state: { type: \"error\", error: a.error } };\n case \"UPDATE_POINTS_INPUT\":\n return { ...s, pointsInput: a.points };\n }\n return s;\n};\n\ntype DP = {\n fetchPoints: (checkoutInput: ICheckoutInput) => Promise;\n updatePointsInput: (points: number | null) => void;\n};\n\nexport type PointsProps = { checkoutPoints: State & DP };\n\nconst mapDispatchToProps = (\n dispatch: Dispatch,\n { requestContext }: ContextProps\n): DP => ({\n fetchPoints: fetchPoints(dispatch, requestContext),\n updatePointsInput: points => dispatch({ type: \"UPDATE_POINTS_INPUT\", points })\n});\n\nconst fetchPoints = (dispatch: Dispatch, context: Context) => (\n checkoutInput: ICheckoutInput\n): Promise => {\n dispatch({ type: \"WILL_FETCH_POINTS_DATA\" } as Action);\n\n return makeService(CheckoutService, context)\n .getPoints(checkoutInput)\n .then(\n data => {\n dispatch({ type: \"FETCH_POINTS_DATA\", data } as Action);\n },\n error => {\n dispatch({ type: \"FETCH_POINTS_DATA_ERROR\", error } as Action);\n }\n );\n};\n\nconst withPoints = compose>(\n withContext,\n connect(\n ({ checkout: { points } }: { checkout: CheckoutState }) => points,\n mapDispatchToProps,\n (s, d, o) => ({\n checkoutPoints: {\n ...s,\n ...d\n },\n ...(o as any)\n })\n )\n);\n\nconst selectCannotUsePoints = (\n availableUsePoint: IAvailableUsePoint | null\n): boolean => (availableUsePoint && availableUsePoint.cannotUsePoint) || false;\n\nconst selectNotice = (\n availableUsePoint: IAvailableUsePoint | null\n): string | null | undefined =>\n availableUsePoint && availableUsePoint.noticeInfo;\n\nexport type PointsState = State;\nexport type PointsAction = Action;\n\nexport {\n initialState as pointsInitialState,\n reducer as pointsReducer,\n withPoints,\n selectCannotUsePoints,\n selectNotice\n};\n","import React from \"react\";\nimport { connect } from \"react-redux\";\nimport { CheckoutState } from \"./reducer\";\n\ntype State = {\n shippingAddress: boolean;\n billingAddress: boolean;\n};\n\nconst initialState: State = {\n shippingAddress: false,\n billingAddress: false\n};\n\ntype Action =\n | {\n type: \"SET_CHECKOUT_SHIPPING_ADDRESS_EDITOR_STATE\";\n open: boolean;\n }\n | {\n type: \"SET_CHECKOUT_BILLING_ADDRESS_EDITOR_STATE\";\n open: boolean;\n };\n\nconst reducer = (s = initialState, a: Action): State => {\n switch (a.type) {\n case \"SET_CHECKOUT_SHIPPING_ADDRESS_EDITOR_STATE\":\n return {\n ...s,\n shippingAddress: a.open\n };\n case \"SET_CHECKOUT_BILLING_ADDRESS_EDITOR_STATE\":\n return {\n ...s,\n billingAddress: a.open\n };\n default:\n return s;\n }\n};\n\ntype Dispatcher = {\n setShippingEditorState: (open: boolean) => void;\n setBillingEditorState: (open: boolean) => void;\n};\n\nexport type WithInvalidAddressFormEditableProps = {\n invalidAddressFormEditable: State & Dispatcher;\n};\n\nconst withInvalidAddressFormEditable = (\n C: React.ComponentType
\n): React.ComponentType
=>\n connect(\n ({\n checkout: { invalidAddressFormEditable }\n }: {\n checkout: CheckoutState;\n }) => invalidAddressFormEditable,\n {\n setShippingEditorState: (open: boolean) => ({\n type: \"SET_CHECKOUT_SHIPPING_ADDRESS_EDITOR_STATE\",\n open\n }),\n setBillingEditorState: (open: boolean) => ({\n type: \"SET_CHECKOUT_BILLING_ADDRESS_EDITOR_STATE\",\n open\n })\n },\n (s, d, o) => ({\n invalidAddressFormEditable: {\n ...s,\n ...d\n },\n ...(o as any)\n })\n )(C as any);\n\nexport type InvalidAddressFormEditableState = State;\nexport {\n reducer as invalidAddressFormEditableReducer,\n initialState as invalidAddressFormEditableInitialState,\n withInvalidAddressFormEditable\n};\n","import { combineReducers, Action, Reducer } from \"redux\";\n\nimport { orderReducer, OrderState, orderInitialState } from \"./order\";\nimport { dataReducer, DataState, dataInitialState } from \"./data\";\nimport {\n confirmResultReducer,\n ConfirmResultState,\n confirmResultInitialState\n} from \"./confirmation\";\nimport { usersReducer, UsersState, usersInitialState } from \"./users\";\nimport { pointsReducer, PointsState, pointsInitialState } from \"./points\";\nimport { keyed } from \"@theplant/ecjs/projection\";\nimport {\n invalidAddressFormEditableReducer,\n InvalidAddressFormEditableState,\n invalidAddressFormEditableInitialState\n} from \"./invalidAddressFormEditable\";\n\nexport type CheckoutState = {\n data: DataState;\n points: PointsState;\n confirmResult: ConfirmResultState;\n users: UsersState;\n order: OrderState;\n invalidAddressFormEditable: InvalidAddressFormEditableState;\n};\n\nconst checkoutInitialState = {\n data: dataInitialState,\n points: pointsInitialState,\n confirmResult: confirmResultInitialState,\n users: usersInitialState,\n order: orderInitialState,\n invalidAddressFormEditable: invalidAddressFormEditableInitialState\n};\n\n// App Reducers are defined in terms of their own actions, but\n// `combineReducers` expects a reducer that can accept a \"Redux\n// Action\" (defined as `{ type: any }`). This causes problems when a\n// reducer has no actions that are of type `{ type: string }` (ie all\n// actions have extra properties), as Typescript can't reconcile it\n// with the type of `combineReducers`.\n//\n// An alternative to this approach is to add `{ type: \"\" }` to the\n// reducer's input actions.\nconst r = (reducer: (s: S, a: A) => S) =>\n reducer as Reducer;\n\nconst checkoutReducer = combineReducers({\n data: dataReducer,\n points: pointsReducer,\n confirmResult: confirmResultReducer,\n users: r(keyed(\"users\", usersReducer)),\n order: r(keyed(\"order\", orderReducer)),\n invalidAddressFormEditable: r(invalidAddressFormEditableReducer)\n});\n\nexport { checkoutReducer, checkoutInitialState };\n","import { connect, Dispatch } from \"react-redux\";\nimport { compose } from \"redux\";\n\nimport { makeService, IServiceError } from \"@theplant/ecjs/prottp\";\nimport { withContext, ContextProps, Context } from \"@theplant/ecjs/context\";\nimport { searchStores as _searchStores } from \"./helper\";\n\nimport { theplant } from \"../proto\";\ntype IStore = theplant.ec.service.stores.IStore;\nconst DeliveryMethod = theplant.ec.api.orders.DeliveryMethod;\nconst CheckoutService = theplant.ec.api.orders.CheckoutService;\n\n// ref: https://developers.google.com/maps/documentation/javascript/geocoding#GeocodingResponses\nexport interface GeocoderResult {\n types: string[];\n formatted_address?: string;\n address_components: Array<{\n short_name: string;\n long_name: string;\n postcode_localities: string[];\n types: string[];\n }>;\n partial_match?: boolean;\n place_id: string;\n postcode_localities?: string[];\n geometry: google.maps.GeocoderGeometry;\n}\n\ninterface State {\n isInMapView: boolean;\n state:\n | { type: \"loading\" | \"searching\" | null }\n | {\n type: \"error\";\n error: IServiceError;\n };\n allStores: IStore[];\n myStore?: IStore | null;\n storesResults: IStore[];\n}\n\nconst initialState: State = {\n isInMapView: false,\n state: { type: null },\n allStores: [],\n storesResults: [],\n};\n\ntype Action =\n | { type: \"SELECT_STORES_MAP_VIEW\" }\n | { type: \"SELECT_STORES_LIST_VIEW\" }\n | { type: \"WILL_FETCH_BOUTIQURE_STORES\" }\n | {\n type: \"FETCH_STORES\";\n stores: IStore[];\n }\n | {\n type: \"FETCH_MY_STORE\";\n myStore?: IStore | null;\n }\n | { type: \"FETCH_STORES_ERROR\"; error: IServiceError }\n | { type: \"WILL_SEARCH_STORES\" }\n | { type: \"SEARCH_STORES\"; stores: IStore[] }\n | { type: \"SEARCH_STORES_ERROR\"; error: IServiceError };\n\nconst reducer = (s = initialState, a: Action) => {\n switch (a.type) {\n case \"SELECT_STORES_MAP_VIEW\":\n return { ...s, isInMapView: true };\n case \"SELECT_STORES_LIST_VIEW\":\n return { ...s, isInMapView: false };\n case \"WILL_FETCH_BOUTIQURE_STORES\":\n return { ...s, state: { type: \"loading\" } };\n case \"FETCH_STORES\":\n return { ...s, allStores: a.stores };\n case \"FETCH_MY_STORE\":\n return { ...s, myStore: a.myStore };\n case \"FETCH_STORES_ERROR\":\n return { ...s, state: { type: \"error\", error: a.error } };\n case \"WILL_SEARCH_STORES\":\n return { ...s, state: { type: \"searching\" } };\n case \"SEARCH_STORES\":\n return { ...s, storesResults: a.stores, state: { type: null } };\n case \"SEARCH_STORES_ERROR\":\n return { ...s, state: { type: \"error\", error: a.error } };\n default:\n return s;\n }\n};\n\ntype DP = {\n selectMapView: () => void;\n selectListView: () => void;\n fetchBoutiqueStores: () => Promise;\n searchStores: (\n inputValue: string\n ) => Promise;\n refreshStoresResults: (stores: IStore[]) => void;\n refreshStores: (stores: IStore[]) => void;\n};\n\nexport type StoreFinderProps = { storeFinder: State & DP };\n\nconst mapDispatchToProps = (\n dispatch: Dispatch,\n { requestContext }: ContextProps\n): DP => ({\n selectMapView: () => dispatch({ type: \"SELECT_STORES_MAP_VIEW\" }),\n selectListView: () => dispatch({ type: \"SELECT_STORES_LIST_VIEW\" }),\n fetchBoutiqueStores: fetchBoutiqueStores(dispatch, requestContext),\n searchStores: searchStores(dispatch),\n refreshStores: (stores: IStore[]) =>\n dispatch({\n type: \"FETCH_STORES\",\n stores,\n }),\n refreshStoresResults: (stores: IStore[]) =>\n dispatch({\n type: \"SEARCH_STORES\",\n stores,\n }),\n});\n\nconst fetchBoutiqueStores =\n (dispatch: Dispatch, context: Context) => (): Promise => {\n dispatch({ type: \"WILL_FETCH_BOUTIQURE_STORES\" });\n\n return makeService(CheckoutService, context)\n .validateInput({\n deliveryMethod: DeliveryMethod.STORE_PICKUP,\n })\n .then(\n (result) => {\n dispatch({\n type: \"FETCH_MY_STORE\",\n myStore: result.myStore,\n });\n dispatch({\n type: \"FETCH_STORES\",\n stores: result.allStores,\n });\n },\n (error) => {\n dispatch({ type: \"FETCH_STORES_ERROR\", error });\n }\n );\n };\n\nconst searchStores =\n (dispatch: Dispatch) =>\n (inputValue: string): Promise => {\n dispatch({ type: \"WILL_SEARCH_STORES\" });\n\n return _searchStores(inputValue);\n };\n\nconst withStoreFinder = compose(\n withContext,\n connect(\n ({ storeFinder }: { storeFinder: State }) => storeFinder,\n mapDispatchToProps,\n (s, d, o) => ({\n storeFinder: {\n ...s,\n ...d,\n },\n ...(o as any),\n })\n )\n);\n\nexport { reducer as storeFinderReducer, withStoreFinder };\n","const searchStores = (\n value: string\n): Promise => {\n const googleMapsGeocoder = new google.maps.Geocoder();\n return new Promise((resolve) => {\n googleMapsGeocoder.geocode({ address: value }, (result, status) => {\n if (status === google.maps.GeocoderStatus.OK) {\n // > Addresses are returned in the order of best to least matches.\n //\n // So we can just use the first item in `result`.\n // Ref: https://developers.google.com/maps/documentation/javascript/geocoding#ReverseGeocoding\n resolve(result[0]);\n } else {\n resolve(undefined);\n }\n });\n });\n};\n\nexport { searchStores };\n","import * as React from \"react\";\n\nimport { StoreFinderProps, withStoreFinder, GeocoderResult } from \"./stores\";\nimport $script from \"scriptjs\";\n\nimport { theplant } from \"../proto\";\ntype IStore = theplant.ec.service.stores.IStore;\n\n// https://stackoverflow.com/questions/43714895/google-is-not-defined-in-react-app-using-create-react-app#answer-43718073\nlet google = (window as any).google;\n\nexport interface StoreFinderMangerProps {\n googleMapURL: string;\n defaultMapCenter?: google.maps.LatLngLiteral;\n defaultZoomLevel?: number;\n timeoutForGetUserLocation: number;\n maxRadiusForNearbyAPoint: number;\n markerIcon?: string;\n markerSize?: { width: number; height: number };\n renderInfoWindowContent: (store: IStore) => string;\n bindInfoWindowEvents?: (storeId: string | null | undefined) => void;\n onSelectStore: (storeId?: string | null) => void;\n onFetchMyStore?: (storeId?: string | null) => void;\n children: (\n storeFinder: StoreFinderProps[\"storeFinder\"] & {\n handleSearchStores: () => void;\n handleSearchInputKeyPress: (\n evt: React.KeyboardEvent\n ) => void;\n },\n mapRef: (ele: HTMLDivElement) => void,\n searchInputRef: (ele: HTMLInputElement) => void\n ) => React.ReactNode;\n}\n\nclass _StoreFinderManager extends React.Component<\n StoreFinderProps & StoreFinderMangerProps\n> {\n private searchInputRef: HTMLInputElement | null = null;\n private searchBox: google.maps.places.SearchBox | null = null;\n\n private mapRef: HTMLDivElement | null = null;\n private map: google.maps.Map | null = null;\n\n private prevMapCenter: google.maps.LatLngLiteral | null = null;\n private prevMapZoom: number | null = null;\n\n private markers: (google.maps.Marker | null)[] = [];\n private openedInfoWindow: google.maps.InfoWindow | null = null;\n\n componentDidMount() {\n const { defaultMapCenter, defaultZoomLevel } = this.props;\n this.prevMapCenter = defaultMapCenter || null;\n this.prevMapZoom = defaultZoomLevel || null;\n\n this.props.storeFinder.fetchBoutiqueStores().then(() => {\n const {\n storeFinder: { allStores, myStore },\n onFetchMyStore,\n googleMapURL,\n } = this.props;\n\n if (\n onFetchMyStore !== undefined &&\n myStore &&\n allStores.find((s) => s.id === myStore.id) !== undefined\n ) {\n onFetchMyStore(myStore.id);\n }\n\n if (!!google) {\n this.initMap(allStores || []);\n } else {\n $script(googleMapURL, () => {\n google = (window as any).google;\n\n this.initMap(allStores || []);\n });\n }\n });\n }\n\n initMap = (stores: IStore[]) => {\n // filter out invalid stores(without lat, lng data)\n const filteredStores = (stores || []).filter(\n (store) => store.latitude && store.longitude\n );\n this.props.storeFinder.refreshStores(filteredStores);\n\n // init map\n\n if (this.mapRef) {\n this.map = new google.maps.Map(this.mapRef as HTMLDivElement, {\n zoom: this.prevMapZoom || undefined,\n center: this.prevMapCenter || undefined,\n });\n }\n\n // init searchBox\n this.searchBox = new google.maps.places.SearchBox(\n this.searchInputRef as HTMLInputElement\n );\n this.searchBox &&\n this.searchBox.addListener(\"places_changed\", this.handleSearchStores);\n\n // get user position, sort stores by the distance to user location(from near to far)\n if (navigator.geolocation) {\n navigator.geolocation.getCurrentPosition(\n (position) => {\n const posLatLng = new google.maps.LatLng(\n position.coords.latitude,\n position.coords.longitude\n );\n\n // sort store list by distance\n const sortedStores = this.props.storeFinder.allStores.sort(\n (storeA, storeB) => {\n const storeALatLng = new google.maps.LatLng(\n storeA.latitude || 0,\n storeA.longitude || 0\n );\n const storeBLatLng = new google.maps.LatLng(\n storeB.latitude || 0,\n storeB.longitude || 0\n );\n\n return (\n google.maps.geometry.spherical.computeDistanceBetween(\n posLatLng,\n storeALatLng\n ) -\n google.maps.geometry.spherical.computeDistanceBetween(\n posLatLng,\n storeBLatLng\n )\n );\n }\n );\n\n this.updateMap(sortedStores);\n },\n () => {\n this.handleLocationError();\n },\n {\n timeout: this.props.timeoutForGetUserLocation,\n }\n );\n } else {\n this.handleLocationError();\n }\n };\n\n // display stores with default order\n handleLocationError = () => {\n this.updateMap(this.props.storeFinder.allStores);\n };\n\n // press 'Enter' key on the searchBox should trigger search\n handleSearchInputKeyPress = (evt: React.KeyboardEvent) => {\n if (evt.key === \"Enter\") {\n google.maps.event.trigger(this.searchBox, \"place_changed\");\n }\n };\n\n // create marker for stores, and set best viewport for stores' markers\n updateMap = (stores: IStore[]) => {\n if (this.map === null) {\n return;\n }\n\n // cannot find any matched stores, should show all stores\n if (stores.length === 0) {\n stores = this.props.storeFinder.allStores;\n }\n\n // create marker for stores\n this.markers = this.createMarkers(stores);\n\n // create viewport include all stores\n const bounds = new google.maps.LatLngBounds();\n\n stores.forEach((store) => {\n const storePosition = new google.maps.LatLng(\n store.latitude || 0,\n store.longitude || 0\n );\n bounds.extend(storePosition);\n });\n\n // if only one store, then zoom the store, and set it center\n if (stores.length === 1) {\n const store = stores[0];\n const storePosition = new google.maps.LatLng(\n store.latitude || 0,\n store.longitude || 0\n );\n\n this.map.setCenter(storePosition);\n this.map.setZoom(12);\n } else {\n this.map.fitBounds(bounds);\n }\n\n this.props.storeFinder.refreshStoresResults(stores);\n };\n\n handleSearchStores = () => {\n const allStores = this.props.storeFinder.allStores;\n const matchNameStores: IStore[] = [];\n\n const inputValue = (this.searchInputRef as HTMLInputElement).value || \"\";\n\n if (inputValue.trim() === \"\") {\n this.updateMap(allStores);\n return;\n } else {\n // find stores by store name, stores matched name stores in 'matchNameStores'\n allStores.forEach((store) => {\n if (store.name && store.name.indexOf(inputValue.trim()) !== -1) {\n matchNameStores.push(store);\n }\n });\n }\n\n this.props.storeFinder.searchStores(inputValue).then((result) => {\n let nearbyStores: IStore[] = [];\n // cannot geocode the input address\n // or cannot get the geometry info from the result\n if (!result || !result.geometry) {\n // but can find matched name stores,\n // return matched name stores\n if (matchNameStores.length > 0) {\n this.updateMap(matchNameStores);\n } else {\n // also cannnot find matched name stores,\n // return allStores\n this.updateMap(allStores);\n }\n\n return;\n }\n\n const geometry = result.geometry;\n\n // if search result matches an area,\n // then draw a reactagle by result's viewport, filter stores inside it\n if (geometry.bounds) {\n nearbyStores = this.searchNearbyStoresInRectangle(geometry);\n } else {\n // draw a circle with radius = MAX_RADIUS_FOR_NEARBY_A_POINT,\n // then filter stores inside it\n allStores.forEach((store) => {\n const resultLatLng = new google.maps.LatLng(\n geometry.location.lat(),\n geometry.location.lng()\n );\n const storeLatLng = new google.maps.LatLng(\n store.latitude || 0,\n store.longitude || 0\n );\n\n if (\n google.maps.geometry.spherical.computeDistanceBetween(\n resultLatLng,\n storeLatLng\n ) <= this.props.maxRadiusForNearbyAPoint\n ) {\n nearbyStores.push(store);\n }\n });\n }\n\n const stores = [...nearbyStores];\n // add name matched stores into the results if the result does't include them\n for (let i = 0; i < matchNameStores.length; i++) {\n const matchNameStore = matchNameStores[i];\n if (stores.indexOf(matchNameStore) === -1) {\n stores.push(matchNameStore);\n }\n }\n this.updateMap(stores);\n });\n };\n\n searchNearbyStoresInRectangle = (geometry: GeocoderResult[\"geometry\"]) => {\n const resultBounds: google.maps.LatLngBoundsLiteral = {\n north: geometry.viewport.getNorthEast().lat(),\n east: geometry.viewport.getNorthEast().lng(),\n south: geometry.viewport.getSouthWest().lat(),\n west: geometry.viewport.getSouthWest().lng(),\n };\n\n const rectangle = new google.maps.Rectangle({ bounds: resultBounds });\n const rectangleBounds = rectangle.getBounds();\n\n const nearbyStores: IStore[] = [];\n this.props.storeFinder.allStores.forEach((store) => {\n const storePosition = new google.maps.LatLng(\n store.latitude || 0,\n store.longitude || 0\n );\n if (rectangleBounds.contains(storePosition)) {\n nearbyStores.push(store);\n }\n });\n\n return nearbyStores;\n };\n\n createStoreMarker = (store: IStore) => {\n if (this.map === null) {\n return null;\n }\n\n const { markerIcon, markerSize, renderInfoWindowContent } = this.props;\n\n const marker = new google.maps.Marker({\n position: { lat: store.latitude || 0, lng: store.longitude || 0 },\n map: this.map,\n icon: {\n url: markerIcon || \"\",\n scaledSize:\n markerSize &&\n new google.maps.Size(markerSize.width, markerSize.height),\n },\n title: store.name || \"\",\n });\n\n const contentString = renderInfoWindowContent(store);\n\n this.addInfoWindow(marker, contentString, store.id);\n\n return marker;\n };\n\n clearMarkers = () => {\n if (this.markers && this.markers.length !== 0) {\n this.markers.forEach((marker) => {\n if (marker !== null) {\n marker.setMap(null);\n }\n });\n }\n };\n\n createMarkers = (stores: IStore[]) => {\n this.clearMarkers();\n\n return stores.map(this.createStoreMarker);\n };\n\n addInfoWindow = (\n marker: google.maps.Marker,\n content: string,\n storeId?: string | null\n ) => {\n const infoWindow = new google.maps.InfoWindow({ content });\n\n google.maps.event.addListener(marker, \"click\", () => {\n if (this.map === null) {\n return;\n }\n\n // close previous info window\n if (this.openedInfoWindow) {\n this.openedInfoWindow.close();\n }\n\n infoWindow.open(this.map, marker);\n this.openedInfoWindow = infoWindow;\n\n google.maps.event.addListener(infoWindow, \"domready\", () => {\n this.props.bindInfoWindowEvents &&\n this.props.bindInfoWindowEvents(storeId);\n });\n });\n };\n\n render() {\n return (\n <>\n {this.props.children(\n {\n ...this.props.storeFinder,\n handleSearchStores: this.handleSearchStores,\n handleSearchInputKeyPress: this.handleSearchInputKeyPress,\n },\n (ele) => (this.mapRef = ele),\n (ele) => (this.searchInputRef = ele)\n )}\n \n );\n }\n}\n\nconst StoreFinderManager = withStoreFinder(\n _StoreFinderManager\n) as React.ComponentClass;\n\nexport { StoreFinderManager };\n","import { combineReducers } from \"redux\";\nimport prefectures from \"./prefectures\";\nimport profile from \"./profile\";\nimport profileForm from \"./profileForm\";\nimport passwordForm from \"./passwordForm\";\nimport emailForm from \"./emailForm\";\nimport mustUpdateProfile from \"./mustUpdateProfile\";\nimport shippingAddresses from \"./shippingAddresses\";\nimport creditCards from \"./creditCards\";\nimport points from \"./points\";\nimport pointsHistory from \"./pointsHistory\";\nimport wishItems from \"./wishItems\";\nimport accountWishItems from \"./accountWishItems\";\nimport orders from \"./orders\";\nimport accountShippingAddressForm from \"./accountShippingAddressForm\";\nimport accountCreditCardForm from \"./accountCreditCardForm\";\nimport cartItems from \"./cartItems\";\nimport accountViewedProducts from \"./accountViewedProducts\";\nimport { reducer as configReducer } from \"../config\";\nimport { cartReducer, checkoutReducer } from \"../orders\";\nimport { storeFinderReducer } from \"../storeFinder\";\n\nimport { keyed } from \"@theplant/ecjs/projection\";\n\nconst topReducer = combineReducers({\n prefectures,\n profile,\n profileForm,\n passwordForm,\n emailForm,\n mustUpdateProfile,\n shippingAddresses,\n creditCards,\n points,\n pointsHistory,\n wishItems,\n accountWishItems,\n orders,\n accountShippingAddressForm,\n accountCreditCardForm,\n accountViewedProducts,\n cartItems,\n config: configReducer,\n cart: keyed(\"cart\", cartReducer),\n checkout: keyed(\"checkout\", checkoutReducer),\n storeFinder: storeFinderReducer,\n});\n\nexport default topReducer;\n","import * as types from \"../constants/ActionTypes\";\n\nconst refresh = () => ({ type: types.PREFECTURES_WILL_REFRESH });\n\nconst refreshSuccess = data => ({ type: types.PREFECTURES_DID_REFRESH, data });\n\nconst refreshFailure = error => ({\n type: types.PREFECTURES_DID_REFRESH_FAILED,\n error\n});\n\nexport { refresh, refreshSuccess, refreshFailure };\n","import { put, call, takeLatest } from \"redux-saga/effects\";\n\nimport * as actions from \"../actions/prefectures\";\nimport * as types from \"../constants/ActionTypes\";\nimport Api from \"../Api\";\n\nfunction* refresh() {\n try {\n const data = yield call(Api.getPrefectures);\n yield put(actions.refreshSuccess(data));\n } catch (error) {\n yield put(actions.refreshFailure(error));\n }\n}\n\nfunction* watchRefresh() {\n yield takeLatest(types.PREFECTURES_WILL_REFRESH, refresh);\n}\n\nexport default watchRefresh;\n\nexport { refresh };\n","import * as types from \"../constants/ActionTypes\";\n\nconst refresh = () => ({ type: types.PROFILE_WILL_REFRESH });\n\nconst refreshSuccess = data => ({ type: types.PROFILE_DID_REFRESH, data });\n\nconst refreshFailure = error => ({\n type: types.PROFILE_DID_REFRESH_FAILED,\n error\n});\n\nexport { refresh, refreshSuccess, refreshFailure };\n","import { put, call, takeLatest } from \"redux-saga/effects\";\n\nimport * as actions from \"../actions/profile\";\nimport * as types from \"../constants/ActionTypes\";\nimport Api from \"../Api\";\n\nfunction* refreshProfile(a) {\n try {\n const data = yield call(Api.getProfile);\n yield put(actions.refreshSuccess(data));\n } catch (error) {\n yield put(actions.refreshFailure(error));\n }\n}\n\nfunction* didRefreshProfile(a) {\n yield put(actions.refreshSuccess(a.data));\n}\n\nfunction* watchRefreshProfile() {\n yield takeLatest(types.PROFILE_WILL_REFRESH, refreshProfile);\n}\n\nexport default watchRefreshProfile;\n\nexport { refreshProfile, didRefreshProfile };\n","import * as types from \"../constants/ActionTypes\";\n\nconst open = () => ({ type: types.PROFILE_FORM_OPEN });\nconst close = () => ({ type: types.PROFILE_FORM_CLOSE });\n\nconst changeField = (field, value) => ({\n type: types.PROFILE_FORM_CHANGE_FIELD,\n field,\n value\n});\n\nconst submit = () => ({ type: types.PROFILE_FORM_WILL_SUBMIT });\n\nconst submitSuccess = data => ({ type: types.PROFILE_FORM_DID_SUBMIT, data });\n\nconst submitFailure = error => ({\n type: types.PROFILE_FORM_DID_SUBMIT_FAILED,\n error\n});\n\nexport { open, close, changeField, submit, submitSuccess, submitFailure };\n","import { put, call, select, takeLatest, all } from \"redux-saga/effects\";\n\nimport { didRefreshProfile } from \"./profile\";\nimport { getProfileFormData } from \"../reducers/profileForm\";\nimport * as actions from \"../actions/profileForm\";\nimport * as types from \"../constants/ActionTypes\";\nimport Api from \"../Api\";\n\nfunction* submitProfileForm() {\n try {\n const formData = yield select(getProfileFormData);\n const data = yield call(Api.updateProfile, formData);\n yield put(actions.submitSuccess(data));\n } catch (error) {\n yield put(actions.submitFailure(error));\n }\n}\n\nfunction* watchSubmitProfileForm() {\n yield all([\n takeLatest(types.PROFILE_FORM_WILL_SUBMIT, submitProfileForm),\n takeLatest(types.PROFILE_FORM_DID_SUBMIT, didRefreshProfile)\n ]);\n}\n\nexport default watchSubmitProfileForm;\n\nexport { submitProfileForm };\n","import * as types from \"../constants/ActionTypes\";\n\nconst open = () => ({ type: types.PASSWORD_FORM_OPEN });\nconst close = () => ({ type: types.PASSWORD_FORM_CLOSE });\n\nconst changeField = (field, value) => ({\n type: types.PASSWORD_FORM_CHANGE_FIELD,\n field,\n value\n});\n\nconst submit = () => ({ type: types.PASSWORD_FORM_WILL_SUBMIT });\n\nconst submitSuccess = data => ({ type: types.PASSWORD_FORM_DID_SUBMIT, data });\n\nconst submitFailure = error => ({\n type: types.PASSWORD_FORM_DID_SUBMIT_FAILED,\n error\n});\n\nexport { open, close, changeField, submit, submitSuccess, submitFailure };\n","import { call } from \"redux-saga/effects\";\nimport Api from \"../Api\";\n\nimport {\n alert as sweetAlert,\n confirm as sweetConfirm\n} from \"../js/shared/alert\";\n\nfunction* alert(message) {\n yield call(sweetAlert, message);\n}\n\nfunction* redirect(redirectTo) {\n yield call(Api.redirect, redirectTo);\n}\n\nfunction* confirm(message) {\n return yield call(sweetConfirm, message);\n}\n\nexport { alert, redirect, confirm };\n","import { delay } from \"redux-saga\";\nimport { put, call, select, takeLatest } from \"redux-saga/effects\";\n\nimport { getPasswordFormData } from \"../reducers/passwordForm\";\nimport * as actions from \"../actions/passwordForm\";\nimport * as types from \"../constants/ActionTypes\";\nimport Api from \"../Api\";\n\nimport { redirect } from \"./common\";\n\nfunction* submit() {\n const formData = yield select(getPasswordFormData);\n const { response, error } = yield call(Api.updatePassword, formData);\n\n if (response) {\n yield put(actions.submitSuccess(response));\n yield call(delay, 3000);\n yield call(redirect, response.location);\n } else {\n yield put(actions.submitFailure(error));\n }\n}\n\nfunction* watch() {\n yield takeLatest(types.PASSWORD_FORM_WILL_SUBMIT, submit);\n}\n\nexport default watch;\n\nexport { submit };\n","import * as types from \"../constants/ActionTypes\";\n\nconst open = () => ({ type: types.EMAIL_FORM_OPEN });\nconst close = () => ({ type: types.EMAIL_FORM_CLOSE });\n\nconst changeField = (field, value) => ({\n type: types.EMAIL_FORM_CHANGE_FIELD,\n field,\n value\n});\n\nconst submit = () => ({ type: types.EMAIL_FORM_WILL_SUBMIT });\n\nconst submitSuccess = data => ({ type: types.EMAIL_FORM_DID_SUBMIT, data });\n\nconst submitFailure = error => ({\n type: types.EMAIL_FORM_DID_SUBMIT_FAILED,\n error\n});\n\nexport { open, close, changeField, submit, submitSuccess, submitFailure };\n","import { put, call, select, takeLatest } from \"redux-saga/effects\";\n\nimport { getEmailFormData } from \"../reducers/emailForm\";\nimport * as actions from \"../actions/emailForm\";\nimport * as types from \"../constants/ActionTypes\";\nimport Api from \"../Api\";\n\nfunction* submit() {\n const formData = yield select(getEmailFormData);\n const { response, error } = yield call(Api.changeEmail, formData);\n\n if (error) {\n yield put(actions.submitFailure(error));\n } else {\n yield put(actions.submitSuccess(response));\n }\n}\n\nfunction* watch() {\n yield takeLatest(types.EMAIL_FORM_WILL_SUBMIT, submit);\n}\n\nexport default watch;\n\nexport { submit };\n","import { take, put, call } from \"redux-saga/effects\";\nimport {\n PROFILE_DID_REFRESH,\n PROFILE_FORM_DID_SUBMIT\n} from \"../constants/ActionTypes\";\nimport {\n ACCOUNT_PERSONAL_PATH,\n QUERY_STATE_MUST_UPDATE_PROFILE\n} from \"../constants/Paths\";\nimport * as actions from \"../actions/mustUpdateProfile\";\nimport { submit as submitProfileForm } from \"../actions/profileForm\";\nimport { redirect } from \"./common\";\nimport queryString from \"query-string\";\n\nconst _shouldShowingMustUpdateProfilePopup = location => {\n const { pathname, search } = location;\n const parsed = queryString.parse(search);\n return (\n pathname === ACCOUNT_PERSONAL_PATH &&\n parsed.state === QUERY_STATE_MUST_UPDATE_PROFILE\n );\n};\n\nfunction* mustUpdateProfileFlow() {\n const location = window.location;\n\n const shouldShowing = yield call(\n _shouldShowingMustUpdateProfilePopup,\n location\n );\n\n if (shouldShowing) {\n const { search = \"\" } = location || {};\n const parsed = queryString.parse(search);\n\n yield put(actions.show());\n\n yield take(PROFILE_DID_REFRESH);\n yield put(submitProfileForm());\n\n yield take(PROFILE_FORM_DID_SUBMIT);\n yield call(redirect, parsed.redir || ACCOUNT_PERSONAL_PATH);\n }\n}\n\nexport default mustUpdateProfileFlow;\n\nexport { _shouldShowingMustUpdateProfilePopup };\n","import * as types from \"../constants/ActionTypes\";\n\nconst show = () => ({ type: types.MUST_UPDATE_PROFILE_SHOW });\n\nexport { show };\n","import * as types from \"../constants/ActionTypes\";\n\n// update a single address\nconst update = (data) => ({ type: types.SHIPPING_ADDRESSES_UPDATE, data });\n\nconst refresh = () => ({ type: types.SHIPPING_ADDRESSES_WILL_REFRESH });\n\nconst refreshSuccess = (data) => ({\n type: types.SHIPPING_ADDRESSES_DID_REFRESH,\n data,\n});\n\nconst refreshFailure = (error) => ({\n type: types.SHIPPING_ADDRESSES_DID_REFRESH_FAILED,\n error,\n});\n\n// can't use `delete` as the function name.\nconst deleteShippingAddress = (id, cb) => ({\n type: types.SHIPPING_ADDRESSES_WILL_DELETE,\n id,\n cb,\n});\n\nconst deleteSuccess = (id) => ({\n type: types.SHIPPING_ADDRESSES_DID_DELETE,\n id,\n});\n\nconst deleteFailure = (error) => ({\n type: types.SHIPPING_ADDRESSES_DID_DELETE_FAILED,\n error,\n});\n\nexport {\n update,\n refresh,\n refreshSuccess,\n refreshFailure,\n deleteShippingAddress,\n deleteSuccess,\n deleteFailure,\n};\n","import { put, call, takeLatest, all } from \"redux-saga/effects\";\n\nimport * as actions from \"../actions/shippingAddresses\";\nimport * as types from \"../constants/ActionTypes\";\nimport Api from \"../Api\";\nimport { confirm } from \"./common\";\nimport * as messages from \"../constants/Messages\";\n\nfunction* refresh() {\n const { response, error } = yield call(Api.getShippingAddresses);\n\n if (error) {\n yield put(actions.refreshFailure(error));\n } else {\n yield put(actions.refreshSuccess(response));\n }\n}\n\nfunction* deleteShippingAddress({ id, cb }) {\n const confirmed = yield call(confirm, messages.ADDRESS_DELETE_CONFIRM);\n\n if (confirmed) {\n const { error } = yield call(Api.deleteShippingAddress, id);\n\n if (error) {\n yield put(actions.deleteFailure(error));\n } else {\n yield put(actions.deleteSuccess(id));\n if (cb) {\n cb();\n }\n }\n }\n}\n\nfunction* watch() {\n yield all([\n takeLatest(types.SHIPPING_ADDRESSES_WILL_REFRESH, refresh),\n takeLatest(types.SHIPPING_ADDRESSES_WILL_DELETE, deleteShippingAddress),\n ]);\n}\n\nexport default watch;\n\nexport { refresh, deleteShippingAddress };\n","import * as types from \"../constants/ActionTypes\";\n\nconst refresh = () => ({ type: types.CREDIT_CARDS_WILL_REFRESH });\n\nconst refreshSuccess = (data) => ({\n type: types.CREDIT_CARDS_DID_REFRESH,\n data,\n});\n\nconst refreshFailure = (error) => ({\n type: types.CREDIT_CARDS_DID_REFRESH_FAILED,\n error,\n});\n\n// can't use `delete` as the function name.\nconst deleteCreditCard = (id, cb) => ({\n type: types.CREDIT_CARDS_WILL_DELETE,\n id,\n cb,\n});\n\nconst deleteSuccess = (id) => ({ type: types.CREDIT_CARDS_DID_DELETE, id });\n\nconst deleteFailure = (error) => ({\n type: types.CREDIT_CARDS_DID_DELETE_FAILED,\n error,\n});\n\nconst load = (data) => ({\n type: types.ACCOUNT_CREDIT_CARDS_DID_FORM_LOAD,\n data,\n});\n\nexport {\n refresh,\n refreshSuccess,\n refreshFailure,\n deleteCreditCard,\n deleteSuccess,\n deleteFailure,\n load,\n};\n","import { put, call, takeLatest, all, select } from \"redux-saga/effects\";\n\nimport { getCreditCardById } from \"../reducers/creditCards\";\nimport * as actions from \"../actions/creditCards\";\nimport * as types from \"../constants/ActionTypes\";\nimport Api from \"../Api\";\nimport { confirm } from \"./common\";\nimport * as messages from \"../constants/Messages\";\n\nfunction* refresh() {\n const { response, error } = yield call(Api.getCreditCards);\n\n if (error) {\n yield put(actions.refreshFailure(error));\n } else {\n yield put(actions.refreshSuccess(response));\n }\n}\n\nfunction* deleteCreditCard({ id, cb }) {\n const confirmed = yield call(confirm, messages.CREDIT_CARD_DELETE_CONFIRM);\n\n if (confirmed) {\n const { error } = yield call(Api.deleteCreditCard, id);\n\n if (error) {\n yield put(actions.deleteFailure(error));\n } else {\n yield put(actions.deleteSuccess(id));\n if (cb) {\n cb();\n }\n }\n }\n}\n\nfunction* loadForm({ id }) {\n const data = yield select(getCreditCardById, id);\n yield put(actions.load(data));\n}\n\nfunction* watch() {\n yield all([\n takeLatest(types.CREDIT_CARDS_WILL_REFRESH, refresh),\n takeLatest(types.CREDIT_CARDS_WILL_DELETE, deleteCreditCard),\n takeLatest(types.ACCOUNT_CREDIT_CARD_FORM_EDIT, loadForm),\n ]);\n}\n\nexport default watch;\n\nexport { refresh, deleteCreditCard };\n","import * as types from \"../constants/ActionTypes\";\n\nconst refresh = () => ({ type: types.POINTS_WILL_REFRESH });\n\nconst refreshSuccess = data => ({ type: types.POINTS_DID_REFRESH, data });\n\nconst refreshFailure = error => ({\n type: types.POINTS_DID_REFRESH_FAILED,\n error\n});\n\nconst switchPointsSubTabs = pathname => ({\n type: types.SWTICH_POINTS_SUB_TABS,\n pathname\n});\n\nexport { refresh, refreshSuccess, refreshFailure, switchPointsSubTabs };\n","import { put, call, takeLatest } from \"redux-saga/effects\";\n\nimport * as actions from \"../actions/points\";\nimport * as types from \"../constants/ActionTypes\";\nimport Api from \"../Api\";\n\nfunction* refresh() {\n const { response, error } = yield call(Api.getPoints);\n\n if (error) {\n yield put(actions.refreshFailure(error));\n } else {\n yield put(actions.refreshSuccess(response.data));\n }\n}\n\nfunction* watch() {\n yield takeLatest(types.POINTS_WILL_REFRESH, refresh);\n}\n\nexport default watch;\n\nexport { refresh };\n","import * as types from \"../constants/ActionTypes\";\n\nconst refresh = () => ({ type: types.POINTS_HISTORY_WILL_REFRESH });\n\nconst refreshSuccess = data => ({\n type: types.POINTS_HISTORY_DID_REFRESH,\n data\n});\n\nconst refreshFailure = error => ({\n type: types.POINTS_HISTORY_DID_REFRESH_FAILED,\n error\n});\n\nexport { refresh, refreshSuccess, refreshFailure };\n","import { put, call, takeLatest } from \"redux-saga/effects\";\n\nimport * as actions from \"../actions/pointsHistory\";\nimport * as types from \"../constants/ActionTypes\";\nimport Api from \"../Api\";\n\nfunction* refresh() {\n const { response, error } = yield call(Api.getPointsHistory);\n\n if (error) {\n yield put(actions.refreshFailure(error));\n } else {\n yield put(actions.refreshSuccess(response.data));\n }\n}\n\nfunction* watch() {\n yield takeLatest(types.POINTS_HISTORY_WILL_REFRESH, refresh);\n}\n\nexport default watch;\n\nexport { refresh };\n","import * as types from \"../constants/ActionTypes\";\n\nconst refresh = () => ({ type: types.ORDERS_WILL_REFRESH });\n\nconst refreshSuccess = data => ({ type: types.ORDERS_DID_REFRESH, data });\n\nconst refreshFailure = error => ({\n type: types.ORDERS_DID_REFRESH_FAILED,\n error\n});\n\nconst cancel = id => ({ type: types.ORDERS_WILL_CANCEL, id });\n\nconst cancelSuccess = data => ({ type: types.ORDERS_DID_CANCEL, data });\n\nconst cancelFailure = error => ({\n type: types.ORDERS_DID_CANCEL_FAILED,\n error\n});\n\nexport {\n refresh,\n refreshSuccess,\n refreshFailure,\n cancel,\n cancelSuccess,\n cancelFailure\n};\n","import { put, call, takeLatest, all } from \"redux-saga/effects\";\n\nimport * as actions from \"../actions/orders\";\nimport * as types from \"../constants/ActionTypes\";\nimport Api from \"../Api\";\nimport { alert, confirm } from \"./common\";\nimport * as messages from \"../constants/Messages\";\n\nfunction* refresh() {\n // check waiting pay order before getOrders\n // but it can be slience executed, without get result or errors\n // temproray not call because lacoste prod find there are waiting pay order on order history\n // refer: https://theplant.slack.com/archives/C048URTTCR5/p1717126132082109\n // yield call(Api.checkWaitingPayOrder);\n const { response, error } = yield call(Api.getOrders);\n\n if (error) {\n yield put(actions.refreshFailure(error));\n } else {\n yield put(actions.refreshSuccess(response.data));\n }\n}\n\nfunction* cancelOrderByCondition({ id }) {\n yield call(cancelOrder, { id });\n}\n\nfunction* cancelOrder({ id }) {\n const confirmed = yield call(confirm, messages.ORDER_CANCEL_CONFIRM);\n\n if (confirmed) {\n const { response, error } = yield call(Api.cancelOrder, id);\n\n if (error) {\n yield put(actions.cancelFailure(error));\n // FIXME shouldn't handle some API error?\n yield call(alert, messages.INTERNAL_SERVER_ERROR);\n } else {\n yield put(actions.cancelSuccess(response.data));\n }\n }\n}\n\nfunction* watch() {\n yield all([\n takeLatest(types.ORDERS_WILL_REFRESH, refresh),\n takeLatest(types.ORDERS_WILL_CANCEL, cancelOrderByCondition),\n ]);\n}\n\nexport default watch;\n\nexport { refresh, cancelOrderByCondition, cancelOrder };\n","import * as types from \"../constants/ActionTypes\";\n\nconst close = () => ({ type: types.ACCOUNT_SHIPPING_ADDRESS_FORM_CLOSE });\n\nconst changeField = (field, value) => ({\n type: types.ACCOUNT_SHIPPING_ADDRESS_FORM_CHANGE_FIELD,\n field,\n value,\n});\n\nconst newShippingAddress = () => ({\n type: types.ACCOUNT_SHIPPING_ADDRESS_FORM_NEW,\n});\n\nconst edit = (id) => ({ type: types.ACCOUNT_SHIPPING_ADDRESS_FORM_EDIT, id });\n\nconst load = (data) => ({\n type: types.ACCOUNT_SHIPPING_ADDRESS_FORM_LOAD,\n data,\n});\n\nconst submit = (callback) => ({\n type: types.ACCOUNT_SHIPPING_ADDRESS_FORM_WILL_SUBMIT,\n callback,\n});\n\nconst submitSuccess = (data) => ({\n type: types.ACCOUNT_SHIPPING_ADDRESS_FORM_DID_SUBMIT,\n data,\n});\n\nconst submitFailure = (error) => ({\n type: types.ACCOUNT_SHIPPING_ADDRESS_FORM_DID_SUBMIT_FAILED,\n error,\n});\n\nconst selectAddressAsDefault = (address) => ({\n type: types.ACCOUNT_SHIPPING_ADDRESS_WILL_SELECT_AS_DEFAULT,\n address,\n});\n\nconst selectAddressAsDefaultSuccess = (address) => ({\n type: types.ACCOUNT_SHIPPING_ADDRESS_DID_SELECT_AS_DEFAULT,\n address,\n});\n\nconst selectAddressAsDefaultFailed = (error) => ({\n type: types.ACCOUNT_SHIPPING_ADDRESS_DID_SELECT_AS_DEFAULT_FAILED,\n error,\n});\n\nexport {\n close,\n changeField,\n newShippingAddress,\n edit,\n load,\n submit,\n submitSuccess,\n submitFailure,\n selectAddressAsDefault,\n selectAddressAsDefaultSuccess,\n selectAddressAsDefaultFailed,\n};\n","import { put, call, select, takeLatest, all } from \"redux-saga/effects\";\n\nimport { getFormData } from \"../reducers/accountShippingAddressForm\";\nimport { getShippingAddressById } from \"../reducers/shippingAddresses\";\nimport * as actions from \"../actions/accountShippingAddressForm\";\nimport {\n update as updateShippingAddresses,\n refreshSuccess,\n refreshFailure,\n refresh,\n} from \"../actions/shippingAddresses\";\nimport * as types from \"../constants/ActionTypes\";\nimport Api from \"../Api\";\n\nfunction* submit(parameters) {\n const formData = yield select(getFormData);\n const { response, error } = yield call(Api.postShippingAddress, formData);\n\n if (error) {\n yield put(actions.submitFailure(error));\n } else {\n yield put(updateShippingAddresses(response.data));\n yield put(actions.submitSuccess(response.data));\n\n yield put(refresh());\n if (parameters && parameters.callback) {\n yield call(parameters.callback);\n }\n }\n}\n\nfunction* loadForm({ id }) {\n const data = yield select(getShippingAddressById, id);\n yield put(actions.load(data));\n}\n\nfunction* selectAddressAsDefault({ address }) {\n const { response, error } = yield call(Api.postShippingAddress, address);\n const { response: fetchAddressesResponse, error: fetchAddressesError } =\n yield call(Api.getShippingAddresses);\n\n if (error || fetchAddressesError) {\n yield put(refreshFailure(fetchAddressesError));\n yield put(actions.selectAddressAsDefaultFailed(error));\n } else {\n if (response && fetchAddressesResponse) {\n yield put(refreshSuccess(fetchAddressesResponse));\n yield put(actions.selectAddressAsDefaultSuccess(response.data));\n }\n }\n}\n\nfunction* watch() {\n yield all([\n takeLatest(types.ACCOUNT_SHIPPING_ADDRESS_FORM_WILL_SUBMIT, submit),\n takeLatest(types.ACCOUNT_SHIPPING_ADDRESS_FORM_EDIT, loadForm),\n takeLatest(\n types.ACCOUNT_SHIPPING_ADDRESS_WILL_SELECT_AS_DEFAULT,\n selectAddressAsDefault\n ),\n ]);\n}\n\nexport default watch;\n\nexport { submit, loadForm };\n","import * as types from \"../constants/ActionTypes\";\n\nconst refresh = () => ({ type: types.WISH_ITEMS_WILL_REFRESH });\n\nconst refreshSuccess = data => ({ type: types.WISH_ITEMS_DID_REFRESH, data });\n\nconst refreshFailure = error => ({\n type: types.WISH_ITEMS_DID_REFRESH_FAILED,\n error\n});\n\nconst deleteWishItems = (ids = []) => ({\n type: types.WISH_ITEMS_DID_DELETE,\n ids\n});\n\nexport { refresh, refreshSuccess, refreshFailure, deleteWishItems };\n","import { put, call, takeLatest } from \"redux-saga/effects\";\n\nimport * as actions from \"../actions/wishItems\";\nimport * as types from \"../constants/ActionTypes\";\nimport Api from \"../Api\";\n\nfunction* refresh() {\n const { response, error } = yield call(Api.getWishItems);\n\n if (error) {\n yield put(actions.refreshFailure(error));\n } else {\n yield put(actions.refreshSuccess(response.data));\n }\n}\n\nfunction* watch() {\n yield takeLatest(types.WISH_ITEMS_WILL_REFRESH, refresh);\n}\n\nexport default watch;\n\nexport { refresh };\n","import * as types from \"../constants/ActionTypes\";\n\nconst refresh = () => ({ type: types.CART_ITEMS_WILL_REFRESH });\n\nconst refreshSuccess = data => ({ type: types.CART_ITEMS_DID_REFRESH, data });\n\nconst refreshFailure = error => ({\n type: types.CART_ITEMS_DID_REFRESH_FAILED,\n error\n});\n\nconst refreshQuantity = () => ({\n type: types.CART_ITEMS_TOTAL_QUANTITY_WILL_REFRESH\n});\n\nconst refreshQuantitySuccess = data => ({\n type: types.CART_ITEMS_TOTAL_QUANTITY_DID_REFRESH,\n data\n});\n\nconst refreshQuantityFailure = error => ({\n type: types.CART_ITEMS_TOTAL_QUANTITY_DID_REFRESH_FAILED,\n error\n});\n\nexport {\n refresh,\n refreshSuccess,\n refreshFailure,\n refreshQuantity,\n refreshQuantitySuccess,\n refreshQuantityFailure\n};\n","import { put, call, takeLatest } from \"redux-saga/effects\";\n\nimport * as actions from \"../actions/cartItems\";\nimport * as types from \"../constants/ActionTypes\";\nimport Api from \"../Api\";\n\nfunction* refresh() {\n const { response, error } = yield call(Api.getCart);\n\n if (error) {\n yield put(actions.refreshFailure(error));\n } else {\n yield put(actions.refreshSuccess(response.data));\n }\n}\n\nfunction* refreshQuantity() {\n const { response, error } = yield call(Api.getCartItemsQuantity);\n\n if (error) {\n yield put(actions.refreshQuantityFailure(error));\n } else {\n yield put(actions.refreshQuantitySuccess(response.data));\n }\n}\n\nfunction* watch() {\n yield takeLatest(types.CART_ITEMS_WILL_REFRESH, refresh);\n yield takeLatest(\n types.CART_ITEMS_TOTAL_QUANTITY_WILL_REFRESH,\n refreshQuantity\n );\n}\n\nexport default watch;\n\nexport { refresh, refreshQuantity };\n","import * as types from \"../constants/ActionTypes\";\n\nconst toggleChecked = id => ({\n type: types.ACCOUNT_WISH_ITEMS_TOGGLE_CHECKED,\n id\n});\n\nconst deleteWishItems = () => ({ type: types.ACCOUNT_WISH_ITEMS_WILL_DELETE });\n\nconst deleteSuccess = (ids = []) => ({\n type: types.ACCOUNT_WISH_ITEMS_DID_DELETE\n});\n\nconst deleteFailure = error => ({\n type: types.ACCOUNT_WISH_ITEMS_DID_DELETE_FAILED,\n error\n});\n\nconst moveToCart = () => ({ type: types.ACCOUNT_WISH_ITEMS_WILL_MOVE_TO_CART });\n\nconst moveToCartSuccess = (ids = []) => ({\n type: types.ACCOUNT_WISH_ITEMS_DID_MOVE_TO_CART\n});\n\nconst moveToCartFailure = error => ({\n type: types.ACCOUNT_WISH_ITEMS_DID_MOVE_TO_CART_FAILED,\n error\n});\n\nexport {\n toggleChecked,\n deleteWishItems,\n deleteSuccess,\n deleteFailure,\n moveToCart,\n moveToCartSuccess,\n moveToCartFailure\n};\n","import { put, call, select, takeLatest, all } from \"redux-saga/effects\";\n\nimport * as actions from \"../actions/accountWishItems\";\nimport { deleteWishItems as didDeleteWishItems } from \"../actions/wishItems\";\nimport { getCheckedIds } from \"../reducers/accountWishItems\";\nimport * as types from \"../constants/ActionTypes\";\nimport { alert, redirect } from \"./common\";\nimport Api from \"../Api\";\nimport * as messages from \"../constants/Messages\";\nimport * as paths from \"../constants/Paths\";\n\nfunction* deleteWishItems() {\n const checkedIds = yield select(getCheckedIds);\n const { error } = yield call(Api.deleteWishItems, checkedIds);\n\n if (error) {\n yield put(actions.deleteFailure(error));\n // FIXME shouldn't handle some API error?\n yield call(alert, messages.INTERNAL_SERVER_ERROR);\n } else {\n yield put(actions.deleteSuccess());\n yield put(didDeleteWishItems(checkedIds));\n }\n}\n\nfunction* moveWishItemsToCart() {\n const checkedIds = yield select(getCheckedIds);\n const { error } = yield call(Api.moveWishItemsToCart, checkedIds);\n\n if (error) {\n yield put(actions.moveToCartFailure(error));\n // FIXME shouldn't handle some API error?\n yield call(alert, messages.INTERNAL_SERVER_ERROR);\n } else {\n yield put(actions.moveToCartSuccess());\n yield put(didDeleteWishItems(checkedIds));\n yield call(redirect, paths.CHECKOUT_CART_PATH);\n }\n}\n\nfunction* watch() {\n yield all([\n takeLatest(types.ACCOUNT_WISH_ITEMS_WILL_DELETE, deleteWishItems),\n takeLatest(types.ACCOUNT_WISH_ITEMS_WILL_MOVE_TO_CART, moveWishItemsToCart)\n ]);\n}\n\nexport default watch;\n\nexport { deleteWishItems, moveWishItemsToCart };\n","import * as types from \"../constants/ActionTypes\";\n\nconst close = () => ({ type: types.ACCOUNT_CREDIT_CARD_FORM_CLOSE });\n\nconst changeField = (field, value) => ({\n type: types.ACCOUNT_CREDIT_CARD_FORM_CHANGE_FIELD,\n field,\n value,\n});\n\nconst newCreditCard = () => ({ type: types.ACCOUNT_CREDIT_CARD_FORM_NEW });\n\nconst editCreditCard = (id) => ({\n type: types.ACCOUNT_CREDIT_CARD_FORM_EDIT,\n id,\n});\n\nconst submit = (callback) => ({\n type: types.ACCOUNT_CREDIT_CARD_FORM_WILL_SUBMIT,\n callback,\n});\n\nconst submitSuccess = (data) => ({\n type: types.ACCOUNT_CREDIT_CARD_FORM_DID_SUBMIT,\n data,\n});\n\nconst submitFailure = (error) => ({\n type: types.ACCOUNT_CREDIT_CARD_FORM_DID_SUBMIT_FAILED,\n error,\n});\n\nexport {\n close,\n changeField,\n newCreditCard,\n submit,\n submitSuccess,\n submitFailure,\n editCreditCard,\n};\n","import { put, call, select, takeLatest } from \"redux-saga/effects\";\n\nimport { getFormData } from \"../reducers/accountCreditCardForm\";\nimport * as actions from \"../actions/accountCreditCardForm\";\nimport { refresh as refreshCreditCards } from \"../actions/creditCards\";\nimport * as types from \"../constants/ActionTypes\";\nimport Api from \"../Api\";\n\nfunction* submit(params) {\n const formData = yield select(getFormData);\n const { error } = yield call(Api.createCreditCard, formData);\n\n if (error) {\n yield put(actions.submitFailure(error));\n } else {\n yield put(actions.submitSuccess());\n yield put(refreshCreditCards());\n if (params && params.callback) {\n yield call(params.callback);\n }\n }\n}\n\nfunction* watch() {\n yield takeLatest(types.ACCOUNT_CREDIT_CARD_FORM_WILL_SUBMIT, submit);\n}\n\nexport default watch;\n\nexport { submit };\n","import * as types from \"../constants/ActionTypes\";\n\nconst refresh = () => ({ type: types.ACCOUNT_VIEWED_PRODUCTS_WILL_REFRESH });\n\nconst refreshSuccess = data => ({\n type: types.ACCOUNT_VIEWED_PRODUCTS_DID_REFRESH,\n data\n});\n\nconst refreshFailure = error => ({\n type: types.ACCOUNT_VIEWED_PRODUCTS_REFRESH_FAILED,\n error\n});\n\nexport { refresh, refreshSuccess, refreshFailure };\n","import { put, call, takeLatest } from \"redux-saga/effects\";\n\nimport * as actions from \"../actions/accountViewedProducts\";\nimport * as types from \"../constants/ActionTypes\";\nimport Api from \"../Api\";\n\nfunction* refresh() {\n const { response, error } = yield call(Api.getViewedProducts);\n\n if (error) {\n yield put(actions.refreshFailure(error));\n } else {\n yield put(actions.refreshSuccess(response.data));\n }\n}\n\nfunction* watch() {\n yield takeLatest(types.ACCOUNT_VIEWED_PRODUCTS_WILL_REFRESH, refresh);\n}\n\nexport default watch;\n\nexport { refresh };\n","import { all } from \"redux-saga/effects\";\n\nimport watchPrefectures from \"./prefectures\";\nimport watchProfile from \"./profile\";\nimport watchProfileForm from \"./profileForm\";\nimport watchPasswordForm from \"./passwordForm\";\nimport watchEmailForm from \"./emailForm\";\nimport watchMustUpdateProfile from \"./mustUpdateProfile\";\nimport watchShippingAddresses from \"./shippingAddresses\";\nimport watchCreditCards from \"./creditCards\";\nimport watchPoints from \"./points\";\nimport watchPointsHistory from \"./pointsHistory\";\nimport watchOrders from \"./orders\";\nimport watchAccountShippingAddressForm from \"./accountShippingAddressForm\";\nimport watchWishItems from \"./wishItems\";\nimport watchCartItems from \"./cartItems\";\nimport watchAccountWishItems from \"./accountWishItems\";\nimport watchAccountCreditCardForm from \"./accountCreditCardForm\";\nimport watchAccountViewedProducts from \"./accountViewedProducts\";\n\nexport default function* rootSaga() {\n yield all([\n watchPrefectures(),\n watchProfile(),\n watchProfileForm(),\n watchPasswordForm(),\n watchEmailForm(),\n watchMustUpdateProfile(),\n watchShippingAddresses(),\n watchCreditCards(),\n watchPoints(),\n watchPointsHistory(),\n watchOrders(),\n watchAccountShippingAddressForm(),\n watchWishItems(),\n watchCartItems(),\n watchAccountWishItems(),\n watchAccountCreditCardForm(),\n watchAccountViewedProducts()\n ]);\n}\n","import { createStore, applyMiddleware, compose } from \"redux\";\n\nimport createSagaMiddleware from \"redux-saga\";\nimport rootReducer from \"../reducers\";\nimport rootSaga from \"../sagas\";\n\nconst sagaMiddleware = createSagaMiddleware();\n\nconst composeEnhancers =\n typeof window === \"object\" && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__\n ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__\n : compose;\n\nconst enhancer = composeEnhancers(applyMiddleware(sagaMiddleware));\n\nexport default function configureStore(initialState) {\n const store = createStore(rootReducer, initialState, enhancer);\n\n sagaMiddleware.run(rootSaga);\n\n return store;\n}\n","import React from \"react\";\nimport { GENDER_LABELS } from \"../../../../constants/Misc\";\n\nconst getPrefectureJapaneseByName = (prefectures = [], sourceName: string) => {\n let result = sourceName;\n\n prefectures.forEach(({ name, japanese }) => {\n if (name === sourceName) {\n result = japanese;\n }\n });\n\n return result;\n};\n\nconst getGender = (gender: string) => {\n const find = GENDER_LABELS.find((item) => item[0] === gender);\n\n return find ? find[1] : GENDER_LABELS[2][1];\n};\n\nconst Brief = ({\n profileState: { data: profileData },\n prefecturesState: { data: prefecturesData },\n openForm,\n}: any) => {\n let {\n dateOfBirth,\n phone,\n familyName,\n givenName,\n katakanaFamilyName,\n katakanaGivenName,\n zipcode,\n prefecture,\n city,\n address1,\n address2,\n gender,\n } = profileData;\n\n let prefectureJapanese = getPrefectureJapaneseByName(\n prefecturesData,\n prefecture\n );\n\n const g = getGender(gender);\n\n return (\n \n
\n
\n \n 姓名：{familyName} {givenName}\n \n \n 姓名（カナ）：{katakanaFamilyName} {katakanaGivenName}\n \n 生年月日：{dateOfBirth} \n 性別：{g} \n 郵便番号：〒{zipcode} \n 電話番号 : {phone} \n
\n
\n \n ご住所： {prefectureJapanese}\n {city}\n {address1}\n {address2}\n \n
\n
\n \n 変更する\n \n
\n
\n
\n {typeof message === \"string\" ? (\n {message} \n ) : (\n message.map((m, idx) => (\n \n {m}\n {errors[idx].code === \"EMAIL_ALREADY_EXISTS\" && (\n \n ログイン画面にてログインして下さい。\n \n )}\n \n ))\n )}\n \n );\n};\n\nconst hasInvalidAddressError = (error?: proto.IValidationError) =>\n !!(\n error &&\n error.fieldViolations &&\n error.fieldViolations.find((e) => (e.code || \"\").indexOf(\"INVALID_\") > -1)\n );\n\nconst AddressInCompleteError = ({\n error,\n}: {\n error?: proto.IValidationError;\n}) => {\n if (!hasInvalidAddressError(error)) {\n return null;\n }\n\n // unify all amazon pay address to one invalid address error\n const err = [{ code: \"INVALID_AMAZON_PAY_ADDRESS\" }];\n\n return (\n \n
\n );\n};\n\nexport { Errors, AddressInCompleteError };\n","import React from \"react\";\nconst CheckedSVG = ({ color }: { color?: string }) => (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n);\n\nconst MyStoreSvg = (\n \n \n \n \n \n);\n\nexport {\n CheckedSVG,\n ExpandSvg,\n UserInfoSvg,\n UserProfileSvg,\n AddressSvg,\n UserCreditCardSvg,\n WishListSvg,\n OrderSvg,\n PointSvg,\n RecentlyViewSvg,\n MyStoreSvg,\n OpenEyeSvg,\n CloseEyeSvg,\n CloseSvg,\n};\n","import * as React from \"react\";\nimport TextField from \"@material-ui/core/TextField\";\n\nimport { Errors } from \"./Errors\";\n\nimport { pure } from \"recompose\";\n\nimport { FieldProps } from \"../../form\";\n\nimport { templateFormatter } from \"input-format\";\n\nimport { AsYouType, format } from \"libphonenumber-js\";\nimport { CloseEyeSvg, OpenEyeSvg } from \"../../components/shared/svg\";\n\nconst TEMPLATE = \"xxx-xxxxx\";\nconst formatZipcode = templateFormatter(TEMPLATE);\n\nconst CREDIT_CARD_NUMBER_TEMPLATE = \"xxxx-xxxxx-xxxxx-xxxxx\";\nconst formatCreditCard = templateFormatter(CREDIT_CARD_NUMBER_TEMPLATE);\n\nconst formatPhoneNumber = (value: string) => {\n const asYouType = new AsYouType(\"JP\");\n const text = asYouType.input(value);\n return { text: text, template: asYouType.getTemplate() };\n};\nconst formatPhoneNumberOnBlur = (handler: Function, value: string) => () =>\n handler(format(value, \"JP\", \"National\"));\n\nconst Input = pure(\n ({\n value,\n errors,\n updateInput,\n touchInput,\n dirty,\n type,\n placeholder,\n maxLength,\n onKeyPressEnter,\n autoFocus,\n msg,\n label,\n name,\n onlyNumberInput,\n style,\n inputRef,\n disabled,\n className,\n wrapperClassName,\n }: FieldProps & {\n type?: \"text\" | \"password\" | \"tel\";\n placeholder?: string;\n maxLength?: number;\n onKeyPressEnter?: () => void;\n autoFocus?: boolean;\n msg?: string;\n label?: string;\n name: string;\n onlyNumberInput?: string;\n style?: any;\n inputRef?: any;\n }) => {\n const [passwordInputType, setPasswordInputType] =\n React.useState(\"password\");\n const isPasswordField = (name || \"\").indexOf(\"password\") > -1;\n\n const shrink = React.useMemo(() => {\n if (name === \"email\") return undefined;\n return name?.includes(\"name\") || Boolean(value) || undefined;\n }, [value, name]);\n\n const changeType = () => {\n setPasswordInputType(\n passwordInputType === \"password\" ? \"text\" : \"password\"\n );\n };\n\n const props = {\n autoFocus: autoFocus,\n className: wrapperClassName,\n type: isPasswordField\n ? passwordInputType\n : type\n ? type\n : name === \"zipcode\" || name === \"credit-card\" || name === \"phone\"\n ? \"tel\"\n : \"text\",\n placeholder: placeholder || \"\",\n maxLength,\n value,\n onChange: ({\n target: { value },\n }: React.ChangeEvent) => {\n if (value && value.length > maxLength) {\n return;\n }\n\n if (!updateInput) {\n return;\n }\n if (name === \"phone\") {\n updateInput(formatPhoneNumber(value).text);\n } else if (name === \"zipcode\" || name === \"credit-card\") {\n let text = \"\";\n if (name === \"zipcode\") {\n text = formatZipcode(value).text;\n } else if (name === \"credit-card\") {\n text = formatCreditCard(value).text;\n }\n const newValue =\n text.indexOf(\"-\") > 0\n ? text\n .split(\"-\")\n .filter((i) => i !== \"\")\n .join(\"-\")\n : text;\n updateInput(newValue);\n } else if (name === \"point\") {\n if (!isNaN(Number(value))) {\n updateInput(Number(value));\n }\n } else {\n updateInput(value);\n }\n },\n onBlur: () => {\n if (name === \"phone\") {\n formatPhoneNumberOnBlur(updateInput, value)();\n }\n touchInput && touchInput();\n },\n onKeyPress: (e: React.KeyboardEvent) => {\n if (onlyNumberInput) {\n if (\n e.charCode < 48 || // 0\n e.charCode > 57 // 9\n ) {\n e.preventDefault();\n }\n } else if (e.key === \"Enter\" && onKeyPressEnter !== undefined) {\n onKeyPressEnter(e);\n }\n },\n label,\n name,\n disabled,\n };\n\n const hasError = dirty ? (errors || []).length > 0 : false;\n\n const content = (\n \n {content}\n {name === \"password\" && (\n \n {passwordInputType === \"password\" ? (\n
\n )}\n \n );\n }\n\n return content;\n }\n);\n\nexport { Input };\n","import React from \"react\";\nimport { Input } from \"../../../CheckoutApp/shared/Input\";\nimport { BaseProps } from \"./BaseProps\";\n\nconst TextInput = (props: BaseProps) => {\n const { onChange, ...rest } = props;\n const hasError = (props.errors || []).length > 0;\n\n return \n {msg ? (\n {msg} \n ) : (\n errors.map((error, idx) => (\n \n {JSON.stringify(error)}\n \n ))\n )}\n
\n );\n\ntype Props = {\n className: string;\n errors: Array;\n msg?: string;\n};\n\nexport default Errors;\n","import PropTypes from \"prop-types\";\nimport React from \"react\";\nimport Errors from \"../Errors\";\n\n// BaseInput is the super class of common input components.\n//\n// Basically, it is used to unify the onChange callback\n// behavior. In order to pass the changed value to the\n// onChange callback instead of the event object.\nclass BaseInput extends React.Component {\n constructor(props) {\n super(props);\n this.onChange = this.onChange.bind(this);\n }\n\n onChange(event) {\n this.props.onChange(event.target.value);\n }\n\n render() {\n return null;\n }\n}\n\nBaseInput.defaultProps = {\n onChange: () => null,\n};\n\nBaseInput.propTypes = {\n onChange: PropTypes.func,\n};\n\n// Base is the super class of common input with errors\n// supported components.\nclass Base extends BaseInput {\n constructor(props) {\n super(props);\n\n this.onChange = this.onChange.bind(this);\n this.onFocus = this.onFocus.bind(this);\n this.onTouchEnd = this.onTouchEnd.bind(this);\n }\n\n onChange(event) {\n this.props.onChange(event.target.value);\n }\n\n onFocus() {\n this.props.onFocus && this.props.onFocus();\n }\n\n onTouchEnd() {\n this.props.onTouchEnd && this.props.onTouchEnd();\n }\n\n getErrorsClassName() {\n const { errors } = this.props;\n return errors && errors.length > 0 ? \"error\" : null;\n }\n\n renderErrors(props = {}) {\n return (\n {this._renderInputs()}
;\n }\n}\n\nSeparatedInput.defaultProps = {\n ...Base.defaultProps\n};\n\nSeparatedInput.propTypes = {\n ...Base.propTypes\n};\n\nexport default SeparatedInput;\n","import UAParser from \"ua-parser-js\";\n\nexport const searchStores = (value: string) => {\n if (!(\"google\" in window)) return;\n let google: any = window.google;\n\n const googleMapsGeocoder = new google.maps.Geocoder();\n return new Promise((resolve) => {\n // @ts-ignore\n googleMapsGeocoder.geocode({ address: value }, (result, status) => {\n if (status === google.maps.GeocoderStatus.OK) {\n // > Addresses are returned in the order of best to least matches.\n //\n // So we can just use the first item in `result`.\n // Ref: https://developers.google.com/maps/documentation/javascript/geocoding#ReverseGeocoding\n resolve(result[0]);\n } else {\n resolve(undefined);\n }\n });\n });\n};\n\nexport const SHOP_FORM_MAP = {\n \"0\": \"すべて\",\n \"3\": \"ブティック\",\n \"1\": \"百貨店\",\n \"2\": \"アウトレット\",\n};\n\nexport const SHOP_FORM_MAP_OPTION = [\"0\", \"3\", \"1\", \"2\"].map((key) => [\n key,\n SHOP_FORM_MAP[key as keyof typeof SHOP_FORM_MAP],\n]);\n\nexport const workTimeDisplay = (workTime?: string) => {\n if (!workTime) return;\n return workTime.replace(/(\\d{2}:\\d{2})～(\\d{2}:\\d{2})/g, \"$1-$2\");\n};\n\nexport const whichBrowser = () => {\n const userAgent = navigator.userAgent;\n let browserName = \"Unknown\";\n // use UAparese to help detect prod multiple browser and apps\n // refer: https://github.com/theplant/ecjs/pull/3886#discussion_r1615441657\n const browser = new UAParser(userAgent).getBrowser();\n\n browserName = (browser.name || \"\").split(\" \").join(\"-\"); // Chrome Webview to Chrome-Webview for better Url\n\n return browserName;\n};\n","import { useState, useRef, useEffect } from \"react\";\nimport { whichBrowser } from \"./helper\";\n\nconst bodyScrollLock = require(\"body-scroll-lock\");\nconst disableBodyScroll = bodyScrollLock.disableBodyScroll;\nconst clearAllBodyScrollLocks = bodyScrollLock.clearAllBodyScrollLocks;\n\nconst usePrevious = (value: any) => {\n const ref = useRef();\n useEffect(() => {\n ref.current = value;\n });\n return ref.current;\n};\n\nconst useAddSuccess = () => {\n const [success, setSuccess] = useState(false);\n\n const addSuccess = () => {\n setSuccess(true);\n setTimeout(() => {\n setSuccess(false);\n }, 3000);\n };\n\n return {\n success,\n addSuccess,\n };\n};\n\nconst useIsMobile = () => {\n const [isMobile, setIsMobile] = useState(false);\n\n const checkMobile = () => {\n if (window) {\n setIsMobile(window.innerWidth < 768);\n }\n };\n\n useEffect(() => {\n checkMobile();\n window.addEventListener(\"resize\", checkMobile);\n\n return () => {\n window.removeEventListener(\"resize\", checkMobile);\n };\n }, []);\n\n return isMobile;\n};\n\nconst useOpenMenuDisableBodyScroll = (\n openMenu: boolean,\n target?: HTMLDivElement | null\n) => {\n useEffect(() => {\n const sidebarMenu = document.querySelector(\".js-hamburger\");\n\n if (openMenu) {\n // pass target to disable body scroll but allow menu to scroll in ios safari\n disableBodyScroll(target);\n // disable open menu to avoid menu cover\n sidebarMenu!.setAttribute(\"disabled\", \"true\");\n } else {\n clearAllBodyScrollLocks();\n sidebarMenu!.removeAttribute(\"disabled\");\n }\n\n return () => {\n clearAllBodyScrollLocks();\n };\n }, [openMenu, target]);\n\n return null;\n};\n\nconst useFix = ({\n setFix,\n setFixed,\n clearFixed,\n height = 1,\n}: {\n setFix: boolean;\n setFixed: () => void;\n clearFixed: () => void;\n height: number;\n}) => {\n const [goingUp, setGoingUp] = useState(false);\n\n const scrollToFixNav = () => {\n const currentTop = window.scrollY;\n if (currentTop >= height && !goingUp) {\n setGoingUp(true);\n setFixed();\n }\n if (currentTop < height && goingUp) {\n setGoingUp(false);\n clearFixed();\n }\n };\n\n useEffect(() => {\n if (setFix) {\n window.addEventListener(\"scroll\", scrollToFixNav);\n } else {\n clearFixed();\n window.removeEventListener(\"scroll\", scrollToFixNav);\n clearAllBodyScrollLocks();\n }\n\n return () => {\n if (setFix) {\n window.removeEventListener(\"scroll\", scrollToFixNav);\n }\n clearAllBodyScrollLocks();\n };\n // eslint-disable-next-line\n }, [goingUp, setFix]);\n return null;\n};\n\nconst useFixMenu = (setFix: true) => {\n const navRef = useRef();\n\n const setFixed = () => {\n const nav = navRef.current as HTMLDivElement | undefined;\n const header = document.querySelector(\".header\")?.getBoundingClientRect();\n const accountSection = document.querySelector(\n \".account-section\"\n ) as HTMLDivElement;\n const menuSection = document.querySelector(\n \".menu-section\"\n ) as HTMLDivElement;\n const sidebarMenu = document.querySelector(\".js-hamburger\");\n if (nav && header && accountSection) {\n nav.classList.add(\"fixed\");\n nav.style.top = `${header.height - 1}px`;\n accountSection.style.marginTop = `${\n nav.getBoundingClientRect().height + 24\n }px`;\n const navClient = nav.getBoundingClientRect();\n const menuTop = navClient.top + navClient.height;\n menuSection.style.top = `${menuTop}px`;\n }\n // fix: TypeError: Attempting to define property on object that is not extensible.\n if(navRef && navRef.current){\n disableBodyScroll(navRef.current);\n }\n // disable open menu to avoid menu cover\n sidebarMenu!.setAttribute(\"disabled\", \"true\");\n };\n\n const clearFixed = () => {\n const nav = navRef.current as HTMLDivElement | undefined;\n const header = document.querySelector(\".header\")?.getBoundingClientRect();\n const accountSection = document.querySelector(\n \".account-section\"\n ) as HTMLDivElement;\n const menuSection = document.querySelector(\n \".menu-section\"\n ) as HTMLDivElement;\n const sidebarMenu = document.querySelector(\".js-hamburger\");\n if (nav && header && accountSection) {\n nav.classList.remove(\"fixed\");\n nav.style.top = \"auto\";\n accountSection.style.marginTop = \"24px\";\n menuSection.style.top = \"unset\";\n }\n clearAllBodyScrollLocks();\n sidebarMenu!.removeAttribute(\"disabled\");\n };\n\n useFix({ setFix, setFixed, clearFixed, height: 1 });\n\n return navRef;\n};\n\nconst useClickOutSide = (\n ref: any,\n callback: () => void,\n dependiences: Array\n) => {\n const closeWhenClickOutside = (e: any) => {\n const target = e.target;\n const current = ref.current;\n\n if (current && current.contains(target)) {\n return;\n } else {\n callback();\n }\n };\n\n useEffect(() => {\n document.addEventListener(\"click\", closeWhenClickOutside);\n\n return () => {\n document.removeEventListener(\"click\", closeWhenClickOutside);\n };\n // eslint-disable-next-line\n }, dependiences);\n\n return null;\n};\n\n// fix [LAX-5371] jump to default browser without user message will not call finish order\n// show messages to ask user to manually jump back to old payment browser/app\n// then can call finish order in our system, no need to wait\n// 1. pass the old browser to SuccessUrl by `successUrt?user-agent=broswer`\n// 2. in successUrl page, show loading first, then get current browser, compare to the url query\n// if the same, then call finish order\n// if not the same, then show message to ask user to go back\n// if no query, maybe some one directly access, checked by reudx to see if the browser is an order-code, if no order-code, go back to cart\nconst useCheckBrowserIsOrigin = () => {\n const [notTheSamePaymentEnv, setNotTheSamePaymentEnv] = useState<\n boolean | undefined\n >(undefined);\n const [currentBrowser, setCurrentBrowser] = useState(\"\");\n const [originBrowser, setOrginBrowser] = useState(\"\");\n\n useEffect(() => {\n const query = new URLSearchParams(window.location.search);\n if (query && query.get(\"userAgent\")) {\n const currentBrowser = whichBrowser();\n let originBrowser = query.get(\"userAgent\");\n if (currentBrowser !== originBrowser) {\n setNotTheSamePaymentEnv(true);\n setCurrentBrowser(currentBrowser);\n setOrginBrowser(originBrowser);\n } else {\n setNotTheSamePaymentEnv(false);\n }\n } else {\n setNotTheSamePaymentEnv(false); // add default is no query\n }\n }, []);\n\n return {\n notTheSamePaymentEnv,\n currentBrowser,\n originBrowser,\n };\n};\n\nexport {\n usePrevious,\n useAddSuccess,\n useIsMobile,\n useOpenMenuDisableBodyScroll,\n useFixMenu,\n useClickOutSide,\n useFix,\n useCheckBrowserIsOrigin,\n};\n","import * as React from \"react\";\nimport { FieldProps } from \"../../form\";\nimport { Errors } from \"./Errors\";\nimport TextField from \"@material-ui/core/TextField\";\nimport AutoComplete from \"@material-ui/lab/Autocomplete\";\nimport NativeSelect from \"@material-ui/core/NativeSelect\";\nimport FormControl from \"@material-ui/core/FormControl\";\nimport InputLabel from \"@material-ui/core/InputLabel\";\nimport { useIsMobile } from \"../../components/hooks\";\n\ntype Option = {\n value: string;\n name: string;\n key: string;\n english: string;\n};\n\nexport type Props = FieldProps & {\n type?: \"text\" | \"password\";\n placeholder?: { value: string; position?: number; hidden?: boolean };\n maxLength?: number;\n mask?: (string | RegExp)[];\n onKeyPressEnter?: () => void;\n autoFocus?: boolean;\n msg?: string;\n label?: string;\n name: string;\n onlyNumberInput?: boolean;\n notUpdateOnTouch?: boolean;\n options: Option[];\n registerPageUseEnglishPrefecture?: boolean;\n disableSearch?: boolean;\n};\n\nconst renderOptions = ({\n placeholder,\n options,\n}: Pick & {\n options: Option[];\n}) => {\n if (!placeholder) {\n return options.map(({ key, name }) => (\n \n {name}\n \n ));\n } else {\n // Default on top.\n const placeholderPosition = placeholder.position || 0;\n\n return (\n <>\n {options.slice(0, placeholderPosition).map(({ key, name }) => (\n \n {name}\n \n ))}\n \n {placeholder.value}\n \n {options\n .slice(placeholder.position, options.length)\n .map(({ key, name }) => (\n \n {name}\n \n ))}\n \n );\n }\n};\n\nconst Selector = ({\n id,\n value,\n updateInput,\n touchInput,\n name,\n dirty,\n errors,\n onlyNumberInput,\n notUpdateOnTouch,\n options,\n placeholder,\n label,\n maxLength,\n msg,\n className,\n registerPageUseEnglishPrefecture,\n disabled,\n onOpen,\n disableSearch,\n}: Props) => {\n if (name === \"prefecture\") {\n options = options.map((option: Option) => ({\n ...option,\n key: option.english,\n }));\n }\n\n // find by value or name, refer: https://theplanttokyo.atlassian.net/browse/LAX-3919\n const find = options.find(\n ({ key, name }: Option) => key === value || name === value\n );\n\n const placeholderPosition = (placeholder || {}).position || 0;\n let newOptions: Props[\"options\"];\n if (placeholder) {\n newOptions = newOptions = options.slice(0, placeholderPosition);\n newOptions = newOptions.concat([\n {\n key: \"placeholder\",\n name: (placeholder || {}).value || \"\",\n },\n ]);\n newOptions = newOptions.concat(\n options.slice(placeholder.position, options.length)\n );\n } else {\n newOptions = options;\n }\n\n const hasError = dirty ? (errors || []).length > 0 : false;\n\n const disableAutoComplete = useIsMobile() || disableSearch;\n\n return disableAutoComplete ? (\n \n \n {label}\n \n {\n if (value) {\n updateInput(value);\n if (touchInput) {\n touchInput();\n }\n } else {\n updateInput(\"\");\n }\n }}\n error={hasError}\n >\n {renderOptions({ placeholder, options })}\n \n {hasError && (\n \n
\n )}\n \n ) : (\n {\n if (newValue && (newValue as { key: string }).key) {\n updateInput((newValue as { key: string }).key);\n if (touchInput) {\n touchInput();\n }\n } else {\n // clear value\n updateInput(\"\");\n }\n }}\n onOpen={onOpen}\n onKeyPress={(e: React.KeyboardEvent) => {\n if (onlyNumberInput) {\n if (\n e.charCode < 48 || // 0\n e.charCode > 57 // 9\n ) {\n e.preventDefault();\n }\n }\n }}\n onBlur={({ target }) => {\n const value = (target as any).value;\n if (notUpdateOnTouch) {\n return;\n }\n\n if (value) {\n updateInput(value);\n } else {\n updateInput(\"\");\n }\n }}\n getOptionLabel={(option) =>\n (option as { name: string }).name\n ? (option as { name: string }).name\n : \"\"\n }\n renderOption={(props) => (\n \n {props.name}\n
\n )}\n renderInput={(params) => (\n <>\n {registerPageUseEnglishPrefecture && (\n \n
生年月日（任意） \n
\n onChange(\"date_of_birth_year\", value)\n : this.onChangeField(year.name)\n }\n onFocus={this._preselectLastYearOption.bind(this, year)}\n onTouchEnd={this._preselectLastYearOption.bind(this, year)}\n options={this.yearOptions}\n placeholder={{\n value: \"\",\n coveredValue: \"年\",\n position: 60,\n }}\n onOpen={() => {\n setTimeout(() => {\n // client review\n // should automatically start at 1980 when you click on it.\n const optionEl = document.querySelector(`[data-name=\"1984\"]`);\n if (optionEl) {\n optionEl.scrollIntoView({\n block: \"center\",\n behavior: \"smooth\",\n });\n }\n }, 100);\n }}\n />\n onChange(\"date_of_birth_month\", value)\n : this.onChangeField(month.name)\n }\n placeholder={{\n value: \"\",\n coveredValue: \"月\",\n position: 0,\n }}\n options={this.monthOptions}\n />\n onChange(\"date_of_birth_day\", value)\n : this.onChangeField(day.name)\n }\n options={this.dayOptions}\n />\n
\n
\n 生年月日を入力いただければ誕生月特典がもらえます。\n
\n
\n
\n {this.props.children} \n \n );\n }\n}\n\nRadioInput.propTypes = {\n ...Base.propTypes,\n checkedValue: PropTypes.string\n};\n\nexport default RadioInput;\n","import PropTypes from \"prop-types\";\nimport React from \"react\";\nimport Base from \"./Base\";\nimport RadioInput from \"./RadioInput\";\n\nimport { GENDER_LABELS } from \"../../../constants/Misc\";\n\nclass GenderInput extends Base {\n _renderRadioInputs() {\n return GENDER_LABELS.map(([value, label, englishLabel], idx) => (\n \n {label}\n \n ));\n }\n\n render() {\n return (\n \n {/* // 24 - 6 = 18 */}\n
性別（任意） \n
{this._renderRadioInputs()}
\n
\n {this.renderErrors({ className: \"radio-error-container\" })}\n
) => (\n \n ) => (\n \n \n \n {\n if (onChange) {\n onChange(!checked);\n }\n }}\n />\n {checked ?
\n {label || children} \n \n);\n\nexport { CheckboxInput };\n","import React from \"react\";\nimport Input from \"./TextInput\";\nimport { BaseProps } from \"./BaseProps\";\n\nconst ZipcodeInput = (props: Props) => (\n <>\n \n
\n \n 住所検索\n \n
\n
\n
\n
\n {addressOptional ? (\n this.setShowAddress()}\n />\n ) : null}\n {this.props.noTitle ? null : (\n \n {addressTitle\n ? addressTitle\n : addressOptional\n ? \"住所を登録する\"\n : \"ご住所\"}\n
\n )}\n \n
\n \n ) : null}\n \n {this.props.hideSelectDefault ? null : (\n <>\n
\n \n
\n \n )}\n \n );\n }\n}\n\nAddress.defaultProps = {\n value: {},\n errors: {},\n};\n\nAddress.propTypes = {\n value: PropTypes.object,\n errors: PropTypes.objectOf(PropTypes.arrayOf(PropTypes.string)),\n prefectureOptions: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.string)),\n onChange: PropTypes.func,\n hideSelectDefault: PropTypes.bool,\n noTitle: PropTypes.bool,\n};\n\nexport default Address;\n\nexport { ZipcodeFinder };\n","import PropTypes from \"prop-types\";\nimport React from \"react\";\n\nimport TextInput from \"./Input/TextInput\";\nimport Errors from \"./Errors\";\nimport {\n filterValidationErrors,\n filterOrderErrors,\n filterNormalApiErrors\n} from \"../../Api\";\n\n// Form component provides some common functions that used for easy\n// creating a connected form.\nclass Form extends React.Component {\n constructor(props) {\n super(props);\n\n this.changeField = this.changeField.bind(this);\n this.submit = this.submit.bind(this);\n this.filterValidationErrors = this.filterValidationErrors.bind(this);\n this.filterOrderErrors = this.filterOrderErrors.bind(this);\n this.filterNormalApiErrors = this.filterNormalApiErrors.bind(this);\n }\n\n // changeField dispatch 'CHANGE_FIELD' action to update field value\n // on the Store.\n changeField(field) {\n return value => this.props.changeField(field, value);\n }\n\n // submit dispatch 'WILL_SUBMIT' action to sumit the form.\n submit(event) {\n this.props.submit();\n event.preventDefault();\n }\n\n // filterValidationErrors filter the field level errors for each\n // fields.\n filterValidationErrors(field) {\n const error = this.props.state.ui.error || {};\n return filterValidationErrors(error, field);\n }\n\n // filterOrderErrors filter the field level errors for each\n // fields.\n filterOrderErrors(field) {\n const error = this.props.state.ui.error || {};\n return filterOrderErrors(error, field);\n }\n\n // filterNormalApiErrors filter form level error for the form.\n filterNormalApiErrors() {\n const error = this.props.state.ui.error || {};\n return filterNormalApiErrors(error);\n }\n\n _renderFormError(errors = [], errorMsg) {\n return \n キャンセル\n \n);\n\nconst SubmitBtn = ({ disabled }: { disabled: boolean }) => (\n \n {title} \n {subTitle && {subTitle}
}\n \n);\n\nexport { PanelTitle };\n","import PropTypes from \"prop-types\";\nimport React from \"react\";\n\nimport TextInput from \"../../../shared/Input/TextInput\";\nimport Form from \"../../../shared/Form\";\nimport { SubmitBtn } from \"../Button\";\nimport { PanelTitle } from \"../PanelTitle\";\nimport { CheckedSVG } from \"../../../shared/svg\";\n\nclass PasswordForm extends Form {\n render() {\n const { password = \"\", password_confirmation = \"\" } = this.props.state.data;\n return (\n \n );\n }\n}\n\nPasswordForm.propTypes = {\n state: PropTypes.object,\n open: PropTypes.func,\n close: PropTypes.func,\n submit: PropTypes.func,\n changeField: PropTypes.func,\n};\n\nexport default PasswordForm;\n","import React from \"react\";\n\nconst Divider = () =>
;\n\nexport default Divider;\n","import PropTypes from \"prop-types\";\nimport React from \"react\";\n\nimport TextInput from \"../../../shared/Input/TextInput\";\nimport Form from \"../../../shared/Form\";\nimport { SubmitBtn } from \"../Button\";\nimport { PanelTitle } from \"../PanelTitle\";\nimport { CheckedSVG } from \"../../../shared/svg\";\nimport Divider from \"../../../molecules/Divider\";\n\nclass EmailForm extends Form {\n render() {\n const { showingSuccessMessage: success } = this.props.state.ui;\n const { email = \"\", email_confirmation = \"\" } = this.props.state.data;\n\n return (\n <>\n \n
\n \n \n );\n};\n\nclass EditForm extends Form {\n _renderCloseButton() {\n const { hiddenCloseButton, closeForm } = this.props;\n return hiddenCloseButton ? null : \n {profileFormState.ui.isOpen ? (\n {\n closeForm();\n scrollToForm();\n refreshProfileSuccess(profileState.data); // reset profile form state\n }}\n />\n ) : (\n
\n );\n};\n\nexport default connect(\n ({ prefectures, profile, profileForm, passwordForm, emailForm }: any) => ({\n prefecturesState: prefectures,\n profileState: profile,\n profileFormState: profileForm,\n passwordFormState: passwordForm,\n emailFormState: emailForm,\n }),\n {\n refreshProfile,\n openForm,\n closeForm,\n refreshProfileSuccess,\n changeField,\n submit,\n passwordFormOpen,\n passwordFormClose,\n passwordFormChangeField,\n passwordFormSubmit,\n emailFormOpen,\n emailFormClose,\n emailFormChangeField,\n emailFormSubmit,\n }\n)(Profile);\n","import React from \"react\";\n\nimport { connect } from \"react-redux\";\nimport {\n refresh as refreshProfile,\n refreshSuccess as refreshProfileSuccess,\n} from \"../../../actions/profile\";\nimport {\n open as openForm,\n close as closeForm,\n changeField,\n submit,\n} from \"../../../actions/profileForm\";\nimport {\n open as passwordFormOpen,\n close as passwordFormClose,\n changeField as passwordFormChangeField,\n submit as passwordFormSubmit,\n} from \"../../../actions/passwordForm\";\nimport {\n open as emailFormOpen,\n close as emailFormClose,\n changeField as emailFormChangeField,\n submit as emailFormSubmit,\n} from \"../../../actions/emailForm\";\n\nimport { EditEmailAndPassword } from \"./Profile/EditForm\";\n\nconst EmailAndPassword = (props: any) => {\n const { profileState, profileFormState, closeForm, refreshProfileSuccess } =\n props;\n React.useEffect(() => {\n refreshProfile();\n }, []);\n\n return (\n {\n closeForm();\n refreshProfileSuccess(profileState.data); // reset profile form state\n }}\n />\n );\n};\n\nexport default connect(\n ({ prefectures, profile, profileForm, passwordForm, emailForm }: any) => ({\n prefecturesState: prefectures,\n profileState: profile,\n profileFormState: profileForm,\n passwordFormState: passwordForm,\n emailFormState: emailForm,\n }),\n {\n refreshProfile,\n openForm,\n closeForm,\n refreshProfileSuccess,\n changeField,\n submit,\n passwordFormOpen,\n passwordFormClose,\n passwordFormChangeField,\n passwordFormSubmit,\n emailFormOpen,\n emailFormClose,\n emailFormChangeField,\n emailFormSubmit,\n }\n)(EmailAndPassword);\n","import React from \"react\";\nimport { theplant } from \"../../proto\";\nimport { prefectures } from \"../../orders/prefectureData\";\nexport type IAddress = theplant.ec.service.users.IAddress;\n\nconst AddressDetail = ({\n address,\n noDetailName,\n}: {\n address?: IAddress | null;\n noDetailName?: boolean;\n}) =>\n address ? (\n \n
\n {address.familyName} {address.givenName}\n
\n {!noDetailName && (\n
\n {address.katakanaFamilyName} {address.katakanaGivenName}\n
\n )}\n
〒{address.zipcode}
\n
\n {\n (\n prefectures.find(\n ({ key, english }) =>\n key === address.prefecture || english === address.prefecture\n ) || {}\n ).name\n }\n {address.city} {address.address1} {address.address2}{\" \"}\n
\n
{address.phone}
\n
\n
\n {content}\n {is_default && \n {is_default ? (\n
{selectedLabel} \n ) : null}\n
\n {onDelete && (\n \n 削除\n \n )}\n {onEdit && 編集 }\n
\n
\n {/* eslint-disable-next-line */}\n {title && {title}
}\n \n {confirmTitle && {confirmTitle}
}\n {children}\n {isConfirmPopup && (\n \n \n キャンセル\n \n \n {confirmText}\n \n
\n )}\n \n);\n\nexport default Popup;\n","import React from \"react\";\nimport { toCamel } from \"../../../../product/dataTransfer\";\nimport AddressDetail, {\n IAddress,\n} from \"../../../../CheckoutApp/shared/AddressDetail\";\nimport { PanelTitle } from \"../PanelTitle\";\nimport { ItemCard } from \"../Common/ItemCard\";\nimport Popup from \"../../../molecules/Popup\";\n\nconst AddressInfo = ({\n address,\n onEdit,\n onDelete,\n disabledDelete,\n selectAddressAsDefault,\n fetching,\n}: Pick & {\n address: AddressProps;\n onEdit: () => void;\n onDelete: (cb: () => void) => void;\n disabledDelete: boolean;\n fetching: boolean;\n}) => {\n const { is_default } = address;\n\n const [openModal, setOpenModal] = React.useState(false);\n\n const close = () => {\n setOpenModal(false);\n };\n\n const open = () => {\n setOpenModal(true);\n };\n\n return (\n <>\n {\n if (is_default) {\n return;\n } else {\n selectAddressAsDefault({\n ...address,\n is_default: !is_default,\n });\n }\n }}\n onEdit={onEdit}\n disabled={disabledDelete}\n onDelete={open}\n content={\n {\n onDelete(close);\n }}\n confirmText=\"削除する\"\n title=\"配送先住所の削除確認\"\n confirmTitle=\"この配送先住所を削除してもよろしいですか？\"\n >\n \n
\n
\n {(props.shippingAddresses || []).map((address, idx) => (\n
{\n props.editAddress(address.id);\n if (props.openEditForm) {\n props.openEditForm();\n }\n }}\n onDelete={(cb) => props.deleteAddress(address.id, cb)}\n disabledDelete={props.shippingAddresses.length === 1}\n selectAddressAsDefault={props.selectAddressAsDefault}\n fetching={props.fetching}\n />\n ))}\n \n
\n {props.label} \n \n );\n};\n\nexport type Props = {\n checked?: boolean;\n name?: string;\n label?: string;\n className?: string;\n onChange?: (checked: boolean) => {};\n};\n\nexport default CheckboxInput;\n","import PropTypes from \"prop-types\";\nimport React from \"react\";\n\nimport Form from \"./Form\";\nimport { TextInput, Address } from \"../AccountApp/Personal/Common\";\n\nclass AddressForm extends Form {\n renderUserInfo() {\n const {\n family_name = \"\",\n given_name = \"\",\n katakana_family_name = \"\",\n katakana_given_name = \"\",\n } = this.props.state.data;\n\n return (\n \n
\n );\n }\n\n renderAddress() {\n const {\n zipcode = \"\",\n prefecture = \"\",\n city = \"\",\n address1 = \"\",\n address2 = \"\",\n phone = \"\",\n is_default,\n } = this.props.state.data;\n\n return (\n \n {!props.accountShippingAddressFormState.ui.isOpen ? (\n editAddress ? null : (\n
\n {success && (\n
\n
\n
新しい配送先住所が追加されました。
\n
\n )}\n
\n 配送先を追加する\n \n \n )\n ) : (\n
{\n props.submit(() => {\n if (!editAddress) {\n addSuccess();\n }\n closeEditForm();\n });\n }}\n closeEditForm={closeEditForm}\n title={editAddress ? \"配送先情報を編集\" : \"配送先情報を追加\"}\n />\n )}\n \n \n);\n\nconst renderIssuerIcon = (issuer) =>\n BRAND_ISSUER_SVG_MAP[issuer] ? (\n \n {renderIssuerIcon(brand)}\n \n
\n {brand} {number}\n
\n
\n {handleTooLongName(name)} {expiryDate}\n
\n
onDelete(item.id, close)}\n confirmText=\"削除する\"\n title=\"カードの削除確認\"\n confirmTitle=\"このクレジットカードを削除してもよろしいですか？\"\n >\n \n
\n {BRANDS.map((brand, idx) => (\n \n {renderIssuerIcon(brand)}\n \n ))}\n \n
\n
\n ) : null;\n }\n\n render() {\n const {\n name = \"\",\n number = \"\",\n expiry_year = \"\",\n expiry_month = \"\",\n cvc = \"\",\n } = this.props.state.data;\n\n const { error } = this.props.state.ui;\n\n let errorResponseField, errorMsg;\n if (error) {\n const { responseField, msg } = getCreditCardError(\n [{ msg: error.error }],\n (cvc || \"\").replace(/[^\\d]/g)\n );\n\n errorResponseField = responseField;\n errorMsg = msg;\n }\n\n return (\n \n \n \n );\n }\n}\n\nCreditCardForm.defaultProps = {\n state: { ...initialState },\n withIsSavingCheckbox: true,\n};\n\nCreditCardForm.propTypes = {\n state: PropTypes.object,\n changeField: PropTypes.func,\n submit: PropTypes.func,\n withIsSavingCheckbox: PropTypes.bool,\n title: PropTypes.string,\n close: PropTypes.func,\n addMore: PropTypes.bool,\n};\n\nexport default CreditCardForm;\n\nexport {\n _getExpiryMonthOptions,\n _getExpiryYearOptions,\n initialState,\n CreditCardIssuers,\n};\n","import PropTypes from \"prop-types\";\nimport React, { useEffect } from \"react\";\n\nimport CreditCard from \"./CreditCards/CreditCard\";\nimport CreditCardForm, {\n CreditCardIssuers,\n} from \"./CreditCards/CreditCardForm\";\nimport { CheckedSVG } from \"../../shared/svg\";\nimport { connect } from \"react-redux\";\nimport { refresh, deleteCreditCard } from \"../../../actions/creditCards\";\nimport {\n newCreditCard,\n close,\n changeField,\n submit,\n editCreditCard,\n} from \"../../../actions/accountCreditCardForm\";\nimport { initialState } from \"../../../reducers/creditCards\";\n// import { fakeCreditCards } from \"./Common/fakeCreditCard\";\nimport { useAddSuccess } from \"../../../components/hooks\";\n\nimport helpers from \"../../helpers\";\nimport { PanelTitle } from \"./PanelTitle\";\n\nconst CreditCards = (props) => {\n const { refresh, creditCards } = props;\n const { success, addSuccess } = useAddSuccess();\n const [edit, setEdit] = React.useState(false);\n\n useEffect(() => {\n refresh();\n }, [refresh]);\n\n const openEditForm = () => {\n setEdit(true);\n };\n\n const closeEditForm = () => {\n setEdit(false);\n };\n\n // let creditCards = fakeCreditCards; // for local test\n const hasExistCards = (creditCards || []).length > 0;\n\n return (\n \n {edit ? null : (\n
\n {hasExistCards ? (\n <>\n
\n
\n {(creditCards || []).map((creditCard, idx) => (\n
\n \n ) : (\n
\n )}\n
\n )}\n {hasExistCards && (\n
\n {props.formState.ui.isOpen ? (\n {\n props.submit(() => {\n if (!edit) {\n addSuccess();\n }\n props.close();\n closeEditForm();\n });\n }}\n addMore={hasExistCards}\n title=\"クレジットカード情報を追加\"\n close={\n creditCards.length > 0\n ? () => {\n props.close();\n closeEditForm();\n }\n : undefined\n }\n changeField={props.changeField}\n withIsSavingCheckbox={false}\n />\n ) : (\n <>\n {!edit && success && (\n \n
\n
新しいクレジットカードが追加されました。
\n
{\n // clear old fields\n props.newCreditCard();\n }}\n >\n {edit ? \"クレジットカードを編集\" : \"クレジットカードを追加する\"}\n \n \n )}\n \n \n
\n);\n\nconst Loading = ({ className }: { className?: string }) => {\n return (\n \n
\n );\n};\n\nconst InlineLoading = () => {\n return (\n \n
\n );\n};\n\nexport { InlineLoading, Loading };\n","import PropTypes from \"prop-types\";\nimport React from \"react\";\nimport { connect } from \"react-redux\";\nimport EditForm from \"./Profile/EditForm\";\nimport { Loading } from \"../Loading\";\n\nimport { changeField, submit } from \"../../../actions/profileForm\";\n\nimport { initialState as prefecturesInitialState } from \"../../../reducers/prefectures\";\nimport { initialState as profileFormInitialState } from \"../../../reducers/profileForm\";\n\nconst MustUpdateProfile = (props: any) => {\n const { showing, loading } = props;\n\n return showing ? (\n \n
\n
\n
登録内容をご確認ください \n {loading ? (\n
\n
\n ) : (\n
\n )}\n
\n
\n
\n \n 確定ポイント：{confirmPoint === 0 ? 0 : `${formatPoints(confirmPoint)}pt`}\n \n 仮ポイント：{formatPoints(temporaryPoint)} \n 期間限定ポイント：{formatPoints(campaignPoint)} \n \n 30 日以内失効ポイント：\n {formatPoints(expiresoonMonthPoint)}\n \n \n);\n\nconst SharedPoint = ({\n confirmPoint,\n temporaryPoint,\n rankName,\n rankDefaultRatios,\n nextRankName,\n neededAmount,\n onlySharedPart,\n}: Props) => {\n const currentPoint = confirmPoint + temporaryPoint;\n return (\n \n
\n
\n
保有ポイント
\n
\n
\n {currentPoint === 0\n ? 0\n : formatPoints(confirmPoint + temporaryPoint) + `pt`}\n
\n
（仮ポイント含む）
\n
\n
\n {!onlySharedPart && (\n
\n )}\n
\n
\n
\n
ステータス
\n
\n {rankName ? (\n
\n {rankName} \n
\n ) : null}\n {nextRankName &&\n neededAmount &&\n (MEMBER_TYPES_MAP as any)[nextRankName.toUpperCase()] ? (\n
\n {`${(MEMBER_TYPES_MAP as any)[nextRankName.toUpperCase()]}`}\n まで: あと\n ¥{formatPoints(neededAmount)} \n
\n ) : null}\n {onlySharedPart && rankName && (\n
\n \n 詳しくはこちらへ\n \n
\n )}\n
\n
\n {!onlySharedPart && (\n
\n \n ポイント対象商品本体価格の\n {rankDefaultRatios}\n ％をポイント還元\n \n 1ポイント＝￥1 \n ポイント有効期限は1年間 \n \n 詳しくはこちらへ \n \n \n )}\n
\n
\n
\n
\n\n
\n
\n
\n {((pointRoute && pointRoute.routes) || []).map((route, i) => (\n \n
\n
(\n mapStateToProps,\n {\n refresh,\n switchPointsSubTabs,\n }\n)(withRouter(Points as any)); // FIXME: any\n","import React, { useEffect } from \"react\";\n\nimport JsBarcode from \"jsbarcode\";\nimport { connect } from \"react-redux\";\n\nconst Barcode = connect(({ profile }: { profile: any }) => ({ profile }))(\n ({ profile }) => {\n useEffect(() => {\n const user = profile.data;\n if (user) {\n JsBarcode(\".barcode\", user.memberNumber, {\n fontSize: 12,\n lineColor: \"#000\",\n textMargin: 8,\n });\n }\n }, [profile.data]);\n\n const user = profile.data;\n\n return (\n \n {user && (\n <>\n
{`${user.familyName || \"\"} ${\n user.givenName || \"\"\n } 様`}
\n
\n \n )}\n \n
製品：{checkedWishItemsCount} 件 \n {/* eslint-disable-next-line */}\n
\n \n 削除\n \n {/* eslint-disable-next-line */}\n \n カートに移動\n \n
\n
\n \n {formatCurrency(price)}\n {smaller ? null : (税込) }\n \n
\n);\n\nconst SellingPrice = ({\n price,\n sellingPrice,\n discountRate,\n className,\n smaller,\n}: ProductPriceDataPropType & { className?: string; smaller?: boolean }) => (\n \n {formatCurrency(price, smaller)} \n \n {formatCurrency(sellingPrice)}\n {smaller ? null : (税込) }\n \n {discountRate && {`-${discountRate}%`} }\n
\n);\n\nconst ProductPrice = (props: {\n data: ProductPriceDataPropType;\n className?: string;\n smaller?: boolean;\n}) => {\n const { data, className } = props;\n return _isDiscounted(data) ? (\n \n
\n \n \n \n
\n \n {name}\n \n \n
\n {onChange && (\n <>\n
\n
\n
\n
\n
カラー： \n\n
\n
\n {colorName}\n \n
\n
\n サイズ： \n \n {sizeName}\n \n
\n
\n
\n
\n
\n \n )}\n
\n {props.wishItems.map((wishItem, idx) => (\n
\n);\n\nconst EmptyWishlistContent = ({ wishItems }: Pick) => {\n if (wishItems.length > 0) {\n return null;\n }\n\n return (\n \n
お気に入りリストには何も入っていません \n
\n
\n
\n 商品詳細ページから\n
\n
\n
\n
\n ご購入の商品が決まりましたら、\n
\n
\n
\n
) => {\n let moveToCartItemsUploadData: any = [];\n\n wishItems.forEach((item) => {\n if (_isChecked(item.id)) {\n moveToCartItemsUploadData.push({\n id: item.path.split(\"/\")[2],\n name: item.name,\n price: item.sellingPrice || item.price,\n brand: \"aigle\",\n variant: item.id,\n quantity: 1, // hard-code to 1\n });\n }\n });\n\n return moveToCartItemsUploadData;\n };\n\n const { wishItems } = props;\n\n return (\n \n
\n {wishItems.length > 0 ? (\n
\n {wishItems.length > 0 && (\n
\n )}\n
;\n refresh: () => {};\n toggleChecked: (id: string) => boolean;\n deleteWishItems: () => {};\n moveToCart: () => {};\n};\n\nconst mapStateToProps = ({ wishItems, accountWishItems }: any) => {\n return {\n wishItems: getWishItems(wishItems),\n fetching: wishItems.ui.fetching,\n accountWishItemsState: accountWishItems,\n };\n};\n\nexport default connect(mapStateToProps, {\n refresh,\n toggleChecked,\n deleteWishItems,\n moveToCart,\n})(Wishlist as any);\n\nexport { Wishlist };\n","import React from \"react\";\nimport { CUSTOMER_CALL_NUMBER } from \"../../../constants/Texts\";\nimport Divider from \"../../molecules/Divider\";\n\nconst CannotCancel = () => (\n <>\n {/* eslint-disable-next-line */}\n \n お客様のご注文は準備中になっていますので、取り消しご希望の場合はカスタマーサポートにお問い合わせください。\n
\n \n \n
\n {CUSTOMER_CALL_NUMBER}
\n 電話受付時間 : 10時～17時（1月1日を除く）
\n \n);\n\nexport default CannotCancel;\n","import React from \"react\";\nimport { formatCurrency } from \"../../../helpers/currency\";\nimport { toCamel } from \"../../../../product/dataTransfer\";\nimport AddressDetail from \"../../../../CheckoutApp/shared/AddressDetail\";\nimport { theplant } from \"../../../../proto\";\nimport Popup from \"../../../molecules/Popup\";\nimport CannotCancel from \"../CannotCancel\";\n\ntype IAddress = theplant.ec.service.users.IAddress;\n\nconst SumUpItem = ({ label, amount, isBold }: OrderSumUpItemDataPropType) => (\n \n {label} \n {formatCurrency(amount)} \n
\n);\n\nconst OrderSummary = (props: Props) => {\n const { id, formattedState, formattedOrderDate } = props.data;\n\n return (\n \n \n 注文番号：{id}・{formattedState}\n \n \n 注文日：\n {formattedOrderDate}\n \n
\n );\n};\nconst getIsAmount = (data: OrderSumUpItemDataPropType) =>\n data.name === \"BILLING_AMOUNT\";\n\nconst getQuantity = (items: { quantity?: number }[]) => {\n let sum = 0;\n (items || []).forEach(({ quantity }) => {\n sum += quantity || 0;\n });\n return sum;\n};\n\nconst CancelLink = (props: Props) => {\n const {\n cancel,\n data: {\n isCancelled,\n isUserCancelUnallowed,\n isCancellable,\n sumUpItems,\n orderItems,\n id: orderId,\n },\n } = props;\n\n const [isOpen, setIsOpen] = React.useState(false);\n\n const amount = sumUpItems.find((item) => getIsAmount(item))?.amount;\n\n const close = () => {\n setIsOpen(false);\n };\n\n const open = () => {\n setIsOpen(true);\n };\n\n return isCancelled || isUserCancelUnallowed ? null : (\n <>\n {/* eslint-disable-next-line */}\n (event.key === \"Enter\" ? cancel() : () => null)}\n >\n 注文を取り消す\n \n \n {isCancellable ? (\n \n
\n
\n
\n 注文番号： \n {orderId}\n
\n
\n 商品数量： \n {getQuantity(orderItems)}点\n
\n
\n 合計（税込） \n {formatCurrency(amount)}\n
\n
\n
\n
\n
\n
配送先情報
\n {shipping_address && (\n
\n )}\n
{combiniAddress || storeOrderAddress}
\n {tel && (\n // <> not working in js file, only jsx ???\n
\n 電話：\n \n {tel}\n \n
\n )}\n {/* show shipment id when order is shipped for combini pick up order */}\n {/* {shipmentId && secretCode && (\n
\n お問合せ番号：{shipmentId} \n \n )}\n {secretCode && (\n
\n 認証番号：{secretCode} \n \n )}\n {secretCode && (\n
\n \n 佐川急便お荷物問い合わせサービスは\n \n こちら\n \n \n \n )} */}\n {(shipmentPackages || []).map(\n (shipment, index) =>\n shipment &&\n // [LAX-5390] there are 2 shipping order state\n // SHIPPED or PARTIALLY_SHIPPED\n (shipment.state || \"\").indexOf(\"SHIPPED\") > -1 &&\n shipment.tracking_number && (\n <>\n
出荷の追跡
\n
\n \n {shipment.provider === 1\n ? \"佐川宅急便 送り状番号：\"\n : \"ヤマト運輸 送り状番号：\"}\n \n {shipment.tracking_number}\n \n \n {/* show serect code when order is shipped for combini pick up order */}\n {secretCode && (\n <>\n 認証番号：{secretCode} \n \n )}\n
\n \n )\n )}\n
\n
\n
\n
\n
;\n shipping_address?: Object;\n shipmentPackages?: Array<{\n state?: String;\n tracking_number?: String;\n tracking_url?: String;\n provider?: number;\n }>;\n};\n\ntype Props = {\n data: OrderSummaryDataPropType & {\n orderItems: OrderSumUpItemDataPropType[];\n isCancellable?: boolean;\n };\n cancel: () => {};\n};\n\nexport default Summary;\n\nexport { SumUpItem, OrderSummary, CancelLink };\n","import React from \"react\";\n\nconst NotAvailable = () => NOT AVAILABLE ;\n\nexport { NotAvailable };\n","import React from \"react\";\nimport { OrderItemDataPropType } from \"./OrderItemDataPropType\";\nimport ProductPrice from \"../../../../shared/ProductPrice\";\nimport { NotAvailable } from \"../../../../shared/NotAvailable\";\n\nconst isOutOfStock = ({\n quantity,\n quantityInStock,\n}: {\n quantity: number;\n quantityInStock: number;\n}) => quantity > quantityInStock || quantityInStock === 0;\n\n// aigle in-store app\n// Cart item with has a value in restricted_reasons, should display \"Unavailable\"\nconst isRestrictedInInstoreApp = ({\n restrictedReasons,\n}: {\n restrictedReasons?: any[];\n}) =>\n !!(window as any).__aigleinstoreapp &&\n !!restrictedReasons &&\n restrictedReasons.length > 0;\n\nconst OrderItemAmount = (props: Props) => {\n const { data, showingNotAvailableWhenOutOfStock } = props;\n\n return isRestrictedInInstoreApp(data as any) ||\n (showingNotAvailableWhenOutOfStock && isOutOfStock(data)) ? (\n \n
\n
\n \n \n \n
\n
\n {productName} \n \n
\n
\n サイズ： \n {productSize}\n
\n
\n 色： \n {productColor}\n
\n
\n 数量： \n {quantity}\n
\n
\n
\n
\n
\n
\n
\n {data.orderItems.map((orderItem, idx) => (\n
\n
\n
;\n};\n\ntype Props = {\n data: OrderDataPropType;\n cancel: () => {};\n};\n\nexport default Order;\n","// getOrders returns a list of order (object)\n// for the given orders state.\nconst getOrders = ({ ids = [], data = {} }) => ids.map(id => data[id]);\n\nexport { getOrders };\n","import React, { useEffect } from \"react\";\nimport { connect } from \"react-redux\";\n\nimport Order, { OrderDataPropType } from \"./Orders/Order\";\nimport { getOrders } from \"../helpers/orders\";\nimport { mapToNameAndJapanese } from \"../helpers/prefectures\";\nimport { refresh, cancel } from \"../../actions/orders\";\nimport { mapProtoOrderToOrderDataProp } from \"../../mappers/orders\";\n\nconst styles: { [key: string]: React.CSSProperties } = {\n emptyContent: {\n textAlign: \"center\",\n marginTop: \"20px\",\n marginBottom: \"100px\",\n paddingLeft: \"20px\",\n paddingRight: \"20px\",\n paddingTop: \"30px\",\n paddingBottom: \"0px\",\n fontSize: \"16px\",\n lineHeight: \"28px\",\n },\n description: {\n margin: \"48px 15px 24px\",\n textAlign: \"center\",\n },\n};\nconst EmptyContent = () => (\n \n
\n 旧サイト（2017年2月17日以前）でご購入いただきました商品の購入履歴は引き継がれません。\n
\n
\n
\n 株式会社 ラコステ ジャパン \n
\n
\n {orders.length === 0 ? (\n
\n ;\n fetching: boolean;\n refresh: () => {};\n cancel: (id: String) => {};\n};\n\nconst mapStateToProps = ({ orders, prefectures }: any) => {\n const prefectureNameToJapaneseMap = mapToNameAndJapanese(prefectures.data);\n\n return {\n orders: getOrders(orders).map((order) =>\n mapProtoOrderToOrderDataProp(order, prefectureNameToJapaneseMap)\n ),\n fetching: orders.ui.fetching,\n };\n};\n\nexport default connect(mapStateToProps, { refresh, cancel })(Orders as any);\n\nexport { Orders, EmptyContent };\n","import React from \"react\";\nimport { connect } from \"react-redux\";\nimport { refresh } from \"../../actions/accountViewedProducts\";\nimport { initialState } from \"../../reducers/accountViewedProducts\";\n\nimport ProductItem from \"./Wishlist/WishItem\";\n\nconst EmptyContent = (props: Props) => {\n if (props.accountViewedProducts.length > 0) {\n return null;\n }\n\n return (\n \n
閲覧履歴リストには何も入っていません \n
\n );\n};\n\nconst ViewedProductsList = (props: Props) => (\n \n {props.accountViewedProducts.map((accountViewedProduct, idx) => (\n
\n ))}\n
(null);\n\n const setFavStoreWrap = useCallback(\n (param) => {\n setFavStore(param);\n scrollToTop();\n },\n [setFavStore]\n );\n\n useEffect(() => {\n setFetching(true);\n jsonRequest(\"GET\", \"/account/mystore.json\")\n .then((favStore) => {\n setFavStore(favStore);\n })\n .finally(() => {\n setFetching(false);\n });\n }, []);\n\n return {\n fetching,\n favStore,\n setFavStoreWrap,\n };\n}\n","export function scrollToTop(): void {\n window.scrollTo({\n top: 0,\n behavior: \"smooth\",\n });\n}\n","import React, { MouseEventHandler } from \"react\";\nimport { SHOP_FORM_MAP, workTimeDisplay } from \"../helper\";\n\ninterface IShopItem {\n id: string;\n lat: string;\n lng: string;\n shopName: string;\n zipcode: string;\n addresss: string;\n tel: string;\n canDutyFree: boolean;\n canPoint: boolean;\n blogUrl?: string;\n form?: string;\n workTime?: string;\n addFavStore?: (store: any) => void;\n handleClickShopItem?: MouseEventHandler;\n noIndex?: boolean;\n}\n\nconst ShopItem = (props: IShopItem) => {\n const {\n shopName,\n zipcode,\n addresss,\n tel,\n canDutyFree,\n canPoint,\n lat,\n lng,\n id,\n form,\n workTime,\n addFavStore,\n noIndex,\n } = props;\n\n return (\n \n
\n
{shopName} \n
\n {canPoint && (\n
ポイント利用
\n )}\n {canDutyFree &&
免税店
}\n
\n
\n\n
\n
\n
\n {form &&\n `店舗形態: ${SHOP_FORM_MAP[form as keyof typeof SHOP_FORM_MAP]}`}\n
\n
\n 〒{zipcode}\n
\n
{workTime && `営業時間：${workTimeDisplay(workTime)}`}
\n
\n
\n {addFavStore ? (\n <>\n
\n addFavStore({\n shopName,\n zipcode,\n addresss,\n tel,\n canDutyFree,\n canPoint,\n lat,\n lng,\n id,\n form,\n workTime,\n })\n }\n >\n この店舗を登録する\n \n \n ) : (\n <>\n \n \n {tel} \n \n \n \n MAP \n \n \n )}\n \n
\n
(allRegionKey);\n\n const [regionList, setRegionList] = useState(null);\n\n const toggleSelected = (item: string) => {\n if (selected === item) return;\n\n updateFilter(item);\n setSelected(item);\n };\n\n useEffect(() => {\n fetch(\"/prefectures\")\n .then((res) => res.json())\n .then((response) => {\n setRegionList(response);\n });\n }, []);\n\n const regionOptionList = useMemo(() => {\n if (!regionList) return [];\n return [{ name: allRegionKey }, ...regionList].map((item) => ({\n value: item.name,\n // show name use ・ ; value use /\n name: item.name.replace(/／/g, \"・\"),\n }));\n }, [regionList]);\n\n return (\n \n {regionOptionList.map((item) => {\n return (\n toggleSelected(item.value)}\n >\n {item.name}\n \n );\n })}\n
\n );\n};\n\nexport default ShopRegion;\n","import React from \"react\";\n\nimport { alert } from \"../../js/shared/alert.ts\";\n\nimport { _jsonRequest as jsonRequest } from \"../../Api.js\";\nimport { requireAuth } from \"../../js/helper.js\";\nimport Authn from \"../../js/authn.js\";\nimport { SHOP_FORM_MAP_OPTION } from \"../helper.ts\";\nimport { withConfig } from \"../../config.ts\";\nimport ShopItem from \"./ShopItem.tsx\";\nimport ShopRegion, { allRegionKey } from \"./ShopRegion.tsx\";\nimport SelectInput from \"../shared/Input/SelectInput.tsx\";\nimport TextInput from \"../shared/Input/TextInput.tsx\";\n\nconst pageSize = 10;\nclass SearchAndShopList extends React.Component {\n state = {\n // allFilteredStores\n stores: [],\n // offset of stores list\n offset: pageSize,\n storeType: 0,\n region: allRegionKey,\n };\n\n searchFieldElement = React.createRef();\n\n componentDidMount() {\n this.initMap();\n }\n\n initMap = () => {\n jsonRequest(\"GET\", \"/stores.json\").then((stores) => {\n let filteredStores = (stores || []).filter((store) => {\n if (store.latitude !== undefined && store.longitude !== undefined) {\n return true;\n } else {\n return false;\n }\n });\n this.stores = filteredStores;\n\n const specificStoreID = Authn.Utils.getUrlParameter(\"id\");\n let specificStore = null;\n\n if (!!specificStoreID) {\n this.stores.forEach((store) => {\n if (store.id === specificStoreID) {\n specificStore = store;\n }\n });\n }\n\n if (!!specificStore) {\n filteredStores = [specificStore];\n this.searchFieldElement.current.value = specificStore.name;\n }\n\n this.updateMap(filteredStores);\n });\n };\n\n // interface IFilter {\n // region: string\n // }\n updateSearchResult = (filter) => {\n const region = filter?.region ? filter.region : this.state.region;\n const storeType = this.state.storeType;\n\n let filteredTypeStores = [];\n let sourceStores = this.stores;\n if (region) {\n sourceStores = this.filterStoresByRegion(region);\n }\n\n sourceStores?.forEach((store) => {\n // no type filtered\n if (storeType === 0 || store.form === storeType) {\n filteredTypeStores.push(store);\n }\n });\n\n const inputValue = this.searchFieldElement.current?.value?.trim();\n let matchNameStores = [];\n\n if (inputValue === \"\") {\n this.updateMap(filteredTypeStores);\n return;\n } else {\n filteredTypeStores.forEach((store) => {\n if (store.name.indexOf(inputValue) !== -1) {\n matchNameStores.push(store);\n }\n });\n }\n\n this.updateMap(matchNameStores);\n };\n\n updateMap = (stores) => {\n this.setState({ stores, offset: pageSize });\n };\n\n addFavStore = (store) => {\n requireAuth(() => {\n jsonRequest(\"PUT\", \"/account/mystore.json\", store.id)\n .then((data) => {\n alert(`登録店舗: ${store.name}`);\n })\n .catch((ex) => {\n console.log(\"add fav store failed: \" + ex);\n });\n });\n };\n\n handleChangeStoreType = (value) => {\n const newValue = Number(value);\n if (isNaN(newValue)) return;\n\n this.setState(\n {\n storeType: newValue,\n },\n this.updateSearchResult\n );\n };\n\n updateRegionFilter = (region) => {\n this.setState({\n region,\n });\n this.updateSearchResult({ region });\n };\n\n filterStoresByRegion = (selectedRegion) => {\n if (selectedRegion === allRegionKey) {\n return this.stores;\n }\n\n const filterStores = this.stores.filter((store) => {\n return selectedRegion === store.prefecture;\n });\n return filterStores;\n };\n\n textInputSearchOnChange = (keywords) => {\n this.updateSearchResult();\n };\n\n loadMore = () => {\n this.setState({\n offset: this.state.offset + pageSize,\n });\n };\n\n render() {\n const { stores, offset } = this.state;\n const { addToFav } = this.props;\n\n return (\n \n
\n
\n
\n
\n
\n
{\n this.mapElement = ele;\n }}\n />\n \n
\n {stores.length === 0 && (\n
該当なし
\n )}\n {stores.slice(0, offset).map((store, idx) => (\n
\n ))}\n
\n {offset >= stores.length ? null : (\n
\n もっと見る\n \n )}\n \n
\n お気に入り店舗を登録 \n \n この画面ではお気に入りショップを変更できます。\n 変更した先のお気に入りショップから素敵な特典をお知らせするメールマガジンが届きます。お気に入りショップを検索し、登録するショップを選択してください。\n
\n 店舗を検索 \n \n );\n};\n\nexport default SearchShop;\n","import React, { Fragment } from \"react\";\nimport ShopItem from \"../../StoreFinder/ShopItem\";\n\ninterface IProps {\n store: any;\n setShowList: (show: boolean) => void;\n}\n\nconst FavStore = ({ store, setShowList }: IProps) => {\n return (\n \n お気に入り店舗 \n \n この画面ではお気に入りショップを変更できます。\n 変更した先のお気に入りショップから素敵な特典をお知らせするメールマガジンが届きます。お気に入りショップを検索し、登録するショップを選択してください。\n
\n \n
\n setShowList(true)}\n >\n 登録店舗を変更する\n \n \n );\n};\n\nexport default FavStore;\n","import React, { useState } from \"react\";\nimport { useFavStore } from \"./MyStoreComponent/useFavStore\";\nimport SearchShop from \"./MyStoreComponent/SearchShop\";\nimport FavStore from \"./MyStoreComponent/FavStore\";\nimport { InlineLoading } from \"./Loading\";\n\nconst MyStore = () => {\n const [showList, setShowList] = useState(false);\n const { favStore, setFavStoreWrap, fetching } = useFavStore();\n\n return (\n \n
\n
\n {fetching ? (\n \n ) : (\n
\n
\n
\n
AIGLE POINTとは \n
\n AIGLE POINTとは、AIGLE\n オンラインショップでアカウント登録いただいたお客様とAIGLE\n CLUBメンバーさまを対象としたポイントプログラムです。\n \n ※\n オンラインショップでは1ポイント単位、ブティックでは500ポイント単位でのご利用になります。\n \n
\n
\n
AIGLE POINTの種類は下記の通り。
\n
\n
\n
\n \n
\n AIGLE\n オンラインショップ・ブティック・百貨店でのお買上げ額100円につき1ポイントの、仮ポイントが付与されます。ポイントの有効期間は、ポイントが確定されてから1年間です。\n ※消費税、送料、手数料は付与対象外です。 \n ※獲得ポイントが、仮ポイント期間はご利用いただけません。 \n
\n
\n
\n
\n
\n \n
\n 期間限定ポイントは、特定のキャンペーンなどで付与される、利用期間が限定されているポイントです。有効期限を過ぎると自動的に失効します。\n
\n
\n
\n
\n AIGLE\n オンラインショップにて付与されるポイントには仮ポイントと確定ポイントの2種類がございます。\n
\n
\n \n \n 状態 \n 内容 \n \n \n \n 仮ポイント
\n \n \n 購入から 20\n 日間は、一時的に仮ポイントの状態になります。仮ポイントは利用できません。\n \n \n \n \n 利用可能ポイント
\n \n \n 仮ポイント期間経過後、自動的にご利用可能なポイントになります。\n \n \n \n \n 保有ポイント
\n \n \n 仮ポイントと確定ポイントを合わせた、現在保有している合計ポイント数です。\n \n \n \n
\n
\n
ポイントのご利用方法 \n
\n
\n AIGLE オンラインショップ にてポイントをご利用の場合は、1\n ポイントからご利用いただけます。\n
\n
\n \n
\n
\n MY PAGE ではお客様のご登録内容の確認や変更、 ご利用情報が確認できます。\n
\n
\n
\n \n ※AIGLE オンラインショップ\n でアカウント登録いただいたお客様も共通のメールアドレスとパスワードでログインできます。\n \n \n ※ポイントのご利用は、1 カ月合計 100,000 ポイントが上限となります。\n \n
\n
\n {content ? {content}
: null}\n {appendix ? (\n \n ) : null}\n \n }\n trigger=\"click\"\n placement=\"topRight\"\n arrowPointAtCenter\n visible={visible}\n open={visible}\n onVisibleChange={setVisible}\n >\n \n 内容\n \n \n );\n};\n\nconst History = (props) => {\n useEffect(() => {\n props.refresh();\n //eslint-disable-next-line\n }, []);\n\n if (props.fetching) {\n return (\n \n
\n );\n }\n\n return (\n \n
\n
\n \n \n 利用日・獲得日 \n 店舗 \n 内容 \n ポイント利用・獲得 \n 備考 \n \n {(props.pointRecords || []).map((record, idx) => (\n \n {record.ChargeDate} \n {record.ShopID === \"900\" ? \"EC\" : \"-\"} \n {record.ChangeReason} \n \n {record.PointText.split(\" \")[1]} \n {record.DeadLine ? 期間限定 : null}\n \n {record.PointRemark || \"-\"}\n \n \n ))}\n \n
\n
\n
\n
\n \n \n \n REGULAR \n SILVER \n GOLD \n PLATINUM \n \n \n 年間お買上げ金額 \n 2万円未満 \n 2万円以上 \n 5万円以上 \n 10万円以上 \n \n \n ポイント還元率 \n 1% \n 3% \n 5% \n 5% \n \n \n スペシャルセールへのご招待 \n ● \n ● \n ● \n ● \n \n \n バースデーポイント \n 1000P \n 1500P \n 2000P \n 2500P \n \n \n ストアイベントへのご招待 \n \n ● \n ● \n ● \n \n {/*\n \n 配送料金 \n 税込み1万円以上 \n 税込み1万円以上 \n いつでも無料 \n いつでも無料 \n \n \n ラッピング料金 \n 250円 \n 250円 \n いつでも無料 \n いつでも無料 \n \n */}\n \n ノベルティの配布（不定期） \n \n \n ● \n ● \n \n \n VIPイベントへのご招待 \n \n \n ● \n ● \n \n \n シークレットセールへのご招待 \n \n \n \n ● \n \n \n 限定ポイント \n \n \n \n ● \n \n \n
\n
\n
メンバーステータス \n
\n 毎月１回、過去１年のお買い上げ金額に応じて、翌月からのステータスを変更いたします。\n
\n
\n
ステータスの更新について \n
\n ポイントはお買い上げ日から２０日間仮ポイントとなります。毎月末の確定ポイント数に応じて、ランクアップ\n • ランクダウンいたします\n
\n
\n {children}\n \n);\nconst TabContent = ({ children, className }) => (\n {children} \n);\n\nconst setWhiteBackground = (onlyRemove) => {\n const accountApp = document.querySelector(\"#account-app\");\n if (accountApp) {\n if (onlyRemove) {\n accountApp.classList.remove(\"white-bg\");\n } else {\n accountApp.classList.toggle(\"white-bg\");\n }\n }\n};\n\nconst Account = (props) => {\n const [openMenu, setOpenMenu] = React.useState(false);\n const [menuTop, setMenuTop] = React.useState(0);\n const isMobile = useIsMobile();\n const ref = useRef();\n const navRef = useFixMenu(isMobile);\n\n const { refreshProfile } = props;\n React.useEffect(() => {\n didLoadedReactApp();\n refreshProfile();\n }, [refreshProfile]);\n\n const prevProps = usePrevious(props);\n const prevPathname =\n prevProps && prevProps.location && prevProps.location.pathname;\n const currentPathname = props.location.pathname;\n\n React.useEffect(() => {\n if (\n prevPathname !== currentPathname &&\n currentPathname.indexOf(\"point\") === -1\n ) {\n // scroll into view on mobile\n if ($(window).width() < 768) {\n $(\"html, body\").animate({\n scrollTop: $(\".tabs-wrapper .tab.active\").offset().top - 95,\n });\n }\n }\n }, [currentPathname, prevPathname]);\n\n const linkTo = (path) => {\n return () => {\n setOpenMenu(false);\n setWhiteBackground(true);\n\n const { prevTabPath } = props;\n const { push } = props.history;\n\n // redirect to prev points sub tab\n if (path === paths.ACCOUNT_POINTS_PATH && prevTabPath) {\n push(prevTabPath);\n\n return;\n }\n\n push(path);\n };\n };\n\n const logout = () => {\n if (window.amazon) {\n window.amazon.Login.logout();\n }\n };\n\n let title = TABS[0].label;\n let tabs = [];\n let tabContent = [];\n\n const { state: locationState, pathname } = props.location;\n const isTabClosed = locationState && locationState.isTabClosed;\n\n TABS.forEach((tab, idx) => {\n const isCurrentTab = pathname.indexOf(tab.path) !== -1;\n\n tabs.push(\n \n {tab.svg}
\n {tab.label}\n \n );\n\n if (isCurrentTab) {\n tabContent.push(\n \n \n {TABS.map((route, i) => (\n \n \n );\n }\n\n if (isCurrentTab) {\n title = tab.label;\n }\n });\n\n const toggleMenuOnMobile = () => {\n if (isMobile) {\n setOpenMenu(!openMenu);\n const nav = navRef.current;\n if (nav) {\n const navClient = nav.getBoundingClientRect();\n const menuTop = navClient.top + navClient.height;\n setOpenMenu(!openMenu);\n setMenuTop(menuTop);\n\n setWhiteBackground();\n }\n }\n };\n\n useOpenMenuDisableBodyScroll(openMenu, ref.current);\n\n return (\n \n
\n MY PAGE \n {tabs} \n \n \n
\n \n MENU \n {title}\n \n \n
{tabContent}
\n
\n \n \n \n \n \n
\n {productName}
\n \n \n \n カラー：\n
\n \n サイズ：{productSize}\n
\n 数量：{quantity}
\n \n );\n};\n\ntype Props = {\n data: OrderItemDataPropType;\n};\n\nexport default CartItem;\nexport { Price };\n","import PropTypes from \"prop-types\";\nimport React from \"react\";\nimport { connect } from \"react-redux\";\n\nimport $ from \"jquery\";\n\nimport CartItem from \"./CartWidgetApp/CartItem\";\n\nimport { refresh, refreshQuantity } from \"../actions/cartItems\";\nimport { mapProtoOrderItemToOrderItemDataProps } from \"../mappers/checkout\";\n\nimport { CHECKOUT_CART_PATH } from \"../constants/Paths\";\nimport { DESKTOP_HEADER_BREAKPOINT } from \"../constants/Misc\";\nimport { uploadAddToCart } from \"../gtm/GA\";\nimport { InlineLoading } from \"./AccountApp/Loading\";\nimport { CloseSvg } from \"./shared/svg\";\n\nclass CartWidgetApp extends React.Component {\n isCartFetched = false;\n\n UNSAFE_componentWillMount() {\n this.props.refreshQuantity();\n }\n\n uploadAddToCartProductData(cartItems) {\n const $addToCartButton = document.querySelector(\".add-to-cart\");\n if ($addToCartButton) {\n const currentAddToCartProductArticleCode =\n $addToCartButton.dataset.articlecode;\n\n if (\n currentAddToCartProductArticleCode &&\n currentAddToCartProductArticleCode !== \"undefined\"\n ) {\n const cartItem = cartItems.find(\n ({ articleCode }) =>\n articleCode === currentAddToCartProductArticleCode\n );\n\n if (cartItem) {\n uploadAddToCart(cartItem);\n }\n\n // clear the articleCode\n $addToCartButton.dataset.articlecode = undefined;\n }\n }\n }\n\n UNSAFE_componentWillReceiveProps(nextProps) {\n if (\n this.props.cartItemNum !== nextProps.cartItemNum &&\n !!nextProps.cartItems &&\n !!nextProps.sumUp\n ) {\n this.emitQubitItemsData(\n nextProps.cartItemNum,\n nextProps.cartItems,\n nextProps.sumUp\n );\n\n this.uploadAddToCartProductData(nextProps.cartItems);\n }\n }\n\n _refresh = () => {\n this.props.refresh();\n };\n\n renderCartItems = () =>\n (this.props.cartItems || [])\n .slice(\n this.props.isMobilePopup ? this.props.cartItems.length - 1 : 0,\n this.props.cartItems.length\n )\n .map((cartItem, idx) => \n カートを見る\n \n \n 買い物を続ける \n \n \n );\n };\n\n fetchCart = () => {\n if ($(window).width() < DESKTOP_HEADER_BREAKPOINT) {\n return;\n }\n\n if (!this.isCartFetched) {\n this.isCartFetched = true;\n this._refresh();\n }\n };\n\n render() {\n const { cartItemNum, isMobilePopup } = this.props;\n return (\n <>\n {isMobilePopup ? null : (\n <>\n \n {cartItemNum} \n \n \n \n \n {isMobilePopup && (\n
\n )}\n {this.renderCart()}\n
カート
\n )}\n \n );\n }\n}\n\nCartWidgetApp.defaultProps = {\n refresh: () => null,\n refreshQuantity: () => null,\n cartItems: [],\n loading: false,\n sumUp: {},\n cartItemNum: 0,\n isMobilePopup: false,\n};\n\nCartWidgetApp.propTypes = {\n refresh: PropTypes.func,\n refreshQuantity: PropTypes.func,\n cartItems: PropTypes.arrayOf(PropTypes.object),\n loading: PropTypes.bool,\n sumUp: PropTypes.object,\n cartItemNum: PropTypes.number,\n isMobilePopup: PropTypes.bool,\n};\n\nconst mapStateToProps = ({ cartItems: { data, ui } }) => {\n const cartItems = (data.order_items || []).map(\n mapProtoOrderItemToOrderItemDataProps\n );\n\n // only loaded quantity\n if (data.total_quantity !== undefined) {\n return {\n cartItemNum: data.total_quantity,\n loading: true,\n };\n }\n\n return {\n cartItems,\n sumUp: data.sum_up,\n loading: ui.fetching,\n cartItemNum: cartItems.reduce((sum, { quantity }) => {\n sum += quantity;\n return sum;\n }, 0),\n };\n};\n\nexport default connect(mapStateToProps, {\n refresh,\n refreshQuantity,\n})(CartWidgetApp);\n","import PropTypes from \"prop-types\";\nimport React from \"react\";\nimport { connect } from \"react-redux\";\n\nimport { mapProtoOrderItemToOrderItemDataProps } from \"../mappers/checkout\";\n\nclass CartNumberApp extends React.Component {\n render() {\n const { cartItemNum } = this.props;\n\n return (\n <>{cartItemNum}\n );\n }\n}\n\nCartNumberApp.defaultProps = {\n cartItemNum: 0\n};\n\nCartNumberApp.propTypes = {\n cartItemNum: PropTypes.number\n};\n\nconst mapStateToProps = ({ cartItems: { data } }) => {\n const cartItems = (data.order_items || []).map(\n mapProtoOrderItemToOrderItemDataProps\n );\n\n // only loaded quantity\n if (data.total_quantity !== undefined) {\n return {\n cartItemNum: data.total_quantity,\n loading: true\n };\n }\n\n return {\n cartItemNum: cartItems.reduce((sum, { quantity }) => {\n sum += quantity;\n return sum;\n }, 0)\n };\n};\n\nexport default connect(\n mapStateToProps\n)(CartNumberApp);\n","import React from \"react\";\nimport SearchAndShopList from \"./StoreFinder/SearchAndShopList\";\n\nconst ShopFinderApp = () => {\n return (\n \n );\n};\n\nexport default ShopFinderApp;\n","import React from \"react\";\n\nimport { prefectures } from \"../../orders/prefectureData\";\nimport { CheckboxInput } from \"../shared/CheckboxInput\";\n\nimport { Input } from \"../shared/Input\";\nimport { Selector } from \"../shared/Selector\";\n\nimport { Form } from \"../../form\";\nimport { checkoutForm } from \"../../orders\";\n\nimport { UploadEnterShippingAddress } from \"../../gtm/GA\";\n\nimport { theplant } from \"../../proto\";\ntype IAddress = theplant.ec.service.users.IAddress;\n\nconst input = Form.on(checkoutForm, \"form\");\n\nconst NamesForm = ({ form }: { form: Form }) => (\n \n (\n (\n (\n (\n
\n);\n\nconst AddressForm = ({\n form,\n EmailField,\n addressOptional,\n registerPageUseEnglishPrefecture,\n inRegisterPage,\n}: {\n form: Form;\n EmailField?: React.ReactNode;\n addressOptional?: boolean;\n registerPageUseEnglishPrefecture?: boolean;\n inRegisterPage?: boolean;\n}) => {\n const [showAddress, setShowAddress] = React.useState(\n addressOptional ? false : true\n );\n\n return (\n <>\n {inRegisterPage && (\n \n (\n
\n )}\n \n {addressOptional ? (\n
setShowAddress(!showAddress)}\n >\n \n {addressOptional ? \"住所を登録する\" : \"ご住所\"}\n
\n \n ) : null}\n\n {showAddress ? (\n <>\n \n
\n (\n (\n \n prefillFromPostalCode(form.path, value || {}, true)\n }\n >\n 住所検索\n \n )}\n />\n
\n
\n
\n (\n (\n
\n \n (\n (\n \n
(\n {EmailField}
\n ;\n EmailField?: React.ReactNode;\n}) => (\n \n);\n\nexport { NameAndAddress, NamesForm, AddressForm };\n","import React from \"react\";\n\nconst LoadingSVG = () => (\n \n \n
\n);\n\nconst Loading = () => {\n return (\n \n
\n );\n};\n\nconst InlineLoading = () => {\n return (\n \n
\n );\n};\n\nexport { InlineLoading, Loading };\n","import React, { useState } from \"react\";\nimport cx from \"classnames\";\n\nimport { CheckboxInput } from \"./CheckboxInput\";\nimport { Input } from \"./Input\";\nimport { Errors } from \"./Errors\";\nimport GenderInput from \"../../components/shared/Input/GenderInput\";\n\nimport { usersForm, UsersProps } from \"../../orders\";\nimport { Form, FieldProps } from \"../../form\";\n\nimport { ACCOUNT_PERSONAL_PATH } from \"../../constants/Paths\";\n\nimport BirthdayInput from \"../../components/shared/Input/BirthdayInput\";\n\nimport { theplant } from \"../../proto\";\n\nimport { registerSuccess } from \"../../gtm/GA\";\nimport { AddressForm, NamesForm } from \"../Shipping/NameAndAddress\";\nimport { scrollToFirstError } from \"./scrollToFirstError\";\nimport AddressDetail from \"./AddressDetail\";\nimport { InlineLoading } from \"../Loading\";\n\nconst registerForm = Form.on(usersForm, \"registerForm\");\n\nconst passwordForm = Form.on(registerForm, \"password\");\nconst profileForm = Form.on(registerForm, \"profile\");\nconst genderForm = Form.on(profileForm, \"gender\");\nconst dateOfBirthForm = Form.on(profileForm, \"dateOfBirth\");\nconst isTermsAndPrivacyAgreedForm = Form.on(\n registerForm,\n \"isTermsAndPrivacyAgreed\"\n);\nconst addressForm = Form.on(profileForm, \"billingAddress\");\n\ntype IAddress = theplant.ec.service.users.IAddress;\n\nconst SelectAllOptions = (\n props: FieldProps\n) => {\n React.useEffect(() => {\n const { updateInput, value } = props;\n updateInput({\n ...value,\n isSubscribed: true,\n dmByMail: true,\n dmBySms: true,\n dmByPhone: true,\n });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return null;\n};\n\nconst Subscription = ({ noWhitePanel }: { noWhitePanel?: boolean }) => (\n <>\n \n お知らせ受取
\n \n 新着アイテム、会員限定セール、特別イベントへの招待状などを、いち早くお届けします。\n \n \n
\n \n
\n\n
(\n <>\n {\n updateInput(checked);\n touchInput();\n }}\n >\n メールマガジンを受け取る\n \n (\n <>\n {\n updateInput(checked);\n touchInput();\n }}\n >\n ハガキを受け取る\n \n (\n <>\n \n SMSを受け取る\n \n (\n <>\n \n Phoneで受け取る\n \n \n 個人情報の取り扱いについて
\n \n 当社が収集する情報の利用方法等について、プライバシーポリシーを定めております。AIGLEオンラインショップをご利用されるにあたり、プライバシーポリシーをご確認のうえ「同意する」をチェックしてください。\n
\n (\n \n {\n updateInput(checked);\n touchInput();\n }}\n >\n 同意する\n \n
\n )}\n />\n
\n \n \n);\n\nconst BirthdayAndGender = () => (\n \n (\n {\n props.updateInput(value);\n props.touchInput();\n }}\n errors={props.errors}\n newdesign\n />\n )}\n />\n\n (\n
\n);\n\nconst RegisterForm = (props: {\n token?: string | null;\n orderCode: string;\n address?: IAddress | null;\n email?: string | null;\n register: UsersProps[\"users\"][\"register\"];\n registerForm: UsersProps[\"users\"][\"input\"][\"registerForm\"];\n}) => {\n const [fetching, setFetching] = useState(false);\n const [redirecting, setRedirecting] = useState(false);\n\n const {\n token,\n register,\n registerForm: form,\n orderCode,\n address,\n email,\n } = props;\n\n if (redirecting) {\n return \n
{\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const [edit, setEdit] = React.useState(false);\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useEffect(() => {\n // Default check all subscription options\n let value = {\n ...profileValue,\n isSubscribed: true,\n dmByMail: true,\n dmBySms: true,\n dmByPhone: true,\n billingAddress: address,\n };\n\n updateInput(value);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return (\n \n
登録情報
\n {edit ? (\n
\n
\n ) : (\n <>\n
\n
\n
setEdit(true)}\n >\n 変更する\n \n \n
\n \n )}\n
\n {edit &&
}\n
\n
\n
(\n <>\n \n
\n
\n {\n if (fetching) {\n return;\n }\n\n // disable the button\n setFetching(true);\n\n register({\n ...form,\n passwordConfirmation: form.password,\n token,\n orderCode,\n })\n .then((isRegistered) => {\n setFetching(false);\n\n if (typeof isRegistered === \"boolean\" && isRegistered) {\n // send event to GTM, to\n registerSuccess();\n\n setRedirecting(true);\n\n (window as any).location = ACCOUNT_PERSONAL_PATH;\n } else {\n setFetching(false);\n scrollToFirstError();\n }\n })\n .catch(() => {\n setFetching(false);\n scrollToFirstError();\n });\n }}\n >\n 登録する\n \n
\n ({\n fromEmailParam: undefined,\n });\n\n const [isMount, setIsMount] = useState(false);\n\n useEffect(() => {\n const registerWrapper = document.getElementById(\n \"register-app\"\n ) as HTMLDivElement;\n const xsrfToken = registerWrapper.getAttribute(\"data-xsrfToken\");\n const fromEmailParam = registerWrapper.getAttribute(\"data-fromEmailParam\");\n const email = registerWrapper.getAttribute(\"data-email\");\n const recaptchaPulicKey =\n registerWrapper.getAttribute(\"data-recaptchaPulicKey\") ||\n props.config.Recaptcha_PublicKey;\n\n const recaptchaScript = \"https://www.google.com/recaptcha/api.js\";\n const recaptchaScriptDiv = document.createElement(\"script\");\n recaptchaScriptDiv.src = recaptchaScript;\n recaptchaScriptDiv.async = true;\n document.body.appendChild(recaptchaScriptDiv);\n\n setData({\n xsrfToken,\n fromEmailParam,\n email,\n recaptchaPulicKey,\n });\n\n const be = (window as any).be;\n if (be) {\n be.emit(\"ecView\", {\n type: \"register\",\n });\n }\n\n (window as any).recaptcha_callback = recaptcha_callback;\n\n setIsMount(true);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const recaptcha_callback = () => {\n const gRecaptchaDiv = document.querySelector(\".g-recaptcha\");\n if (gRecaptchaDiv) {\n const error = gRecaptchaDiv.querySelector(\".error\");\n // remove old error in callback\n if (error) {\n error.remove();\n }\n }\n };\n\n return (\n \n
AIGLE CLUB 新規会員登録 \n
\n \n ご登録いただいた情報は、いつでもマイページからご確認・ご修正できます。\n
\n \n
お客様情報
\n
\n
\n
\n
\n
\n
アドレスを登録する
\n
\n
{\n const { value, ...rest } = props;\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const emailRef = React.useRef();\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useEffect(() => {\n if (emailRef) {\n const current = emailRef.current;\n if (current) {\n (current as any).addEventListener(\"change\", () => {\n const newValue = (current as any).value;\n\n if ((window as any)[\"$efo\"]) {\n props.updateInput(newValue);\n }\n });\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return (\n (\n <>\n \n
\n
();\n\n useEffect(() => {\n const loginWrapper = document.getElementById(\"login-app\") as HTMLDivElement;\n const xsrfToken = loginWrapper.getAttribute(\"data-xsrfToken\");\n const email = loginWrapper.getAttribute(\"data-email\");\n const errMsg = loginWrapper.getAttribute(\"data-errMsg\");\n const recoverPath = loginWrapper.getAttribute(\"data-recoverPath\");\n const registerPath = loginWrapper.getAttribute(\"data-registerPath\");\n const loginPath = loginWrapper.getAttribute(\"data-loginPath\");\n\n setData({\n xsrfToken,\n email,\n errMsg,\n recoverPath,\n registerPath,\n loginPath,\n });\n }, []);\n\n return (\n \n \n
\n
\n
\n
\n
ログイン \n
\n
ご登録済みのお客様
\n
\n
\n
\n \n {(data && data.errMsg) || \"\"}\n \n )}\n
\n
\n
\n
\n ログイン\n \n
\n
\n
\n
新規会員登録 \n
\n
\n ご入会いただくと、ポイントが貯められたり、会員限定セールなどの情報をいち早く入手できます。\n
\n
\n 新規アカウントを作成\n \n \n
\n
\n
\n
\n
;\n}) => {\n let specificSizeColumnIndexes: Array = [];\n\n const titles =\n getSizeGroup({rows, index: 0}).filter(size => size).map((size, i) => {\n if (specificSizeColumns && specificSizeColumns.indexOf(size) > -1) {\n specificSizeColumnIndexes.push(i);\n }\n return size;\n });\n\n const firstRow = rows && rows[0];\n const cellLength = (firstRow && firstRow.cells && firstRow.cells.length) || 0;\n const contents: Array> = [];\n\n Array.from(Array(cellLength - 1).keys()).map(i => i + 1).map(i => {\n const sizes =\n getSizeGroup({rows, index: i}).filter(size => size).map((size, j) => {\n if (specificSizeColumnIndexes.indexOf(j) > -1) {\n return {size, bold: true};\n }\n\n return {size};\n });\n\n return contents.push(sizes);\n });\n\n return {titles, contents};\n};\n\nexport {getTables};\n","import React from \"react\";\nimport { theplant } from \"../../proto\";\n\nimport { getTables } from \"./helper\";\n\nconst TableItem = ({\n titles,\n contents\n}: {\n titles: Array;\n contents: Array>;\n}) => (\n \n
\n
\n \n \n {titles.map((title, i) => (\n {title} \n ))}\n \n \n \n {contents.map((sizes, i) => (\n \n {sizes.map(({ size, bold }, j) =>\n bold ? (\n \n {size}\n \n ) : (\n {size} \n )\n )}\n \n ))}\n \n
\n
\n
\n
{(name !== \"\" && name) || (group && group.join(\"、\"))} \n {rows &&
}\n {description && (\n
\n )}\n
\n {name} \n {bodyHtml && (\n
\n )}\n \n ))}\n \n ) : null;\n\ntype Props = {\n sizeGuide: ISizeGuide;\n};\n\nconst SizeGuide = ({ sizeGuide: { tables, measurements } }: Props) => {\n let productDimensions: ISizeGuideMeasurement[] = [];\n let otherMeasurements: ISizeGuideMeasurement[] = [];\n\n if (measurements) {\n productDimensions = measurements.filter(m => m && m.name === \"商品寸法\");\n otherMeasurements = measurements.filter(m => m && m.name !== \"商品寸法\");\n }\n\n let sizeApplicationGuide: ISizeGuideTable[] = [];\n let otherSizeGuide: ISizeGuideTable[] = [];\n let actualSizeGuide: ISizeGuideTable[] = [];\n\n if (tables) {\n tables.forEach(t => {\n if (t.name) {\n if (t.name.indexOf(\"サイズ適応ガイド\") > -1) {\n return sizeApplicationGuide.push(t);\n }\n if (t.name.indexOf(\"実寸サイズ\") > -1) {\n return actualSizeGuide.push(t);\n }\n return otherSizeGuide.push(t);\n } else if (t.group) {\n if (t.group.find(g => g === \"サイズ適応ガイド\")) {\n return sizeApplicationGuide.push(t);\n }\n if (t.group.find(g => g === \"実寸サイズ\")) {\n return actualSizeGuide.push(t);\n }\n return otherSizeGuide.push(t);\n }\n\n return otherSizeGuide.push(t);\n });\n }\n\n return (\n \n
\n );\n};\n\nconst SizeGuideComponent = () => {\n const [sizeGuide, setSizeGuide] = useState();\n\n useEffect(() => {\n const sizeGuideDataDOM = document.getElementById(\"size-guide-data\");\n if (sizeGuideDataDOM) {\n const sizeGuideData = sizeGuideDataDOM.innerHTML;\n if(sizeGuideData.trim() !== \"\"){\n const data = JSON.parse(sizeGuideData, toCamelCase);\n if (sizeGuideData && data) {\n setSizeGuide(data as ISizeGuide);\n }\n }\n }\n }, []);\n\n return sizeGuide ? \n \n \n \n);\n\nconst ArrowDown = () => (\n \n \n \n);\n\nconst DirectionIcon = () => (\n \n \n);\n\nexport { ItemTel, DirectionIcon };\n","import React from \"react\";\nimport { ItemTel, DirectionIcon } from \"./StoreItemSvgs\";\n\nimport { theplant } from \"../../proto\";\ntype IStoreInfoWithStock = theplant.ec.service.stores.IStoreInfoWithStock;\n\nexport interface StoreItemProps\n extends React.RefAttributes {\n store: IStoreInfoWithStock;\n isSelected?: boolean;\n phoneButtonClick?: () => void;\n mapButtonClick?: () => void;\n}\n\nconst ChevronDown = () => (\n \n \n);\n\nconst StockText = ({ stock }: { stock: number }) => (\n \n {stock > 0 ? (\n stock >= 2 ? (\n 在庫あり \n ) : stock >= 1 ? (\n 残りわずか \n ) : null\n ) : (\n out of stock \n )}\n
\n);\n\nconst StoreContent = ({ store }: { store: StoreItemProps[\"store\"] }) => (\n \n {(store.zip || store.address) &&
{`〒${store.zip} ${store.address}`}
}\n {store.businessHours &&
{\"営業時間 \" + store.businessHours}
}\n
(null);\n\n const onClickPhone = React.useCallback(\n (e) => {\n // prevent click phone will bubble up to close toggle effect\n e.preventDefault();\n e.stopPropagation();\n window.location.href = `tel: ${store.phone}`;\n if (phoneButtonClick) {\n phoneButtonClick();\n }\n },\n [store, phoneButtonClick]\n );\n\n const onClickMap = React.useCallback(\n (e) => {\n // prevent click phone will bubble up to close toggle effect\n e.preventDefault();\n e.stopPropagation();\n window.open(\n `https://www.google.com/maps/search/?api=1&query=${store.latitude},${store.longitude}`,\n \"_blank\"\n );\n\n if (mapButtonClick) {\n mapButtonClick();\n }\n },\n [store, mapButtonClick]\n );\n\n const toggle = React.useCallback(() => {\n setShow(!show);\n }, [show]);\n\n React.useEffect(() => {\n if (show) {\n const { current } = divRef;\n if (divRef && current) {\n setTimeout(() => {\n current.scrollIntoView({ behavior: \"smooth\" });\n }, 340); // 0.6s ease-in-out, 0.6*0.58=340ms\n }\n }\n }, [show]);\n\n return (\n \n \n
\n {store.name &&
{store.name} }\n \n
\n
\n
\n {store.phone && (\n \n \n )}\n {Boolean(store.latitude && store.longitude) && (\n \n \n )}\n
\n
\n
\n {displayStoreGroupedByPrefectures.map(({ prefecture, stores }, index) => (\n \n {prefecture}
\n \n {stores.map((store, index) => (\n \n \n ))}\n \n );\n};\n\nconst PrefectureList = ({\n prefectures,\n selectedPrefectures,\n add,\n remove\n}: PrefectureProps) => (\n <>\n \n {prefectures.map(p => (\n {\n if (p) {\n add(p);\n }\n }}\n >\n {p}\n \n ))}\n
\n \n {selectedPrefectures.map((p: string) => (\n remove(p)}\n >\n {p}\n
\n \n);\n\nconst StoresAndPrefectures = ({\n stores: originalStores,\n domRef,\n prefectures,\n selectedPrefectures,\n add,\n remove,\n clearSelectedPrefecture\n}: {\n stores: IStoreInfoWithStock[];\n domRef: React.RefObject;\n} & PrefectureProps) => {\n const [stores, setStores] = React.useState(\n originalStores\n );\n\n React.useEffect(() => {\n const filterStores = displayStores({\n originalStores,\n selectedPrefectures\n });\n\n setStores(filterStores);\n }, [originalStores, selectedPrefectures]);\n\n const displayPrefectures = filterPrefecturesByStores({\n prefectures,\n originalStores\n });\n\n return (\n \n {originalStores.length > 0 ? (\n <>\n
在庫状況一覧 \n
\n
\n \n ) : null}\n
>([]);\n\n const [selectedPrefectures, setSelectedPrefectures] = React.useState<\n string[]\n >([]);\n\n useEffect(() => {\n if (display) {\n $.ajax({\n url: _getURL(\"/prefectures\"),\n xhrFields: {\n withCredentials: true\n },\n success: prefectures => {\n let result: Array = [];\n prefectures.forEach((p: { name: string }) => {\n if (p && p.name) {\n result.push(p.name);\n }\n });\n if (result) {\n setPrefectures(result);\n }\n }\n }).fail(e => {\n console.log(\"get prefectures failed, \", e);\n });\n }\n }, [display]);\n\n const add = (p: string) => {\n if (selectedPrefectures.indexOf(p) === -1) {\n setSelectedPrefectures(selectedPrefectures.concat([p]));\n }\n };\n\n const remove = (p: string) => {\n setSelectedPrefectures(\n selectedPrefectures.filter(prefecture => prefecture !== p)\n );\n };\n\n const clearSelectedPrefecture = () => {\n setSelectedPrefectures([]);\n };\n\n return {\n prefectures,\n selectedPrefectures,\n add,\n remove,\n clearSelectedPrefecture\n };\n};\n\nexport { usePrefecture };\n","import React from \"react\";\nimport { formatCurrency } from \"../../components/helpers/currency\";\n\nconst Price = ({\n price,\n discounted\n}: {\n price: number;\n discounted: number;\n}) => (\n \n {price > discounted && discounted !== 0 ? (\n
\n \n {formatCurrency(price)}\n \n \n {formatCurrency(discounted)}\n (税込) \n \n
\n ) : (\n
\n \n {formatCurrency(price)}\n (税込) \n \n
\n )}\n
;\n stores: theplant.ec.service.stores.IStoreInfoWithStock[];\n}) => {\n // clear old stores before fetch new stores\n if (stores.length > 0) {\n setStores([]);\n }\n\n setLoading(true);\n\n $.ajax({\n url: _getURL(\"/store-stocks\"),\n data: JSON.stringify({ article_code: articleCode }),\n type: \"POST\",\n xhrFields: {\n withCredentials: true\n },\n success: stores => {\n setLoading(false);\n stores = stores.map((s: Object) => toCamel(s));\n\n if (stores && stores.length > 0) {\n clearSelectedPrefecture();\n setStores(stores);\n\n const { current } = storeRef;\n if (storeRef && current) {\n current.scrollIntoView({ behavior: \"smooth\" });\n }\n }\n },\n error: e => {\n setLoading(false);\n console.log(\"get store failed, \", e);\n }\n });\n};\n\nexport { getStores };\n","import { parse, format } from \"url\";\n\n// Refer: https://github.com/theplant/lacoste3/issues/94#issuecomment-389102833\nenum ProductImageSize {\n CA = \"ca\", // 68x68\n // don't support thest size in Aigle\n // CS = \"cs\", // 111x111\n // LT = \"lt\", // 230x297\n // MOBILE = \"mobile\", // 240x240\n // SMN = \"smn\", // 360x360\n MN = \"mn\", // 480x480\n MEDIUM = \"medium\", // 800x800\n ZM = \"zm\" // 1476x1476\n}\n\n// Refer: https://github.com/theplant/mastani/blob/master/frontend/products/productImage.ts#L18-L39\nconst getProductImageUrl = (\n originalImageUrl: string,\n size: ProductImageSize\n): string => {\n if (!/[http(s):]?\\/\\//.test(originalImageUrl)) {\n return originalImageUrl;\n }\n\n const url = parse(originalImageUrl);\n\n const parts = (url.pathname && url.pathname.split(\".\")) || [];\n\n if (parts.length === 1) {\n return originalImageUrl;\n }\n\n const ext = parts.pop();\n parts.push(`${size}.${ext}`);\n url.pathname = parts.join(\".\");\n\n return format(url);\n};\n\n// Refer: https://github.com/theplant/mastani/blob/master/frontend/products/productImage.ts#L41-L57\nconst retinaSize: {\n [key: string]: [ProductImageSize, ProductImageSize];\n} = {\n [ProductImageSize.MN]: [ProductImageSize.MN, ProductImageSize.MEDIUM], // cart item\n [ProductImageSize.CA]: [ProductImageSize.CA, ProductImageSize.CA]\n};\n\n// Refer: https://github.com/theplant/mastani/blob/master/frontend/products/productImage.ts#L50-L57\nconst imgProps = (id: string, size: ProductImageSize) => {\n const srcSet = retinaSize[size].map(s => getProductImageUrl(id, s));\n\n return {\n src: getProductImageUrl(id, size),\n srcSet: `${srcSet[0]} 2x, ${srcSet[1]} 3x`\n };\n};\n\nexport { ProductImageSize, getProductImageUrl, imgProps };\n","import React from \"react\";\nimport { imgProps, ProductImageSize } from \"../productImage\";\n\nconst ProductImage = ({ imgSrc }: { imgSrc?: string | null | false }) => (\n \n {imgSrc ? (\n \n);\n\nexport { ProductImage };\n","import React from \"react\";\n\nconst ProductName = ({ name }: { name?: string | null }) =>\n name ? {name} : null;\n\nexport { ProductName };\n","import React from \"react\";\n\nconst ProductID = ({ code }: { code?: string | null }) =>\n code ? 品番：{code} : null;\n\nexport { ProductID };\n","import React from \"react\";\n\nimport { imgProps, ProductImageSize } from \"../productImage\";\nimport { theplant } from \"../../proto\";\nimport {\n orderedImagesAndVariants,\n isShowEvenThoughOutOfStock,\n anyStoreInInventory,\n isVariantsOutOfStock,\n getColorSwatchImage,\n} from \"../helper\";\nimport { getColorName } from \"../productField\"\n\nconst displayColorCode = ({\n variants,\n colorCode,\n selectedColorCode,\n}: {\n variants: theplant.ec.service.products.IVariant[];\n colorCode: string;\n selectedColorCode?: string;\n}) => {\n // request from https://github.com/theplant/lacoste3/pull/1981\n // When it is selected by url's colorCode\n // When some of variants have inventory\n if (colorCode === selectedColorCode) {\n return true;\n }\n\n return !isVariantsOutOfStock(variants);\n};\n\ntype ColorItemProps = {\n code: string;\n name?: string | null;\n selected: boolean;\n imgSrc: string;\n clickHandler: () => void;\n};\n\nconst ColorItem = ({\n code,\n name,\n selected,\n imgSrc,\n clickHandler,\n}: ColorItemProps) => (\n \n {/* eslint-disable-next-line */}\n \n \n \n);\n\nexport type Props = {\n product: theplant.ec.service.products.IProduct;\n selectedColorCode: string;\n changeColor: (color: string) => void;\n inStoreInventoryPanel?: boolean;\n};\n\nconst ColorSwatch = (props: Props) => {\n const { product, selectedColorCode, changeColor, inStoreInventoryPanel } =\n props;\n const colorName = \"\";\n\n return (\n \n
カラーを選択: {colorName} \n
\n {(\n (product &&\n orderedImagesAndVariants(product, { defaultOrder: true })) ||\n []\n ).map(({ colorCode, images, variants }, i) => {\n let display =\n isShowEvenThoughOutOfStock(product) ||\n displayColorCode({\n variants,\n colorCode,\n selectedColorCode: props.selectedColorCode,\n });\n\n // when inStoreInventoryPanel\n if (inStoreInventoryPanel) {\n if (anyStoreInInventory(variants)) {\n display = true;\n } else {\n display = false;\n }\n }\n\n if (!display) {\n return null;\n }\n\n const imageSrc = (images && getColorSwatchImage(images)) || \"\";\n\n const currentVariant = variants && variants[0];\n const colorNames = getColorName(currentVariant.filterProperties)||[]\n\n return (\n changeColor(colorCode || \"\")}\n name={colorNames[0] || \"\"}\n />\n );\n })}\n \n
\n
\n サイズを選択：\n {sizeError &&\n (sizeError.code === \"noSelectedSizeCode\" ||\n sizeError.code === \"noSelectedColorCode\") && (\n \n サイズを選択してください。\n \n )}\n \n
\n {displaySizeVariants.map((sv, index) => {\n const size = getSize(sv.filterProperties);\n const europeSize = getEuropeSize(sv.filterProperties);\n const japanSize = getJapanSize(sv.filterProperties);\n const displaySize = formatSize(japanSize, europeSize);\n\n return (\n \n \n changeSize(size)}\n disabled={!anyStoreInInventory([sv]) && !sv.inventoryQuantity}\n />\n {displaySize ? (\n \n \n );\n })}\n \n (null);\n const [date, setDate] = React.useState(moveTimeQuarterAgo());\n\n React.useEffect(() => {\n timer.current = setInterval(() => {\n setDate(moveTimeQuarterAgo());\n }, 60 * 1000);\n\n return () => {\n if (timer.current) {\n clearInterval(timer.current);\n }\n };\n }, []);\n\n return {\n year: date.getFullYear().toString(),\n month: (date.getMonth() + 1).toString(),\n day: date.getDate().toString(),\n hour: date.getHours().toString(),\n minutes: getQuarterMinute(date.getMinutes()),\n };\n};\n\nexport { useDate };\n","import React from \"react\";\nimport { useDate } from \"./useDate\";\n\nconst Description = React.memo(() => {\n const { year, month, day, hour, minutes } = useDate();\n\n return (\n \n
【注意事項】 \n
\n \n ※表示されている在庫は、{year}年{month}月{day}日{hour}:{minutes}\n 時点の情報になります。\n \n \n ※在庫ありの表示でも売り切れの場合がありますので、詳しくは直接店舗にお問い合わせください。\n \n
\n
\n \n {loading ? \"検索...\" : \"この条件で検索\"}\n \n
\n \n );\n};\n\nconst Content = (props: {\n product: ContentProps[\"product\"];\n colorCode: ContentProps[\"colorCode\"];\n selectedSizeCode: ContentProps[\"selectedSizeCode\"];\n display: boolean;\n}) => {\n const { product, display } = props;\n\n const [color, setColor] = React.useState(props.colorCode);\n const [size, setSize] = React.useState(\n props.selectedSizeCode\n );\n\n const { code, name, images } = product;\n\n const imgs = images && images.length > 0 && productImage(color, images);\n\n const img = imgs && imgs.length > 0 && imgs[0];\n const imgSrc = img && img.id;\n\n const variants = product.variants || [];\n\n const variantsByColorCode = getVariantsByColorCode(color, variants);\n\n const selectedVariant =\n variantsByColorCode &&\n size &&\n getVariantsBySizeCode(variantsByColorCode, size);\n\n const currentVariant = selectedVariant || variantsByColorCode[0];\n\n const { price, discounted } = calcPrice(currentVariant);\n\n const [colorError, setColorError] =\n React.useState(null);\n\n const [sizeError, setSizeError] =\n React.useState(null);\n\n const [loading, setLoading] = React.useState(false);\n\n const storeRef = React.useRef(null);\n\n const [stores, setStores] = React.useState([]);\n\n const timer = React.useRef(null);\n\n const {\n prefectures,\n selectedPrefectures,\n add,\n remove,\n clearSelectedPrefecture,\n } = usePrefecture(display);\n\n const searchStoresByConditions = () => {\n if (!color) {\n setColorError({ code: \"noSelectedColorCode\" });\n if (timer.current) {\n clearInterval(timer.current);\n }\n return;\n }\n\n if (!size) {\n setColorError(null);\n setSizeError({ code: \"noSelectedSizeCode\" });\n if (timer.current) {\n clearInterval(timer.current);\n }\n return;\n }\n\n setColorError(null);\n setSizeError(null);\n if (timer.current) {\n clearInterval(timer.current);\n }\n\n if (\n document.querySelectorAll(\".size-option.selected:not(:disabled)\")\n .length === 0\n ) {\n setSizeError({ code: \"noSelectedSizeCode\" });\n }\n\n const articleCode = selectedVariant && selectedVariant.articleCode;\n if (articleCode) {\n getStores({\n articleCode,\n setLoading,\n setStores,\n clearSelectedPrefecture,\n storeRef,\n stores,\n });\n\n timer.current = setInterval(() => {\n // call get store api\n getStores({\n articleCode,\n setLoading,\n setStores,\n clearSelectedPrefecture,\n storeRef,\n stores,\n });\n }, 15 * 60 * 1000);\n }\n };\n\n const changeColor = (code: string) => {\n setColor(code);\n setStores([]);\n clearSelectedPrefecture();\n setColorError(null);\n };\n\n const changeSize = React.useCallback(\n (size?: string | null) => {\n setSize(size);\n if (size) {\n setStores([]);\n clearSelectedPrefecture();\n setSizeError(null);\n }\n },\n [clearSelectedPrefecture]\n );\n\n React.useEffect(() => {\n if (color && product.variants) {\n const variantsUnderTheSameColor = getVariantsByColorCode(\n color,\n product.variants\n );\n\n const hasStoreInventory = anyStoreInInventory(variantsUnderTheSameColor);\n\n if (hasStoreInventory) {\n const defaultSizeCode = getDefaultSizeCode({\n variants: product.variants,\n colorCode: color,\n });\n\n // set default size code in did mount when only have 1 size\n if (defaultSizeCode) {\n setSize(defaultSizeCode);\n }\n }\n }\n }, [product.variants, color, setSize]);\n\n return (\n <>\n \n\n \n\n ;\n\n if (products && products.length > 0) {\n const product = products[0];\n const variants = product.variants;\n\n const hasStoreStock = anyStoreInInventory(variants);\n\n callback({ product, hasStoreStock: !!hasStoreStock });\n }\n },\n error: e => {\n console.log(\"get product with store stock failed, \", e);\n }\n });\n};\n\nconst useProductHasAnyStoreInventory = (code?: string | null) => {\n const [hasStoreStock, setHasStoreStock] = React.useState(false);\n const [\n product,\n setProduct\n ] = React.useState(null);\n\n const callback = ({\n product,\n hasStoreStock\n }: {\n product: theplant.ec.service.products.IProduct;\n hasStoreStock: boolean;\n }) => {\n setHasStoreStock(hasStoreStock);\n if (hasStoreStock) {\n const storeInventoryButton = document.querySelector(\n \".store-inventory-button\"\n );\n if (storeInventoryButton) {\n storeInventoryButton.setAttribute(\"style\", \"display: block;\");\n }\n }\n setProduct(product);\n };\n\n useEffect(() => {\n if (code && !hasStoreStock) {\n getProductWithStoreStock({ code, callback });\n }\n }, [code, hasStoreStock]);\n\n return { hasStoreStock, product };\n};\n\nexport { getProductWithStoreStock, useProductHasAnyStoreInventory };\n","import React from \"react\";\nimport $ from \"jquery\";\n\nconst Color = () => {\n const setColorName = (colorname?: string) => {\n const colorLabel = $(\".color-list .title span.color-name\");\n if (colorname) {\n colorLabel.text(colorname);\n }\n };\n\n const setdefault = () => {\n const selectedColorName = $(`.color-list li.active`).attr(\"data-colorname\");\n setColorName(selectedColorName);\n };\n\n const handleMouseOverColors = (e: any) => {\n const colorname = $(e.target).attr(\"data-colorname\");\n setColorName(colorname);\n };\n\n const handleMouseLeaveColors = () => {\n setdefault();\n };\n\n React.useEffect(() => {\n const selectColorLabel = $(\".color-list .title span.color-name\");\n if (!selectColorLabel.text()) {\n setdefault();\n }\n\n $(`.color-list li`).on(\"mouseover\", handleMouseOverColors);\n $(`.color-list li`).on(\"mouseleave\", handleMouseLeaveColors);\n // eslint-disable-next-line\n }, []);\n\n return null;\n};\n\nexport { Color };\n","import React from \"react\";\nimport Content from \"./Content\";\nimport { storeInventoryButtonClick } from \"../../gtm/storeInventoryClickEvent\";\nimport { useProductHasAnyStoreInventory } from \"./getProduct\";\nimport { Color } from \"../../components/molecules/product/Color\";\n\nconst StoreInventory = ({\n code,\n colorCode,\n}: {\n code: string;\n colorCode: string;\n}) => {\n const [selectedSizeCode, setSelectedSizeCode] = React.useState(\n null\n );\n\n const [display, setDisplay] = React.useState(false);\n\n const { product, hasStoreStock } = useProductHasAnyStoreInventory(code);\n\n const checkDisplayOnClick = () => {\n if (document.querySelector(\".mfp-content #store-inventory-popup\")) {\n setDisplay(true);\n } else {\n setDisplay(false);\n }\n };\n\n React.useEffect(() => {\n document.body.addEventListener(\"click\", checkDisplayOnClick);\n\n const storeInventoryBtn = document.querySelector(\".store-inventory-button\");\n if (storeInventoryBtn) {\n storeInventoryBtn.addEventListener(\"click\", () => {\n const firstSelected = document.querySelector(\n \".js-pdp-info__sizes .pdp-info__size-item input:checked\"\n );\n\n if (firstSelected) {\n setSelectedSizeCode(firstSelected.getAttribute(\"data-size\"));\n }\n\n storeInventoryButtonClick(\"check\");\n });\n }\n\n return () => {\n document.body.removeEventListener(\"click\", checkDisplayOnClick);\n };\n }, []);\n\n if (!product || !hasStoreStock) {\n return null;\n }\n\n return (\n \n
取扱店舗の在庫を確認 \n
\n );\n};\n\nexport default StoreInventory;\n","import * as React from \"react\";\n\nconst Support = ({ className }: { className?: string }) => (\n \n サポート フリーダイヤル \n \n 受付時間： \n \n (月)〜(土) 9:00〜18:00\n \n
\n \n 0120-810-378\n \n \n);\n\nexport { Support };\n","import * as React from \"react\";\n\nimport { Support } from \"./Support\";\n\nconst EmptyCart = () => (\n \n);\n\nexport { EmptyCart };\n","import React from \"react\";\nimport { formatCurrency } from \"../../components/helpers/currency\";\nimport { theplant } from \"../../proto\";\nimport { CHECKOUT_SUM_UP_SUB_ITEM_NAME_TO_LABEL_MAP } from \"../../constants/Texts\";\n\nconst SubItemType = theplant.ec.service.accounting.SubItemType;\ntype ISubItem = theplant.ec.service.accounting.ISubItem;\ntype ISumUp = theplant.ec.service.accounting.ISumUp;\n\nconst selectSumUpItems = (sumUp?: ISumUp | null): ISubItem[] => {\n if (!sumUp) {\n return [];\n }\n\n const { quoteAmountWithTax, billingAmountWithTax, subItems } = sumUp;\n\n let displaySubItems: ISubItem[] = [];\n\n displaySubItems.push({ name: \"QUOTE_AMOUNT\", amount: quoteAmountWithTax });\n\n (subItems || [])\n .filter(\n // COUPON_DISCOUNT & PROMOTION_DISCOUNT are contained in TOTAL_DISCOUNT\n ({ subType }) =>\n subType !== SubItemType.COUPON_DISCOUNT &&\n subType !== SubItemType.PROMOTION_DISCOUNT\n )\n .forEach(({ subType, amount, name }) => {\n // Should not display TOTAL_DISCOUNT when the amount is 0,\n // requested at https://github.com/theplant/lacoste3/issues/1616#issuecomment-455094556.\n if (subType === SubItemType.TOTAL_DISCOUNT && Number(amount || 0) === 0) {\n return;\n }\n\n subType &&\n displaySubItems.push({\n name,\n amount,\n });\n });\n\n displaySubItems.push({\n name: \"BILLING_AMOUNT\",\n amount: billingAmountWithTax,\n });\n\n return displaySubItems;\n};\n\ninterface SubItemProps {\n data: ISubItem;\n className?: string;\n}\n\nfunction SubItem({ data, className }: SubItemProps) {\n const label =\n data.name && CHECKOUT_SUM_UP_SUB_ITEM_NAME_TO_LABEL_MAP[data.name];\n\n return label ? (\n \n {label} \n {formatCurrency(data.amount)} \n
\n ) : null;\n}\n\ninterface SumUpProps {\n sumUp?: ISumUp | null;\n promotions?: string[];\n}\n\nfunction SumUp({ sumUp, promotions }: SumUpProps) {\n const items = selectSumUpItems(sumUp);\n if (!items.length) return
;\n\n // the last item is always the billing amount\n const billingAmount = items.pop()!;\n\n return (\n \n {items.map((item, idx) => (\n
\n ))}\n\n {promotions?.length ? (\n
\n {promotions.map((name, idx) =>\n name ? (\n \n {name} \n 適用 \n \n ) : null\n )}\n \n ) : null}\n\n
\n
\n
\n \n {formatCurrency(\n orderItem.sumUp &&\n orderItem.sumUp.prime &&\n orderItem.sumUp.prime.amountWithTax\n )}\n \n {selectItemIsDiscounted(orderItem) ? (\n \n {formatCurrency(\n orderItem.sumUp &&\n orderItem.sumUp.discounted &&\n orderItem.sumUp.discounted.amountWithTax\n )}\n \n ) : null}\n {orderItem.sumUp && orderItem.sumUp.calculatedDiscountRate ? (\n {`-${orderItem.sumUp.calculatedDiscountRate}%`} \n ) : null}\n
\n \n);\n\nexport { Price };\n","const getDate = (date: Date) => {\n var youbi = [\"日\", \"月\", \"火\", \"水\", \"木\", \"金\", \"土\"];\n\n return {\n year: date.getFullYear(),\n month: date.getMonth() + 1,\n day: date.getDate(),\n youbi: youbi[date.getDay()],\n };\n};\n\nexport { getDate };\n","import * as React from \"react\";\n\nimport { theplant } from \"../../proto\";\n\nimport {\n DataProps,\n selectAbilityIsEnabled,\n selectGiftWrappingFee,\n withPoints,\n PointsProps,\n OrderServiceProps,\n} from \"../../orders\";\n\nimport { CheckboxInput } from \"./CheckboxInput\";\nimport { Errors } from \"./Errors\";\nimport Modal from \"react-modal\";\nimport { formatCurrency } from \"../../components/helpers/currency\";\n\nimport { checkoutForm } from \"../../orders\";\nimport { Form } from \"../../form\";\n\nimport { UploadGiftBox } from \"../../gtm/GA\";\n\nconst input = Form.on(checkoutForm, \"form\");\nconst giftWrapping = Form.on(input, \"giftWrapping\");\n\nconst Ability = theplant.ec.api.orders.Ability;\n\ntype IOrder = theplant.ec.service.orders.IOrder;\n\nconst getGiftWrappingFeeInSpecificPromotion = (fee?: IOrder[\"fee\"]) => {\n let giftWrappingFeeInSpecificPromotion = null;\n\n if (!fee) {\n return null;\n }\n\n const { discountGiftWrappingFeeSpecified, discountGiftWrappingFee } = fee;\n\n if (discountGiftWrappingFeeSpecified) {\n // discountGiftWrappingFee is int, when it is 0, protobuf will ignore it, so need to set 0 as default in frontend\n giftWrappingFeeInSpecificPromotion = Number(discountGiftWrappingFee || 0);\n }\n\n return giftWrappingFeeInSpecificPromotion;\n};\n\nconst GiftWrappingModal = ({\n isModalOpen,\n closeModal,\n}: {\n isModalOpen: boolean;\n closeModal: () => void;\n}) => (\n \n \n
\n
\n ※季節によりラッピングの仕様が異なる場合がございます。\n
\n ※ご注文いただいた商品をすべてまとめてラッピングいたします。\n
\n ※明細書は金額の明記されない贈答用が同梱されます。\n
\n
\n
(\n \n
{\n // fix: [LAX-5610] not allow update gift when updating\n if(fetching){\n return;\n }\n // Need to call get points when user select or unselect the giftwrapping option on Amazon pay page.\n // For normal checkout, giftwrapping section is on the previous page of the points section, no need to get points.\n isAmazonPay &&\n fetchPoints({\n ...form,\n giftWrapping: { ...form.giftWrapping, specified: checked },\n });\n\n updateInput({ ...value, specified: checked });\n touchInput();\n\n UploadGiftBox(checked);\n }}\n >\n \n ギフトラッピングを希望する （ラッピング代：\n {fee === 0 ? \"無料\" : formatCurrency(fee)}）\n \n \n \n
\n \n
\n
\n ※季節によりラッピングの仕様が異なる場合がございます。\n
\n ※ご注文いただいた商品をすべてまとめてラッピングいたします。\n
\n ※明細書は金額の明記されない贈答用が同梱されます。\n
\n
\n
\n \n \n \n
\n
\n
\n
\n
\n カラー： \n {colorName}\n
\n
\n サイズ： \n {japanSize || europeSize || size}\n
\n
\n 数量： \n {orderItem.quantity}\n
\n
\n
\n
\n
{title}
\n
\n {`${address.familyName || address.katakanaFamilyName} ${\n address.givenName || address.katakanaGivenName\n }`}\n \n
\n
\n {`〒${address.zipcode}\n ${\n (\n prefectures.find(({ english }) => english === address.prefecture) ||\n {}\n ).name\n }\n ${address.city ? address.city : \"\"}\n ${address.address1 ? address.address1 : \"\"}\n ${address.address2 ? address.address2 : \"\"}`}\n \n
\n
電話番号：{address.phone} \n
\n \n
ご注文内容
\n {noItems ? null : (\n <>\n
\n
{\n setShowCartItems(!showCartItems);\n }}\n >\n 合計点数 \n {((cart && cart.orderItems) || []).reduce((count, item) => {\n return (count += Number(item.quantity || 0));\n }, 0)}\n 点\n \n {((cart && cart.orderItems) || []).map((item, idx) => (\n
\n\n {!isAmazonPay && checkoutData ? (\n <>\n {\n setShowAddress(!showAddress);\n }}\n >\n 配送\n \n {(shippingAddress || billingAddress) &&\n deliveryMethod ===\n theplant.ec.api.orders.DeliveryMethod.HOME_DELIVERY ? (\n <>\n \n
配送日時
\n
\n {getDate(deliveryDay).year}年{getDate(deliveryDay).month}\n 月{getDate(deliveryDay).day}日(\n {getDate(deliveryDay).youbi}\n ) \n {(deliveryHour || {}).name}\n \n
\n
\n ギフトラッピング（あり） \n {\n openModal();\n }}\n >\n サンプル画像\n \n
\n
\n
\n
店舗受け取り
\n
{store.name} \n
\n
\n {`〒${store.zip} ${store.prefecture} ${store.city} ${store.address}`}\n \n
\n
電話番号: {store.phone} \n
\n \n ) : null}\n\n \n {amountToFreeDelivery === 0\n ? \"お客様の送料は無料です。\"\n : `あと${formatCurrency(amountToFreeDelivery)}で送料無料になります。`}\n
\n \n );\n};\n\nexport { CartSummary };\n","export default __webpack_public_path__ + \"static/media/amazonpay.83e82ecb.svg\";","import * as React from \"react\";\n\nimport VISA from \"../../img/VISA.svg\";\nimport DinersClub from \"../../img/DinersClub.svg\";\nimport JCB from \"../../img/JCB.svg\";\nimport MasterCard from \"../../img/MasterCard.svg\";\nimport AmericanExpress from \"../../img/AmericanExpress.svg\";\nimport AmazonPay from \"../../img/amazonpay.svg\";\n\nconst PaymentList = ({ withAmazonPay }: { withAmazonPay?: boolean }) => (\n \n \n \n \n \n \n \n \n \n \n \n {withAmazonPay ? (\n \n \n ) : null}\n \n);\n\nexport { PaymentList };\n","import * as React from \"react\";\n\nconst DeleteIcon = ({\n onClick,\n className,\n}: {\n onClick?: (e: any) => void;\n className?: string;\n}) => (\n \n \n {couponsUsed.map((c, idx) =>\n c === \"\" ? null : (\n \n \n 「{c}」が適用されました{\" \"}\n {Number(couponDiscountValue) > 0 &&\n formatCurrency(couponDiscountValue)}\n \n \n )\n )}\n \n ) : null;\n\nconst SubItemType = theplant.ec.service.accounting.SubItemType;\n\nconst Coupon = ({ cart }: { cart: CartProps[\"cart\"] }) => {\n const {\n couponCodeInput,\n updateCouponCodeInput,\n applyCouponCode,\n cancelCouponCode,\n couponCodeError,\n cart: _cart,\n } = cart;\n\n const couponDiscount =\n _cart &&\n _cart.sumUp &&\n _cart.sumUp.subItems &&\n _cart.sumUp.subItems.find(\n (item) => item.subType === SubItemType[\"COUPON_DISCOUNT\"]\n );\n const couponDiscountValue = couponDiscount?.amount;\n\n return (\n \n クーポンコード \n \n ) => {\n if (evt.key === \"Enter\") {\n applyCouponCode(couponCodeInput || \"\");\n UploadCartCoupon(couponCodeInput || \"\");\n }\n }}\n error={\n ((couponCodeError && couponCodeError.fieldViolations) || [])\n .length > 0\n }\n />\n\n {\n applyCouponCode(couponCodeInput || \"\");\n UploadCartCoupon(couponCodeInput || \"\");\n }}\n disabled={!couponCodeInput}\n >\n 適用\n \n
\n \n );\n};\n\nexport { Coupon };\n","import * as React from \"react\";\n\nimport { Link } from \"react-router-dom\";\n\nimport {\n CHECKOUT_SHIPPING_PATH,\n CHECKOUT_LOGIN_PATH,\n} from \"../../constants/Paths\";\n\nconst CheckoutButton = ({\n disabled,\n isGuestUser,\n onClick,\n}: {\n disabled: boolean;\n isGuestUser?: boolean | null;\n onClick?: () => void;\n}) =>\n disabled ? (\n <>\n \n ご購入手続き\n \n \n ) : (\n \n ご購入手続き\n \n );\n\nexport { CheckoutButton };\n","import * as React from \"react\";\nimport { CartProps } from \"../../orders/cart\";\nimport { MAX_CART_ITEM_QUANTITY } from \"../../constants/Misc\";\nimport { uploadCartItemQuantityChangeToGTM } from \"../../gtm/GA\";\nimport { alert } from \"../../js/shared/alert\";\n\nimport { theplant } from \"../../proto\";\ntype IOrderItem = theplant.ec.service.orders.IOrderItem;\n\nconst QuantitySelect = ({\n orderItem,\n onChange\n}: {\n orderItem: IOrderItem;\n onChange: CartProps[\"cart\"][\"updateQuantity\"];\n}) => {\n const quantity = Number(orderItem.quantity || 0);\n const quantityInStock = Number(orderItem.quantityInStock || 0);\n const maxQuantity =\n quantityInStock < MAX_CART_ITEM_QUANTITY\n ? quantityInStock\n : MAX_CART_ITEM_QUANTITY;\n\n const quantityOptions = [...Array(maxQuantity).keys()].map(i => (\n \n {i + 1}\n \n ));\n\n if (quantity > maxQuantity && quantity <= quantityInStock) {\n quantityOptions.push(\n \n {quantity}\n \n );\n }\n\n return (\n {\n const { articleCode } = orderItem;\n if (articleCode) {\n const updateQuantity = parseInt(e.target.value, 10);\n\n onChange(articleCode, updateQuantity)\n .then(() => {\n uploadCartItemQuantityChangeToGTM({\n orderItem,\n originalQuantity: quantity,\n updateQuantity\n });\n })\n .catch(e => {\n console.log({\n msg: \"Error happen when update cart item quantity\",\n api: \"theplant.ec.api.orders.CartService/setVariantCount\",\n error: e,\n articleCode: articleCode || \"\",\n variantInventory: quantityInStock,\n cartQuantity: quantity\n });\n\n if (\n e.errors.code ===\n theplant.ec.api.ErrorCode[\n theplant.ec.api.ErrorCode.ADD_AMOUNT_LIMIT_PRODUCT\n ]\n ) {\n alert(e.errors.msg);\n }\n });\n }\n }}\n >\n {quantityOptions}\n \n );\n};\n\nexport { QuantitySelect };\n","import * as React from \"react\";\n\nimport { confirm } from \"../../js/shared/alert\";\nimport {\n selectCartItemProperty,\n selectItemIsOutOfStock,\n selectItemIsRestricted,\n CartProps,\n} from \"../../orders\";\nimport { imgProps, ProductImageSize } from \"../../product/productImage\";\n\nimport { QuantitySelect } from \"./QuantitySelect\";\nimport { Price } from \"../shared/Price\";\n\nimport { isInStoreApp } from \"./helper\";\nimport { uploadRemoveFormCart } from \"../../gtm/GA\";\n\nimport { NotAvailable } from \"../../components/shared/NotAvailable\";\n\nimport { theplant } from \"../../proto\";\ntype IOrderItem = theplant.ec.service.orders.IOrderItem;\n\nconst REMOVE_FROM_CART_CONFIRMATION_MESSAGE = \"本当によろしいですか？\";\n\nconst selectItemIsRestrictedInInstoreApp = (orderItem: IOrderItem): boolean =>\n isInStoreApp && selectItemIsRestricted(orderItem);\n\nconst ProductTile = ({\n orderItem,\n onChangeQuantity,\n}: {\n orderItem: IOrderItem;\n onChangeQuantity: CartProps[\"cart\"][\"updateQuantity\"];\n}) => {\n const productName = orderItem.productName;\n const colorName = selectCartItemProperty(orderItem, \"ColorName\");\n const japanSize = selectCartItemProperty(orderItem, \"JapanSize\");\n const size = selectCartItemProperty(orderItem, \"Size\");\n const europeSize = selectCartItemProperty(orderItem, \"EuropeSize\");\n\n const productCode = orderItem.productCode;\n const colorCode = selectCartItemProperty(orderItem, \"ColorCode\");\n const productPath = `/products/${productCode}/${colorCode}`;\n\n return (\n \n
\n \n \n \n
\n
\n
\n
\n
\n カラー： \n {colorName}\n
\n
\n サイズ： \n {japanSize || europeSize || size}\n
\n
\n {selectItemIsOutOfStock(orderItem) ||\n selectItemIsRestrictedInInstoreApp(orderItem) ? (\n 数量： \n
\n
\n
\n
\n {/* eslint-disable-next-line */}\n
{\n confirm(REMOVE_FROM_CART_CONFIRMATION_MESSAGE).then(\n (isConfirmed) => {\n if (isConfirmed && orderItem.articleCode) {\n onChangeQuantity(orderItem.articleCode, 0);\n const quantity = Number(orderItem.quantity);\n uploadRemoveFormCart(orderItem, quantity);\n }\n }\n );\n }}\n >\n {deleteSVG}\n \n \n
\n
\n
\n
\n \n);\n\nexport { ProductTile, REMOVE_FROM_CART_CONFIRMATION_MESSAGE };\n","import * as React from \"react\";\n\nimport { confirm } from \"../../js/shared/alert\";\n\nimport {\n ProductTile,\n REMOVE_FROM_CART_CONFIRMATION_MESSAGE\n} from \"./ProductTile\";\n\nimport {\n selectItemIsRestricted,\n selectOrderHasRestrictedItems,\n CartProps\n} from \"../../orders\";\nimport { isInStoreApp } from \"./helper\";\n\nimport { theplant } from \"../../proto\";\ntype IOrder = theplant.ec.service.orders.IOrder;\n\nconst selectOrderHasRestrictedItemsInInStoreApp = (s: IOrder | null): boolean =>\n isInStoreApp && selectOrderHasRestrictedItems(s);\n\nconst Products = ({\n cart,\n clearCart,\n updateQuantity\n}: {\n cart: IOrder | null;\n clearCart: () => void;\n updateQuantity: CartProps[\"cart\"][\"updateQuantity\"];\n}) => (\n \n {selectOrderHasRestrictedItemsInInStoreApp(cart) ? (\n
\n 現在アプリでご購入いただけない商品「\n {cart &&\n (cart.orderItems || [])\n .filter(selectItemIsRestricted)\n .map(i => i.productName)\n .join(\"、\")}\n 」がカートに含まれています。ご注文を完了するにはこちらの商品を削除してください。\n システムエラーが疑われる場合は、お手数ですがシステム管理者にご連絡ください。\n \n ) : null}\n\n {isInStoreApp ? (\n
{\n confirm(REMOVE_FROM_CART_CONFIRMATION_MESSAGE).then(isConfirmed => {\n if (isConfirmed) {\n clearCart();\n }\n });\n }}\n >\n カートの中身を削除する\n \n ) : null}\n\n \n {cart &&\n (cart.orderItems || []).map(orderItem => (\n
\n ))}\n
\n);\n\nconst CartPromotionMessage = ({ cart }: CartProps) => {\n const messages = cart.cart && cart.cart.messages;\n\n if (!messages || messages.length === 0) {\n return null;\n }\n\n return (\n \n {messages.map(message => (\n
\n ))}\n
\n
\n \n \n\n
\n {stages.map(({ name, pathname }, idx) => {\n const active = currentStage === idx + 1;\n const completed = currentStage > idx + 1;\n\n return (\n {\n if (disabled) {\n return;\n }\n if (currentStage > idx) {\n history.push(pathname);\n }\n }}\n >\n STEP{idx + 1} \n {name}\n \n );\n })}\n \n
\n {children}\n
\n );\n};\n\nexport { ProgressBar };\n","import React from \"react\";\nimport * as H from \"history\";\nimport { ProgressBar } from \"../shared/ProgressBar\";\n\nimport {\n CHECKOUT_CART_PATH,\n CHECKOUT_SHIPPING_PATH,\n CHECKOUT_PAYMENT_PATH,\n CHECKOUT_AMAZON_PAY_PATH,\n CHECKOUT_CONFIRMATION_PATH,\n CHECKOUT_LOGIN_PATH,\n CHECKOUT_COMPLETE_PAYMENT_PATH,\n} from \"../../constants/Paths\";\n\nconst getCurrentStage = (pathname: string): number => {\n switch (pathname) {\n case CHECKOUT_CART_PATH:\n return 1;\n case CHECKOUT_LOGIN_PATH:\n return 1;\n case CHECKOUT_AMAZON_PAY_PATH:\n return 2;\n case CHECKOUT_SHIPPING_PATH:\n return 2;\n case CHECKOUT_PAYMENT_PATH:\n case CHECKOUT_COMPLETE_PAYMENT_PATH:\n return 3;\n default:\n return 0;\n }\n};\n\nconst getStagesByPathname = (pathname: H.Pathname) => {\n const stages: Array<{ name: JSX.Element; pathname?: string }> = [\n { name: <>カート, pathname: CHECKOUT_CART_PATH },\n ];\n\n return stages.concat(\n pathname === CHECKOUT_AMAZON_PAY_PATH\n ? [\n {\n name: <>お届け先情報,\n },\n ]\n : [\n {\n name: <>お届け先情報,\n pathname: CHECKOUT_SHIPPING_PATH,\n },\n { name: <>お支払い方法 },\n ]\n );\n};\n\nconst Stepper = ({\n pathname,\n disabled,\n}: {\n pathname: string;\n disabled?: boolean;\n}) =>\n pathname === CHECKOUT_CONFIRMATION_PATH ? null : (\n {\n componentDidMount() {\n window.scrollTo(0, 0);\n\n const cart = this.props.cart.cart;\n emitQubitItemsData(cart, \"basket\");\n }\n\n UNSAFE_componentWillReceiveProps(nextProps: CheckoutProps) {\n const cart = this.props.cart.cart;\n const orderItems = cart && cart.orderItems ? cart.orderItems : [];\n const nextCart = nextProps.cart.cart;\n const nextOrderItems =\n nextCart && nextCart.orderItems ? nextCart.orderItems : [];\n if (\n orderItems.reduce(countQuantity, 0) !==\n nextOrderItems.reduce(countQuantity, 0)\n ) {\n emitQubitItemsData(nextCart, \"basket\");\n }\n }\n\n render() {\n const {\n cart: { cart, isGuestUser, Abilities, state, clearCart, updateQuantity },\n } = this.props;\n\n if (state && state.type === \"fetching\") {\n return \n \n
\n
\n
\n
\n\n {!isInStoreApp &&\n Abilities &&\n Abilities.indexOf(Ability.CAN_APPLY_COUPON) !== -1 && (\n
\n )}\n\n
\n
\n\n
\n
\n
\n {isInStoreApp ? (\n
\n ご購入手続き\n \n ) : (\n \n\n
\n\n
\n
\n
\n (\n <>\n {/* eslint-disable-next-line */}\n {\n updateInput(DeliveryMethod.HOME_DELIVERY);\n if (!isGuestUser) {\n specifyBillingAddress(false);\n }\n touchInput();\n }}\n >\n 住所に配送 \n \n\n {/* amazon pay screen cannot delivery to store */}\n {canStorePickUp && !isInAmazonPayPage && (\n <>\n {/* eslint-disable-next-line */}\n {\n updateInput(DeliveryMethod.STORE_PICKUP);\n // must specify billing address on store pickup\n specifyBillingAddress(true);\n touchInput();\n }}\n >\n 店舗受け取り \n \n \n )}\n\n {/* amazon pay screen cannot delivery to combinni */}\n {canCombiniPickUp && !isInAmazonPayPage && (\n <>\n {/* eslint-disable-next-line */}\n {\n updateInput(DeliveryMethod.CONVENIENCE_PICKUP);\n // must specify billing address on store pickup\n specifyBillingAddress(true);\n touchInput();\n }}\n >\n コンビニ \n \n \n )}\n\n \n );\n};\n\nexport { DeliveryMethods };\n","import React from \"react\";\n\nimport {\n DataProps,\n OrderServiceProps,\n checkoutForm,\n selectAbilityIsEnabled,\n} from \"../../../orders\";\nimport { Form } from \"../../../form\";\n\nimport { theplant } from \"../../../proto\";\nimport { Selector } from \"../Selector\";\nimport { getDate } from \"../helper\";\ntype IDeliveryDateRange = theplant.ec.service.orders.IDeliveryDateRange;\nconst DeliveryMethod = theplant.ec.api.orders.DeliveryMethod;\n\nconst input = Form.on(checkoutForm, \"form\");\n\nconst deliveryInfoForm = Form.on(input, \"deliveryInfo\");\n\nconst specifiedForm = Form.on(deliveryInfoForm, \"specified\");\nconst specifiedDateForm = Form.on(deliveryInfoForm, \"specifiedDate\");\nconst specifiedHoursForm = Form.on(deliveryInfoForm, \"specifiedHours\");\n\ninterface HomeDeliveryOptionsProps {\n data: DataProps[\"data\"][\"data\"];\n checkout: OrderServiceProps[\"checkout\"];\n isAmazonPay?: boolean;\n}\n\nconst NormalDeliveryInfo = ({\n deliveryDateRange,\n}: {\n deliveryDateRange?: IDeliveryDateRange | null;\n}) =>\n deliveryDateRange && deliveryDateRange.dates ? (\n \n 最短お届け日：\n {deliveryDateRange && deliveryDateRange.dates[0]}\n \n ) : null;\n\nconst HomeDeliveryOptions = ({\n data,\n checkout: {\n input: {\n form: { deliveryInfo, deliveryMethod },\n },\n },\n}: HomeDeliveryOptionsProps) => {\n const visible = deliveryMethod === DeliveryMethod.HOME_DELIVERY;\n if (!visible) {\n return null;\n }\n\n if (!data) {\n return null;\n }\n\n if (\n !selectAbilityIsEnabled(\n data,\n theplant.ec.api.orders.Ability.CAN_DELIVERY_DATE\n )\n ) {\n return null;\n }\n\n const deliveryDateRange = data && data.deliveryDateRange;\n\n if (!deliveryDateRange) {\n return null;\n }\n\n const { hours } = deliveryDateRange;\n let showDatePicker = true;\n\n // if admin set cannotSpecify to true, then not show DatePicker\n if (deliveryDateRange.cannotSpecify) {\n showDatePicker = false;\n }\n\n let filledHours: Array =\n hours || [];\n if (hours && hours.length && hours.length % 4 !== 0) {\n filledHours = filledHours.concat(\n Array.from(Array(4 - (hours.length % 4)).keys()).map(() => null)\n );\n }\n\n const dateOptions = (deliveryDateRange.dates || [])\n .map((item) => ({\n key: item ? item : \"\",\n name: item ? `${item} (${getDate(new Date(item)).youbi})` : \"\",\n }))\n .filter(({ key, name }) => key && name) as [{ key: string; name: string }];\n\n const hourOptions = (filledHours || [])\n .map((item) => ({\n key: item ? item.value : \"\",\n name: item ? item.name : \"\",\n }))\n .filter(({ key, name }) => key && name) as [{ key: string; name: string }];\n\n return deliveryDateRange && deliveryDateRange.cannotSpecify === true ? (\n \n \n
{deliveryDateRange.reason && deliveryDateRange.reason.noticeInfo}
\n
\n ) : (\n \n \n
配送日時指定（任意） \n
\n\n
{\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useEffect(() => {\n if (deliveryInfo) {\n if (\n !deliveryInfo.specifiedDate &&\n !deliveryInfo.specifiedHours\n ) {\n updateIsSpecified(false);\n } else {\n updateIsSpecified(true);\n }\n }\n }, [updateIsSpecified]);\n\n return null;\n }}\n />\n\n {showDatePicker && !!deliveryInfo && (\n \n (\n (\n
\n )}\n \n );\n};\n\nexport { HomeDeliveryOptions };\n","export const GOOGLE_MAP_SCRIPT_URL_PREFIX =\n \"https://maps.googleapis.com/maps/api/js?libraries=places,geometry&key=\";\n\nexport const GOOGLE_MAP_KEY = \"AIzaSyBUul4AwgueNpuml1R0pzh3l-K8qCJrNAg\";\n\nexport const defaultMapCenter = {\n lat: 35.0778398,\n lng: 139.6557092,\n};\n\nexport const defaultZoomLevel = 4;\n\nexport const MAX_RADIUS_FOR_NEARBY_A_POINT = 8000; // m\n\nexport const TIMEOUT_FOR_GET_USER_LOCATION = 5000; // milliseconds\n","export default __webpack_public_path__ + \"static/media/location-aigle-new-shad.59bd3333.png\";","import React from \"react\";\n\nimport { theplant } from \"../../../../proto\";\ntype IStore = theplant.ec.service.stores.IStore;\n\nconst List = ({\n visible,\n stores,\n updateStoreId,\n}: {\n visible: boolean;\n stores: IStore[];\n updateStoreId: (id: string) => void;\n}) => (\n \n {(stores || []).map((store, idx) => (\n \n
\n {idx + 1} \n {store.name}\n \n
\n 〒{store.zip}\n
\n
{\n if (!!store.id && store.id !== \"\") {\n updateStoreId(store.id);\n }\n }}\n >\n この店舗で受け取る\n \n \n
選択中の店舗： \n
\n
{selectedStore.name || \"\"} \n
\n 〒{selectedStore.zip}\n
\n {/* eslint-disable-next-line */}\n
\n 受け取り店舗を変更する\n \n
\n
{\n UNSAFE_componentWillReceiveProps(nextProps: StorePickUpProps) {\n const {\n data,\n checkout: {\n specifyDeliveryMethod,\n input: {\n form: { deliveryMethod },\n },\n },\n } = nextProps;\n\n const methodSelected = deliveryMethod === DeliveryMethod.STORE_PICKUP;\n const canStorePickUp = selectAbilityIsEnabled(\n data,\n Ability.CAN_STORE_PICKUP\n );\n\n // store pick up is disabled, preset home delivery\n if (methodSelected && !canStorePickUp) {\n specifyDeliveryMethod(DeliveryMethod.HOME_DELIVERY);\n }\n }\n render() {\n const {\n data,\n checkout: {\n input: {\n form: { deliveryMethod, storeId },\n },\n updateStoreId,\n },\n config,\n } = this.props;\n\n const methodSelected = deliveryMethod === DeliveryMethod.STORE_PICKUP;\n const canStorePickUp = selectAbilityIsEnabled(\n data,\n Ability.CAN_STORE_PICKUP\n );\n if (!methodSelected || !canStorePickUp) {\n return null;\n }\n\n return (\n \n `\n \n
\n
${store.name} \n
\n 〒${store.zip}
\n
この店舗で受け取る \n
\n {state.type === \"loading\" ?
: null}\n\n {!!storeId && state.type !== \"loading\" ? (\n
s.id === storeId) || {}\n }\n onChange={() => {\n updateStoreId(null);\n }}\n />\n ) : null}\n\n \n {myStore &&\n storeId &&\n allStores.find((s) => s.id === myStore.id) !== undefined ? (\n \n
選択中の店舗： \n
{myStore.name} \n
\n 〒{myStore.zip}\n
\n
{\n if (!!myStore.id && myStore.id !== \"\") {\n updateStoreId(myStore.id);\n }\n }}\n >\n この店舗で受け取る\n \n \n \n 店舗検索\n \n
\n\n \n {state.type === \"searching\" ?
\n (\n \n );\n }\n}\n\nconst WithConfigStorePickUp = withConfig(StorePickUp);\nexport { WithConfigStorePickUp as StorePickUp };\n","import React from \"react\";\n\nimport queryString from \"query-string\";\nimport Modal from \"react-modal\";\nimport urlencode from \"urlencode\";\n\nimport { CHECKOUT_COMBINI_PATH } from \"../../../constants/Paths\";\nimport { Errors } from \"../../shared/Errors\";\n\nimport { DataProps, selectAbilityIsEnabled } from \"../../../orders/data\";\nimport { OrderServiceProps, checkoutForm } from \"../../../orders/order\";\nimport { Form } from \"../../../form\";\n\nimport { theplant } from \"../../../proto\";\nimport { InlineLoading } from \"../../Loading\";\nconst DeliveryMethod = theplant.ec.api.orders.DeliveryMethod;\nconst Ability = theplant.ec.api.orders.Ability;\n\nconst input = Form.on(checkoutForm, \"form\");\nconst storeInfoForm = Form.on(input, \"storeInfo\");\n\ninterface Props {\n data: DataProps[\"data\"][\"data\"];\n checkout: OrderServiceProps[\"checkout\"];\n}\n\n// Ref: https://plainjs.com/javascript/styles/getting-width-and-height-of-an-element-23/\nconst getIsInDesktop = () =>\n (window.innerWidth ||\n document.documentElement.clientWidth ||\n document.body.clientWidth) >= 768;\n\nclass CombiniDeliveryOptions extends React.Component<\n Props,\n { isModalOpen: boolean; isInDesktop: boolean }\n> {\n state = { isModalOpen: false, isInDesktop: false };\n\n openModal = () => {\n this.setState({ isModalOpen: true, isInDesktop: getIsInDesktop() });\n };\n\n closeModal = () => {\n this.setState({ isModalOpen: false });\n };\n\n componentDidMount() {\n window.addEventListener(\"message\", this.handleMessage);\n }\n\n componentWillUnmount() {\n window.removeEventListener(\"message\", this.handleMessage);\n }\n\n UNSAFE_componentWillReceiveProps(nextProps: Props) {\n const {\n data,\n checkout: {\n specifyDeliveryMethod,\n input: {\n form: { deliveryMethod }\n }\n }\n } = nextProps;\n\n const methodSelected = deliveryMethod === DeliveryMethod.CONVENIENCE_PICKUP;\n const canCombiniPickUp = selectAbilityIsEnabled(\n data,\n Ability.CAN_CONVENIENCE_PICKUP\n );\n\n // combini pick up is disabled, preset home delivery\n if (methodSelected && !canCombiniPickUp) {\n specifyDeliveryMethod(DeliveryMethod.HOME_DELIVERY);\n }\n }\n\n handleMessage = (event: MessageEvent) => {\n if (event.origin === window.location.origin) {\n if (event.data && event.data.combiniResult) {\n // Ref: https://docs.google.com/spreadsheets/d/1ZR_JDSHnuwX8ziptH-gq2loeMucJKUcky_36M-N0t7M/edit#gid=498302548\n // PC＝EUC-JP Smartphone＝UTF-8 feature phone＝Shift-JIS\n // ※ not related to input enc\n const combiniResult = urlencode.decode(\n event.data.combiniResult,\n getIsInDesktop() ? \"EUC-JP\" : \"UTF-8\"\n );\n\n const combiniInfo = queryString.parse(combiniResult) as {\n [key: string]: string | undefined;\n };\n\n this.props.checkout.updateCombiniInfo({\n sid: combiniInfo.sid || null,\n sname: combiniInfo.sname || null,\n saddr: combiniInfo.saddr || null,\n spt: combiniInfo.spt || null,\n stflg: combiniInfo.stflg || null,\n uid: combiniInfo.uid || null,\n sjarea: combiniInfo.sjarea || null,\n szcd: combiniInfo.szcd || null,\n stel: combiniInfo.stel || null,\n scode: combiniInfo.scode || null,\n spare3: combiniInfo.spare3 || null,\n spare4: combiniInfo.spare4 || null,\n spare5: combiniInfo.spare5 || null,\n spare6: combiniInfo.spare6 || null,\n spare7: combiniInfo.spare7 || null,\n spare8: combiniInfo.spare8 || null,\n spare9: combiniInfo.spare9 || null,\n spare10: combiniInfo.spare10 || null\n });\n\n this.closeModal();\n }\n }\n };\n\n render() {\n const {\n data,\n checkout: {\n input: {\n form: { deliveryMethod, storeInfo }\n }\n }\n } = this.props;\n\n const methodSelected = deliveryMethod === DeliveryMethod.CONVENIENCE_PICKUP;\n const canCombiniPickUp = selectAbilityIsEnabled(\n data,\n Ability.CAN_CONVENIENCE_PICKUP\n );\n if (!methodSelected || !canCombiniPickUp) {\n return null;\n }\n\n const isStoreSelected = storeInfo && Object.keys(storeInfo).length > 0;\n\n return (\n \n {isStoreSelected && storeInfo ? null : (\n \n 受取りコンビニを選択\n \n )}\n\n {isStoreSelected && storeInfo && (\n \n
選択中のコンビニ： \n
\n
{storeInfo.sname} \n
\n 〒{storeInfo.szcd}\n
\n
\n 受け取りコンビニを変更\n \n \n
\n ※ご利用の際には\n \n 注意事項\n \n をご確認ください。\n
\n\n (\n \n {/* eslint-disable-next-line */}\n \n 閉じる\n \n\n = {\n value: T;\n updateInput: (v: T) => void;\n};\n\nclass _PrefillField extends React.Component, {}> {\n componentDidMount() {\n const { updateInput, value } = this.props;\n updateInput(value);\n }\n render() {\n return null;\n }\n}\n\ninterface Props {\n field: K;\n value: ICheckoutInput[K];\n}\n\nconst PrefillField = ({\n field,\n value\n}: Props) => (\n (\n <>\n {/* eslint-disable-next-line */}\n <_PrefillField updateInput={updateInput} value={value} />\n \n )}\n />\n);\n\nexport { PrefillField };\n","import * as React from \"react\";\n\nimport { CheckboxInput } from \"../shared/CheckboxInput\";\nimport { Errors } from \"../shared/Errors\";\n\nimport { checkoutForm } from \"../../orders\";\nimport { Form } from \"../../form\";\n\nconst input = Form.on(checkoutForm, \"form\");\nconst specifyBillingAddressForm = Form.on(input, \"specifyBillingAddress\");\n\nconst SpecifyBillingAddressOption = () => (\n \n (\n <>\n {\n updateInput(!checked);\n touchInput();\n }}\n className=\"mt-15\"\n >\n 注文者情報と配送先情報は同じ \n \n
\n);\n\nexport { SpecifyBillingAddressOption };\n","import * as React from \"react\";\nimport { CheckboxInput } from \"../shared/CheckboxInput\";\nimport cx from \"classnames\";\n\nimport { NameAndAddress } from \"./NameAndAddress\";\nimport { Errors } from \"../shared/Errors\";\n\nimport { checkoutForm } from \"../../orders\";\nimport { Form } from \"../../form\";\n\nimport { theplant } from \"../../proto\";\nimport AddressDetail from \"../shared/AddressDetail\";\ntype IShippingAddress = theplant.ec.service.users.IShippingAddress;\ntype IAddress = theplant.ec.service.users.IAddress;\n\nconst input = Form.on(checkoutForm, \"form\");\nconst shippingAddressIdForm = Form.on(input, \"shippingAddressId\");\nconst billingAddressIdForm = Form.on(input, \"billingAddressId\");\n\nconst AddressSelector = (props: {\n addresses: IShippingAddress[];\n form: Form;\n addressId?: string | null;\n selectAddress: (\n prefix: \"shippingAddress\" | \"billingAddress\",\n id: string\n ) => void;\n isShowAddressForm: boolean;\n onChangeShowAddressForm: (\n type: \"shipping\" | \"billing\",\n show: boolean\n ) => void;\n newShippingAddress?: boolean;\n newBillingAddress?: boolean;\n toSetNewAddress: (\n prefix: \"shippingAddress\" | \"billingAddress\",\n newAddress: boolean\n ) => void;\n}) => {\n const {\n addresses,\n addressId,\n form,\n selectAddress,\n isShowAddressForm,\n onChangeShowAddressForm,\n toSetNewAddress,\n newShippingAddress,\n newBillingAddress,\n } = props;\n\n // form.path = [\"form\", \"shippingAddress\" || \"billingAddress\"]\n const addressType = form.path[1];\n\n const isShippingAddress = addressType === \"shippingAddress\";\n const type = isShippingAddress ? \"shipping\" : \"billing\";\n const previousSelectedId = React.useRef(addressId || \"\");\n\n const prefix = isShippingAddress ? \"shippingAddress\" : \"billingAddress\";\n\n const newAddress = isShippingAddress ? newShippingAddress : newBillingAddress;\n\n return (\n <>\n \n {addresses.map((a) => (\n {\n onChangeShowAddressForm(type, false);\n selectAddress(prefix, id);\n toSetNewAddress(prefix, false);\n }}\n onClickShowAddressForm={() => onChangeShowAddressForm(type, true)}\n prefix={prefix}\n />\n ))}\n
\n {addresses.map(\n (a) =>\n a.id === addressId &&\n isShowAddressForm &&\n form && {\n onChangeShowAddressForm(type, false);\n\n toSetNewAddress(prefix, !newAddress);\n\n if (!newAddress) {\n if (addressId) {\n previousSelectedId.current = addressId;\n }\n selectAddress(prefix, \"\");\n } else {\n if (previousSelectedId.current) {\n selectAddress(prefix, previousSelectedId.current || \"\");\n }\n }\n }}\n >\n {isShippingAddress ? \"新しい配送先住所に送る\" : \"新しい住所を追加\"}\n \n {newAddress ? \n 編集\n \n ) : null;\n\nconst ExistingAddress = ({\n address: { id, address },\n addressId,\n selectAddress,\n prefix,\n onClickShowAddressForm,\n}: {\n address: IShippingAddress;\n addressId?: string | null;\n selectAddress: (id: string) => void;\n prefix: \"shippingAddress\" | \"billingAddress\";\n onClickShowAddressForm: () => void;\n}) => {\n if (!address) {\n return null;\n }\n\n const isSelected = addressId === id;\n\n return (\n \n
{\n if (isSelected) {\n return;\n }\n selectAddress(id || \"\");\n }}\n >\n (\n <>\n (\n <>\n (\n <>\n \n
\n
\n
\n\n
\n
\n
\n\n
\n
\n\n
\n\n
\n\n
\n {deliveryMethod === DeliveryMethod.STORE_PICKUP ||\n deliveryMethod === DeliveryMethod.CONVENIENCE_PICKUP ? null : (\n <>\n
配送先情報 \n {userShippingAddress && userShippingAddress.length > 0 ? (\n
\n ) : (\n
\n }\n />\n )}\n\n
\n \n )}\n\n {specifyBillingAddress ? (\n <>\n
ご請求先住所 \n {userShippingAddress && userShippingAddress.length > 0 ? (\n
\n ) : (\n
\n )\n }\n />\n )}\n \n ) : null}\n
\n\n {deliveryMethod === DeliveryMethod.STORE_PICKUP && (\n
\n ※店舗受け取りの場合のお支払い方法は、クレジットカードのみです。\n
\n )}\n
\n\n
\n\n
\n
\n\n
\n
\n
\n\n
\n \n 次へ進む\n \n
\n\n {this.state.emailExistError && (\n
\n
\n )}\n
\n\n
\n\n
\n
\n
\n
(\n C: React.ComponentType
\n): React.ComponentType
=>\n withInvalidAddressFormEditableStore(\n class extends React.Component<\n P &\n OrderServiceProps &\n DataProps &\n WithInvalidAddressFormEditableStoreProps\n > {\n putSelectedAddressIfFormIsEmpty = (\n type: \"shippingAddress\" | \"billingAddress\"\n ) => {\n const {\n data: { data },\n checkout: {\n updateAddressForm,\n input: { form }\n }\n } = this.props;\n\n const currentAddress = form[type];\n const addressId =\n form[\n type === \"shippingAddress\"\n ? \"shippingAddressId\"\n : \"billingAddressId\"\n ];\n\n if (!currentAddress) {\n const selectedAddress =\n data &&\n data.userShippingAddress &&\n data.userShippingAddress.find(({ id }) => id === addressId);\n\n if (selectedAddress && selectedAddress.address) {\n updateAddressForm(type, selectedAddress.address);\n }\n }\n };\n\n onConfirm: InvalidAddressFormEditableProps[\"onConfirm\"] = (\n onResolve,\n onReject\n ) => {\n const {\n checkout: {\n validateShippingInput,\n input: {\n form: { specifyBillingAddress }\n }\n },\n invalidAddressFormEditable: {\n setShippingEditorState,\n setBillingEditorState\n }\n } = this.props;\n\n this.putSelectedAddressIfFormIsEmpty(\"shippingAddress\");\n if (specifyBillingAddress) {\n this.putSelectedAddressIfFormIsEmpty(\"billingAddress\");\n }\n validateShippingInput(onResolve, error => {\n // Should not close the editor even if the error field has been fixed\n // because if close the editor, the AddressListItem is still not right.\n if (hasAddressFieldError(\"shipping\", error)) {\n setShippingEditorState(true);\n }\n if (hasAddressFieldError(\"billing\", error)) {\n setBillingEditorState(true);\n }\n onReject && onReject(error);\n });\n };\n\n onChangeShowAddressForm: InvalidAddressFormEditableProps[\"onChangeShowAddressForm\"] = (\n type,\n show\n ) => {\n if (show) {\n this.putSelectedAddressIfFormIsEmpty(\n type === \"shipping\" ? \"shippingAddress\" : \"billingAddress\"\n );\n // Validate input to fetch and show the address field errors via\n // `validateShippingInput`(Why not use `validateInput`? As it not\n // \"sumbit error\", just \"set error\", which means it won't show the\n // error if the correspond field is not dirty.\n this.props.checkout.validateShippingInput();\n } else {\n // If close the AddressForm, clean up the AddressForm info\n this.props.checkout.updateAddressForm(\n type === \"shipping\" ? \"shippingAddress\" : \"billingAddress\",\n undefined\n );\n }\n if (type === \"shipping\") {\n this.props.invalidAddressFormEditable.setShippingEditorState(show);\n } else {\n this.props.invalidAddressFormEditable.setBillingEditorState(show);\n }\n };\n\n render() {\n return (\n ) => (\n <>\n \n
\n\n
\n {isThirdPay ? null : (\n
{\n UploadConfirmOrderToGTM({\n order: cart,\n data: dataProp.data,\n checkout: form,\n });\n if (isAmazonPayInComplete) {\n if (confirmAmazonOrder) {\n // call confirm api in amazon pay confirm button\n confirmAmazonOrder();\n }\n } else {\n confirm((confirmResult) => {\n // the GTM trigger is listening on history change,\n // need to set the data before history change,\n // otherwise the GA Transaction Tag cannot work.\n pushData(confirmResult.order || {});\n\n if (confirmResult.threeDSRedirectHtml) {\n threeDSRedirectHTMLHandler(confirmResult.threeDSRedirectHtml);\n return;\n }\n\n history.replace(CHECKOUT_CONFIRMATION_PATH);\n }, scrollToFirstError);\n }\n }}\n >\n {CHECKOUT}\n \n )}\n\n {CHECKOUT_AGREEMENT}
\n \n
{\n readonly state: State = {\n previousPaymentType: null,\n };\n\n componentDidMount() {\n const {\n checkoutPoints: { fetchPoints },\n checkout: {\n input: { form },\n },\n } = this.props;\n\n fetchPoints(form);\n }\n\n UNSAFE_componentWillReceiveProps(nextProps: Props & PointsProps) {\n const {\n checkoutPoints: { availableUsePoint, state, fetchPoints },\n checkout: {\n clearAppliedPoints,\n input: { form },\n },\n cart,\n confirmAmazonPay,\n } = nextProps;\n\n if (confirmAmazonPay) {\n return;\n }\n\n // call fetch point with new form\n if (\n (form.giftWrapping || {}).specified !==\n (this.props.checkout.input.form.giftWrapping || {}).specified\n ) {\n fetchPoints(form);\n }\n\n // fix [LAX-5321] previous payment type missing\n // update previousPaymentType payment type based on props.paymentType\n // but not for PAY_ALL_WITH_POINT\n // because it need to reply on point input to cover all money\n if (\n form.paymentType !== PAY_ALL_WITH_POINT &&\n form.paymentType !== this.state.previousPaymentType\n ) {\n this.setState({ previousPaymentType: form.paymentType });\n }\n if (\n state.type !== \"fetching\" &&\n this.props.checkoutPoints.state.type === \"fetching\"\n ) {\n const maxUsablePoints = Number(\n (availableUsePoint && availableUsePoint.maximumUsablePoints) || 0\n );\n\n const usedPoints = Number((cart && cart.pointsUsed) || 0);\n\n if (usedPoints > maxUsablePoints) {\n clearAppliedPoints();\n\n alert(\"有効なポイントを入力してください。\");\n }\n }\n }\n\n render() {\n const {\n isAmazonPay,\n data,\n cart,\n checkout: {\n specifyPaymentType,\n input: {\n form: { paymentType },\n },\n },\n checkoutPoints: {\n availableUsePoint,\n pointsInput,\n updatePointsInput,\n state,\n },\n disabled,\n updating,\n } = this.props;\n\n const { previousPaymentType } = this.state;\n\n if (selectAbilityIsEnabled(data, Ability.CAN_APPLY_POINT) === false) {\n return null;\n }\n\n if (selectCannotUsePoints(availableUsePoint) === true) {\n const notice = selectNotice(availableUsePoint);\n if (notice) {\n return (\n \n );\n } else {\n return null;\n }\n }\n\n const maxUasblePoints = Number(\n (availableUsePoint && availableUsePoint.maximumUsablePoints) || 0\n );\n\n const customerOwnedPoints = Number(\n (availableUsePoint && availableUsePoint.customerOwnedPoints) || 0\n );\n\n const usedPoints = getPointsUsedFromOrder(cart);\n\n if (state.type === \"fetching\") {\n return (\n \n \n ポイント \n\n \n 総保有ポイント：{customerOwnedPoints}ポイント \n
\n \n 利用可能ポイント：\n \n {maxUasblePoints > customerOwnedPoints\n ? customerOwnedPoints\n : maxUasblePoints}\n ポイント\n \n
\n \n
\n\n
(\n <>\n maxUasblePoints) ||\n updating,\n })}\n onClick={() => {\n if (pointsInput && pointsInput <= maxUasblePoints) {\n const isPayingAllAmountWithPoints =\n selectIsPayingAllAmountWithPoints(\n cart,\n paymentType,\n selectCODFee(data),\n pointsInput\n );\n if (isPayingAllAmountWithPoints) {\n if (isAmazonPay) {\n alert(`\n Amazonペイでは全額をポイントでお支払いいただくことができません。\n 全額ポイントをご利用の場合は、カートページに戻って購入手続きをしてください。\n `);\n return;\n }\n specifyPaymentType(PAY_ALL_WITH_POINT);\n this.setState({ previousPaymentType: paymentType });\n } else {\n if (previousPaymentType) {\n specifyPaymentType(previousPaymentType);\n } else {\n if (isAmazonPay) {\n specifyPaymentType(\n theplant.ec.service.orders.PaymentType.AMAZON_PAY\n );\n } else {\n specifyPaymentType(\n theplant.ec.service.orders.PaymentType.CREDIT_CARD\n );\n }\n }\n this.setState({ previousPaymentType: null });\n }\n updateInput(Number(pointsInput));\n updatePointsInput(0);\n if (!disabled) {\n touchInput();\n }\n }\n }}\n >\n 適用\n \n \n )}\n />\n (\n (\n \n \n ポイント利用：{usedPoints}ポイント \n {\n if (disabled) {\n return;\n }\n\n const isPayingAllAmountWithPoints =\n selectIsPayingAllAmountWithPoints(\n cart,\n paymentType,\n selectCODFee(data)\n );\n\n if (isPayingAllAmountWithPoints) {\n if (previousPaymentType) {\n specifyPaymentType(previousPaymentType);\n } else {\n if (isAmazonPay) {\n specifyPaymentType(\n theplant.ec.service.orders.PaymentType.AMAZON_PAY\n );\n } else {\n specifyPaymentType(\n theplant.ec.service.orders.PaymentType.CREDIT_CARD\n );\n }\n }\n }\n updateInput(0);\n if (!disabled) {\n touchInput();\n }\n }}\n />\n \n \n )}\n />\n ) : null}\n\n \n ※ポイントご利用金額には消費税分10%が加算されて値引されます。\n
\n \n );\n }\n}\n\nconst Points = withPoints(_Points) as React.ComponentType;\n\nexport { Points };\n","import * as React from \"react\";\n\ninterface RadioInputProps {\n children?: React.ReactNode;\n checked: boolean;\n onChange?: () => void;\n}\n\nconst RadioInput = ({ children, checked, onChange }: RadioInputProps) => (\n \n \n \n \n \n {children} \n
\n);\n\nexport { RadioInput };\n","import * as React from \"react\";\n\nimport { CheckboxInput } from \"../shared/CheckboxInput\";\nimport { Input } from \"../shared/Input\";\nimport { Errors } from \"../shared/Errors\";\n\nimport { checkoutForm } from \"../../orders\";\n\nimport { Form, FieldProps } from \"../../form\";\nimport { getCreditCardError } from \"../shared/getCreditCardError\";\n\nimport { UploadSavePayment } from \"../../gtm/GA\";\n\nimport {\n _getExpiryYearOptions as getExpiryYearOptions,\n _getExpiryMonthOptions as getExpiryMonthOptions,\n} from \"../../components/AccountApp/Personal/CreditCards/CreditCardForm\";\nimport { Selector } from \"../shared/Selector\";\nimport { useIsMobile } from \"../../components/hooks\";\n\nconst input = Form.on(checkoutForm, \"form\");\nconst isSaveCreditCardForm = Form.on(input, \"isSaveCreditCard\");\nconst creditCardInputForm = Form.on(input, \"creditCardInput\");\n\nconst expiryYearForm = Form.on(creditCardInputForm, \"expiryYear\");\nconst expiryMonthFrom = Form.on(creditCardInputForm, \"expiryMonth\");\nconst cvcFrom = Form.on(creditCardInputForm, \"cvc\");\n\nconst getNewOptions = (obj: any) =>\n obj.map(([key, name]: any) => ({\n key,\n name,\n }));\n\nconst CVCInput = ({\n value,\n updateInput,\n touchInput,\n dirty,\n errors,\n onClick,\n}: FieldProps) => {\n const { msg } = getCreditCardError(\n errors,\n (value || \"\").replace(/[^\\d]/g, \"\")\n );\n const isMobile = useIsMobile();\n\n return (\n \n
\n );\n};\ninterface CreditCardInputProps {\n cvcClick?: () => void;\n newCreditCard: boolean;\n setNewCreditCard: React.Dispatch>;\n}\n\nconst CreditCardInput = ({\n cvcClick,\n newCreditCard,\n setNewCreditCard,\n}: CreditCardInputProps) => (\n {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useEffect(() => {\n if (Object.entries(value || {}).length > 0) {\n setNewCreditCard(true);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n if (!newCreditCard) {\n return null;\n }\n\n return (\n \n
\n (\n {\n const { responseField: errorResponseField, msg } =\n getCreditCardError(errors);\n\n return errorResponseField === \"cardholder_name\" ? (\n
\n
\n (\n {\n const { responseField: errorResponseField, msg } =\n getCreditCardError(errors);\n\n return errorResponseField === \"card_number\" ? (\n
\n
\n
\n
有効期限 \n
\n
(\n \n
\n )}\n />\n (\n \n
\n )}\n />\n \n
\n
\n
\n {\n const { responseField: errorResponseField, msg } =\n getCreditCardError(errors);\n\n return errorResponseField === \"card_valid_term\" ? (\n
\n
\n (\n <>\n {\n updateInput(checked);\n touchInput();\n UploadSavePayment(checked);\n }}\n >\n クレジットカード情報を保存 \n \n \n )}\n />\n
\n
{\n const { responseField: errorResponseField, msg } =\n getCreditCardError(errors);\n\n if (\n errorResponseField === \"card_number\" ||\n errorResponseField === \"cardholder_name\" ||\n errorResponseField === \"card_conf_number\" ||\n errorResponseField === \"card_valid_term\"\n ) {\n return null;\n }\n\n return
;\n};\n\nconst withConfigAmazonPayButton = withConfig<{\n onClickAmazonButton?: () => void;\n}>(withContext(AmazonPayButton));\n\nexport { withConfigAmazonPayButton as AmazonPayButton };\n","import * as React from \"react\";\nimport { AmazonPayButton } from \"../shared/AmazonPayButton\";\nimport { RadioInput } from \"../shared/RadioInput\";\nimport { Form } from \"../../form\";\nimport { checkoutForm } from \"../../orders/order\";\nimport { theplant } from \"../../proto\";\nimport { saveInLocalStorage } from \"../shared/PrefillInputFromLocalStorage\";\nconst form = Form.on(checkoutForm, \"form\");\n\nconst PaymentType = theplant.ec.service.orders.PaymentType;\n\nconst AmazonPayRadio = ({\n isPayingAllAmountWithPoints,\n checkoutInputForm,\n}: {\n isPayingAllAmountWithPoints?: boolean;\n checkoutInputForm: theplant.ec.api.orders.ICheckoutInput;\n}) => (\n {\n const selected = value === PaymentType.AMAZON_PAY;\n const chooseAmazonPay = () => {\n updateInput(PaymentType.AMAZON_PAY);\n touchInput();\n };\n\n return (\n \n \n Amazon Pay \n
\n {selected && (\n \n
Amazonのログインページに移動します
\n
\n Amazonアカウントにご登録の住所・クレジットカード情報を利用して、簡単にご注文が出来ます。\n
\n
{\n if (checkoutInputForm) {\n saveInLocalStorage(checkoutInputForm);\n }\n }}\n />\n \n ) => void;\n cart?: theplant.ec.service.orders.IOrder | null;\n data: IData | null;\n domRef?: React.MutableRefObject;\n}\n\nconst SmartpayButton = (props: ConfigProps & ContextProps & IProps) => {\n const { cart, data, domRef } = props;\n\n const price = cart?.sumUp?.billingAmountWithTax;\n React.useEffect(() => {\n initSmartpayMessaging(\".checkout-smartpay-container\", {\n amount: String(price),\n typeClass: \"smartpay-osm-payment-method\",\n });\n }, [price]);\n\n const beforeGoPay = (\n e?: React.MouseEvent\n ) => {\n e?.preventDefault();\n props.buttonClick(e);\n };\n\n return (\n <>\n
\n \n ※smartpayのアプリ、またはウェブサイトへ移動します。\n
\n \n ※決済中はブラウザの戾るボタンで戾ったり、決済の途中で中断しないでください。正常にご注文をお受けすることができなくなります。{\" \"}\n
\n\n \n
\n \n でお支払い {\">\"} \n \n \n (\n withContext(SmartpayButton)\n);\n\nexport { withConfigSmartpayButton as SmartpayButton };\n","import React, { ComponentType } from \"react\";\nimport { SmartpayButton, IProps } from \"../shared/SmartpayButton\";\nimport { RadioInput } from \"../shared/RadioInput\";\nimport { Form } from \"../../form\";\nimport { checkoutForm, OrderServiceProps } from \"../../orders/order\";\nimport { theplant } from \"../../proto\";\nimport { saveInLocalStorage } from \"../shared/PrefillInputFromLocalStorage\";\nimport { initSmartpayMessaging } from \"../../js/smartpayMessage\";\nimport {\n CHECKOUT_CART_PATH,\n CHECKOUT_COMPLETE_PAYMENT_PATH,\n} from \"../../constants/Paths\";\nimport { IData } from \"../../orders\";\nimport { InlineLoading } from \"../Loading\";\nimport { SmartpayType } from \"../CompletePayment/type\";\nimport { UploadConfirmOrderToGTM } from \"../../gtm/GA\";\nimport { ConfirmOrderError } from \"../shared/CartSummaryAndConfirmButton\";\nimport { whichBrowser } from \"../../components/helper\";\n\nconst form = Form.on(checkoutForm, \"form\");\nconst PaymentType = theplant.ec.service.orders.PaymentType;\n\nconst PAYMENT_CONFIG = {\n [PaymentType.SMART_PAY]: {\n title: \"Smartpay\",\n },\n};\n\nconst WithPayRadio = (\n InsidePayButton: ComponentType,\n type: theplant.ec.service.orders.PaymentType\n) => {\n const PayRadio = ({\n isPayingAllAmountWithPoints,\n checkoutInputForm,\n cart,\n checkout,\n data,\n redirectUrl,\n }: {\n isPayingAllAmountWithPoints?: boolean;\n checkoutInputForm: theplant.ec.api.orders.ICheckoutInput;\n cart: theplant.ec.service.orders.IOrder | null;\n checkout: OrderServiceProps[\"checkout\"];\n redirectUrl?: string;\n data: IData | null;\n }) => {\n const domRef = React.useRef(null);\n const clicked = React.useRef(false);\n const currentConfig =\n PAYMENT_CONFIG[type as keyof typeof PAYMENT_CONFIG] || {};\n\n const { validateInput, updateDataForm } = checkout;\n\n const price = cart?.sumUp?.billingAmountWithTax;\n React.useEffect(() => {\n if (type !== PaymentType.SMART_PAY) return;\n initSmartpayMessaging(\".checkout-smartpay-container\", {\n amount: String(price),\n typeClass: \"smartpay-osm-payment-method\",\n // set true here because the switch will control the PayRadio\n enable: true,\n });\n }, [price, redirectUrl]);\n\n const buttonClick = (\n e?:\n | React.MouseEvent\n | undefined\n ) => {\n e?.stopPropagation();\n if (!clicked.current) {\n e?.preventDefault(); // prevent default submit, wait till confirm api success\n }\n\n if (checkoutInputForm) {\n UploadConfirmOrderToGTM({\n order: cart,\n data: data,\n checkout: checkout.input.form,\n });\n\n if (type === PaymentType.SMART_PAY) {\n updateDataForm(\"smartPayInput\", {\n sessionId: data?.smartPaySessionId,\n orderId: data?.smartPayOrderId,\n redirectUrl: redirectUrl,\n });\n }\n\n checkout.confirm(() => {\n clicked.current = true;\n if (type === PaymentType.SMART_PAY) {\n if (redirectUrl) {\n window.location.replace(redirectUrl);\n }\n } else {\n domRef.current?.querySelector(\"form\")?.submit();\n }\n saveInLocalStorage(checkoutInputForm, true);\n });\n }\n };\n\n const contentRender = (selected: boolean) => {\n if (!selected) return null;\n if (!redirectUrl) return \n \n {/* \n why set confirm order error here? \n because thrid-party payment call confirm api when click their own button.\n confirm error close to button is easy for user to understand\n \n ui also have other benefit:\n 1. can reuse selected state\n 2. only show error when selected and has redirectUrl and third-party confirm button\n 3.can reuse expand-content padding\n */}\n
\n );\n };\n\n return (\n {\n const selected = value === type;\n\n const changePayment = () => {\n if (selected) return;\n updateInput(type);\n\n if (type === PaymentType.SMART_PAY) {\n updateDataForm(\"smartPayInput\", {\n cancelUrl: `${origin}${CHECKOUT_CART_PATH}`,\n successUrl: `${origin}${CHECKOUT_COMPLETE_PAYMENT_PATH}?type=${SmartpayType}&userAgent=${whichBrowser()}`,\n });\n }\n validateInput();\n };\n return (\n \n \n {currentConfig.title} \n
\n {contentRender(selected)}\n \n );\n }}\n />\n );\n };\n return PayRadio;\n};\n\nexport const SmartpayRadio = WithPayRadio(\n SmartpayButton,\n PaymentType.SMART_PAY\n);\n","export type TPaymentType = typeof SmartpayType;\nexport const SmartpayType = \"SMART_PAY\";\n","import React, { useEffect, useRef } from \"react\";\nimport { findDOMNode } from \"react-dom\";\nimport { withConfig, ConfigProps } from \"../../config\";\n\nconst OpluxInPayment = withConfig(\n ({\n setDeviceInfo,\n config\n }: {\n setDeviceInfo: (deviceInfo: string | null | undefined) => void;\n } & ConfigProps) => {\n const ref = useRef(null);\n\n useEffect(() => {\n if (typeof window !== \"undefined\") {\n const opluxScript = config.OPLUX_SERVICE_SCRIPTURL;\n\n if (opluxScript) {\n const $script = require(\"scriptjs\");\n\n // download script\n $script(opluxScript, () => {\n if (ref.current) {\n const dom = findDOMNode(ref.current);\n if (dom) {\n const value = (dom as Element).getAttribute(\"value\");\n if (value) {\n setDeviceInfo(value);\n }\n }\n }\n });\n }\n }\n }, [config.OPLUX_SERVICE_SCRIPTURL, setDeviceInfo]);\n\n if (!config.OPLUX_SERVICE_SCRIPTURL) {\n return null;\n }\n\n return (\n <>\n (\n \n
\n
{\n const { responseField, msg } = getCreditCardError(\n errorsInCreditCardInput,\n (value || \"\").replace(/[^\\d]/g, \"\")\n );\n\n return (\n
\n {\n readonly state = {\n redirecting: false,\n };\n\n componentDidMount() {\n window.scrollTo(0, 0);\n\n const {\n checkout: {\n validateInput,\n resetFormState,\n selectCreditCard,\n updateDataForm,\n input: {\n form: { creditCardId },\n },\n },\n data: { data },\n } = this.props;\n\n // LAX-5313: get paymentType from storage\n const savedPayment =\n sessionStorage.getItem(\"paymentType\") || PaymentType.CREDIT_CARD;\n updateDataForm(\"paymentType\", Number(savedPayment));\n sessionStorage.setItem(\"paymentType\", \"\");\n\n // clear all dirty field onEnter shipping page,\n // reset submit state to \"new\"\n resetFormState();\n\n // select fisrt credit card by default\n const userCreditCards = data && data.userCreditCards;\n if (\n userCreditCards &&\n userCreditCards.length > 0 &&\n creditCardId === undefined\n ) {\n selectCreditCard(userCreditCards[0].id || \"\");\n } else {\n selectCreditCard(creditCardId || \"\");\n }\n\n validateInput();\n\n emitQubitItemsData(this.props.cart.cart, \"checkout\");\n\n GA4PageView();\n }\n\n UNSAFE_componentWillReceiveProps(nextProps: CheckoutProps) {\n if (\n this.props.confirmResult.state.type === \"fetching\" &&\n nextProps.confirmResult.state.type === null &&\n nextProps.confirmResult.result\n ) {\n this.setState({ redirecting: true });\n }\n }\n\n render() {\n const {\n confirmResult,\n cart: { cart },\n data: { data },\n checkout: {\n input: {\n form: { paymentType, deliveryMethod },\n },\n },\n } = this.props;\n\n if (this.state.redirecting) {\n return \n {confirmResult.state.type === \"fetching\" &&
}\n\n
(\n \n
\n
\n
\n\n
\n {isPayingAllAmountWithPoints && (\n
\n
\n \n \n \n ポイントで全額お支払いが完了しました。\n \n 注文を確定するボタンをクリックしてください。 \n
\n
\n )}\n
お支払い方法を選択してください
\n
(\n (\n {\n const [newCreditCard, setNewCreditCard] =\n React.useState(false);\n\n React.useEffect(() => {\n if (\n ((data && data.userCreditCards) || []).length ===\n 0\n ) {\n setNewCreditCard(true);\n }\n\n if (value) {\n setNewCreditCard(false);\n }\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const onChange = () => {\n updatePaymentTypeInput(PaymentType.CREDIT_CARD);\n touchPaymentTypeInput();\n };\n\n return (\n \n {paymentTypeValue ===\n PaymentType.CREDIT_CARD && (\n \n
\n {(userCreditCards || []).map(\n (c, index) => (\n
\n
\n {\n e.preventDefault();\n updatePaymentTypeInput(\n PaymentType.CREDIT_CARD\n );\n touchPaymentTypeInput();\n\n updateInput(c.id || \"\");\n updateCreditCardCvc(\n undefined\n );\n touchInput();\n setNewCreditCard(false);\n }}\n />\n
\n\n {c.id === value ? (\n
\n ) : null}\n\n {c.id === value && (\n
(\n \n )\n )}\n
\n {newCreditCard ? null : (\n
{\n setNewCreditCard(true);\n updateInput(\"\");\n }}\n >\n 別のカードを使用する\n \n )}\n\n {newCreditCard && (\n {\n const { responseField, msg } =\n getCreditCardError(errors);\n\n return responseField !==\n \"card_conf_number\" && dirty ? (\n \n );\n }}\n />\n )}\n />\n )}\n />\n\n {deliveryMethod ===\n theplant.ec.api.orders.DeliveryMethod.HOME_DELIVERY && (\n
\n )}\n {/* Smartpay */}\n {selectAbilityIsEnabled(data, Ability.CAN_APPLY_SMARTPAY) && (\n
\n
\n )}\n\n
{\n return selectAbilityIsEnabled(data, Ability.CAN_APPLY_COD) ? (\n \n
{\n updateInput(PaymentType.COD);\n touchInput();\n }}\n >\n {\n updateInput(PaymentType.COD);\n touchInput();\n }}\n >\n \n 代金引換：{formatCurrency(codFee)}\n （税込）\n \n \n ) : null;\n }}\n >\n
\n
\n \n (null);\n\n const onClose = React.useCallback(() => {\n if (showErrorAndRedirectToCart) {\n goBackToCart();\n }\n\n if (timerRef.current) {\n clearTimeout(timerRef.current);\n }\n }, [showErrorAndRedirectToCart]);\n\n React.useEffect(() => {\n if (errors && errors.length > 0) {\n const { msg } = getCreditCardError(errors);\n const errorMessage = getErrorMessage({ msg, errors });\n const displayText =\n typeof errorMessage === \"string\"\n ? errorMessage\n : errorMessage.join(\",\");\n\n alert(displayText, onClose);\n\n if (showErrorAndRedirectToCart) {\n timerRef.current = setTimeout(() => {\n if (showErrorAndRedirectToCart && timerRef.current) {\n goBackToCart();\n } else {\n if (timerRef.current) {\n clearTimeout(timerRef.current);\n }\n }\n }, TIMEOUT);\n } else {\n if (timerRef.current) {\n clearTimeout(timerRef.current);\n }\n }\n }\n return () => {\n if (timerRef.current) {\n clearTimeout(timerRef.current);\n }\n };\n }, [errors, onClose, showErrorAndRedirectToCart]);\n\n return null;\n};\n\nexport default Popup;\n","import * as React from \"react\";\n\nimport { Errors, AddressInCompleteError } from \"../shared/Errors\";\nimport { withConfig, ConfigProps } from \"../../config\";\nimport { checkoutForm } from \"../../orders\";\nimport { Form } from \"../../form\";\nimport {\n downloadAmazonScriptAndRunCallback,\n CHANGE_ADDRESS_ID,\n CHANGE_PAYMENT_ID,\n bindAmazonButtonAction,\n} from \"./helper\";\nimport { withData, DataProps } from \"../../orders/data\";\nimport Popup from \"./Popup\";\nimport { translate } from \"../../constants/ErrorMessages\";\n\nimport { theplant, proto } from \"../../proto\";\nimport { prefectures } from \"../../orders/prefectureData\";\ntype IAmazonPayInput = theplant.ec.service.orders.IAmazonPayInput;\ntype IValidationResult = theplant.ec.api.orders.IValidationResult;\n\nconst input = Form.on(checkoutForm, \"form\");\nconst amazonPayInputForm = Form.on(input, \"amazonPayInput\");\n\ntype AmazonPaymentWidgetsProps = {\n updateInput: (input: IAmazonPayInput) => void;\n touchInput: () => void;\n onClick?: () => void;\n confirmAmazonPay?: boolean;\n amazonCheckoutSessionId: string;\n error: proto.IValidationError | undefined;\n};\n\ntype Props = ConfigProps & AmazonPaymentWidgetsProps & DataProps;\n\nconst _AmazonPaymentWidgets = (props: Props) => {\n const {\n amazonCheckoutSessionId,\n config,\n data: { data },\n onClick,\n error,\n } = props;\n\n React.useEffect(() => {\n // when in did mount, data is null, and render nothing\n // after receive data, then bind button event to mounted button div\n if (amazonCheckoutSessionId && data) {\n downloadAmazonScriptAndRunCallback({\n url: config.AMAZON_PAY_SCRIPT,\n callback: () => {\n if (amazonCheckoutSessionId) {\n bindAmazonButtonAction(amazonCheckoutSessionId);\n }\n },\n });\n }\n }, [amazonCheckoutSessionId, data, config.AMAZON_PAY_SCRIPT]);\n\n if (!data) {\n return null;\n }\n\n return (\n \n
\n
\n \n
\n
\n
\n
\n
\n
\n ＊プレゼントとしてご自身以外の住所を商品をお届け先に指定されますと、ご依頼主様の情報が納品書に掲載されません。贈り物としてご自身以外にご注文される場合は、お手数ですが通常の決済方法でお進みください。\n
\n
\n
(\n <>\n (\n <>\n \n
\n
配送先情報 \n {shippingAddress &&\n (shippingAddress.familyName || shippingAddress.givenName) && (\n \n {shippingAddress.familyName +\n \" 〒\" +\n shippingAddress.zipcode +\n \" \" +\n // when AmazonPay adderss prefecture is `Tokyo`, display it to `東京都`\n ((\n prefectures.find(\n ({ english }) => english === shippingAddress.prefecture\n ) || {}\n ).name || shippingAddress.prefecture) +\n \" \" +\n shippingAddress.address1 +\n \" \" +\n shippingAddress.address2 +\n \" \" +\n shippingAddress.phone}\n \n )}\n \n
\n 変更\n \n
\n
\n
支払い方法 \n {paymentPreferences &&\n paymentPreferences.length > 0 &&\n paymentPreferences.map((paymentDescriptor, i) => (\n
\n \n Amazon ギフト券と {paymentDescriptor}\n \n
\n ))}\n
\n
\n 変更\n \n
(\n withData(\n _AmazonPaymentWidgets as any\n )\n);\n\nexport { AmazonPaymentWidget };\n","import React, { useState, useEffect } from \"react\";\n\nimport { CheckoutProps } from \"../.\";\nimport { HomeDeliveryOptions } from \"../shared/Delivery\";\nimport { AmazonPaymentWidget } from \"./AmazonPaymentWidgets\";\nimport { GiftWrapping } from \"../shared/GiftWrapping\";\nimport { Points } from \"../shared/Points\";\nimport { PrefillField } from \"../shared/PrefillField\";\nimport { CartSummaryAndConfirmButton } from \"../shared/CartSummaryAndConfirmButton\";\nimport { EmptyCart } from \"../Cart/EmptyCart\";\nimport { CHECKOUT_AMAZON_PAY_PATH } from \"../../constants/Paths\";\nimport Stepper from \"../Molecules/Stepper\";\nimport { CHECKOUT_CART_PATH } from \"../../constants/Paths\";\nimport {\n PrefillInputFromLocalStorage,\n saveInLocalStorage,\n} from \"../shared/PrefillInputFromLocalStorage\";\n\nimport { selectCouponsUsed, selectCartIsEmpty } from \"../../orders\";\nimport { emitQubitItemsData } from \"../Cart\";\nimport { UploadCheckoutEventDataToGTM } from \"../../gtm/GA\";\n\nimport {\n getSessionIdAndCompleteAmazonPayInURL,\n getAmazonPayloadUrl,\n} from \"../AmazonPay/helper\";\nimport { confirmAmazonOrder } from \"./confirmAmazonOrder\";\nimport { withRouter, RouteComponentProps } from \"react-router-dom\";\nimport { IValidationError } from \"@theplant/ecjs/prottp\";\nimport Popup from \"./Popup\";\nimport { translate } from \"../../constants/ErrorMessages\";\n\nimport { theplant } from \"../../proto\";\nimport { Loading } from \"../Loading\";\n\nconst PaymentType = theplant.ec.service.orders.PaymentType;\n\ntype AmazonPayProps = CheckoutProps &\n RouteComponentProps<{}> & {\n amazonCheckoutSessionId?: string | string[];\n };\n\nconst AmazonPayInner = (props: AmazonPayProps) => {\n const {\n amazonCheckoutSessionId,\n cart: { cart },\n data: { data },\n checkout: { updateDataForm, validateInput, updateAddressForm, error },\n } = props;\n const [loading, setLoading] = useState(true);\n const [redirecting, setRedirecting] = React.useState(false);\n\n useEffect(() => {\n const { amazonPayResultReturnUrl } = getAmazonPayloadUrl();\n\n updateDataForm(\n \"amazonPayInput\",\n new theplant.ec.service.orders.AmazonPayInput({\n amazonPaySessionId: String(amazonCheckoutSessionId),\n amazonPayResultReturnUrl,\n })\n );\n\n validateInput();\n setLoading(true);\n // eslint-disable-next-line\n }, []);\n\n React.useEffect(() => {\n if (data) {\n setLoading(false);\n }\n }, [data]);\n\n const onClickAmazonPayWidget = () => {\n const inputForm = props.checkout.input.form;\n if (inputForm) {\n saveInLocalStorage(inputForm);\n }\n };\n\n const updateAddressToAmazonPayAddress = () => {\n if (data) {\n const { amazonpayShippingAddress } = data;\n if (amazonpayShippingAddress) {\n updateAddressForm(\"shippingAddress\", amazonpayShippingAddress);\n updateAddressForm(\"billingAddress\", amazonpayShippingAddress);\n }\n }\n };\n\n const callOnConfirm = () => {\n UploadCheckoutEventDataToGTM({\n order: props.cart.cart,\n eventName: \"add_shipping_info\",\n deliveryMethod: props.checkout.input.form.deliveryMethod,\n giftWrapping: props.checkout.input.form?.giftWrapping,\n });\n confirmAmazonOrder({\n confirm: props.checkout.confirm,\n amazonpayRedirectUrl: data?.amazonpayRedirectUrl,\n setRedirecting,\n updateAddressToAmazonPayAddress,\n });\n };\n\n if (redirecting) {\n return
;\n }\n\n const couponsUsed = selectCouponsUsed(cart);\n\n if (cart && selectCartIsEmpty(cart) && !loading) {\n const { error } = props.data.state as {\n type: \"error\";\n error: IValidationError;\n };\n\n return (\n <>\n {error && error.errors.fieldViolations ? (\n \n {loading &&
}\n\n
\n
\n
\n {!loading &&
}\n\n
\n
(false);\n\n const { checkout, confirmResult, history } = props;\n const state = checkout.input.state;\n\n const { confirm: finishOrder } = checkout;\n const finishOrderCallback = () => {\n // set loading to false\n setLoading(false);\n // clear local storage data when finish order\n // if not clear next time it will be set in checkout form\n clearLocalStorageSaveForm();\n };\n\n useEffect(() => {\n setLoading(true);\n finishOrder(\n ({ order }) => {\n // the GTM trigger is listening on history change,\n // need to set the data before history change,\n // otherwise the GA Transaction Tag cannot work.\n pushData(order || {});\n finishOrderCallback();\n // avoid see empty thank-you page\n // if has order returned, go to thank-you page\n // if not has order returned, go to cart page\n if (order) {\n history.replace(CHECKOUT_CONFIRMATION_PATH);\n } else {\n history.replace(CHECKOUT_CART_PATH);\n }\n },\n () => {\n finishOrderCallback();\n },\n true // use finish order\n );\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const error = checkout.error;\n if (error?.fieldViolations?.length && !loading) {\n return (\n <>\n \n
\n
\n 現在、デフォルトのブラウザが開かれています。\n
\n
\n
\n
既にアカウントをお持ちです \n
\n 今回ご利用になられたメールアドレス（{email}\n ）は既にAIGLEオンラインショップに登録されています。今回のご購入で獲得されたポイントをお持ちのアカウントに追加される場合は、下記よりパスワードを入力してログインしてください。\n
\n\n
\n
\n (\n
\n
\n\n
\n {\n if (fetching) {\n return;\n }\n\n // disable the button\n setFetching(true);\n\n login(email, loginForm.password || \"\", orderCode)\n .then((user) => {\n setFetching(false);\n\n if (user) {\n setRedirecting(true);\n (window as any).location = ACCOUNT_PERSONAL_PATH;\n }\n })\n .catch(() => {\n setFetching(false);\n });\n }}\n >\n ログイン\n \n
\n
\n
\n
\n ご注文ありがとうございました \n ご注文番号： {result && result.order && result.order.code} \n {!hasInitialPasswordToken &&\n !amazonpayEmail &&\n !isGuestUserEmailExisting ? (\n \n ご登録のメールアドレスに「購入完了メール」をお送りしておりますのでご確認ください。\n ご注文情報は\n \n 購入履歴\n \n からもご確認いただけます。\n
\n ) : (\n \n この度はAIGLEオンラインショップをご利用いただき誠にありがとうございました。またのご利用をお待ちしております。\n
\n )}\n \n {!!amazonpayEmail ? (\n
\n ) : isGuestUserEmailExisting && customer && customer.email ? (\n
\n ) : !!shouldDisplayRegisterForm ? (\n
\n
\n AIGLEオンラインショップのアカウントを登録しよう！\n
\n
\n {getExpectPoint(result.order) || 0}+ 2,000ポイント取得できます\n
\n
\n ) : (\n
\n
\n 獲得ポイント：{givePoints || 0}\n ポイント\n
\n
\n 上記のポイントは、本日から10日以降に付与されます。\n
\n
\n 保有ポイントを確認する\n \n \n この度はAIGLEオンラインショップを\n
\n \n )}\n\n {shouldDisplayRegisterForm ? (\n
\n ) : null}\n {result && (\n
\n )}\n
\n {result && result.order && (\n
\n )}\n
\n
\n
\n
\n
\n
\n
ログイン \n
\n
ご登録済みのお客様
\n
(\n (\n \n ログイン\n \n \n
\n
\n
新規会員登録 \n
\n
\n ご入会いただくと、ポイントが貯められたり、会員限定セールなどの情報をいち早く入手できます。\n
\n\n
{\n this.props.history.replace(CHECKOUT_REGISTER_PATH);\n }}\n >\n 新規アカウントを作成\n \n\n {\n this.props.history.replace(CHECKOUT_SHIPPING_PATH);\n }}\n >\n 登録せずに購入\n \n \n
\n
\n
\n
Amazonアカウントで購入
\n
\n \n
\n Amazon\n Payで購入される場合、ご自身以外の住所を商品のお届け先に指定されますと、ご依頼主様の情報が納品書に掲載されません。贈り物としてご自身以外にご注文される場合は、通常の決済方法よりお進みください。\n
\n
\n
\n
\n
\n
}[] = [\n { path: CHECKOUT_CART_PATH, component: Cart },\n { path: CHECKOUT_SHIPPING_PATH, component: Shipping },\n { path: CHECKOUT_PAYMENT_PATH, component: Payment },\n { path: CHECKOUT_AMAZON_PAY_PATH, component: AmazonPay },\n { path: CHECKOUT_COMPLETE_PAYMENT_PATH, component: CompletePayment },\n { path: CHECKOUT_CONFIRMATION_PATH, component: Confirmation },\n { path: CHECKOUT_LOGIN_PATH, component: Login },\n { path: CHECKOUT_REGISTER_PATH, component: Register },\n];\n\nexport type CheckoutProps = UsersProps &\n CartProps &\n ConfirmResultProps &\n DataProps &\n OrderServiceProps;\n\nconst Checkout = (props: CheckoutProps) => {\n React.useEffect(() => {\n const menu = document.querySelector(\".header__hamburger\");\n if (menu) {\n if (menu.style.display !== \"none\") {\n menu.style.display = \"none\";\n }\n }\n }, []);\n return (\n \n (\n \n \n \n {ROUTES.map((r, idx) => (\n \n \n \n )}\n />\n \n );\n};\n\nconst CheckoutApp = withCartService(\n \"cart\",\n withConfirmResult(\n withData(withOrder(\"order\", withUsersService(\"users\", Checkout)))\n )\n);\n\nexport { CheckoutApp };\n","import React from \"react\";\n\nconst CombiniCallback = () => {\n React.useEffect(() => {\n const query = window.location.search;\n\n window.top &&\n window.top.postMessage({ combiniResult: query }, window.location.origin);\n }, []);\n\n return (\n \n );\n};\n\nexport { CombiniCallback };\n","import React, { useRef, useState, useEffect } from \"react\";\nimport { ArrowDown } from \"../atoms/svgs\";\n\nexport type TabProps = {\n title: string;\n content: string;\n maxHeight?: number;\n children?: React.ReactNode;\n className?: string;\n selected?: boolean;\n};\n\nconst ExpandContent = ({\n title,\n selected,\n children,\n className,\n maxHeight,\n}: TabProps) => {\n const ref = useRef(null);\n const [expand, setExpand] = React.useState(false);\n const [hideReadMore, setHideReadMore] = useState(false);\n\n const toggleExpand = () => setExpand(!expand);\n\n useEffect(() => {\n if (!ref.current) return;\n\n // unset maxHeight\n if (!maxHeight) return;\n\n // invisible content\n if (!selected) return;\n\n // already hidden\n if (hideReadMore) return;\n\n if (ref.current.clientHeight < maxHeight) {\n setHideReadMore(true);\n }\n }, [hideReadMore, maxHeight, selected]);\n\n useEffect(() => {\n if (ref) {\n const current = ref.current;\n if (current) {\n if (!expand) {\n current.scroll(0, 0);\n }\n }\n }\n }, [expand]);\n\n return (\n \n {hideReadMore ? null : (\n \n )}\n \n );\n};\n\nexport { ExpandContent, ArrowDown };\n","import React, { useEffect } from \"react\";\nimport { useIsTablet } from \"./hooks\";\nimport { ArrowDown } from \"../atoms/svgs\";\nimport { ExpandContent, TabProps } from \"./ExpandContent\";\n\ntype Props = {\n tabs: TabProps[];\n};\n\nconst Tabs = ({ tabs }: Props) => {\n const isDesktop = useIsTablet();\n const [current, setCurrent] = React.useState(0);\n const [openTabs, setOpenTabs] = React.useState<{\n [key: string]: boolean | undefined;\n }>({});\n const desktopClickTab = (index: number) => {\n // desktop click tab will close other opened tabs\n // means only 1 tab is open\n if (index === current) {\n if (!isDesktop) {\n setCurrent(undefined);\n }\n return;\n } else {\n setCurrent(index);\n }\n };\n\n useEffect(() => {\n const firstTab = tabs.length > 0 && tabs[0];\n\n if (firstTab && firstTab.title) {\n setOpenTabs({\n [firstTab.title]: true,\n });\n }\n }, [tabs]);\n\n const mobileSwitchTab = (title: string) => {\n // only for mobile: Once open a tab, stay it open when other tab is clicked.\n // means: mobile tab only toggle for itself\n // use map{[title]: true/false} to track each tab\n // refer: https://theplanttokyo.atlassian.net/browse/LAX-5211?focusedCommentId=296314\n setOpenTabs({ ...openTabs, [title]: !openTabs[title] });\n };\n\n return isDesktop ? (\n <>\n \n {tabs.map(({ title }, index) => (\n desktopClickTab(index)}\n >\n {title}\n \n ))}\n
\n\n {tabs.map(({ title, content, className }, index) => (\n \n
\n \n ))}\n \n ) : (\n \n {tabs.map(({ title, content, className }, index) => (\n
\n \n
mobileSwitchTab(title)}\n >\n {title}\n \n
\n \n \n ))}\n
([]);\n const getData = React.useCallback(() => {\n const materialDesc = document.querySelector(\n \".description-wrapper .material-desc\"\n );\n const designDesc = document.querySelector(\".design-desc\");\n const sizeDesc = document.querySelector(\".size-desc\");\n const specifialDesc = document.querySelector(\".detailMessage\");\n const plpLink = document.querySelector(\".pdpToPlpInterLink\");\n\n let tabs = [];\n\n if (productData.description) {\n tabs.push({\n title: \"説明\",\n content: productData.description,\n });\n }\n\n if (materialDesc && materialDesc.innerHTML) {\n tabs.push({\n title: \"素材\",\n content: materialDesc ? materialDesc.innerHTML : \"\",\n });\n }\n\n if (designDesc && designDesc.innerHTML) {\n tabs.push({\n title: \"デザイン\",\n content: designDesc && designDesc.innerHTML,\n });\n }\n\n if (specifialDesc && specifialDesc.innerHTML) {\n tabs.push({\n title: \"商品詳細\",\n content:\n specifialDesc &&\n `${specifialDesc.innerHTML} `,\n });\n }\n\n if (sizeDesc && sizeDesc.innerHTML) {\n tabs.push({\n title: \"サイズ感\",\n content: sizeDesc && sizeDesc.innerHTML,\n });\n }\n if (plpLink && plpLink.innerHTML) {\n tabs.push({\n title: \"関連コレクション\",\n content: plpLink && plpLink.innerHTML,\n className: \"pdpToPlpInterLink\",\n });\n }\n\n setTabs(tabs);\n }, [productData.description]);\n\n useEffect(() => {\n getData();\n }, [getData]);\n\n return \n ${message}\n \n `).appendTo(\".pdp-info .js-pdp-info__sizes .title\");\n\n scrollToFirstError();\n });\n};\n\nconst addSizeNotSelectedError = () => {\n renderErrorMessages([\"サイズを選択してください\"]);\n};\n\nexport { getSelectedArticleCode, renderErrorMessages, addSizeNotSelectedError };\n","import { useEffect } from \"react\";\nimport $ from \"jquery\";\nimport { ACCOUNT_WISHLIST_PATH } from \"../../../constants/Paths\";\nimport {\n getSelectedArticleCode,\n renderErrorMessages,\n addSizeNotSelectedError,\n} from \"./helper\";\nimport {\n requireAuth,\n parseJSONHandlerFuncResponseForAjax,\n} from \"../../../js/helper\";\n\nconst AddToWishList = () => {\n const handleClickAddToWishlist = () => {\n requireAuth(() => {\n const articleCode = getSelectedArticleCode();\n console.log(\"handleClickAddToWishlist\", articleCode);\n if (articleCode) {\n postWishItems(articleCode);\n } else {\n addSizeNotSelectedError();\n }\n });\n };\n\n const postWishItems = (articleCode: string) => {\n $.ajax({\n url: \"/account/wish-item.json\",\n type: \"POST\",\n data: JSON.stringify({ params: [articleCode] }),\n success: function (data) {\n const { error, errorMessages } =\n parseJSONHandlerFuncResponseForAjax(data);\n if (error) {\n if (errorMessages) {\n let messages = { ...errorMessages } as string[];\n renderErrorMessages(messages);\n }\n return;\n }\n\n window.location.href = ACCOUNT_WISHLIST_PATH;\n },\n });\n };\n\n useEffect(() => {\n const wishlistBtn = document.querySelector(\".js-add-to-wishlist\");\n\n if (wishlistBtn) {\n wishlistBtn.addEventListener(\"click\", handleClickAddToWishlist);\n }\n\n return () => {\n if (wishlistBtn) {\n wishlistBtn.removeEventListener(\"click\", handleClickAddToWishlist);\n }\n };\n // eslint-disable-next-line\n }, []);\n\n return null;\n};\n\nexport { AddToWishList };\n","import React from \"react\";\nimport { AddToWishList } from \"./AddToWishList\";\nimport { Color } from \"./Color\";\n\nconst PDP = () => {\n return (\n <>\n \n (null);\n const [productName, setProductName] = useState(\"\");\n const [price, setPrice] = useState(\"\");\n const [color, setColor] = useState(\"\");\n const [selectedColorName, setSelectedColorName] = useState(\"\");\n const [selectedColor, setSelectedColor] = useState(null);\n const [size, setSize] = useState(\"\");\n const [showColor, setShowColor] = useState(false);\n const [showSize, setShowSize] = useState(false);\n const isDesktop = useIsDesktop();\n const [openPanel, setOpenPanel] = useState(false);\n const [stickyPanel, setStickyPanel] = useState(false);\n\n const clearOpenState = () => {\n if (showColor) {\n setShowColor(false);\n }\n if (showSize) {\n setShowSize(false);\n }\n };\n\n useClickOutSide(ref, clearOpenState, [showColor, showSize]);\n\n const cartFormBottom = () => {\n const addToCartButton = document.querySelector(\".pdp-info .js-add-to-cart\");\n if (addToCartButton) {\n const offsetTop =\n (addToCartButton as HTMLDivElement).getBoundingClientRect().y || 0;\n const cartFormBottom = offsetTop - 52 || addToCartButton.clientHeight;\n\n return cartFormBottom;\n } else {\n return 0;\n }\n };\n\n const toggleStickyForm = () => {\n const current = ref.current;\n var stickyFormVisible = cartFormBottom() < 0;\n if (stickyFormVisible && !stickyPanel) {\n if (current) {\n current.style.bottom = _isDesktop() ? \"30px\" : \"0\";\n }\n setStickyPanel(true);\n }\n\n if (!stickyFormVisible && stickyPanel) {\n if (current) {\n current.style.bottom = \"-100px\";\n }\n setStickyPanel(false);\n }\n\n clearOpenState();\n };\n\n const getData = useCallback(() => {\n const productName = document.querySelector(\".productName\")?.innerHTML;\n const priceHtml = document.querySelector(\".price\")?.innerHTML || \"\";\n const colorHtml =\n document.querySelector(\".pdp-info__colors .color-list\")?.innerHTML || \"\";\n const selectedColorHTML = document.querySelector(\n \".pdp-info__colors li.active a > span:first-child\"\n );\n const colorName =\n document.querySelector(\".pdp-info__colors li.active .color-name\")\n ?.innerHTML || \"\";\n const sizeHtml =\n document.querySelector(\".pdp-info__sizes ul\")?.innerHTML || \"\";\n setProductName(productName || \"\");\n setPrice(priceHtml);\n setColor(colorHtml);\n setSize(sizeHtml);\n setSelectedColor(selectedColorHTML);\n setSelectedColorName(colorName);\n }, []);\n\n useEffect(() => {\n getData();\n }, [isDesktop, getData]);\n\n useEffect(() => {\n window.addEventListener(\"scroll\", toggleStickyForm);\n return () => {\n window.removeEventListener(\"scroll\", toggleStickyForm);\n };\n // eslint-disable-next-line\n }, [showSize, showColor, stickyPanel]);\n\n const toggleColor = () => {\n setShowColor(!showColor);\n setShowSize(false);\n };\n\n const toggleSize = () => {\n setShowSize(!showSize);\n setShowColor(false);\n };\n\n const nameAndPriceSection = (\n \n );\n\n const colorSection = isDesktop ? (\n \n
\n \n \n {\n e.stopPropagation();\n }}\n className={`color-list pdp-info__colors ${showColor ? \"show\" : \"\"}`}\n dangerouslySetInnerHTML={{ __html: color }}\n > \n \n カラー：\n {selectedColorName} \n \n
\n );\n\n const sizeSecion = (\n \n
\n サイズを選択 \n {\n e.stopPropagation();\n }}\n dangerouslySetInnerHTML={{\n // we can only have one size radio, so in order to sync size, this one should be another name\n __html: `\n サイズを選択： \n ${(size || \"\").replace(\n /name=\"size\"/g,\n `name=\"size-fix\"`\n )} `,\n }}\n > \n \n サイズを選択してください \n 追加しました \n \n
\n );\n\n const mobileTitle = (\n \n
カラーとサイズ
\n
{\n setOpenPanel(false);\n enableBodyScroll();\n document.querySelector(\".back-to-top\")!.classList.add(\"active\");\n }}\n >\n \n \n {!isDesktop && mobileTitle}\n {colorSection}\n {sizeSecion}\n {addToCartSection}\n \n \n );\n\n const mobileStickySection = (\n \n {\n document.querySelector(\".back-to-top\")!.classList.remove(\"active\");\n setOpenPanel(true);\n }}\n >\n サイズを選択してください\n \n {addToCartSection}\n
\n );\n\n useOpenMenuDisableBodyScroll(openPanel, ref.current);\n\n return (\n <>\n \n
\n {isDesktop && nameAndPriceSection}\n {chooseColorAndSizePanel}\n
\n {mobileStickySection}\n
');\n $(\"#image-gallery img\").clone().appendTo(\"div.photoSwipe_innerthumbs\");\n const thumbnailImages = $(\"div.photoSwipe_innerthumbs img\");\n const maxHeight = `calc(100vh / ${thumbnailImages.length + 2})`;\n\n thumbnailImages.css({ \"max-height\": maxHeight });\n thumbnailImages.eq(pswp.currIndex || 0).addClass(\"active\");\n\n //Handle the swaping of images\n $(\"body\").on(\"click\", \"div.photoSwipe_innerthumbs img\", function () {\n thumbnailImages.removeClass(\"active\");\n $(this).addClass(\"active\");\n pswp.goTo(thumbnailImages.index($(this)));\n });\n });\n\n lightbox.on(\"change\", function () {\n const pswp = lightbox.pswp;\n\n $(\"div.photoSwipe_innerthumbs img\").removeClass(\"active\");\n // add new matched\n $(\"div.photoSwipe_innerthumbs img\")\n .eq(pswp.currIndex || 0)\n .addClass(\"active\");\n });\n\n lightbox.on(\"close\", function () {\n $(\".photoSwipe_innerthumbs\").remove();\n });\n }\n\n return () => {\n lightbox.destroy();\n lightbox = null;\n };\n }, [isMobile]);\n\n return null;\n};\n\nexport default PDPImageSwiper;\n","const leftArrowSVGString = `\n \n \n \n \n \n ,\n document.getElementById(\"account-app\")\n );\n}\n\nif (document.getElementById(\"register-app\")) {\n Modal.setAppElement(\"#register-app\");\n store.dispatch(refreshPrefectures());\n\n ReactDOM.render(\n \n \n \n \n \n ,\n document.getElementById(\"register-app\")\n );\n}\n\nif (document.getElementById(\"login-app\")) {\n Modal.setAppElement(\"#login-app\");\n\n ReactDOM.render(\n \n \n ,\n document.getElementById(\"checkout-app\")\n );\n}\n\nif (document.getElementById(\"combini-app\")) {\n ReactDOM.render(\n ,\n document.getElementById(\"cart-widget-app\")\n );\n}\n\nif (document.querySelector(\".mobile-pdp-popup\")) {\n ReactDOM.render(\n \n ,\n document.querySelector(\".mobile-pdp-popup\")\n );\n}\n\nif (document.getElementById(\"siderbar-cart-number-app\")) {\n ReactDOM.render(\n \n ,\n document.getElementById(\"siderbar-cart-number-app\")\n );\n}\n\nif (document.getElementById(\"shop-finder-app\")) {\n ReactDOM.render(\n \n ,\n document.getElementById(\"shop-finder-app\")\n );\n}\n\nif (document.getElementById(\"snapboard-pdp\")) {\n if (productData && productData.code) {\n const productCode = productData.code;\n ReactDOM.render(\n } message Plain object to verify\n * @returns {string|null} `null` if valid, otherwise the reason why it is not\n */\n Empty.verify = function verify(message) {\n if (typeof message !== \"object\" || message === null)\n return \"object expected\";\n return null;\n };\n\n /**\n * Creates an Empty message from a plain object. Also converts values to their respective internal types.\n * @function fromObject\n * @memberof theplant.ec.api.Empty\n * @static\n * @param {Object.} object Plain object\n * @returns {theplant.ec.api.Empty} Empty\n */\n Empty.fromObject = function fromObject(object) {\n if (object instanceof $root.theplant.ec.api.Empty)\n return object;\n return new $root.theplant.ec.api.Empty();\n };\n\n /**\n * Creates a plain object from an Empty message. Also converts values to other types if specified.\n * @function toObject\n * @memberof theplant.ec.api.Empty\n * @static\n * @param {theplant.ec.api.Empty} message Empty\n * @param {$protobuf.IConversionOptions} [options] Conversion options\n * @returns {Object.} Plain object\n */\n Empty.toObject = function toObject() {\n return {};\n };\n\n /**\n * Converts this Empty to JSON.\n * @function toJSON\n * @memberof theplant.ec.api.Empty\n * @instance\n * @returns {Object.} JSON object\n */\n Empty.prototype.toJSON = function toJSON() {\n return this.constructor.toObject(this, $protobuf.util.toJSONOptions);\n };\n\n return Empty;\n })();\n\n /**\n * ErrorCode enum.\n * @name theplant.ec.api.ErrorCode\n * @enum {string}\n * @property {number} OK=0 OK value\n * @property {number} CANCELED=1 CANCELED value\n * @property {number} UNKNOWN=2 UNKNOWN value\n * @property {number} INVALIDARGUMENT=3 INVALIDARGUMENT value\n * @property {number} DEADLINEEXCEEDED=4 DEADLINEEXCEEDED value\n * @property {number} NOTFOUND=5 NOTFOUND value\n * @property {number} ALREADYEXISTS=6 ALREADYEXISTS value\n * @property {number} PERMISSIONDENIED=7 PERMISSIONDENIED value\n * @property {number} UNAUTHENTICATED=16 UNAUTHENTICATED value\n * @property {number} RESOURCEEXHAUSTED=8 RESOURCEEXHAUSTED value\n * @property {number} FAILEDPRECONDITION=9 FAILEDPRECONDITION value\n * @property {number} ABORTED=10 ABORTED value\n * @property {number} OUTOFRANGE=11 OUTOFRANGE value\n * @property {number} UNIMPLEMENTED=12 UNIMPLEMENTED value\n * @property {number} INTERNAL=13 INTERNAL value\n * @property {number} UNAVAILABLE=14 UNAVAILABLE value\n * @property {number} DATALOSS=15 DATALOSS value\n * @property {number} LTE=17 LTE value\n * @property {number} GTE=18 GTE value\n * @property {number} STRICT_REQUIRED=19 STRICT_REQUIRED value\n * @property {number} INVALID_ZIPCODE=20 INVALID_ZIPCODE value\n * @property {number} NOTFOUND_ZIPCODE=49 NOTFOUND_ZIPCODE value\n * @property {number} INVALID_PREFECTURE=21 INVALID_PREFECTURE value\n * @property {number} INVALID_PHONE=22 INVALID_PHONE value\n * @property {number} INVALID_DATE_OF_BIRTH=23 INVALID_DATE_OF_BIRTH value\n * @property {number} INVALID_GENDER=24 INVALID_GENDER value\n * @property {number} INVALID_EMAIL_FORMAT=25 INVALID_EMAIL_FORMAT value\n * @property {number} INVALID_CONTACT_US_TITLE=50 INVALID_CONTACT_US_TITLE value\n * @property {number} INVALID_ORDER_CODE=51 INVALID_ORDER_CODE value\n * @property {number} INVALID_ARTICLE_CODE=65 INVALID_ARTICLE_CODE value\n * @property {number} INVALID_CONTACT_US_REASON_TYPE=52 INVALID_CONTACT_US_REASON_TYPE value\n * @property {number} PASSWORD_CONFIRMATION_NOT_MATCH=26 PASSWORD_CONFIRMATION_NOT_MATCH value\n * @property {number} EMAIL_ALREADY_EXISTS=27 EMAIL_ALREADY_EXISTS value\n * @property {number} EMAIL_NOT_EXISTS=30 EMAIL_NOT_EXISTS value\n * @property {number} INVALID_EMAIL_OR_PASSWORD=28 INVALID_EMAIL_OR_PASSWORD value\n * @property {number} USER_ACCOUNT_LOCKED=29 USER_ACCOUNT_LOCKED value\n * @property {number} INVALID_TOKEN=31 INVALID_TOKEN value\n * @property {number} PASSWORD_SAME_AS_OLD_PASSWORD=32 PASSWORD_SAME_AS_OLD_PASSWORD value\n * @property {number} NEW_EMAIL_SAME_AS_OLD_EMAIL=33 NEW_EMAIL_SAME_AS_OLD_EMAIL value\n * @property {number} EMAIL_SENT_FAILED=53 EMAIL_SENT_FAILED value\n * @property {number} EMAIL_NOT_MATCH=63 EMAIL_NOT_MATCH value\n * @property {number} NO_PASSWORD_FOR_THIS_USER=34 NO_PASSWORD_FOR_THIS_USER value\n * @property {number} PASSWORD_INCORRECT=35 PASSWORD_INCORRECT value\n * @property {number} NOT_ENOUGH_STOCK=36 NOT_ENOUGH_STOCK value\n * @property {number} ORDER_ITEM_NOT_EXISTS=37 ORDER_ITEM_NOT_EXISTS value\n * @property {number} INVALID_ORDER_STATE=38 INVALID_ORDER_STATE value\n * @property {number} ORDER_CANNOT_BE_CANCELED=39 ORDER_CANNOT_BE_CANCELED value\n * @property {number} ORDER_NOT_EXISTS=40 ORDER_NOT_EXISTS value\n * @property {number} ORDER_NOT_BELONGS_TO_CUSTOMER=41 ORDER_NOT_BELONGS_TO_CUSTOMER value\n * @property {number} ADD_NOT_EXISTS_PRODUCT=42 ADD_NOT_EXISTS_PRODUCT value\n * @property {number} ADD_UNPUBLISHED_PRODUCT=43 ADD_UNPUBLISHED_PRODUCT value\n * @property {number} ADD_CONFLICT_PRODUCT=59 ADD_CONFLICT_PRODUCT value\n * @property {number} ADD_AMOUNT_LIMIT_PRODUCT=60 ADD_AMOUNT_LIMIT_PRODUCT value\n * @property {number} ORDER_CANNOT_REQUEST_RETURN=64 ORDER_CANNOT_REQUEST_RETURN value\n * @property {number} ORDER_ITEM_CANNOT_RETURN_AGAIN=66 ORDER_ITEM_CANNOT_RETURN_AGAIN value\n * @property {number} ORDER_CONTAINS_CUSTOMIZATION_CANNOT_REQUEST_RETURN=68 ORDER_CONTAINS_CUSTOMIZATION_CANNOT_REQUEST_RETURN value\n * @property {number} ORDER_CONTAINS_CUSTOMIZATION_CANNOT_BE_CANCELED=69 ORDER_CONTAINS_CUSTOMIZATION_CANNOT_BE_CANCELED value\n * @property {number} USER_NOT_EXISTS=44 USER_NOT_EXISTS value\n * @property {number} DISAGREED_TERMS=45 DISAGREED_TERMS value\n * @property {number} INVALID_USER_BILLING_ADDRESS=54 INVALID_USER_BILLING_ADDRESS value\n * @property {number} UNSPECIFIED_CREDIT_CARD=46 UNSPECIFIED_CREDIT_CARD value\n * @property {number} PAYMENT_FAILURE=47 PAYMENT_FAILURE value\n * @property {number} UNSPECIFIED_PAYMENT_TYPE=48 UNSPECIFIED_PAYMENT_TYPE value\n * @property {number} INVALID=55 INVALID value\n * @property {number} STRICT_EMPTY=56 STRICT_EMPTY value\n * @property {number} EXPIRED=57 EXPIRED value\n * @property {number} CAN_NOT_CONVENIENCE_PICKUP=58 CAN_NOT_CONVENIENCE_PICKUP value\n * @property {number} EXCEED_CART_AMOUNT_LIMIT=61 EXCEED_CART_AMOUNT_LIMIT value\n * @property {number} INVALID_MESSAGE_FORMAT=62 INVALID_MESSAGE_FORMAT value\n * @property {number} CREDIT_CARD_ERRORS_FROM_CREDIT_CARD_SERVICE=67 CREDIT_CARD_ERRORS_FROM_CREDIT_CARD_SERVICE value\n * @property {number} QUANTITY_OF_SINGLE_SHIP_FROM_STORE_ITEM_HAS_REACHED_THE_MAXIMUM=70 QUANTITY_OF_SINGLE_SHIP_FROM_STORE_ITEM_HAS_REACHED_THE_MAXIMUM value\n * @property {number} OPLUX_CREDIT_CARD_VERTIFICATION=71 OPLUX_CREDIT_CARD_VERTIFICATION value\n * @property {number} CANOPUS_API_FAILED=72 CANOPUS_API_FAILED value\n * @property {number} EMAIL_SENT_INVALIDE=73 EMAIL_SENT_INVALIDE value\n * @property {number} AMAZON_PAY_SHIPPING_ADDRESS_INVALIDE=74 AMAZON_PAY_SHIPPING_ADDRESS_INVALIDE value\n * @property {number} RAKUTEN_PAY_REQUIRE_TRANSACTION_ID=75 RAKUTEN_PAY_REQUIRE_TRANSACTION_ID value\n * @property {number} AMAZON_PAY_BILLING_ADDRESS_INVALIDE=76 AMAZON_PAY_BILLING_ADDRESS_INVALIDE value\n * @property {number} PAY_PAY_REQUIRE_TRANSACTION_ID=77 PAY_PAY_REQUIRE_TRANSACTION_ID value\n * @property {number} PAYMENT_CHECKOUT_DECLINED_OR_CANCELED=78 PAYMENT_CHECKOUT_DECLINED_OR_CANCELED value\n * @property {number} MEMBER_ONLY=80 MEMBER_ONLY value\n * @property {number} CART_ITEMS_QUANTITY_LIMITS=81 CART_ITEMS_QUANTITY_LIMITS value\n * @property {number} INVENTORY_SERVICE_ERROR=82 INVENTORY_SERVICE_ERROR value\n */\n api.ErrorCode = (function() {\n var valuesById = {}, values = Object.create(valuesById);\n values[valuesById[0] = \"OK\"] = 0;\n values[valuesById[1] = \"CANCELED\"] = 1;\n values[valuesById[2] = \"UNKNOWN\"] = 2;\n values[valuesById[3] = \"INVALIDARGUMENT\"] = 3;\n values[valuesById[4] = \"DEADLINEEXCEEDED\"] = 4;\n values[valuesById[5] = \"NOTFOUND\"] = 5;\n values[valuesById[6] = \"ALREADYEXISTS\"] = 6;\n values[valuesById[7] = \"PERMISSIONDENIED\"] = 7;\n values[valuesById[16] = \"UNAUTHENTICATED\"] = 16;\n values[valuesById[8] = \"RESOURCEEXHAUSTED\"] = 8;\n values[valuesById[9] = \"FAILEDPRECONDITION\"] = 9;\n values[valuesById[10] = \"ABORTED\"] = 10;\n values[valuesById[11] = \"OUTOFRANGE\"] = 11;\n values[valuesById[12] = \"UNIMPLEMENTED\"] = 12;\n values[valuesById[13] = \"INTERNAL\"] = 13;\n values[valuesById[14] = \"UNAVAILABLE\"] = 14;\n values[valuesById[15] = \"DATALOSS\"] = 15;\n values[valuesById[17] = \"LTE\"] = 17;\n values[valuesById[18] = \"GTE\"] = 18;\n values[valuesById[19] = \"STRICT_REQUIRED\"] = 19;\n values[valuesById[20] = \"INVALID_ZIPCODE\"] = 20;\n values[valuesById[49] = \"NOTFOUND_ZIPCODE\"] = 49;\n values[valuesById[21] = \"INVALID_PREFECTURE\"] = 21;\n values[valuesById[22] = \"INVALID_PHONE\"] = 22;\n values[valuesById[23] = \"INVALID_DATE_OF_BIRTH\"] = 23;\n values[valuesById[24] = \"INVALID_GENDER\"] = 24;\n values[valuesById[25] = \"INVALID_EMAIL_FORMAT\"] = 25;\n values[valuesById[50] = \"INVALID_CONTACT_US_TITLE\"] = 50;\n values[valuesById[51] = \"INVALID_ORDER_CODE\"] = 51;\n values[valuesById[65] = \"INVALID_ARTICLE_CODE\"] = 65;\n values[valuesById[52] = \"INVALID_CONTACT_US_REASON_TYPE\"] = 52;\n values[valuesById[26] = \"PASSWORD_CONFIRMATION_NOT_MATCH\"] = 26;\n values[valuesById[27] = \"EMAIL_ALREADY_EXISTS\"] = 27;\n values[valuesById[30] = \"EMAIL_NOT_EXISTS\"] = 30;\n values[valuesById[28] = \"INVALID_EMAIL_OR_PASSWORD\"] = 28;\n values[valuesById[29] = \"USER_ACCOUNT_LOCKED\"] = 29;\n values[valuesById[31] = \"INVALID_TOKEN\"] = 31;\n values[valuesById[32] = \"PASSWORD_SAME_AS_OLD_PASSWORD\"] = 32;\n values[valuesById[33] = \"NEW_EMAIL_SAME_AS_OLD_EMAIL\"] = 33;\n values[valuesById[53] = \"EMAIL_SENT_FAILED\"] = 53;\n values[valuesById[63] = \"EMAIL_NOT_MATCH\"] = 63;\n values[valuesById[34] = \"NO_PASSWORD_FOR_THIS_USER\"] = 34;\n values[valuesById[35] = \"PASSWORD_INCORRECT\"] = 35;\n values[valuesById[36] = \"NOT_ENOUGH_STOCK\"] = 36;\n values[valuesById[37] = \"ORDER_ITEM_NOT_EXISTS\"] = 37;\n values[valuesById[38] = \"INVALID_ORDER_STATE\"] = 38;\n values[valuesById[39] = \"ORDER_CANNOT_BE_CANCELED\"] = 39;\n values[valuesById[40] = \"ORDER_NOT_EXISTS\"] = 40;\n values[valuesById[41] = \"ORDER_NOT_BELONGS_TO_CUSTOMER\"] = 41;\n values[valuesById[42] = \"ADD_NOT_EXISTS_PRODUCT\"] = 42;\n values[valuesById[43] = \"ADD_UNPUBLISHED_PRODUCT\"] = 43;\n values[valuesById[59] = \"ADD_CONFLICT_PRODUCT\"] = 59;\n values[valuesById[60] = \"ADD_AMOUNT_LIMIT_PRODUCT\"] = 60;\n values[valuesById[64] = \"ORDER_CANNOT_REQUEST_RETURN\"] = 64;\n values[valuesById[66] = \"ORDER_ITEM_CANNOT_RETURN_AGAIN\"] = 66;\n values[valuesById[68] = \"ORDER_CONTAINS_CUSTOMIZATION_CANNOT_REQUEST_RETURN\"] = 68;\n values[valuesById[69] = \"ORDER_CONTAINS_CUSTOMIZATION_CANNOT_BE_CANCELED\"] = 69;\n values[valuesById[44] = \"USER_NOT_EXISTS\"] = 44;\n values[valuesById[45] = \"DISAGREED_TERMS\"] = 45;\n values[valuesById[54] = \"INVALID_USER_BILLING_ADDRESS\"] = 54;\n values[valuesById[46] = \"UNSPECIFIED_CREDIT_CARD\"] = 46;\n values[valuesById[47] = \"PAYMENT_FAILURE\"] = 47;\n values[valuesById[48] = \"UNSPECIFIED_PAYMENT_TYPE\"] = 48;\n values[valuesById[55] = \"INVALID\"] = 55;\n values[valuesById[56] = \"STRICT_EMPTY\"] = 56;\n values[valuesById[57] = \"EXPIRED\"] = 57;\n values[valuesById[58] = \"CAN_NOT_CONVENIENCE_PICKUP\"] = 58;\n values[valuesById[61] = \"EXCEED_CART_AMOUNT_LIMIT\"] = 61;\n values[valuesById[62] = \"INVALID_MESSAGE_FORMAT\"] = 62;\n values[valuesById[67] = \"CREDIT_CARD_ERRORS_FROM_CREDIT_CARD_SERVICE\"] = 67;\n values[valuesById[70] = \"QUANTITY_OF_SINGLE_SHIP_FROM_STORE_ITEM_HAS_REACHED_THE_MAXIMUM\"] = 70;\n values[valuesById[71] = \"OPLUX_CREDIT_CARD_VERTIFICATION\"] = 71;\n values[valuesById[72] = \"CANOPUS_API_FAILED\"] = 72;\n values[valuesById[73] = \"EMAIL_SENT_INVALIDE\"] = 73;\n values[valuesById[74] = \"AMAZON_PAY_SHIPPING_ADDRESS_INVALIDE\"] = 74;\n values[valuesById[75] = \"RAKUTEN_PAY_REQUIRE_TRANSACTION_ID\"] = 75;\n values[valuesById[76] = \"AMAZON_PAY_BILLING_ADDRESS_INVALIDE\"] = 76;\n values[valuesById[77] = \"PAY_PAY_REQUIRE_TRANSACTION_ID\"] = 77;\n values[valuesById[78] = \"PAYMENT_CHECKOUT_DECLINED_OR_CANCELED\"] = 78;\n values[valuesById[80] = \"MEMBER_ONLY\"] = 80;\n values[valuesById[81] = \"CART_ITEMS_QUANTITY_LIMITS\"] = 81;\n values[valuesById[82] = \"INVENTORY_SERVICE_ERROR\"] = 82;\n return values;\n })();\n\n api.apns = (function() {\n\n /**\n * Namespace apns.\n * @memberof theplant.ec.api\n * @namespace\n */\n var apns = {};\n\n apns.DeviceToken = (function() {\n\n /**\n * Properties of a DeviceToken.\n * @memberof theplant.ec.api.apns\n * @interface IDeviceToken\n * @property {string|null} [storeId] DeviceToken storeId\n * @property {string|null} [deviceToken] DeviceToken deviceToken\n */\n\n /**\n * Constructs a new DeviceToken.\n * @memberof theplant.ec.api.apns\n * @classdesc Represents a DeviceToken.\n * @implements IDeviceToken\n * @constructor\n * @param {theplant.ec.api.apns.IDeviceToken=} [properties] Properties to set\n */\n function DeviceToken(properties) {\n if (properties)\n for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)\n if (properties[keys[i]] != null)\n this[keys[i]] = properties[keys[i]];\n }\n\n /**\n * DeviceToken storeId.\n * @member {string} storeId\n * @memberof theplant.ec.api.apns.DeviceToken\n * @instance\n */\n DeviceToken.prototype.storeId = \"\";\n\n /**\n * DeviceToken deviceToken.\n * @member {string} deviceToken\n * @memberof theplant.ec.api.apns.DeviceToken\n * @instance\n */\n DeviceToken.prototype.deviceToken = \"\";\n\n /**\n * Creates a new DeviceToken instance using the specified properties.\n * @function create\n * @memberof theplant.ec.api.apns.DeviceToken\n * @static\n * @param {theplant.ec.api.apns.IDeviceToken=} [properties] Properties to set\n * @returns {theplant.ec.api.apns.DeviceToken} DeviceToken instance\n */\n DeviceToken.create = function create(properties) {\n return new DeviceToken(properties);\n };\n\n /**\n * Encodes the specified DeviceToken message. Does not implicitly {@link theplant.ec.api.apns.DeviceToken.verify|verify} messages.\n * @function encode\n * @memberof theplant.ec.api.apns.DeviceToken\n * @static\n * @param {theplant.ec.api.apns.IDeviceToken} message DeviceToken message or plain object to encode\n * @param {$protobuf.Writer} [writer] Writer to encode to\n * @returns {$protobuf.Writer} Writer\n */\n DeviceToken.encode = function encode(message, writer) {\n if (!writer)\n writer = $Writer.create();\n if (message.storeId != null && message.hasOwnProperty(\"storeId\"))\n writer.uint32(/* id 1, wireType 2 =*/10).string(message.storeId);\n if (message.deviceToken != null && message.hasOwnProperty(\"deviceToken\"))\n writer.uint32(/* id 2, wireType 2 =*/18).string(message.deviceToken);\n return writer;\n };\n\n /**\n * Encodes the specified DeviceToken message, length delimited. Does not implicitly {@link theplant.ec.api.apns.DeviceToken.verify|verify} messages.\n * @function encodeDelimited\n * @memberof theplant.ec.api.apns.DeviceToken\n * @static\n * @param {theplant.ec.api.apns.IDeviceToken} message DeviceToken message or plain object to encode\n * @param {$protobuf.Writer} [writer] Writer to encode to\n * @returns {$protobuf.Writer} Writer\n */\n DeviceToken.encodeDelimited = function encodeDelimited(message, writer) {\n return this.encode(message, writer).ldelim();\n };\n\n /**\n * Decodes a DeviceToken message from the specified reader or buffer.\n * @function decode\n * @memberof theplant.ec.api.apns.DeviceToken\n * @static\n * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from\n * @param {number} [length] Message length if known beforehand\n * @returns {theplant.ec.api.apns.DeviceToken} DeviceToken\n * @throws {Error} If the payload is not a reader or valid buffer\n * @throws {$protobuf.util.ProtocolError} If required fields are missing\n */\n DeviceToken.decode = function decode(reader, length) {\n if (!(reader instanceof $Reader))\n reader = $Reader.create(reader);\n var end = length === undefined ? reader.len : reader.pos + length, message = new $root.theplant.ec.api.apns.DeviceToken();\n while (reader.pos < end) {\n var tag = reader.uint32();\n switch (tag >>> 3) {\n case 1:\n message.storeId = reader.string();\n break;\n case 2:\n message.deviceToken = reader.string();\n break;\n default:\n reader.skipType(tag & 7);\n break;\n }\n }\n return message;\n };\n\n /**\n * Decodes a DeviceToken message from the specified reader or buffer, length delimited.\n * @function decodeDelimited\n * @memberof theplant.ec.api.apns.DeviceToken\n * @static\n * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from\n * @returns {theplant.ec.api.apns.DeviceToken} DeviceToken\n * @throws {Error} If the payload is not a reader or valid buffer\n * @throws {$protobuf.util.ProtocolError} If required fields are missing\n */\n DeviceToken.decodeDelimited = function decodeDelimited(reader) {\n if (!(reader instanceof $Reader))\n reader = new $Reader(reader);\n return this.decode(reader, reader.uint32());\n };\n\n /**\n * Verifies a DeviceToken message.\n * @function verify\n * @memberof theplant.ec.api.apns.DeviceToken\n * @static\n * @param {Object.} message Plain object to verify\n * @returns {string|null} `null` if valid, otherwise the reason why it is not\n */\n DeviceToken.verify = function verify(message) {\n if (typeof message !== \"object\" || message === null)\n return \"object expected\";\n if (message.storeId != null && message.hasOwnProperty(\"storeId\"))\n if (!$util.isString(message.storeId))\n return \"storeId: string expected\";\n if (message.deviceToken != null && message.hasOwnProperty(\"deviceToken\"))\n if (!$util.isString(message.deviceToken))\n return \"deviceToken: string expected\";\n return null;\n };\n\n /**\n * Creates a DeviceToken message from a plain object. Also converts values to their respective internal types.\n * @function fromObject\n * @memberof theplant.ec.api.apns.DeviceToken\n * @static\n * @param {Object.} object Plain object\n * @returns {theplant.ec.api.apns.DeviceToken} DeviceToken\n */\n DeviceToken.fromObject = function fromObject(object) {\n if (object instanceof $root.theplant.ec.api.apns.DeviceToken)\n return object;\n var message = new $root.theplant.ec.api.apns.DeviceToken();\n if (object.storeId != null)\n message.storeId = String(object.storeId);\n if (object.deviceToken != null)\n message.deviceToken = String(object.deviceToken);\n return message;\n };\n\n /**\n * Creates a plain object from a DeviceToken message. Also converts values to other types if specified.\n * @function toObject\n * @memberof theplant.ec.api.apns.DeviceToken\n * @static\n * @param {theplant.ec.api.apns.DeviceToken} message DeviceToken\n * @param {$protobuf.IConversionOptions} [options] Conversion options\n * @returns {Object.} Plain object\n */\n DeviceToken.toObject = function toObject(message, options) {\n if (!options)\n options = {};\n var object = {};\n if (options.defaults) {\n object.storeId = \"\";\n object.deviceToken = \"\";\n }\n if (message.storeId != null && message.hasOwnProperty(\"storeId\"))\n object.storeId = message.storeId;\n if (message.deviceToken != null && message.hasOwnProperty(\"deviceToken\"))\n object.deviceToken = message.deviceToken;\n return object;\n };\n\n /**\n * Converts this DeviceToken to JSON.\n * @function toJSON\n * @memberof theplant.ec.api.apns.DeviceToken\n * @instance\n * @returns {Object.} JSON object\n */\n DeviceToken.prototype.toJSON = function toJSON() {\n return this.constructor.toObject(this, $protobuf.util.toJSONOptions);\n };\n\n return DeviceToken;\n })();\n\n apns.RegisterStoreDeviceTokenResult = (function() {\n\n /**\n * Properties of a RegisterStoreDeviceTokenResult.\n * @memberof theplant.ec.api.apns\n * @interface IRegisterStoreDeviceTokenResult\n * @property {string|null} [storeId] RegisterStoreDeviceTokenResult storeId\n * @property {string|null} [deviceToken] RegisterStoreDeviceTokenResult deviceToken\n */\n\n /**\n * Constructs a new RegisterStoreDeviceTokenResult.\n * @memberof theplant.ec.api.apns\n * @classdesc Represents a RegisterStoreDeviceTokenResult.\n * @implements IRegisterStoreDeviceTokenResult\n * @constructor\n * @param {theplant.ec.api.apns.IRegisterStoreDeviceTokenResult=} [properties] Properties to set\n */\n function RegisterStoreDeviceTokenResult(properties) {\n if (properties)\n for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)\n if (properties[keys[i]] != null)\n this[keys[i]] = properties[keys[i]];\n }\n\n /**\n * RegisterStoreDeviceTokenResult storeId.\n * @member {string} storeId\n * @memberof theplant.ec.api.apns.RegisterStoreDeviceTokenResult\n * @instance\n */\n RegisterStoreDeviceTokenResult.prototype.storeId = \"\";\n\n /**\n * RegisterStoreDeviceTokenResult deviceToken.\n * @member {string} deviceToken\n * @memberof theplant.ec.api.apns.RegisterStoreDeviceTokenResult\n * @instance\n */\n RegisterStoreDeviceTokenResult.prototype.deviceToken = \"\";\n\n /**\n * Creates a new RegisterStoreDeviceTokenResult instance using the specified properties.\n * @function create\n * @memberof theplant.ec.api.apns.RegisterStoreDeviceTokenResult\n * @static\n * @param {theplant.ec.api.apns.IRegisterStoreDeviceTokenResult=} [properties] Properties to set\n * @returns {theplant.ec.api.apns.RegisterStoreDeviceTokenResult} RegisterStoreDeviceTokenResult instance\n */\n RegisterStoreDeviceTokenResult.create = function create(properties) {\n return new RegisterStoreDeviceTokenResult(properties);\n };\n\n /**\n * Encodes the specified RegisterStoreDeviceTokenResult message. Does not implicitly {@link theplant.ec.api.apns.RegisterStoreDeviceTokenResult.verify|verify} messages.\n * @function encode\n * @memberof theplant.ec.api.apns.RegisterStoreDeviceTokenResult\n * @static\n * @param {theplant.ec.api.apns.IRegisterStoreDeviceTokenResult} message RegisterStoreDeviceTokenResult message or plain object to encode\n * @param {$protobuf.Writer} [writer] Writer to encode to\n * @returns {$protobuf.Writer} Writer\n */\n RegisterStoreDeviceTokenResult.encode = function encode(message, writer) {\n if (!writer)\n writer = $Writer.create();\n if (message.storeId != null && message.hasOwnProperty(\"storeId\"))\n writer.uint32(/* id 1, wireType 2 =*/10).string(message.storeId);\n if (message.deviceToken != null && message.hasOwnProperty(\"deviceToken\"))\n writer.uint32(/* id 2, wireType 2 =*/18).string(message.deviceToken);\n return writer;\n };\n\n /**\n * Encodes the specified RegisterStoreDeviceTokenResult message, length delimited. Does not implicitly {@link theplant.ec.api.apns.RegisterStoreDeviceTokenResult.verify|verify} messages.\n * @function encodeDelimited\n * @memberof theplant.ec.api.apns.RegisterStoreDeviceTokenResult\n * @static\n * @param {theplant.ec.api.apns.IRegisterStoreDeviceTokenResult} message RegisterStoreDeviceTokenResult message or plain object to encode\n * @param {$protobuf.Writer} [writer] Writer to encode to\n * @returns {$protobuf.Writer} Writer\n */\n RegisterStoreDeviceTokenResult.encodeDelimited = function encodeDelimited(message, writer) {\n return this.encode(message, writer).ldelim();\n };\n\n /**\n * Decodes a RegisterStoreDeviceTokenResult message from the specified reader or buffer.\n * @function decode\n * @memberof theplant.ec.api.apns.RegisterStoreDeviceTokenResult\n * @static\n * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from\n * @param {number} [length] Message length if known beforehand\n * @returns {theplant.ec.api.apns.RegisterStoreDeviceTokenResult} RegisterStoreDeviceTokenResult\n * @throws {Error} If the payload is not a reader or valid buffer\n * @throws {$protobuf.util.ProtocolError} If required fields are missing\n */\n RegisterStoreDeviceTokenResult.decode = function decode(reader, length) {\n if (!(reader instanceof $Reader))\n reader = $Reader.create(reader);\n var end = length === undefined ? reader.len : reader.pos + length, message = new $root.theplant.ec.api.apns.RegisterStoreDeviceTokenResult();\n while (reader.pos < end) {\n var tag = reader.uint32();\n switch (tag >>> 3) {\n case 1:\n message.storeId = reader.string();\n break;\n case 2:\n message.deviceToken = reader.string();\n break;\n default:\n reader.skipType(tag & 7);\n break;\n }\n }\n return message;\n };\n\n /**\n * Decodes a RegisterStoreDeviceTokenResult message from the specified reader or buffer, length delimited.\n * @function decodeDelimited\n * @memberof theplant.ec.api.apns.RegisterStoreDeviceTokenResult\n * @static\n * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from\n * @returns {theplant.ec.api.apns.RegisterStoreDeviceTokenResult} RegisterStoreDeviceTokenResult\n * @throws {Error} If the payload is not a reader or valid buffer\n * @throws {$protobuf.util.ProtocolError} If required fields are missing\n */\n RegisterStoreDeviceTokenResult.decodeDelimited = function decodeDelimited(reader) {\n if (!(reader instanceof $Reader))\n reader = new $Reader(reader);\n return this.decode(reader, reader.uint32());\n };\n\n /**\n * Verifies a RegisterStoreDeviceTokenResult message.\n * @function verify\n * @memberof theplant.ec.api.apns.RegisterStoreDeviceTokenResult\n * @static\n * @param {Object.} message Plain object to verify\n * @returns {string|null} `null` if valid, otherwise the reason why it is not\n */\n RegisterStoreDeviceTokenResult.verify = function verify(message) {\n if (typeof message !== \"object\" || message === null)\n return \"object expected\";\n if (message.storeId != null && message.hasOwnProperty(\"storeId\"))\n if (!$util.isString(message.storeId))\n return \"storeId: string expected\";\n if (message.deviceToken != null && message.hasOwnProperty(\"deviceToken\"))\n if (!$util.isString(message.deviceToken))\n return \"deviceToken: string expected\";\n return null;\n };\n\n /**\n * Creates a RegisterStoreDeviceTokenResult message from a plain object. Also converts values to their respective internal types.\n * @function fromObject\n * @memberof theplant.ec.api.apns.RegisterStoreDeviceTokenResult\n * @static\n * @param {Object.} object Plain object\n * @returns {theplant.ec.api.apns.RegisterStoreDeviceTokenResult} RegisterStoreDeviceTokenResult\n */\n RegisterStoreDeviceTokenResult.fromObject = function fromObject(object) {\n if (object instanceof $root.theplant.ec.api.apns.RegisterStoreDeviceTokenResult)\n return object;\n var message = new $root.theplant.ec.api.apns.RegisterStoreDeviceTokenResult();\n if (object.storeId != null)\n message.storeId = String(object.storeId);\n if (object.deviceToken != null)\n message.deviceToken = String(object.deviceToken);\n return message;\n };\n\n /**\n * Creates a plain object from a RegisterStoreDeviceTokenResult message. Also converts values to other types if specified.\n * @function toObject\n * @memberof theplant.ec.api.apns.RegisterStoreDeviceTokenResult\n * @static\n * @param {theplant.ec.api.apns.RegisterStoreDeviceTokenResult} message RegisterStoreDeviceTokenResult\n * @param {$protobuf.IConversionOptions} [options] Conversion options\n * @returns {Object.} Plain object\n */\n RegisterStoreDeviceTokenResult.toObject = function toObject(message, options) {\n if (!options)\n options = {};\n var object = {};\n if (options.defaults) {\n object.storeId = \"\";\n object.deviceToken = \"\";\n }\n if (message.storeId != null && message.hasOwnProperty(\"storeId\"))\n object.storeId = message.storeId;\n if (message.deviceToken != null && message.hasOwnProperty(\"deviceToken\"))\n object.deviceToken = message.deviceToken;\n return object;\n };\n\n /**\n * Converts this RegisterStoreDeviceTokenResult to JSON.\n * @function toJSON\n * @memberof theplant.ec.api.apns.RegisterStoreDeviceTokenResult\n * @instance\n * @returns {Object.} JSON object\n */\n RegisterStoreDeviceTokenResult.prototype.toJSON = function toJSON() {\n return this.constructor.toObject(this, $protobuf.util.toJSONOptions);\n };\n\n return RegisterStoreDeviceTokenResult;\n })();\n\n apns.DeleteDeviceTokenInput = (function() {\n\n /**\n * Properties of a DeleteDeviceTokenInput.\n * @memberof theplant.ec.api.apns\n * @interface IDeleteDeviceTokenInput\n * @property {string|null} [deviceToken] DeleteDeviceTokenInput deviceToken\n */\n\n /**\n * Constructs a new DeleteDeviceTokenInput.\n * @memberof theplant.ec.api.apns\n * @classdesc Represents a DeleteDeviceTokenInput.\n * @implements IDeleteDeviceTokenInput\n * @constructor\n * @param {theplant.ec.api.apns.IDeleteDeviceTokenInput=} [properties] Properties to set\n */\n function DeleteDeviceTokenInput(properties) {\n if (properties)\n for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)\n if (properties[keys[i]] != null)\n this[keys[i]] = properties[keys[i]];\n }\n\n /**\n * DeleteDeviceTokenInput deviceToken.\n * @member {string} deviceToken\n * @memberof theplant.ec.api.apns.DeleteDeviceTokenInput\n * @instance\n */\n DeleteDeviceTokenInput.prototype.deviceToken = \"\";\n\n /**\n * Creates a new DeleteDeviceTokenInput instance using the specified properties.\n * @function create\n * @memberof theplant.ec.api.apns.DeleteDeviceTokenInput\n * @static\n * @param {theplant.ec.api.apns.IDeleteDeviceTokenInput=} [properties] Properties to set\n * @returns {theplant.ec.api.apns.DeleteDeviceTokenInput} DeleteDeviceTokenInput instance\n */\n DeleteDeviceTokenInput.create = function create(properties) {\n return new DeleteDeviceTokenInput(properties);\n };\n\n /**\n * Encodes the specified DeleteDeviceTokenInput message. Does not implicitly {@link theplant.ec.api.apns.DeleteDeviceTokenInput.verify|verify} messages.\n * @function encode\n * @memberof theplant.ec.api.apns.DeleteDeviceTokenInput\n * @static\n * @param {theplant.ec.api.apns.IDeleteDeviceTokenInput} message DeleteDeviceTokenInput message or plain object to encode\n * @param {$protobuf.Writer} [writer] Writer to encode to\n * @returns {$protobuf.Writer} Writer\n */\n DeleteDeviceTokenInput.encode = function encode(message, writer) {\n if (!writer)\n writer = $Writer.create();\n if (message.deviceToken != null && message.hasOwnProperty(\"deviceToken\"))\n writer.uint32(/* id 1, wireType 2 =*/10).string(message.deviceToken);\n return writer;\n };\n\n /**\n * Encodes the specified DeleteDeviceTokenInput message, length delimited. Does not implicitly {@link theplant.ec.api.apns.DeleteDeviceTokenInput.verify|verify} messages.\n * @function encodeDelimited\n * @memberof theplant.ec.api.apns.DeleteDeviceTokenInput\n * @static\n * @param {theplant.ec.api.apns.IDeleteDeviceTokenInput} message DeleteDeviceTokenInput message or plain object to encode\n * @param {$protobuf.Writer} [writer] Writer to encode to\n * @returns {$protobuf.Writer} Writer\n */\n DeleteDeviceTokenInput.encodeDelimited = function encodeDelimited(message, writer) {\n return this.encode(message, writer).ldelim();\n };\n\n /**\n * Decodes a DeleteDeviceTokenInput message from the specified reader or buffer.\n * @function decode\n * @memberof theplant.ec.api.apns.DeleteDeviceTokenInput\n * @static\n * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from\n * @param {number} [length] Message length if known beforehand\n * @returns {theplant.ec.api.apns.DeleteDeviceTokenInput} DeleteDeviceTokenInput\n * @throws {Error} If the payload is not a reader or valid buffer\n * @throws {$protobuf.util.ProtocolError} If required fields are missing\n */\n DeleteDeviceTokenInput.decode = function decode(reader, length) {\n if (!(reader instanceof $Reader))\n reader = $Reader.create(reader);\n var end = length === undefined ? reader.len : reader.pos + length, message = new $root.theplant.ec.api.apns.DeleteDeviceTokenInput();\n while (reader.pos < end) {\n var tag = reader.uint32();\n switch (tag >>> 3) {\n case 1:\n message.deviceToken = reader.string();\n break;\n default:\n reader.skipType(tag & 7);\n break;\n }\n }\n return message;\n };\n\n /**\n * Decodes a DeleteDeviceTokenInput message from the specified reader or buffer, length delimited.\n * @function decodeDelimited\n * @memberof theplant.ec.api.apns.DeleteDeviceTokenInput\n * @static\n * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from\n * @returns {theplant.ec.api.apns.DeleteDeviceTokenInput} DeleteDeviceTokenInput\n * @throws {Error} If the payload is not a reader or valid buffer\n * @throws {$protobuf.util.ProtocolError} If required fields are missing\n */\n DeleteDeviceTokenInput.decodeDelimited = function decodeDelimited(reader) {\n if (!(reader instanceof $Reader))\n reader = new $Reader(reader);\n return this.decode(reader, reader.uint32());\n };\n\n /**\n * Verifies a DeleteDeviceTokenInput message.\n * @function verify\n * @memberof theplant.ec.api.apns.DeleteDeviceTokenInput\n * @static\n * @param {Object.} message Plain object to verify\n * @returns {string|null} `null` if valid, otherwise the reason why it is not\n */\n DeleteDeviceTokenInput.verify = function verify(message) {\n if (typeof message !== \"object\" || message === null)\n return \"object expected\";\n if (message.deviceToken != null && message.hasOwnProperty(\"deviceToken\"))\n if (!$util.isString(message.deviceToken))\n return \"deviceToken: string expected\";\n return null;\n };\n\n /**\n * Creates a DeleteDeviceTokenInput message from a plain object. Also converts values to their respective internal types.\n * @function fromObject\n * @memberof theplant.ec.api.apns.DeleteDeviceTokenInput\n * @static\n * @param {Object.} object Plain object\n * @returns {theplant.ec.api.apns.DeleteDeviceTokenInput} DeleteDeviceTokenInput\n */\n DeleteDeviceTokenInput.fromObject = function fromObject(object) {\n if (object instanceof $root.theplant.ec.api.apns.DeleteDeviceTokenInput)\n return object;\n var message = new $root.theplant.ec.api.apns.DeleteDeviceTokenInput();\n if (object.deviceToken != null)\n message.deviceToken = String(object.deviceToken);\n return message;\n };\n\n /**\n * Creates a plain object from a DeleteDeviceTokenInput message. Also converts values to other types if specified.\n * @function toObject\n * @memberof theplant.ec.api.apns.DeleteDeviceTokenInput\n * @static\n * @param {theplant.ec.api.apns.DeleteDeviceTokenInput} message DeleteDeviceTokenInput\n * @param {$protobuf.IConversionOptions} [options] Conversion options\n * @returns {Object.} Plain object\n */\n DeleteDeviceTokenInput.toObject = function toObject(message, options) {\n if (!options)\n options = {};\n var object = {};\n if (options.defaults)\n object.deviceToken = \"\";\n if (message.deviceToken != null && message.hasOwnProperty(\"deviceToken\"))\n object.deviceToken = message.deviceToken;\n return object;\n };\n\n /**\n * Converts this DeleteDeviceTokenInput to JSON.\n * @function toJSON\n * @memberof theplant.ec.api.apns.DeleteDeviceTokenInput\n * @instance\n * @returns {Object.} JSON object\n */\n DeleteDeviceTokenInput.prototype.toJSON = function toJSON() {\n return this.constructor.toObject(this, $protobuf.util.toJSONOptions);\n };\n\n return DeleteDeviceTokenInput;\n })();\n\n apns.DeleteDeviceTokenResult = (function() {\n\n /**\n * Properties of a DeleteDeviceTokenResult.\n * @memberof theplant.ec.api.apns\n * @interface IDeleteDeviceTokenResult\n */\n\n /**\n * Constructs a new DeleteDeviceTokenResult.\n * @memberof theplant.ec.api.apns\n * @classdesc Represents a DeleteDeviceTokenResult.\n * @implements IDeleteDeviceTokenResult\n * @constructor\n * @param {theplant.ec.api.apns.IDeleteDeviceTokenResult=} [properties] Properties to set\n */\n function DeleteDeviceTokenResult(properties) {\n if (properties)\n for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)\n if (properties[keys[i]] != null)\n this[keys[i]] = properties[keys[i]];\n }\n\n /**\n * Creates a new DeleteDeviceTokenResult instance using the specified properties.\n * @function create\n * @memberof theplant.ec.api.apns.DeleteDeviceTokenResult\n * @static\n * @param {theplant.ec.api.apns.IDeleteDeviceTokenResult=} [properties] Properties to set\n * @returns {theplant.ec.api.apns.DeleteDeviceTokenResult} DeleteDeviceTokenResult instance\n */\n DeleteDeviceTokenResult.create = function create(properties) {\n return new DeleteDeviceTokenResult(properties);\n };\n\n /**\n * Encodes the specified DeleteDeviceTokenResult message. Does not implicitly {@link theplant.ec.api.apns.DeleteDeviceTokenResult.verify|verify} messages.\n * @function encode\n * @memberof theplant.ec.api.apns.DeleteDeviceTokenResult\n * @static\n * @param {theplant.ec.api.apns.IDeleteDeviceTokenResult} message DeleteDeviceTokenResult message or plain object to encode\n * @param {$protobuf.Writer} [writer] Writer to encode to\n * @returns {$protobuf.Writer} Writer\n */\n DeleteDeviceTokenResult.encode = function encode(message, writer) {\n if (!writer)\n writer = $Writer.create();\n return writer;\n };\n\n /**\n * Encodes the specified DeleteDeviceTokenResult message, length delimited. Does not implicitly {@link theplant.ec.api.apns.DeleteDeviceTokenResult.verify|verify} messages.\n * @function encodeDelimited\n * @memberof theplant.ec.api.apns.DeleteDeviceTokenResult\n * @static\n * @param {theplant.ec.api.apns.IDeleteDeviceTokenResult} message DeleteDeviceTokenResult message or plain object to encode\n * @param {$protobuf.Writer} [writer] Writer to encode to\n * @returns {$protobuf.Writer} Writer\n */\n DeleteDeviceTokenResult.encodeDelimited = function encodeDelimited(message, writer) {\n return this.encode(message, writer).ldelim();\n };\n\n /**\n * Decodes a DeleteDeviceTokenResult message from the specified reader or buffer.\n * @function decode\n * @memberof theplant.ec.api.apns.DeleteDeviceTokenResult\n * @static\n * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from\n * @param {number} [length] Message length if known beforehand\n * @returns {theplant.ec.api.apns.DeleteDeviceTokenResult} DeleteDeviceTokenResult\n * @throws {Error} If the payload is not a reader or valid buffer\n * @throws {$protobuf.util.ProtocolError} If required fields are missing\n */\n DeleteDeviceTokenResult.decode = function decode(reader, length) {\n if (!(reader instanceof $Reader))\n reader = $Reader.create(reader);\n var end = length === undefined ? reader.len : reader.pos + length, message = new $root.theplant.ec.api.apns.DeleteDeviceTokenResult();\n while (reader.pos < end) {\n var tag = reader.uint32();\n switch (tag >>> 3) {\n default:\n reader.skipType(tag & 7);\n break;\n }\n }\n return message;\n };\n\n /**\n * Decodes a DeleteDeviceTokenResult message from the specified reader or buffer, length delimited.\n * @function decodeDelimited\n * @memberof theplant.ec.api.apns.DeleteDeviceTokenResult\n * @static\n * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from\n * @returns {theplant.ec.api.apns.DeleteDeviceTokenResult} DeleteDeviceTokenResult\n * @throws {Error} If the payload is not a reader or valid buffer\n * @throws {$protobuf.util.ProtocolError} If required fields are missing\n */\n DeleteDeviceTokenResult.decodeDelimited = function decodeDelimited(reader) {\n if (!(reader instanceof $Reader))\n reader = new $Reader(reader);\n return this.decode(reader, reader.uint32());\n };\n\n /**\n * Verifies a DeleteDeviceTokenResult message.\n * @function verify\n * @memberof theplant.ec.api.apns.DeleteDeviceTokenResult\n * @static\n * @param {Object.} message Plain object to verify\n * @returns {string|null} `null` if valid, otherwise the reason why it is not\n */\n DeleteDeviceTokenResult.verify = function verify(message) {\n if (typeof message !== \"object\" || message === null)\n return \"object expected\";\n return null;\n };\n\n /**\n * Creates a DeleteDeviceTokenResult message from a plain object. Also converts values to their respective internal types.\n * @function fromObject\n * @memberof theplant.ec.api.apns.DeleteDeviceTokenResult\n * @static\n * @param {Object.} object Plain object\n * @returns {theplant.ec.api.apns.DeleteDeviceTokenResult} DeleteDeviceTokenResult\n */\n DeleteDeviceTokenResult.fromObject = function fromObject(object) {\n if (object instanceof $root.theplant.ec.api.apns.DeleteDeviceTokenResult)\n return object;\n return new $root.theplant.ec.api.apns.DeleteDeviceTokenResult();\n };\n\n /**\n * Creates a plain object from a DeleteDeviceTokenResult message. Also converts values to other types if specified.\n * @function toObject\n * @memberof theplant.ec.api.apns.DeleteDeviceTokenResult\n * @static\n * @param {theplant.ec.api.apns.DeleteDeviceTokenResult} message DeleteDeviceTokenResult\n * @param {$protobuf.IConversionOptions} [options] Conversion options\n * @returns {Object.} Plain object\n */\n DeleteDeviceTokenResult.toObject = function toObject() {\n return {};\n };\n\n /**\n * Converts this DeleteDeviceTokenResult to JSON.\n * @function toJSON\n * @memberof theplant.ec.api.apns.DeleteDeviceTokenResult\n * @instance\n * @returns {Object.} JSON object\n */\n DeleteDeviceTokenResult.prototype.toJSON = function toJSON() {\n return this.constructor.toObject(this, $protobuf.util.toJSONOptions);\n };\n\n return DeleteDeviceTokenResult;\n })();\n\n apns.APNSDeviceTokenService = (function() {\n\n /**\n * Constructs a new APNSDeviceTokenService service.\n * @memberof theplant.ec.api.apns\n * @classdesc Represents a APNSDeviceTokenService\n * @extends $protobuf.rpc.Service\n * @constructor\n * @param {$protobuf.RPCImpl} rpcImpl RPC implementation\n * @param {boolean} [requestDelimited=false] Whether requests are length-delimited\n * @param {boolean} [responseDelimited=false] Whether responses are length-delimited\n */\n function APNSDeviceTokenService(rpcImpl, requestDelimited, responseDelimited) {\n $protobuf.rpc.Service.call(this, rpcImpl, requestDelimited, responseDelimited);\n }\n\n (APNSDeviceTokenService.prototype = Object.create($protobuf.rpc.Service.prototype)).constructor = APNSDeviceTokenService;\n\n /**\n * Creates new APNSDeviceTokenService service using the specified rpc implementation.\n * @function create\n * @memberof theplant.ec.api.apns.APNSDeviceTokenService\n * @static\n * @param {$protobuf.RPCImpl} rpcImpl RPC implementation\n * @param {boolean} [requestDelimited=false] Whether requests are length-delimited\n * @param {boolean} [responseDelimited=false] Whether responses are length-delimited\n * @returns {APNSDeviceTokenService} RPC service. Useful where requests and/or responses are streamed.\n */\n APNSDeviceTokenService.create = function create(rpcImpl, requestDelimited, responseDelimited) {\n return new this(rpcImpl, requestDelimited, responseDelimited);\n };\n\n /**\n * Callback as used by {@link theplant.ec.api.apns.APNSDeviceTokenService#registerStoreDeviceToken}.\n * @memberof theplant.ec.api.apns.APNSDeviceTokenService\n * @typedef RegisterStoreDeviceTokenCallback\n * @type {function}\n * @param {Error|null} error Error, if any\n * @param {theplant.ec.api.apns.RegisterStoreDeviceTokenResult} [response] RegisterStoreDeviceTokenResult\n */\n\n /**\n * Calls RegisterStoreDeviceToken.\n * @function registerStoreDeviceToken\n * @memberof theplant.ec.api.apns.APNSDeviceTokenService\n * @instance\n * @param {theplant.ec.api.apns.IDeviceToken} request DeviceToken message or plain object\n * @param {theplant.ec.api.apns.APNSDeviceTokenService.RegisterStoreDeviceTokenCallback} callback Node-style callback called with the error, if any, and RegisterStoreDeviceTokenResult\n * @returns {undefined}\n * @variation 1\n */\n Object.defineProperty(APNSDeviceTokenService.prototype.registerStoreDeviceToken = function registerStoreDeviceToken(request, callback) {\n return this.rpcCall(registerStoreDeviceToken, $root.theplant.ec.api.apns.DeviceToken, $root.theplant.ec.api.apns.RegisterStoreDeviceTokenResult, request, callback);\n }, \"name\", { value: \"RegisterStoreDeviceToken\" });\n\n /**\n * Calls RegisterStoreDeviceToken.\n * @function registerStoreDeviceToken\n * @memberof theplant.ec.api.apns.APNSDeviceTokenService\n * @instance\n * @param {theplant.ec.api.apns.IDeviceToken} request DeviceToken message or plain object\n * @returns {Promise} Promise\n * @variation 2\n */\n\n /**\n * Callback as used by {@link theplant.ec.api.apns.APNSDeviceTokenService#deleteDeviceToken}.\n * @memberof theplant.ec.api.apns.APNSDeviceTokenService\n * @typedef DeleteDeviceTokenCallback\n * @type {function}\n * @param {Error|null} error Error, if any\n * @param {theplant.ec.api.apns.DeleteDeviceTokenResult} [response] DeleteDeviceTokenResult\n */\n\n /**\n * Calls DeleteDeviceToken.\n * @function deleteDeviceToken\n * @memberof theplant.ec.api.apns.APNSDeviceTokenService\n * @instance\n * @param {theplant.ec.api.apns.IDeleteDeviceTokenInput} request DeleteDeviceTokenInput message or plain object\n * @param {theplant.ec.api.apns.APNSDeviceTokenService.DeleteDeviceTokenCallback} callback Node-style callback called with the error, if any, and DeleteDeviceTokenResult\n * @returns {undefined}\n * @variation 1\n */\n Object.defineProperty(APNSDeviceTokenService.prototype.deleteDeviceToken = function deleteDeviceToken(request, callback) {\n return this.rpcCall(deleteDeviceToken, $root.theplant.ec.api.apns.DeleteDeviceTokenInput, $root.theplant.ec.api.apns.DeleteDeviceTokenResult, request, callback);\n }, \"name\", { value: \"DeleteDeviceToken\" });\n\n /**\n * Calls DeleteDeviceToken.\n * @function deleteDeviceToken\n * @memberof theplant.ec.api.apns.APNSDeviceTokenService\n * @instance\n * @param {theplant.ec.api.apns.IDeleteDeviceTokenInput} request DeleteDeviceTokenInput message or plain object\n * @returns {Promise} Promise\n * @variation 2\n */\n\n return APNSDeviceTokenService;\n })();\n\n return apns;\n })();\n\n api.blog = (function() {\n\n /**\n * Namespace blog.\n * @memberof theplant.ec.api\n * @namespace\n */\n var blog = {};\n\n blog.GetArticleListPrams = (function() {\n\n /**\n * Properties of a GetArticleListPrams.\n * @memberof theplant.ec.api.blog\n * @interface IGetArticleListPrams\n * @property {theplant.ec.service.blog.ICategory|null} [category] GetArticleListPrams category\n * @property {theplant.ec.service.base.IPagination|null} [pagination] GetArticleListPrams pagination\n */\n\n /**\n * Constructs a new GetArticleListPrams.\n * @memberof theplant.ec.api.blog\n * @classdesc Represents a GetArticleListPrams.\n * @implements IGetArticleListPrams\n * @constructor\n * @param {theplant.ec.api.blog.IGetArticleListPrams=} [properties] Properties to set\n */\n function GetArticleListPrams(properties) {\n if (properties)\n for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)\n if (properties[keys[i]] != null)\n this[keys[i]] = properties[keys[i]];\n }\n\n /**\n * GetArticleListPrams category.\n * @member {theplant.ec.service.blog.ICategory|null|undefined} category\n * @memberof theplant.ec.api.blog.GetArticleListPrams\n * @instance\n */\n GetArticleListPrams.prototype.category = null;\n\n /**\n * GetArticleListPrams pagination.\n * @member {theplant.ec.service.base.IPagination|null|undefined} pagination\n * @memberof theplant.ec.api.blog.GetArticleListPrams\n * @instance\n */\n GetArticleListPrams.prototype.pagination = null;\n\n /**\n * Creates a new GetArticleListPrams instance using the specified properties.\n * @function create\n * @memberof theplant.ec.api.blog.GetArticleListPrams\n * @static\n * @param {theplant.ec.api.blog.IGetArticleListPrams=} [properties] Properties to set\n * @returns {theplant.ec.api.blog.GetArticleListPrams} GetArticleListPrams instance\n */\n GetArticleListPrams.create = function create(properties) {\n return new GetArticleListPrams(properties);\n };\n\n /**\n * Encodes the specified GetArticleListPrams message. Does not implicitly {@link theplant.ec.api.blog.GetArticleListPrams.verify|verify} messages.\n * @function encode\n * @memberof theplant.ec.api.blog.GetArticleListPrams\n * @static\n * @param {theplant.ec.api.blog.IGetArticleListPrams} message GetArticleListPrams message or plain object to encode\n * @param {$protobuf.Writer} [writer] Writer to encode to\n * @returns {$protobuf.Writer} Writer\n */\n GetArticleListPrams.encode = function encode(message, writer) {\n if (!writer)\n writer = $Writer.create();\n if (message.category != null && message.hasOwnProperty(\"category\"))\n $root.theplant.ec.service.blog.Category.encode(message.category, writer.uint32(/* id 1, wireType 2 =*/10).fork()).ldelim();\n if (message.pagination != null && message.hasOwnProperty(\"pagination\"))\n $root.theplant.ec.service.base.Pagination.encode(message.pagination, writer.uint32(/* id 2, wireType 2 =*/18).fork()).ldelim();\n return writer;\n };\n\n /**\n * Encodes the specified GetArticleListPrams message, length delimited. Does not implicitly {@link theplant.ec.api.blog.GetArticleListPrams.verify|verify} messages.\n * @function encodeDelimited\n * @memberof theplant.ec.api.blog.GetArticleListPrams\n * @static\n * @param {theplant.ec.api.blog.IGetArticleListPrams} message GetArticleListPrams message or plain object to encode\n * @param {$protobuf.Writer} [writer] Writer to encode to\n * @returns {$protobuf.Writer} Writer\n */\n GetArticleListPrams.encodeDelimited = function encodeDelimited(message, writer) {\n return this.encode(message, writer).ldelim();\n };\n\n /**\n * Decodes a GetArticleListPrams message from the specified reader or buffer.\n * @function decode\n * @memberof theplant.ec.api.blog.GetArticleListPrams\n * @static\n * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from\n * @param {number} [length] Message length if known beforehand\n * @returns {theplant.ec.api.blog.GetArticleListPrams} GetArticleListPrams\n * @throws {Error} If the payload is not a reader or valid buffer\n * @throws {$protobuf.util.ProtocolError} If required fields are missing\n */\n GetArticleListPrams.decode = function decode(reader, length) {\n if (!(reader instanceof $Reader))\n reader = $Reader.create(reader);\n var end = length === undefined ? reader.len : reader.pos + length, message = new $root.theplant.ec.api.blog.GetArticleListPrams();\n while (reader.pos < end) {\n var tag = reader.uint32();\n switch (tag >>> 3) {\n case 1:\n message.category = $root.theplant.ec.service.blog.Category.decode(reader, reader.uint32());\n break;\n case 2:\n message.pagination = $root.theplant.ec.service.base.Pagination.decode(reader, reader.uint32());\n break;\n default:\n reader.skipType(tag & 7);\n break;\n }\n }\n return message;\n };\n\n /**\n * Decodes a GetArticleListPrams message from the specified reader or buffer, length delimited.\n * @function decodeDelimited\n * @memberof theplant.ec.api.blog.GetArticleListPrams\n * @static\n * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from\n * @returns {theplant.ec.api.blog.GetArticleListPrams} GetArticleListPrams\n * @throws {Error} If the payload is not a reader or valid buffer\n * @throws {$protobuf.util.ProtocolError} If required fields are missing\n */\n GetArticleListPrams.decodeDelimited = function decodeDelimited(reader) {\n if (!(reader instanceof $Reader))\n reader = new $Reader(reader);\n return this.decode(reader, reader.uint32());\n };\n\n /**\n * Verifies a GetArticleListPrams message.\n * @function verify\n * @memberof theplant.ec.api.blog.GetArticleListPrams\n * @static\n * @param {Object.} message Plain object to verify\n * @returns {string|null} `null` if valid, otherwise the reason why it is not\n */\n GetArticleListPrams.verify = function verify(message) {\n if (typeof message !== \"object\" || message === null)\n return \"object expected\";\n if (message.category != null && message.hasOwnProperty(\"category\")) {\n var error = $root.theplant.ec.service.blog.Category.verify(message.category);\n if (error)\n return \"category.\" + error;\n }\n if (message.pagination != null && message.hasOwnProperty(\"pagination\")) {\n var error = $root.theplant.ec.service.base.Pagination.verify(message.pagination);\n if (error)\n return \"pagination.\" + error;\n }\n return null;\n };\n\n /**\n * Creates a GetArticleListPrams message from a plain object. Also converts values to their respective internal types.\n * @function fromObject\n * @memberof theplant.ec.api.blog.GetArticleListPrams\n * @static\n * @param {Object.} object Plain object\n * @returns {theplant.ec.api.blog.GetArticleListPrams} GetArticleListPrams\n */\n GetArticleListPrams.fromObject = function fromObject(object) {\n if (object instanceof $root.theplant.ec.api.blog.GetArticleListPrams)\n return object;\n var message = new $root.theplant.ec.api.blog.GetArticleListPrams();\n if (object.category != null) {\n if (typeof object.category !== \"object\")\n throw TypeError(\".theplant.ec.api.blog.GetArticleListPrams.category: object expected\");\n message.category = $root.theplant.ec.service.blog.Category.fromObject(object.category);\n }\n if (object.pagination != null) {\n if (typeof object.pagination !== \"object\")\n throw TypeError(\".theplant.ec.api.blog.GetArticleListPrams.pagination: object expected\");\n message.pagination = $root.theplant.ec.service.base.Pagination.fromObject(object.pagination);\n }\n return message;\n };\n\n /**\n * Creates a plain object from a GetArticleListPrams message. Also converts values to other types if specified.\n * @function toObject\n * @memberof theplant.ec.api.blog.GetArticleListPrams\n * @static\n * @param {theplant.ec.api.blog.GetArticleListPrams} message GetArticleListPrams\n * @param {$protobuf.IConversionOptions} [options] Conversion options\n * @returns {Object.} Plain object\n */\n GetArticleListPrams.toObject = function toObject(message, options) {\n if (!options)\n options = {};\n var object = {};\n if (options.defaults) {\n object.category = null;\n object.pagination = null;\n }\n if (message.category != null && message.hasOwnProperty(\"category\"))\n object.category = $root.theplant.ec.service.blog.Category.toObject(message.category, options);\n if (message.pagination != null && message.hasOwnProperty(\"pagination\"))\n object.pagination = $root.theplant.ec.service.base.Pagination.toObject(message.pagination, options);\n return object;\n };\n\n /**\n * Converts this GetArticleListPrams to JSON.\n * @function toJSON\n * @memberof theplant.ec.api.blog.GetArticleListPrams\n * @instance\n * @returns {Object.} JSON object\n */\n GetArticleListPrams.prototype.toJSON = function toJSON() {\n return this.constructor.toObject(this, $protobuf.util.toJSONOptions);\n };\n\n return GetArticleListPrams;\n })();\n\n blog.ArticleList = (function() {\n\n /**\n * Properties of an ArticleList.\n * @memberof theplant.ec.api.blog\n * @interface IArticleList\n * @property {Array.|null} [articles] ArticleList articles\n * @property {boolean|null} [hasMore] ArticleList hasMore\n */\n\n /**\n * Constructs a new ArticleList.\n * @memberof theplant.ec.api.blog\n * @classdesc Represents an ArticleList.\n * @implements IArticleList\n * @constructor\n * @param {theplant.ec.api.blog.IArticleList=} [properties] Properties to set\n */\n function ArticleList(properties) {\n this.articles = [];\n if (properties)\n for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)\n if (properties[keys[i]] != null)\n this[keys[i]] = properties[keys[i]];\n }\n\n /**\n * ArticleList articles.\n * @member {Array.} articles\n * @memberof theplant.ec.api.blog.ArticleList\n * @instance\n */\n ArticleList.prototype.articles = $util.emptyArray;\n\n /**\n * ArticleList hasMore.\n * @member {boolean} hasMore\n * @memberof theplant.ec.api.blog.ArticleList\n * @instance\n */\n ArticleList.prototype.hasMore = false;\n\n /**\n * Creates a new ArticleList instance using the specified properties.\n * @function create\n * @memberof theplant.ec.api.blog.ArticleList\n * @static\n * @param {theplant.ec.api.blog.IArticleList=} [properties] Properties to set\n * @returns {theplant.ec.api.blog.ArticleList} ArticleList instance\n */\n ArticleList.create = function create(properties) {\n return new ArticleList(properties);\n };\n\n /**\n * Encodes the specified ArticleList message. Does not implicitly {@link theplant.ec.api.blog.ArticleList.verify|verify} messages.\n * @function encode\n * @memberof theplant.ec.api.blog.ArticleList\n * @static\n * @param {theplant.ec.api.blog.IArticleList} message ArticleList message or plain object to encode\n * @param {$protobuf.Writer} [writer] Writer to encode to\n * @returns {$protobuf.Writer} Writer\n */\n ArticleList.encode = function encode(message, writer) {\n if (!writer)\n writer = $Writer.create();\n if (message.articles != null && message.articles.length)\n for (var i = 0; i < message.articles.length; ++i)\n $root.theplant.ec.service.blog.Article.encode(message.articles[i], writer.uint32(/* id 1, wireType 2 =*/10).fork()).ldelim();\n if (message.hasMore != null && message.hasOwnProperty(\"hasMore\"))\n writer.uint32(/* id 2, wireType 0 =*/16).bool(message.hasMore);\n return writer;\n };\n\n /**\n * Encodes the specified ArticleList message, length delimited. Does not implicitly {@link theplant.ec.api.blog.ArticleList.verify|verify} messages.\n * @function encodeDelimited\n * @memberof theplant.ec.api.blog.ArticleList\n * @static\n * @param {theplant.ec.api.blog.IArticleList} message ArticleList message or plain object to encode\n * @param {$protobuf.Writer} [writer] Writer to encode to\n * @returns {$protobuf.Writer} Writer\n */\n ArticleList.encodeDelimited = function encodeDelimited(message, writer) {\n return this.encode(message, writer).ldelim();\n };\n\n /**\n * Decodes an ArticleList message from the specified reader or buffer.\n * @function decode\n * @memberof theplant.ec.api.blog.ArticleList\n * @static\n * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from\n * @param {number} [length] Message length if known beforehand\n * @returns {theplant.ec.api.blog.ArticleList} ArticleList\n * @throws {Error} If the payload is not a reader or valid buffer\n * @throws {$protobuf.util.ProtocolError} If required fields are missing\n */\n ArticleList.decode = function decode(reader, length) {\n if (!(reader instanceof $Reader))\n reader = $Reader.create(reader);\n var end = length === undefined ? reader.len : reader.pos + length, message = new $root.theplant.ec.api.blog.ArticleList();\n while (reader.pos < end) {\n var tag = reader.uint32();\n switch (tag >>> 3) {\n case 1:\n if (!(message.articles && message.articles.length))\n message.articles = [];\n message.articles.push($root.theplant.ec.service.blog.Article.decode(reader, reader.uint32()));\n break;\n case 2:\n message.hasMore = reader.bool();\n break;\n default:\n reader.skipType(tag & 7);\n break;\n }\n }\n return message;\n };\n\n /**\n * Decodes an ArticleList message from the specified reader or buffer, length delimited.\n * @function decodeDelimited\n * @memberof theplant.ec.api.blog.ArticleList\n * @static\n * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from\n * @returns {theplant.ec.api.blog.ArticleList} ArticleList\n * @throws {Error} If the payload is not a reader or valid buffer\n * @throws {$protobuf.util.ProtocolError} If required fields are missing\n */\n ArticleList.decodeDelimited = function decodeDelimited(reader) {\n if (!(reader instanceof $Reader))\n reader = new $Reader(reader);\n return this.decode(reader, reader.uint32());\n };\n\n /**\n * Verifies an ArticleList message.\n * @function verify\n * @memberof theplant.ec.api.blog.ArticleList\n * @static\n * @param {Object.} message Plain object to verify\n * @returns {string|null} `null` if valid, otherwise the reason why it is not\n */\n ArticleList.verify = function verify(message) {\n if (typeof message !== \"object\" || message === null)\n return \"object expected\";\n if (message.articles != null && message.hasOwnProperty(\"articles\")) {\n if (!Array.isArray(message.articles))\n return \"articles: array expected\";\n for (var i = 0; i < message.articles.length; ++i) {\n var error = $root.theplant.ec.service.blog.Article.verify(message.articles[i]);\n if (error)\n return \"articles.\" + error;\n }\n }\n if (message.hasMore != null && message.hasOwnProperty(\"hasMore\"))\n if (typeof message.hasMore !== \"boolean\")\n return \"hasMore: boolean expected\";\n return null;\n };\n\n /**\n * Creates an ArticleList message from a plain object. Also converts values to their respective internal types.\n * @function fromObject\n * @memberof theplant.ec.api.blog.ArticleList\n * @static\n * @param {Object.} object Plain object\n * @returns {theplant.ec.api.blog.ArticleList} ArticleList\n */\n ArticleList.fromObject = function fromObject(object) {\n if (object instanceof $root.theplant.ec.api.blog.ArticleList)\n return object;\n var message = new $root.theplant.ec.api.blog.ArticleList();\n if (object.articles) {\n if (!Array.isArray(object.articles))\n throw TypeError(\".theplant.ec.api.blog.ArticleList.articles: array expected\");\n message.articles = [];\n for (var i = 0; i < object.articles.length; ++i) {\n if (typeof object.articles[i] !== \"object\")\n throw TypeError(\".theplant.ec.api.blog.ArticleList.articles: object expected\");\n message.articles[i] = $root.theplant.ec.service.blog.Article.fromObject(object.articles[i]);\n }\n }\n if (object.hasMore != null)\n message.hasMore = Boolean(object.hasMore);\n return message;\n };\n\n /**\n * Creates a plain object from an ArticleList message. Also converts values to other types if specified.\n * @function toObject\n * @memberof theplant.ec.api.blog.ArticleList\n * @static\n * @param {theplant.ec.api.blog.ArticleList} message ArticleList\n * @param {$protobuf.IConversionOptions} [options] Conversion options\n * @returns {Object.} Plain object\n */\n ArticleList.toObject = function toObject(message, options) {\n if (!options)\n options = {};\n var object = {};\n if (options.arrays || options.defaults)\n object.articles = [];\n if (options.defaults)\n object.hasMore = false;\n if (message.articles && message.articles.length) {\n object.articles = [];\n for (var j = 0; j < message.articles.length; ++j)\n object.articles[j] = $root.theplant.ec.service.blog.Article.toObject(message.articles[j], options);\n }\n if (message.hasMore != null && message.hasOwnProperty(\"hasMore\"))\n object.hasMore = message.hasMore;\n return object;\n };\n\n /**\n * Converts this ArticleList to JSON.\n * @function toJSON\n * @memberof theplant.ec.api.blog.ArticleList\n * @instance\n * @returns {Object.} JSON object\n */\n ArticleList.prototype.toJSON = function toJSON() {\n return this.constructor.toObject(this, $protobuf.util.toJSONOptions);\n };\n\n return ArticleList;\n })();\n\n blog.Categories = (function() {\n\n /**\n * Properties of a Categories.\n * @memberof theplant.ec.api.blog\n * @interface ICategories\n * @property {Array.|null} [categories] Categories categories\n */\n\n /**\n * Constructs a new Categories.\n * @memberof theplant.ec.api.blog\n * @classdesc Represents a Categories.\n * @implements ICategories\n * @constructor\n * @param {theplant.ec.api.blog.ICategories=} [properties] Properties to set\n */\n function Categories(properties) {\n this.categories = [];\n if (properties)\n for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)\n if (properties[keys[i]] != null)\n this[keys[i]] = properties[keys[i]];\n }\n\n /**\n * Categories categories.\n * @member {Array.} categories\n * @memberof theplant.ec.api.blog.Categories\n * @instance\n */\n Categories.prototype.categories = $util.emptyArray;\n\n /**\n * Creates a new Categories instance using the specified properties.\n * @function create\n * @memberof theplant.ec.api.blog.Categories\n * @static\n * @param {theplant.ec.api.blog.ICategories=} [properties] Properties to set\n * @returns {theplant.ec.api.blog.Categories} Categories instance\n */\n Categories.create = function create(properties) {\n return new Categories(properties);\n };\n\n /**\n * Encodes the specified Categories message. Does not implicitly {@link theplant.ec.api.blog.Categories.verify|verify} messages.\n * @function encode\n * @memberof theplant.ec.api.blog.Categories\n * @static\n * @param {theplant.ec.api.blog.ICategories} message Categories message or plain object to encode\n * @param {$protobuf.Writer} [writer] Writer to encode to\n * @returns {$protobuf.Writer} Writer\n */\n Categories.encode = function encode(message, writer) {\n if (!writer)\n writer = $Writer.create();\n if (message.categories != null && message.categories.length)\n for (var i = 0; i < message.categories.length; ++i)\n $root.theplant.ec.service.blog.Category.encode(message.categories[i], writer.uint32(/* id 1, wireType 2 =*/10).fork()).ldelim();\n return writer;\n };\n\n /**\n * Encodes the specified Categories message, length delimited. Does not implicitly {@link theplant.ec.api.blog.Categories.verify|verify} messages.\n * @function encodeDelimited\n * @memberof theplant.ec.api.blog.Categories\n * @static\n * @param {theplant.ec.api.blog.ICategories} message Categories message or plain object to encode\n * @param {$protobuf.Writer} [writer] Writer to encode to\n * @returns {$protobuf.Writer} Writer\n */\n Categories.encodeDelimited = function encodeDelimited(message, writer) {\n return this.encode(message, writer).ldelim();\n };\n\n /**\n * Decodes a Categories message from the specified reader or buffer.\n * @function decode\n * @memberof theplant.ec.api.blog.Categories\n * @static\n * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from\n * @param {number} [length] Message length if known beforehand\n * @returns {theplant.ec.api.blog.Categories} Categories\n * @throws {Error} If the payload is not a reader or valid buffer\n * @throws {$protobuf.util.ProtocolError} If required fields are missing\n */\n Categories.decode = function decode(reader, length) {\n if (!(reader instanceof $Reader))\n reader = $Reader.create(reader);\n var end = length === undefined ? reader.len : reader.pos + length, message = new $root.theplant.ec.api.blog.Categories();\n while (reader.pos < end) {\n var tag = reader.uint32();\n switch (tag >>> 3) {\n case 1:\n if (!(message.categories && message.categories.length))\n message.categories = [];\n message.categories.push($root.theplant.ec.service.blog.Category.decode(reader, reader.uint32()));\n break;\n default:\n reader.skipType(tag & 7);\n break;\n }\n }\n return message;\n };\n\n /**\n * Decodes a Categories message from the specified reader or buffer, length delimited.\n * @function decodeDelimited\n * @memberof theplant.ec.api.blog.Categories\n * @static\n * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from\n * @returns {theplant.ec.api.blog.Categories} Categories\n * @throws {Error} If the payload is not a reader or valid buffer\n * @throws {$protobuf.util.ProtocolError} If required fields are missing\n */\n Categories.decodeDelimited = function decodeDelimited(reader) {\n if (!(reader instanceof $Reader))\n reader = new $Reader(reader);\n return this.decode(reader, reader.uint32());\n };\n\n /**\n * Verifies a Categories message.\n * @function verify\n * @memberof theplant.ec.api.blog.Categories\n * @static\n * @param {Object.} message Plain object to verify\n * @returns {string|null} `null` if valid, otherwise the reason why it is not\n */\n Categories.verify = function verify(message) {\n if (typeof message !== \"object\" || message === null)\n return \"object expected\";\n if (message.categories != null && message.hasOwnProperty(\"categories\")) {\n if (!Array.isArray(message.categories))\n return \"categories: array expected\";\n for (var i = 0; i < message.categories.length; ++i) {\n var error = $root.theplant.ec.service.blog.Category.verify(message.categories[i]);\n if (error)\n return \"categories.\" + error;\n }\n }\n return null;\n };\n\n /**\n * Creates a Categories message from a plain object. Also converts values to their respective internal types.\n * @function fromObject\n * @memberof theplant.ec.api.blog.Categories\n * @static\n * @param {Object.} object Plain object\n * @returns {theplant.ec.api.blog.Categories} Categories\n */\n Categories.fromObject = function fromObject(object) {\n if (object instanceof $root.theplant.ec.api.blog.Categories)\n return object;\n var message = new $root.theplant.ec.api.blog.Categories();\n if (object.categories) {\n if (!Array.isArray(object.categories))\n throw TypeError(\".theplant.ec.api.blog.Categories.categories: array expected\");\n message.categories = [];\n for (var i = 0; i < object.categories.length; ++i) {\n if (typeof object.categories[i] !== \"object\")\n throw TypeError(\".theplant.ec.api.blog.Categories.categories: object expected\");\n message.categories[i] = $root.theplant.ec.service.blog.Category.fromObject(object.categories[i]);\n }\n }\n return message;\n };\n\n /**\n * Creates a plain object from a Categories message. Also converts values to other types if specified.\n * @function toObject\n * @memberof theplant.ec.api.blog.Categories\n * @static\n * @param {theplant.ec.api.blog.Categories} message Categories\n * @param {$protobuf.IConversionOptions} [options] Conversion options\n * @returns {Object.} Plain object\n */\n Categories.toObject = function toObject(message, options) {\n if (!options)\n options = {};\n var object = {};\n if (options.arrays || options.defaults)\n object.categories = [];\n if (message.categories && message.categories.length) {\n object.categories = [];\n for (var j = 0; j < message.categories.length; ++j)\n object.categories[j] = $root.theplant.ec.service.blog.Category.toObject(message.categories[j], options);\n }\n return object;\n };\n\n /**\n * Converts this Categories to JSON.\n * @function toJSON\n * @memberof theplant.ec.api.blog.Categories\n * @instance\n * @returns {Object.} JSON object\n */\n Categories.prototype.toJSON = function toJSON() {\n return this.constructor.toObject(this, $protobuf.util.toJSONOptions);\n };\n\n return Categories;\n })();\n\n blog.ArticleId = (function() {\n\n /**\n * Properties of an ArticleId.\n * @memberof theplant.ec.api.blog\n * @interface IArticleId\n * @property {number|Long|null} [id] ArticleId id\n */\n\n /**\n * Constructs a new ArticleId.\n * @memberof theplant.ec.api.blog\n * @classdesc Represents an ArticleId.\n * @implements IArticleId\n * @constructor\n * @param {theplant.ec.api.blog.IArticleId=} [properties] Properties to set\n */\n function ArticleId(properties) {\n if (properties)\n for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)\n if (properties[keys[i]] != null)\n this[keys[i]] = properties[keys[i]];\n }\n\n /**\n * ArticleId id.\n * @member {number|Long} id\n * @memberof theplant.ec.api.blog.ArticleId\n * @instance\n */\n ArticleId.prototype.id = $util.Long ? $util.Long.fromBits(0,0,false) : 0;\n\n /**\n * Creates a new ArticleId instance using the specified properties.\n * @function create\n * @memberof theplant.ec.api.blog.ArticleId\n * @static\n * @param {theplant.ec.api.blog.IArticleId=} [properties] Properties to set\n * @returns {theplant.ec.api.blog.ArticleId} ArticleId instance\n */\n ArticleId.create = function create(properties) {\n return new ArticleId(properties);\n };\n\n /**\n * Encodes the specified ArticleId message. Does not implicitly {@link theplant.ec.api.blog.ArticleId.verify|verify} messages.\n * @function encode\n * @memberof theplant.ec.api.blog.ArticleId\n * @static\n * @param {theplant.ec.api.blog.IArticleId} message ArticleId message or plain object to encode\n * @param {$protobuf.Writer} [writer] Writer to encode to\n * @returns {$protobuf.Writer} Writer\n */\n ArticleId.encode = function encode(message, writer) {\n if (!writer)\n writer = $Writer.create();\n if (message.id != null && message.hasOwnProperty(\"id\"))\n writer.uint32(/* id 1, wireType 0 =*/8).int64(message.id);\n return writer;\n };\n\n /**\n * Encodes the specified ArticleId message, length delimited. Does not implicitly {@link theplant.ec.api.blog.ArticleId.verify|verify} messages.\n * @function encodeDelimited\n * @memberof theplant.ec.api.blog.ArticleId\n * @static\n * @param {theplant.ec.api.blog.IArticleId} message ArticleId message or plain object to encode\n * @param {$protobuf.Writer} [writer] Writer to encode to\n * @returns {$protobuf.Writer} Writer\n */\n ArticleId.encodeDelimited = function encodeDelimited(message, writer) {\n return this.encode(message, writer).ldelim();\n };\n\n /**\n * Decodes an ArticleId message from the specified reader or buffer.\n * @function decode\n * @memberof theplant.ec.api.blog.ArticleId\n * @static\n * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from\n * @param {number} [length] Message length if known beforehand\n * @returns {theplant.ec.api.blog.ArticleId} ArticleId\n * @throws {Error} If the payload is not a reader or valid buffer\n * @throws {$protobuf.util.ProtocolError} If required fields are missing\n */\n ArticleId.decode = function decode(reader, length) {\n if (!(reader instanceof $Reader))\n reader = $Reader.create(reader);\n var end = length === undefined ? reader.len : reader.pos + length, message = new $root.theplant.ec.api.blog.ArticleId();\n while (reader.pos < end) {\n var tag = reader.uint32();\n switch (tag >>> 3) {\n case 1:\n message.id = reader.int64();\n break;\n default:\n reader.skipType(tag & 7);\n break;\n }\n }\n return message;\n };\n\n /**\n * Decodes an ArticleId message from the specified reader or buffer, length delimited.\n * @function decodeDelimited\n * @memberof theplant.ec.api.blog.ArticleId\n * @static\n * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from\n * @returns {theplant.ec.api.blog.ArticleId} ArticleId\n * @throws {Error} If the payload is not a reader or valid buffer\n * @throws {$protobuf.util.ProtocolError} If required fields are missing\n */\n ArticleId.decodeDelimited = function decodeDelimited(reader) {\n if (!(reader instanceof $Reader))\n reader = new $Reader(reader);\n return this.decode(reader, reader.uint32());\n };\n\n /**\n * Verifies an ArticleId message.\n * @function verify\n * @memberof theplant.ec.api.blog.ArticleId\n * @static\n * @param {Object.} message Plain object to verify\n * @returns {string|null} `null` if valid, otherwise the reason why it is not\n */\n ArticleId.verify = function verify(message) {\n if (typeof message !== \"object\" || message === null)\n return \"object expected\";\n if (message.id != null && message.hasOwnProperty(\"id\"))\n if (!$util.isInteger(message.id) && !(message.id && $util.isInteger(message.id.low) && $util.isInteger(message.id.high)))\n return \"id: integer|Long expected\";\n return null;\n };\n\n /**\n * Creates an ArticleId message from a plain object. Also converts values to their respective internal types.\n * @function fromObject\n * @memberof theplant.ec.api.blog.ArticleId\n * @static\n * @param {Object.} object Plain object\n * @returns {theplant.ec.api.blog.ArticleId} ArticleId\n */\n ArticleId.fromObject = function fromObject(object) {\n if (object instanceof $root.theplant.ec.api.blog.ArticleId)\n return object;\n var message = new $root.theplant.ec.api.blog.ArticleId();\n if (object.id != null)\n if ($util.Long)\n (message.id = $util.Long.fromValue(object.id)).unsigned = false;\n else if (typeof object.id === \"string\")\n message.id = parseInt(object.id, 10);\n else if (typeof object.id === \"number\")\n message.id = object.id;\n else if (typeof object.id === \"object\")\n message.id = new $util.LongBits(object.id.low >>> 0, object.id.high >>> 0).toNumber();\n return message;\n };\n\n /**\n * Creates a plain object from an ArticleId message. Also converts values to other types if specified.\n * @function toObject\n * @memberof theplant.ec.api.blog.ArticleId\n * @static\n * @param {theplant.ec.api.blog.ArticleId} message ArticleId\n * @param {$protobuf.IConversionOptions} [options] Conversion options\n * @returns {Object.} Plain object\n */\n ArticleId.toObject = function toObject(message, options) {\n if (!options)\n options = {};\n var object = {};\n if (options.defaults)\n if ($util.Long) {\n var long = new $util.Long(0, 0, false);\n object.id = options.longs === String ? long.toString() : options.longs === Number ? long.toNumber() : long;\n } else\n object.id = options.longs === String ? \"0\" : 0;\n if (message.id != null && message.hasOwnProperty(\"id\"))\n if (typeof message.id === \"number\")\n object.id = options.longs === String ? String(message.id) : message.id;\n else\n object.id = options.longs === String ? $util.Long.prototype.toString.call(message.id) : options.longs === Number ? new $util.LongBits(message.id.low >>> 0, message.id.high >>> 0).toNumber() : message.id;\n return object;\n };\n\n /**\n * Converts this ArticleId to JSON.\n * @function toJSON\n * @memberof theplant.ec.api.blog.ArticleId\n * @instance\n * @returns {Object.} JSON object\n */\n ArticleId.prototype.toJSON = function toJSON() {\n return this.constructor.toObject(this, $protobuf.util.toJSONOptions);\n };\n\n return ArticleId;\n })();\n\n blog.BlogService = (function() {\n\n /**\n * Constructs a new BlogService service.\n * @memberof theplant.ec.api.blog\n * @classdesc Represents a BlogService\n * @extends $protobuf.rpc.Service\n * @constructor\n * @param {$protobuf.RPCImpl} rpcImpl RPC implementation\n * @param {boolean} [requestDelimited=false] Whether requests are length-delimited\n * @param {boolean} [responseDelimited=false] Whether responses are length-delimited\n */\n function BlogService(rpcImpl, requestDelimited, responseDelimited) {\n $protobuf.rpc.Service.call(this, rpcImpl, requestDelimited, responseDelimited);\n }\n\n (BlogService.prototype = Object.create($protobuf.rpc.Service.prototype)).constructor = BlogService;\n\n /**\n * Creates new BlogService service using the specified rpc implementation.\n * @function create\n * @memberof theplant.ec.api.blog.BlogService\n * @static\n * @param {$protobuf.RPCImpl} rpcImpl RPC implementation\n * @param {boolean} [requestDelimited=false] Whether requests are length-delimited\n * @param {boolean} [responseDelimited=false] Whether responses are length-delimited\n * @returns {BlogService} RPC service. Useful where requests and/or responses are streamed.\n */\n BlogService.create = function create(rpcImpl, requestDelimited, responseDelimited) {\n return new this(rpcImpl, requestDelimited, responseDelimited);\n };\n\n /**\n * Callback as used by {@link theplant.ec.api.blog.BlogService#getAllCategories}.\n * @memberof theplant.ec.api.blog.BlogService\n * @typedef GetAllCategoriesCallback\n * @type {function}\n * @param {Error|null} error Error, if any\n * @param {theplant.ec.api.blog.Categories} [response] Categories\n */\n\n /**\n * Calls GetAllCategories.\n * @function getAllCategories\n * @memberof theplant.ec.api.blog.BlogService\n * @instance\n * @param {theplant.ec.api.IEmpty} request Empty message or plain object\n * @param {theplant.ec.api.blog.BlogService.GetAllCategoriesCallback} callback Node-style callback called with the error, if any, and Categories\n * @returns {undefined}\n * @variation 1\n */\n Object.defineProperty(BlogService.prototype.getAllCategories = function getAllCategories(request, callback) {\n return this.rpcCall(getAllCategories, $root.theplant.ec.api.Empty, $root.theplant.ec.api.blog.Categories, request, callback);\n }, \"name\", { value: \"GetAllCategories\" });\n\n /**\n * Calls GetAllCategories.\n * @function getAllCategories\n * @memberof theplant.ec.api.blog.BlogService\n * @instance\n * @param {theplant.ec.api.IEmpty} request Empty message or plain object\n * @returns {Promise} Promise\n * @variation 2\n */\n\n /**\n * Callback as used by {@link theplant.ec.api.blog.BlogService#getArticleList}.\n * @memberof theplant.ec.api.blog.BlogService\n * @typedef GetArticleListCallback\n * @type {function}\n * @param {Error|null} error Error, if any\n * @param {theplant.ec.api.blog.ArticleList} [response] ArticleList\n */\n\n /**\n * Calls GetArticleList.\n * @function getArticleList\n * @memberof theplant.ec.api.blog.BlogService\n * @instance\n * @param {theplant.ec.api.blog.IGetArticleListPrams} request GetArticleListPrams message or plain object\n * @param {theplant.ec.api.blog.BlogService.GetArticleListCallback} callback Node-style callback called with the error, if any, and ArticleList\n * @returns {undefined}\n * @variation 1\n */\n Object.defineProperty(BlogService.prototype.getArticleList = function getArticleList(request, callback) {\n return this.rpcCall(getArticleList, $root.theplant.ec.api.blog.GetArticleListPrams, $root.theplant.ec.api.blog.ArticleList, request, callback);\n }, \"name\", { value: \"GetArticleList\" });\n\n /**\n * Calls GetArticleList.\n * @function getArticleList\n * @memberof theplant.ec.api.blog.BlogService\n * @instance\n * @param {theplant.ec.api.blog.IGetArticleListPrams} request GetArticleListPrams message or plain object\n * @returns {Promise} Promise\n * @variation 2\n */\n\n /**\n * Callback as used by {@link theplant.ec.api.blog.BlogService#getArticleById}.\n * @memberof theplant.ec.api.blog.BlogService\n * @typedef GetArticleByIdCallback\n * @type {function}\n * @param {Error|null} error Error, if any\n * @param {theplant.ec.service.blog.Article} [response] Article\n */\n\n /**\n * Calls GetArticleById.\n * @function getArticleById\n * @memberof theplant.ec.api.blog.BlogService\n * @instance\n * @param {theplant.ec.api.blog.IArticleId} request ArticleId message or plain object\n * @param {theplant.ec.api.blog.BlogService.GetArticleByIdCallback} callback Node-style callback called with the error, if any, and Article\n * @returns {undefined}\n * @variation 1\n */\n Object.defineProperty(BlogService.prototype.getArticleById = function getArticleById(request, callback) {\n return this.rpcCall(getArticleById, $root.theplant.ec.api.blog.ArticleId, $root.theplant.ec.service.blog.Article, request, callback);\n }, \"name\", { value: \"GetArticleById\" });\n\n /**\n * Calls GetArticleById.\n * @function getArticleById\n * @memberof theplant.ec.api.blog.BlogService\n * @instance\n * @param {theplant.ec.api.blog.IArticleId} request ArticleId message or plain object\n * @returns {Promise} Promise\n * @variation 2\n */\n\n return BlogService;\n })();\n\n return blog;\n })();\n\n api.contact_us = (function() {\n\n /**\n * Namespace contact_us.\n * @memberof theplant.ec.api\n * @namespace\n */\n var contact_us = {};\n\n contact_us.Reason = (function() {\n\n /**\n * Properties of a Reason.\n * @memberof theplant.ec.api.contact_us\n * @interface IReason\n * @property {theplant.ec.service.contact_us.ReasonType|null} [reasonType] Reason reasonType\n * @property {boolean|null} [isOrderCodeRequired] Reason isOrderCodeRequired\n */\n\n /**\n * Constructs a new Reason.\n * @memberof theplant.ec.api.contact_us\n * @classdesc Represents a Reason.\n * @implements IReason\n * @constructor\n * @param {theplant.ec.api.contact_us.IReason=} [properties] Properties to set\n */\n function Reason(properties) {\n if (properties)\n for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)\n if (properties[keys[i]] != null)\n this[keys[i]] = properties[keys[i]];\n }\n\n /**\n * Reason reasonType.\n * @member {theplant.ec.service.contact_us.ReasonType} reasonType\n * @memberof theplant.ec.api.contact_us.Reason\n * @instance\n */\n Reason.prototype.reasonType = 0;\n\n /**\n * Reason isOrderCodeRequired.\n * @member {boolean} isOrderCodeRequired\n * @memberof theplant.ec.api.contact_us.Reason\n * @instance\n */\n Reason.prototype.isOrderCodeRequired = false;\n\n /**\n * Creates a new Reason instance using the specified properties.\n * @function create\n * @memberof theplant.ec.api.contact_us.Reason\n * @static\n * @param {theplant.ec.api.contact_us.IReason=} [properties] Properties to set\n * @returns {theplant.ec.api.contact_us.Reason} Reason instance\n */\n Reason.create = function create(properties) {\n return new Reason(properties);\n };\n\n /**\n * Encodes the specified Reason message. Does not implicitly {@link theplant.ec.api.contact_us.Reason.verify|verify} messages.\n * @function encode\n * @memberof theplant.ec.api.contact_us.Reason\n * @static\n * @param {theplant.ec.api.contact_us.IReason} message Reason message or plain object to encode\n * @param {$protobuf.Writer} [writer] Writer to encode to\n * @returns {$protobuf.Writer} Writer\n */\n Reason.encode = function encode(message, writer) {\n if (!writer)\n writer = $Writer.create();\n if (message.reasonType != null && message.hasOwnProperty(\"reasonType\"))\n writer.uint32(/* id 1, wireType 0 =*/8).int32(message.reasonType);\n if (message.isOrderCodeRequired != null && message.hasOwnProperty(\"isOrderCodeRequired\"))\n writer.uint32(/* id 2, wireType 0 =*/16).bool(message.isOrderCodeRequired);\n return writer;\n };\n\n /**\n * Encodes the specified Reason message, length delimited. Does not implicitly {@link theplant.ec.api.contact_us.Reason.verify|verify} messages.\n * @function encodeDelimited\n * @memberof theplant.ec.api.contact_us.Reason\n * @static\n * @param {theplant.ec.api.contact_us.IReason} message Reason message or plain object to encode\n * @param {$protobuf.Writer} [writer] Writer to encode to\n * @returns {$protobuf.Writer} Writer\n */\n Reason.encodeDelimited = function encodeDelimited(message, writer) {\n return this.encode(message, writer).ldelim();\n };\n\n /**\n * Decodes a Reason message from the specified reader or buffer.\n * @function decode\n * @memberof theplant.ec.api.contact_us.Reason\n * @static\n * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from\n * @param {number} [length] Message length if known beforehand\n * @returns {theplant.ec.api.contact_us.Reason} Reason\n * @throws {Error} If the payload is not a reader or valid buffer\n * @throws {$protobuf.util.ProtocolError} If required fields are missing\n */\n Reason.decode = function decode(reader, length) {\n if (!(reader instanceof $Reader))\n reader = $Reader.create(reader);\n var end = length === undefined ? reader.len : reader.pos + length, message = new $root.theplant.ec.api.contact_us.Reason();\n while (reader.pos < end) {\n var tag = reader.uint32();\n switch (tag >>> 3) {\n case 1:\n message.reasonType = reader.int32();\n break;\n case 2:\n message.isOrderCodeRequired = reader.bool();\n break;\n default:\n reader.skipType(tag & 7);\n break;\n }\n }\n return message;\n };\n\n /**\n * Decodes a Reason message from the specified reader or buffer, length delimited.\n * @function decodeDelimited\n * @memberof theplant.ec.api.contact_us.Reason\n * @static\n * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from\n * @returns {theplant.ec.api.contact_us.Reason} Reason\n * @throws {Error} If the payload is not a reader or valid buffer\n * @throws {$protobuf.util.ProtocolError} If required fields are missing\n */\n Reason.decodeDelimited = function decodeDelimited(reader) {\n if (!(reader instanceof $Reader))\n reader = new $Reader(reader);\n return this.decode(reader, reader.uint32());\n };\n\n /**\n * Verifies a Reason message.\n * @function verify\n * @memberof theplant.ec.api.contact_us.Reason\n * @static\n * @param {Object.} message Plain object to verify\n * @returns {string|null} `null` if valid, otherwise the reason why it is not\n */\n Reason.verify = function verify(message) {\n if (typeof message !== \"object\" || message === null)\n return \"object expected\";\n if (message.reasonType != null && message.hasOwnProperty(\"reasonType\"))\n switch (message.reasonType) {\n default:\n return \"reasonType: enum value expected\";\n case 0:\n case 1:\n case 2:\n case 3:\n case 4:\n case 5:\n case 6:\n case 7:\n case 8:\n case 9:\n case 10:\n case 11:\n break;\n }\n if (message.isOrderCodeRequired != null && message.hasOwnProperty(\"isOrderCodeRequired\"))\n if (typeof message.isOrderCodeRequired !== \"boolean\")\n return \"isOrderCodeRequired: boolean expected\";\n return null;\n };\n\n /**\n * Creates a Reason message from a plain object. Also converts values to their respective internal types.\n * @function fromObject\n * @memberof theplant.ec.api.contact_us.Reason\n * @static\n * @param {Object.} object Plain object\n * @returns {theplant.ec.api.contact_us.Reason} Reason\n */\n Reason.fromObject = function fromObject(object) {\n if (object instanceof $root.theplant.ec.api.contact_us.Reason)\n return object;\n var message = new $root.theplant.ec.api.contact_us.Reason();\n switch (object.reasonType) {\n case \"UNKNOWN\":\n case 0:\n message.reasonType = 0;\n break;\n case \"ORDERS\":\n case 1:\n message.reasonType = 1;\n break;\n case \"SHIPMENTS\":\n case 2:\n message.reasonType = 2;\n break;\n case \"RETURNS_AND_REFUNDS\":\n case 3:\n message.reasonType = 3;\n break;\n case \"CUSTOMER_ACCOUNT\":\n case 4:\n message.reasonType = 4;\n break;\n case \"PRODUCT_AND_STOCK\":\n case 5:\n message.reasonType = 5;\n break;\n case \"STORES\":\n case 6:\n message.reasonType = 6;\n break;\n case \"CORPORATE_REQUESTS\":\n case 7:\n message.reasonType = 7;\n break;\n case \"SPONSORSHIP\":\n case 8:\n message.reasonType = 8;\n break;\n case \"RECRUITMENT\":\n case 9:\n message.reasonType = 9;\n break;\n case \"COMMERCIAL_REQUESTS\":\n case 10:\n message.reasonType = 10;\n break;\n case \"PERSONAL_DATA\":\n case 11:\n message.reasonType = 11;\n break;\n }\n if (object.isOrderCodeRequired != null)\n message.isOrderCodeRequired = Boolean(object.isOrderCodeRequired);\n return message;\n };\n\n /**\n * Creates a plain object from a Reason message. Also converts values to other types if specified.\n * @function toObject\n * @memberof theplant.ec.api.contact_us.Reason\n * @static\n * @param {theplant.ec.api.contact_us.Reason} message Reason\n * @param {$protobuf.IConversionOptions} [options] Conversion options\n * @returns {Object.} Plain object\n */\n Reason.toObject = function toObject(message, options) {\n if (!options)\n options = {};\n var object = {};\n if (options.defaults) {\n object.reasonType = options.enums === String ? \"UNKNOWN\" : 0;\n object.isOrderCodeRequired = false;\n }\n if (message.reasonType != null && message.hasOwnProperty(\"reasonType\"))\n object.reasonType = options.enums === String ? $root.theplant.ec.service.contact_us.ReasonType[message.reasonType] : message.reasonType;\n if (message.isOrderCodeRequired != null && message.hasOwnProperty(\"isOrderCodeRequired\"))\n object.isOrderCodeRequired = message.isOrderCodeRequired;\n return object;\n };\n\n /**\n * Converts this Reason to JSON.\n * @function toJSON\n * @memberof theplant.ec.api.contact_us.Reason\n * @instance\n * @returns {Object.} JSON object\n */\n Reason.prototype.toJSON = function toJSON() {\n return this.constructor.toObject(this, $protobuf.util.toJSONOptions);\n };\n\n return Reason;\n })();\n\n contact_us.ReasonList = (function() {\n\n /**\n * Properties of a ReasonList.\n * @memberof theplant.ec.api.contact_us\n * @interface IReasonList\n * @property {Array.|null} [reasons] ReasonList reasons\n */\n\n /**\n * Constructs a new ReasonList.\n * @memberof theplant.ec.api.contact_us\n * @classdesc Represents a ReasonList.\n * @implements IReasonList\n * @constructor\n * @param {theplant.ec.api.contact_us.IReasonList=} [properties] Properties to set\n */\n function ReasonList(properties) {\n this.reasons = [];\n if (properties)\n for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)\n if (properties[keys[i]] != null)\n this[keys[i]] = properties[keys[i]];\n }\n\n /**\n * ReasonList reasons.\n * @member {Array.} reasons\n * @memberof theplant.ec.api.contact_us.ReasonList\n * @instance\n */\n ReasonList.prototype.reasons = $util.emptyArray;\n\n /**\n * Creates a new ReasonList instance using the specified properties.\n * @function create\n * @memberof theplant.ec.api.contact_us.ReasonList\n * @static\n * @param {theplant.ec.api.contact_us.IReasonList=} [properties] Properties to set\n * @returns {theplant.ec.api.contact_us.ReasonList} ReasonList instance\n */\n ReasonList.create = function create(properties) {\n return new ReasonList(properties);\n };\n\n /**\n * Encodes the specified ReasonList message. Does not implicitly {@link theplant.ec.api.contact_us.ReasonList.verify|verify} messages.\n * @function encode\n * @memberof theplant.ec.api.contact_us.ReasonList\n * @static\n * @param {theplant.ec.api.contact_us.IReasonList} message ReasonList message or plain object to encode\n * @param {$protobuf.Writer} [writer] Writer to encode to\n * @returns {$protobuf.Writer} Writer\n */\n ReasonList.encode = function encode(message, writer) {\n if (!writer)\n writer = $Writer.create();\n if (message.reasons != null && message.reasons.length)\n for (var i = 0; i < message.reasons.length; ++i)\n $root.theplant.ec.api.contact_us.Reason.encode(message.reasons[i], writer.uint32(/* id 1, wireType 2 =*/10).fork()).ldelim();\n return writer;\n };\n\n /**\n * Encodes the specified ReasonList message, length delimited. Does not implicitly {@link theplant.ec.api.contact_us.ReasonList.verify|verify} messages.\n * @function encodeDelimited\n * @memberof theplant.ec.api.contact_us.ReasonList\n * @static\n * @param {theplant.ec.api.contact_us.IReasonList} message ReasonList message or plain object to encode\n * @param {$protobuf.Writer} [writer] Writer to encode to\n * @returns {$protobuf.Writer} Writer\n */\n ReasonList.encodeDelimited = function encodeDelimited(message, writer) {\n return this.encode(message, writer).ldelim();\n };\n\n /**\n * Decodes a ReasonList message from the specified reader or buffer.\n * @function decode\n * @memberof theplant.ec.api.contact_us.ReasonList\n * @static\n * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from\n * @param {number} [length] Message length if known beforehand\n * @returns {theplant.ec.api.contact_us.ReasonList} ReasonList\n * @throws {Error} If the payload is not a reader or valid buffer\n * @throws {$protobuf.util.ProtocolError} If required fields are missing\n */\n ReasonList.decode = function decode(reader, length) {\n if (!(reader instanceof $Reader))\n reader = $Reader.create(reader);\n var end = length === undefined ? reader.len : reader.pos + length, message = new $root.theplant.ec.api.contact_us.ReasonList();\n while (reader.pos < end) {\n var tag = reader.uint32();\n switch (tag >>> 3) {\n case 1:\n if (!(message.reasons && message.reasons.length))\n message.reasons = [];\n message.reasons.push($root.theplant.ec.api.contact_us.Reason.decode(reader, reader.uint32()));\n break;\n default:\n reader.skipType(tag & 7);\n break;\n }\n }\n return message;\n };\n\n /**\n * Decodes a ReasonList message from the specified reader or buffer, length delimited.\n * @function decodeDelimited\n * @memberof theplant.ec.api.contact_us.ReasonList\n * @static\n * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from\n * @returns {theplant.ec.api.contact_us.ReasonList} ReasonList\n * @throws {Error} If the payload is not a reader or valid buffer\n * @throws {$protobuf.util.ProtocolError} If required fields are missing\n */\n ReasonList.decodeDelimited = function decodeDelimited(reader) {\n if (!(reader instanceof $Reader))\n reader = new $Reader(reader);\n return this.decode(reader, reader.uint32());\n };\n\n /**\n * Verifies a ReasonList message.\n * @function verify\n * @memberof theplant.ec.api.contact_us.ReasonList\n * @static\n * @param {Object.} message Plain object to verify\n * @returns {string|null} `null` if valid, otherwise the reason why it is not\n */\n ReasonList.verify = function verify(message) {\n if (typeof message !== \"object\" || message === null)\n return \"object expected\";\n if (message.reasons != null && message.hasOwnProperty(\"reasons\")) {\n if (!Array.isArray(message.reasons))\n return \"reasons: array expected\";\n for (var i = 0; i < message.reasons.length; ++i) {\n var error = $root.theplant.ec.api.contact_us.Reason.verify(message.reasons[i]);\n if (error)\n return \"reasons.\" + error;\n }\n }\n return null;\n };\n\n /**\n * Creates a ReasonList message from a plain object. Also converts values to their respective internal types.\n * @function fromObject\n * @memberof theplant.ec.api.contact_us.ReasonList\n * @static\n * @param {Object.} object Plain object\n * @returns {theplant.ec.api.contact_us.ReasonList} ReasonList\n */\n ReasonList.fromObject = function fromObject(object) {\n if (object instanceof $root.theplant.ec.api.contact_us.ReasonList)\n return object;\n var message = new $root.theplant.ec.api.contact_us.ReasonList();\n if (object.reasons) {\n if (!Array.isArray(object.reasons))\n throw TypeError(\".theplant.ec.api.contact_us.ReasonList.reasons: array expected\");\n message.reasons = [];\n for (var i = 0; i < object.reasons.length; ++i) {\n if (typeof object.reasons[i] !== \"object\")\n throw TypeError(\".theplant.ec.api.contact_us.ReasonList.reasons: object expected\");\n message.reasons[i] = $root.theplant.ec.api.contact_us.Reason.fromObject(object.reasons[i]);\n }\n }\n return message;\n };\n\n /**\n * Creates a plain object from a ReasonList message. Also converts values to other types if specified.\n * @function toObject\n * @memberof theplant.ec.api.contact_us.ReasonList\n * @static\n * @param {theplant.ec.api.contact_us.ReasonList} message ReasonList\n * @param {$protobuf.IConversionOptions} [options] Conversion options\n * @returns {Object.} Plain object\n */\n ReasonList.toObject = function toObject(message, options) {\n if (!options)\n options = {};\n var object = {};\n if (options.arrays || options.defaults)\n object.reasons = [];\n if (message.reasons && message.reasons.length) {\n object.reasons = [];\n for (var j = 0; j < message.reasons.length; ++j)\n object.reasons[j] = $root.theplant.ec.api.contact_us.Reason.toObject(message.reasons[j], options);\n }\n return object;\n };\n\n /**\n * Converts this ReasonList to JSON.\n * @function toJSON\n * @memberof theplant.ec.api.contact_us.ReasonList\n * @instance\n * @returns {Object.} JSON object\n */\n ReasonList.prototype.toJSON = function toJSON() {\n return this.constructor.toObject(this, $protobuf.util.toJSONOptions);\n };\n\n return ReasonList;\n })();\n\n contact_us.ContactUsService = (function() {\n\n /**\n * Constructs a new ContactUsService service.\n * @memberof theplant.ec.api.contact_us\n * @classdesc Represents a ContactUsService\n * @extends $protobuf.rpc.Service\n * @constructor\n * @param {$protobuf.RPCImpl} rpcImpl RPC implementation\n * @param {boolean} [requestDelimited=false] Whether requests are length-delimited\n * @param {boolean} [responseDelimited=false] Whether responses are length-delimited\n */\n function ContactUsService(rpcImpl, requestDelimited, responseDelimited) {\n $protobuf.rpc.Service.call(this, rpcImpl, requestDelimited, responseDelimited);\n }\n\n (ContactUsService.prototype = Object.create($protobuf.rpc.Service.prototype)).constructor = ContactUsService;\n\n /**\n * Creates new ContactUsService service using the specified rpc implementation.\n * @function create\n * @memberof theplant.ec.api.contact_us.ContactUsService\n * @static\n * @param {$protobuf.RPCImpl} rpcImpl RPC implementation\n * @param {boolean} [requestDelimited=false] Whether requests are length-delimited\n * @param {boolean} [responseDelimited=false] Whether responses are length-delimited\n * @returns {ContactUsService} RPC service. Useful where requests and/or responses are streamed.\n */\n ContactUsService.create = function create(rpcImpl, requestDelimited, responseDelimited) {\n return new this(rpcImpl, requestDelimited, responseDelimited);\n };\n\n /**\n * Callback as used by {@link theplant.ec.api.contact_us.ContactUsService#contactUs}.\n * @memberof theplant.ec.api.contact_us.ContactUsService\n * @typedef ContactUsCallback\n * @type {function}\n * @param {Error|null} error Error, if any\n * @param {theplant.ec.api.Empty} [response] Empty\n */\n\n /**\n * Calls ContactUs.\n * @function contactUs\n * @memberof theplant.ec.api.contact_us.ContactUsService\n * @instance\n * @param {theplant.ec.service.contact_us.IContactUsContent} request ContactUsContent message or plain object\n * @param {theplant.ec.api.contact_us.ContactUsService.ContactUsCallback} callback Node-style callback called with the error, if any, and Empty\n * @returns {undefined}\n * @variation 1\n */\n Object.defineProperty(ContactUsService.prototype.contactUs = function contactUs(request, callback) {\n return this.rpcCall(contactUs, $root.theplant.ec.service.contact_us.ContactUsContent, $root.theplant.ec.api.Empty, request, callback);\n }, \"name\", { value: \"ContactUs\" });\n\n /**\n * Calls ContactUs.\n * @function contactUs\n * @memberof theplant.ec.api.contact_us.ContactUsService\n * @instance\n * @param {theplant.ec.service.contact_us.IContactUsContent} request ContactUsContent message or plain object\n * @returns {Promise} Promise\n * @variation 2\n */\n\n /**\n * Callback as used by {@link theplant.ec.api.contact_us.ContactUsService#getReasonList}.\n * @memberof theplant.ec.api.contact_us.ContactUsService\n * @typedef GetReasonListCallback\n * @type {function}\n * @param {Error|null} error Error, if any\n * @param {theplant.ec.api.contact_us.ReasonList} [response] ReasonList\n */\n\n /**\n * Calls GetReasonList.\n * @function getReasonList\n * @memberof theplant.ec.api.contact_us.ContactUsService\n * @instance\n * @param {theplant.ec.api.IEmpty} request Empty message or plain object\n * @param {theplant.ec.api.contact_us.ContactUsService.GetReasonListCallback} callback Node-style callback called with the error, if any, and ReasonList\n * @returns {undefined}\n * @variation 1\n */\n Object.defineProperty(ContactUsService.prototype.getReasonList = function getReasonList(request, callback) {\n return this.rpcCall(getReasonList, $root.theplant.ec.api.Empty, $root.theplant.ec.api.contact_us.ReasonList, request, callback);\n }, \"name\", { value: \"GetReasonList\" });\n\n /**\n * Calls GetReasonList.\n * @function getReasonList\n * @memberof theplant.ec.api.contact_us.ContactUsService\n * @instance\n * @param {theplant.ec.api.IEmpty} request Empty message or plain object\n * @returns {Promise} Promise\n * @variation 2\n */\n\n return ContactUsService;\n })();\n\n return contact_us;\n })();\n\n api.customization = (function() {\n\n /**\n * Namespace customization.\n * @memberof theplant.ec.api\n * @namespace\n */\n var customization = {};\n\n customization.Session = (function() {\n\n /**\n * Properties of a Session.\n * @memberof theplant.ec.api.customization\n * @interface ISession\n * @property {string|null} [session] Session session\n */\n\n /**\n * Constructs a new Session.\n * @memberof theplant.ec.api.customization\n * @classdesc Represents a Session.\n * @implements ISession\n * @constructor\n * @param {theplant.ec.api.customization.ISession=} [properties] Properties to set\n */\n function Session(properties) {\n if (properties)\n for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)\n if (properties[keys[i]] != null)\n this[keys[i]] = properties[keys[i]];\n }\n\n /**\n * Session session.\n * @member {string} session\n * @memberof theplant.ec.api.customization.Session\n * @instance\n */\n Session.prototype.session = \"\";\n\n /**\n * Creates a new Session instance using the specified properties.\n * @function create\n * @memberof theplant.ec.api.customization.Session\n * @static\n * @param {theplant.ec.api.customization.ISession=} [properties] Properties to set\n * @returns {theplant.ec.api.customization.Session} Session instance\n */\n Session.create = function create(properties) {\n return new Session(properties);\n };\n\n /**\n * Encodes the specified Session message. Does not implicitly {@link theplant.ec.api.customization.Session.verify|verify} messages.\n * @function encode\n * @memberof theplant.ec.api.customization.Session\n * @static\n * @param {theplant.ec.api.customization.ISession} message Session message or plain object to encode\n * @param {$protobuf.Writer} [writer] Writer to encode to\n * @returns {$protobuf.Writer} Writer\n */\n Session.encode = function encode(message, writer) {\n if (!writer)\n writer = $Writer.create();\n if (message.session != null && message.hasOwnProperty(\"session\"))\n writer.uint32(/* id 1, wireType 2 =*/10).string(message.session);\n return writer;\n };\n\n /**\n * Encodes the specified Session message, length delimited. Does not implicitly {@link theplant.ec.api.customization.Session.verify|verify} messages.\n * @function encodeDelimited\n * @memberof theplant.ec.api.customization.Session\n * @static\n * @param {theplant.ec.api.customization.ISession} message Session message or plain object to encode\n * @param {$protobuf.Writer} [writer] Writer to encode to\n * @returns {$protobuf.Writer} Writer\n */\n Session.encodeDelimited = function encodeDelimited(message, writer) {\n return this.encode(message, writer).ldelim();\n };\n\n /**\n * Decodes a Session message from the specified reader or buffer.\n * @function decode\n * @memberof theplant.ec.api.customization.Session\n * @static\n * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from\n * @param {number} [length] Message length if known beforehand\n * @returns {theplant.ec.api.customization.Session} Session\n * @throws {Error} If the payload is not a reader or valid buffer\n * @throws {$protobuf.util.ProtocolError} If required fields are missing\n */\n Session.decode = function decode(reader, length) {\n if (!(reader instanceof $Reader))\n reader = $Reader.create(reader);\n var end = length === undefined ? reader.len : reader.pos + length, message = new $root.theplant.ec.api.customization.Session();\n while (reader.pos < end) {\n var tag = reader.uint32();\n switch (tag >>> 3) {\n case 1:\n message.session = reader.string();\n break;\n default:\n reader.skipType(tag & 7);\n break;\n }\n }\n return message;\n };\n\n /**\n * Decodes a Session message from the specified reader or buffer, length delimited.\n * @function decodeDelimited\n * @memberof theplant.ec.api.customization.Session\n * @static\n * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from\n * @returns {theplant.ec.api.customization.Session} Session\n * @throws {Error} If the payload is not a reader or valid buffer\n * @throws {$protobuf.util.ProtocolError} If required fields are missing\n */\n Session.decodeDelimited = function decodeDelimited(reader) {\n if (!(reader instanceof $Reader))\n reader = new $Reader(reader);\n return this.decode(reader, reader.uint32());\n };\n\n /**\n * Verifies a Session message.\n * @function verify\n * @memberof theplant.ec.api.customization.Session\n * @static\n * @param {Object.} message Plain object to verify\n * @returns {string|null} `null` if valid, otherwise the reason why it is not\n */\n Session.verify = function verify(message) {\n if (typeof message !== \"object\" || message === null)\n return \"object expected\";\n if (message.session != null && message.hasOwnProperty(\"session\"))\n if (!$util.isString(message.session))\n return \"session: string expected\";\n return null;\n };\n\n /**\n * Creates a Session message from a plain object. Also converts values to their respective internal types.\n * @function fromObject\n * @memberof theplant.ec.api.customization.Session\n * @static\n * @param {Object.} object Plain object\n * @returns {theplant.ec.api.customization.Session} Session\n */\n Session.fromObject = function fromObject(object) {\n if (object instanceof $root.theplant.ec.api.customization.Session)\n return object;\n var message = new $root.theplant.ec.api.customization.Session();\n if (object.session != null)\n message.session = String(object.session);\n return message;\n };\n\n /**\n * Creates a plain object from a Session message. Also converts values to other types if specified.\n * @function toObject\n * @memberof theplant.ec.api.customization.Session\n * @static\n * @param {theplant.ec.api.customization.Session} message Session\n * @param {$protobuf.IConversionOptions} [options] Conversion options\n * @returns {Object.} Plain object\n */\n Session.toObject = function toObject(message, options) {\n if (!options)\n options = {};\n var object = {};\n if (options.defaults)\n object.session = \"\";\n if (message.session != null && message.hasOwnProperty(\"session\"))\n object.session = message.session;\n return object;\n };\n\n /**\n * Converts this Session to JSON.\n * @function toJSON\n * @memberof theplant.ec.api.customization.Session\n * @instance\n * @returns {Object.} JSON object\n */\n Session.prototype.toJSON = function toJSON() {\n return this.constructor.toObject(this, $protobuf.util.toJSONOptions);\n };\n\n return Session;\n })();\n\n customization.CustomizationService = (function() {\n\n /**\n * Constructs a new CustomizationService service.\n * @memberof theplant.ec.api.customization\n * @classdesc Represents a CustomizationService\n * @extends $protobuf.rpc.Service\n * @constructor\n * @param {$protobuf.RPCImpl} rpcImpl RPC implementation\n * @param {boolean} [requestDelimited=false] Whether requests are length-delimited\n * @param {boolean} [responseDelimited=false] Whether responses are length-delimited\n */\n function CustomizationService(rpcImpl, requestDelimited, responseDelimited) {\n $protobuf.rpc.Service.call(this, rpcImpl, requestDelimited, responseDelimited);\n }\n\n (CustomizationService.prototype = Object.create($protobuf.rpc.Service.prototype)).constructor = CustomizationService;\n\n /**\n * Creates new CustomizationService service using the specified rpc implementation.\n * @function create\n * @memberof theplant.ec.api.customization.CustomizationService\n * @static\n * @param {$protobuf.RPCImpl} rpcImpl RPC implementation\n * @param {boolean} [requestDelimited=false] Whether requests are length-delimited\n * @param {boolean} [responseDelimited=false] Whether responses are length-delimited\n * @returns {CustomizationService} RPC service. Useful where requests and/or responses are streamed.\n */\n CustomizationService.create = function create(rpcImpl, requestDelimited, responseDelimited) {\n return new this(rpcImpl, requestDelimited, responseDelimited);\n };\n\n /**\n * Callback as used by {@link theplant.ec.api.customization.CustomizationService#getSession}.\n * @memberof theplant.ec.api.customization.CustomizationService\n * @typedef GetSessionCallback\n * @type {function}\n * @param {Error|null} error Error, if any\n * @param {theplant.ec.api.customization.Session} [response] Session\n */\n\n /**\n * Calls GetSession.\n * @function getSession\n * @memberof theplant.ec.api.customization.CustomizationService\n * @instance\n * @param {theplant.ec.api.IEmpty} request Empty message or plain object\n * @param {theplant.ec.api.customization.CustomizationService.GetSessionCallback} callback Node-style callback called with the error, if any, and Session\n * @returns {undefined}\n * @variation 1\n */\n Object.defineProperty(CustomizationService.prototype.getSession = function getSession(request, callback) {\n return this.rpcCall(getSession, $root.theplant.ec.api.Empty, $root.theplant.ec.api.customization.Session, request, callback);\n }, \"name\", { value: \"GetSession\" });\n\n /**\n * Calls GetSession.\n * @function getSession\n * @memberof theplant.ec.api.customization.CustomizationService\n * @instance\n * @param {theplant.ec.api.IEmpty} request Empty message or plain object\n * @returns {Promise} Promise\n * @variation 2\n */\n\n /**\n * Callback as used by {@link theplant.ec.api.customization.CustomizationService#getCustomizationSetting}.\n * @memberof theplant.ec.api.customization.CustomizationService\n * @typedef GetCustomizationSettingCallback\n * @type {function}\n * @param {Error|null} error Error, if any\n * @param {theplant.ec.service.customization.CustomizationSetting} [response] CustomizationSetting\n */\n\n /**\n * Calls GetCustomizationSetting.\n * @function getCustomizationSetting\n * @memberof theplant.ec.api.customization.CustomizationService\n * @instance\n * @param {theplant.ec.api.IEmpty} request Empty message or plain object\n * @param {theplant.ec.api.customization.CustomizationService.GetCustomizationSettingCallback} callback Node-style callback called with the error, if any, and CustomizationSetting\n * @returns {undefined}\n * @variation 1\n */\n Object.defineProperty(CustomizationService.prototype.getCustomizationSetting = function getCustomizationSetting(request, callback) {\n return this.rpcCall(getCustomizationSetting, $root.theplant.ec.api.Empty, $root.theplant.ec.service.customization.CustomizationSetting, request, callback);\n }, \"name\", { value: \"GetCustomizationSetting\" });\n\n /**\n * Calls GetCustomizationSetting.\n * @function getCustomizationSetting\n * @memberof theplant.ec.api.customization.CustomizationService\n * @instance\n * @param {theplant.ec.api.IEmpty} request Empty message or plain object\n * @returns {Promise} Promise\n * @variation 2\n */\n\n return CustomizationService;\n })();\n\n customization.CustomizationInventoryService = (function() {\n\n /**\n * Constructs a new CustomizationInventoryService service.\n * @memberof theplant.ec.api.customization\n * @classdesc Represents a CustomizationInventoryService\n * @extends $protobuf.rpc.Service\n * @constructor\n * @param {$protobuf.RPCImpl} rpcImpl RPC implementation\n * @param {boolean} [requestDelimited=false] Whether requests are length-delimited\n * @param {boolean} [responseDelimited=false] Whether responses are length-delimited\n */\n function CustomizationInventoryService(rpcImpl, requestDelimited, responseDelimited) {\n $protobuf.rpc.Service.call(this, rpcImpl, requestDelimited, responseDelimited);\n }\n\n (CustomizationInventoryService.prototype = Object.create($protobuf.rpc.Service.prototype)).constructor = CustomizationInventoryService;\n\n /**\n * Creates new CustomizationInventoryService service using the specified rpc implementation.\n * @function create\n * @memberof theplant.ec.api.customization.CustomizationInventoryService\n * @static\n * @param {$protobuf.RPCImpl} rpcImpl RPC implementation\n * @param {boolean} [requestDelimited=false] Whether requests are length-delimited\n * @param {boolean} [responseDelimited=false] Whether responses are length-delimited\n * @returns {CustomizationInventoryService} RPC service. Useful where requests and/or responses are streamed.\n */\n CustomizationInventoryService.create = function create(rpcImpl, requestDelimited, responseDelimited) {\n return new this(rpcImpl, requestDelimited, responseDelimited);\n };\n\n /**\n * Callback as used by {@link theplant.ec.api.customization.CustomizationInventoryService#getInventory}.\n * @memberof theplant.ec.api.customization.CustomizationInventoryService\n * @typedef GetInventoryCallback\n * @type {function}\n * @param {Error|null} error Error, if any\n * @param {theplant.ec.service.customization.GetInventoryResponse} [response] GetInventoryResponse\n */\n\n /**\n * Calls GetInventory.\n * @function getInventory\n * @memberof theplant.ec.api.customization.CustomizationInventoryService\n * @instance\n * @param {theplant.ec.service.customization.IGetInventoryParams} request GetInventoryParams message or plain object\n * @param {theplant.ec.api.customization.CustomizationInventoryService.GetInventoryCallback} callback Node-style callback called with the error, if any, and GetInventoryResponse\n * @returns {undefined}\n * @variation 1\n */\n Object.defineProperty(CustomizationInventoryService.prototype.getInventory = function getInventory(request, callback) {\n return this.rpcCall(getInventory, $root.theplant.ec.service.customization.GetInventoryParams, $root.theplant.ec.service.customization.GetInventoryResponse, request, callback);\n }, \"name\", { value: \"GetInventory\" });\n\n /**\n * Calls GetInventory.\n * @function getInventory\n * @memberof theplant.ec.api.customization.CustomizationInventoryService\n * @instance\n * @param {theplant.ec.service.customization.IGetInventoryParams} request GetInventoryParams message or plain object\n * @returns {Promise} Promise\n * @variation 2\n */\n\n return CustomizationInventoryService;\n })();\n\n return customization;\n })();\n\n api.instore = (function() {\n\n /**\n * Namespace instore.\n * @memberof theplant.ec.api\n * @namespace\n */\n var instore = {};\n\n instore.Orders = (function() {\n\n /**\n * Properties of an Orders.\n * @memberof theplant.ec.api.instore\n * @interface IOrders\n * @property {Array.|null} [orders] Orders orders\n */\n\n /**\n * Constructs a new Orders.\n * @memberof theplant.ec.api.instore\n * @classdesc Represents an Orders.\n * @implements IOrders\n * @constructor\n * @param {theplant.ec.api.instore.IOrders=} [properties] Properties to set\n */\n function Orders(properties) {\n this.orders = [];\n if (properties)\n for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)\n if (properties[keys[i]] != null)\n this[keys[i]] = properties[keys[i]];\n }\n\n /**\n * Orders orders.\n * @member {Array.} orders\n * @memberof theplant.ec.api.instore.Orders\n * @instance\n */\n Orders.prototype.orders = $util.emptyArray;\n\n /**\n * Creates a new Orders instance using the specified properties.\n * @function create\n * @memberof theplant.ec.api.instore.Orders\n * @static\n * @param {theplant.ec.api.instore.IOrders=} [properties] Properties to set\n * @returns {theplant.ec.api.instore.Orders} Orders instance\n */\n Orders.create = function create(properties) {\n return new Orders(properties);\n };\n\n /**\n * Encodes the specified Orders message. Does not implicitly {@link theplant.ec.api.instore.Orders.verify|verify} messages.\n * @function encode\n * @memberof theplant.ec.api.instore.Orders\n * @static\n * @param {theplant.ec.api.instore.IOrders} message Orders message or plain object to encode\n * @param {$protobuf.Writer} [writer] Writer to encode to\n * @returns {$protobuf.Writer} Writer\n */\n Orders.encode = function encode(message, writer) {\n if (!writer)\n writer = $Writer.create();\n if (message.orders != null && message.orders.length)\n for (var i = 0; i < message.orders.length; ++i)\n $root.theplant.ec.service.orders.Order.encode(message.orders[i], writer.uint32(/* id 1, wireType 2 =*/10).fork()).ldelim();\n return writer;\n };\n\n /**\n * Encodes the specified Orders message, length delimited. Does not implicitly {@link theplant.ec.api.instore.Orders.verify|verify} messages.\n * @function encodeDelimited\n * @memberof theplant.ec.api.instore.Orders\n * @static\n * @param {theplant.ec.api.instore.IOrders} message Orders message or plain object to encode\n * @param {$protobuf.Writer} [writer] Writer to encode to\n * @returns {$protobuf.Writer} Writer\n */\n Orders.encodeDelimited = function encodeDelimited(message, writer) {\n return this.encode(message, writer).ldelim();\n };\n\n /**\n * Decodes an Orders message from the specified reader or buffer.\n * @function decode\n * @memberof theplant.ec.api.instore.Orders\n * @static\n * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from\n * @param {number} [length] Message length if known beforehand\n * @returns {theplant.ec.api.instore.Orders} Orders\n * @throws {Error} If the payload is not a reader or valid buffer\n * @throws {$protobuf.util.ProtocolError} If required fields are missing\n */\n Orders.decode = function decode(reader, length) {\n if (!(reader instanceof $Reader))\n reader = $Reader.create(reader);\n var end = length === undefined ? reader.len : reader.pos + length, message = new $root.theplant.ec.api.instore.Orders();\n while (reader.pos < end) {\n var tag = reader.uint32();\n switch (tag >>> 3) {\n case 1:\n if (!(message.orders && message.orders.length))\n message.orders = [];\n message.orders.push($root.theplant.ec.service.orders.Order.decode(reader, reader.uint32()));\n break;\n default:\n reader.skipType(tag & 7);\n break;\n }\n }\n return message;\n };\n\n /**\n * Decodes an Orders message from the specified reader or buffer, length delimited.\n * @function decodeDelimited\n * @memberof theplant.ec.api.instore.Orders\n * @static\n * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from\n * @returns {theplant.ec.api.instore.Orders} Orders\n * @throws {Error} If the payload is not a reader or valid buffer\n * @throws {$protobuf.util.ProtocolError} If required fields are missing\n */\n Orders.decodeDelimited = function decodeDelimited(reader) {\n if (!(reader instanceof $Reader))\n reader = new $Reader(reader);\n return this.decode(reader, reader.uint32());\n };\n\n /**\n * Verifies an Orders message.\n * @function verify\n * @memberof theplant.ec.api.instore.Orders\n * @static\n * @param {Object.} message Plain object to verify\n * @returns {string|null} `null` if valid, otherwise the reason why it is not\n */\n Orders.verify = function verify(message) {\n if (typeof message !== \"object\" || message === null)\n return \"object expected\";\n if (message.orders != null && message.hasOwnProperty(\"orders\")) {\n if (!Array.isArray(message.orders))\n return \"orders: array expected\";\n for (var i = 0; i < message.orders.length; ++i) {\n var error = $root.theplant.ec.service.orders.Order.verify(message.orders[i]);\n if (error)\n return \"orders.\" + error;\n }\n }\n return null;\n };\n\n /**\n * Creates an Orders message from a plain object. Also converts values to their respective internal types.\n * @function fromObject\n * @memberof theplant.ec.api.instore.Orders\n * @static\n * @param {Object.} object Plain object\n * @returns {theplant.ec.api.instore.Orders} Orders\n */\n Orders.fromObject = function fromObject(object) {\n if (object instanceof $root.theplant.ec.api.instore.Orders)\n return object;\n var message = new $root.theplant.ec.api.instore.Orders();\n if (object.orders) {\n if (!Array.isArray(object.orders))\n throw TypeError(\".theplant.ec.api.instore.Orders.orders: array expected\");\n message.orders = [];\n for (var i = 0; i < object.orders.length; ++i) {\n if (typeof object.orders[i] !== \"object\")\n throw TypeError(\".theplant.ec.api.instore.Orders.orders: object expected\");\n message.orders[i] = $root.theplant.ec.service.orders.Order.fromObject(object.orders[i]);\n }\n }\n return message;\n };\n\n /**\n * Creates a plain object from an Orders message. Also converts values to other types if specified.\n * @function toObject\n * @memberof theplant.ec.api.instore.Orders\n * @static\n * @param {theplant.ec.api.instore.Orders} message Orders\n * @param {$protobuf.IConversionOptions} [options] Conversion options\n * @returns {Object.} Plain object\n */\n Orders.toObject = function toObject(message, options) {\n if (!options)\n options = {};\n var object = {};\n if (options.arrays || options.defaults)\n object.orders = [];\n if (message.orders && message.orders.length) {\n object.orders = [];\n for (var j = 0; j < message.orders.length; ++j)\n object.orders[j] = $root.theplant.ec.service.orders.Order.toObject(message.orders[j], options);\n }\n return object;\n };\n\n /**\n * Converts this Orders to JSON.\n * @function toJSON\n * @memberof theplant.ec.api.instore.Orders\n * @instance\n * @returns {Object.} JSON object\n */\n Orders.prototype.toJSON = function toJSON() {\n return this.constructor.toObject(this, $protobuf.util.toJSONOptions);\n };\n\n return Orders;\n })();\n\n instore.ShippingTypeInput = (function() {\n\n /**\n * Properties of a ShippingTypeInput.\n * @memberof theplant.ec.api.instore\n * @interface IShippingTypeInput\n * @property {theplant.ec.api.instore.IUserAuthnToken|null} [userAuthnToken] ShippingTypeInput userAuthnToken\n * @property {string|null} [orderCode] ShippingTypeInput orderCode\n * @property {theplant.ec.service.store_orders.ShippingType|null} [shippingType] ShippingTypeInput shippingType\n */\n\n /**\n * Constructs a new ShippingTypeInput.\n * @memberof theplant.ec.api.instore\n * @classdesc Represents a ShippingTypeInput.\n * @implements IShippingTypeInput\n * @constructor\n * @param {theplant.ec.api.instore.IShippingTypeInput=} [properties] Properties to set\n */\n function ShippingTypeInput(properties) {\n if (properties)\n for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)\n if (properties[keys[i]] != null)\n this[keys[i]] = properties[keys[i]];\n }\n\n /**\n * ShippingTypeInput userAuthnToken.\n * @member {theplant.ec.api.instore.IUserAuthnToken|null|undefined} userAuthnToken\n * @memberof theplant.ec.api.instore.ShippingTypeInput\n * @instance\n */\n ShippingTypeInput.prototype.userAuthnToken = null;\n\n /**\n * ShippingTypeInput orderCode.\n * @member {string} orderCode\n * @memberof theplant.ec.api.instore.ShippingTypeInput\n * @instance\n */\n ShippingTypeInput.prototype.orderCode = \"\";\n\n /**\n * ShippingTypeInput shippingType.\n * @member {theplant.ec.service.store_orders.ShippingType} shippingType\n * @memberof theplant.ec.api.instore.ShippingTypeInput\n * @instance\n */\n ShippingTypeInput.prototype.shippingType = 0;\n\n /**\n * Creates a new ShippingTypeInput instance using the specified properties.\n * @function create\n * @memberof theplant.ec.api.instore.ShippingTypeInput\n * @static\n * @param {theplant.ec.api.instore.IShippingTypeInput=} [properties] Properties to set\n * @returns {theplant.ec.api.instore.ShippingTypeInput} ShippingTypeInput instance\n */\n ShippingTypeInput.create = function create(properties) {\n return new ShippingTypeInput(properties);\n };\n\n /**\n * Encodes the specified ShippingTypeInput message. Does not implicitly {@link theplant.ec.api.instore.ShippingTypeInput.verify|verify} messages.\n * @function encode\n * @memberof theplant.ec.api.instore.ShippingTypeInput\n * @static\n * @param {theplant.ec.api.instore.IShippingTypeInput} message ShippingTypeInput message or plain object to encode\n * @param {$protobuf.Writer} [writer] Writer to encode to\n * @returns {$protobuf.Writer} Writer\n */\n ShippingTypeInput.encode = function encode(message, writer) {\n if (!writer)\n writer = $Writer.create();\n if (message.orderCode != null && message.hasOwnProperty(\"orderCode\"))\n writer.uint32(/* id 1, wireType 2 =*/10).string(message.orderCode);\n if (message.shippingType != null && message.hasOwnProperty(\"shippingType\"))\n writer.uint32(/* id 2, wireType 0 =*/16).int32(message.shippingType);\n if (message.userAuthnToken != null && message.hasOwnProperty(\"userAuthnToken\"))\n $root.theplant.ec.api.instore.UserAuthnToken.encode(message.userAuthnToken, writer.uint32(/* id 3, wireType 2 =*/26).fork()).ldelim();\n return writer;\n };\n\n /**\n * Encodes the specified ShippingTypeInput message, length delimited. Does not implicitly {@link theplant.ec.api.instore.ShippingTypeInput.verify|verify} messages.\n * @function encodeDelimited\n * @memberof theplant.ec.api.instore.ShippingTypeInput\n * @static\n * @param {theplant.ec.api.instore.IShippingTypeInput} message ShippingTypeInput message or plain object to encode\n * @param {$protobuf.Writer} [writer] Writer to encode to\n * @returns {$protobuf.Writer} Writer\n */\n ShippingTypeInput.encodeDelimited = function encodeDelimited(message, writer) {\n return this.encode(message, writer).ldelim();\n };\n\n /**\n * Decodes a ShippingTypeInput message from the specified reader or buffer.\n * @function decode\n * @memberof theplant.ec.api.instore.ShippingTypeInput\n * @static\n * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from\n * @param {number} [length] Message length if known beforehand\n * @returns {theplant.ec.api.instore.ShippingTypeInput} ShippingTypeInput\n * @throws {Error} If the payload is not a reader or valid buffer\n * @throws {$protobuf.util.ProtocolError} If required fields are missing\n */\n ShippingTypeInput.decode = function decode(reader, length) {\n if (!(reader instanceof $Reader))\n reader = $Reader.create(reader);\n var end = length === undefined ? reader.len : reader.pos + length, message = new $root.theplant.ec.api.instore.ShippingTypeInput();\n while (reader.pos < end) {\n var tag = reader.uint32();\n switch (tag >>> 3) {\n case 3:\n message.userAuthnToken = $root.theplant.ec.api.instore.UserAuthnToken.decode(reader, reader.uint32());\n break;\n case 1:\n message.orderCode = reader.string();\n break;\n case 2:\n message.shippingType = reader.int32();\n break;\n default:\n reader.skipType(tag & 7);\n break;\n }\n }\n return message;\n };\n\n /**\n * Decodes a ShippingTypeInput message from the specified reader or buffer, length delimited.\n * @function decodeDelimited\n * @memberof theplant.ec.api.instore.ShippingTypeInput\n * @static\n * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from\n * @returns {theplant.ec.api.instore.ShippingTypeInput} ShippingTypeInput\n * @throws {Error} If the payload is not a reader or valid buffer\n * @throws {$protobuf.util.ProtocolError} If required fields are missing\n */\n ShippingTypeInput.decodeDelimited = function decodeDelimited(reader) {\n if (!(reader instanceof $Reader))\n reader = new $Reader(reader);\n return this.decode(reader, reader.uint32());\n };\n\n /**\n * Verifies a ShippingTypeInput message.\n * @function verify\n * @memberof theplant.ec.api.instore.ShippingTypeInput\n * @static\n * @param {Object.} message Plain object to verify\n * @returns {string|null} `null` if valid, otherwise the reason why it is not\n */\n ShippingTypeInput.verify = function verify(message) {\n if (typeof message !== \"object\" || message === null)\n return \"object expected\";\n if (message.userAuthnToken != null && message.hasOwnProperty(\"userAuthnToken\")) {\n var error = $root.theplant.ec.api.instore.UserAuthnToken.verify(message.userAuthnToken);\n if (error)\n return \"userAuthnToken.\" + error;\n }\n if (message.orderCode != null && message.hasOwnProperty(\"orderCode\"))\n if (!$util.isString(message.orderCode))\n return \"orderCode: string expected\";\n if (message.shippingType != null && message.hasOwnProperty(\"shippingType\"))\n switch (message.shippingType) {\n default:\n return \"shippingType: enum value expected\";\n case 0:\n case 1:\n case 2:\n break;\n }\n return null;\n };\n\n /**\n * Creates a ShippingTypeInput message from a plain object. Also converts values to their respective internal types.\n * @function fromObject\n * @memberof theplant.ec.api.instore.ShippingTypeInput\n * @static\n * @param {Object.} object Plain object\n * @returns {theplant.ec.api.instore.ShippingTypeInput} ShippingTypeInput\n */\n ShippingTypeInput.fromObject = function fromObject(object) {\n if (object instanceof $root.theplant.ec.api.instore.ShippingTypeInput)\n return object;\n var message = new $root.theplant.ec.api.instore.ShippingTypeInput();\n if (object.userAuthnToken != null) {\n if (typeof object.userAuthnToken !== \"object\")\n throw TypeError(\".theplant.ec.api.instore.ShippingTypeInput.userAuthnToken: object expected\");\n message.userAuthnToken = $root.theplant.ec.api.instore.UserAuthnToken.fromObject(object.userAuthnToken);\n }\n if (object.orderCode != null)\n message.orderCode = String(object.orderCode);\n switch (object.shippingType) {\n case \"NO_SHIPPING\":\n case 0:\n message.shippingType = 0;\n break;\n case \"TO_ADDRESS\":\n case 1:\n message.shippingType = 1;\n break;\n case \"TO_STORE\":\n case 2:\n message.shippingType = 2;\n break;\n }\n return message;\n };\n\n /**\n * Creates a plain object from a ShippingTypeInput message. Also converts values to other types if specified.\n * @function toObject\n * @memberof theplant.ec.api.instore.ShippingTypeInput\n * @static\n * @param {theplant.ec.api.instore.ShippingTypeInput} message ShippingTypeInput\n * @param {$protobuf.IConversionOptions} [options] Conversion options\n * @returns {Object.} Plain object\n */\n ShippingTypeInput.toObject = function toObject(message, options) {\n if (!options)\n options = {};\n var object = {};\n if (options.defaults) {\n object.orderCode = \"\";\n object.shippingType = options.enums === String ? \"NO_SHIPPING\" : 0;\n object.userAuthnToken = null;\n }\n if (message.orderCode != null && message.hasOwnProperty(\"orderCode\"))\n object.orderCode = message.orderCode;\n if (message.shippingType != null && message.hasOwnProperty(\"shippingType\"))\n object.shippingType = options.enums === String ? $root.theplant.ec.service.store_orders.ShippingType[message.shippingType] : message.shippingType;\n if (message.userAuthnToken != null && message.hasOwnProperty(\"userAuthnToken\"))\n object.userAuthnToken = $root.theplant.ec.api.instore.UserAuthnToken.toObject(message.userAuthnToken, options);\n return object;\n };\n\n /**\n * Converts this ShippingTypeInput to JSON.\n * @function toJSON\n * @memberof theplant.ec.api.instore.ShippingTypeInput\n * @instance\n * @returns {Object.} JSON object\n */\n ShippingTypeInput.prototype.toJSON = function toJSON() {\n return this.constructor.toObject(this, $protobuf.util.toJSONOptions);\n };\n\n return ShippingTypeInput;\n })();\n\n instore.PaymentTypeInput = (function() {\n\n /**\n * Properties of a PaymentTypeInput.\n * @memberof theplant.ec.api.instore\n * @interface IPaymentTypeInput\n * @property {theplant.ec.api.instore.IUserAuthnToken|null} [userAuthnToken] PaymentTypeInput userAuthnToken\n * @property {string|null} [orderCode] PaymentTypeInput orderCode\n * @property {theplant.ec.service.store_orders.StoreOrderPaymentType|null} [paymentType] PaymentTypeInput paymentType\n */\n\n /**\n * Constructs a new PaymentTypeInput.\n * @memberof theplant.ec.api.instore\n * @classdesc Represents a PaymentTypeInput.\n * @implements IPaymentTypeInput\n * @constructor\n * @param {theplant.ec.api.instore.IPaymentTypeInput=} [properties] Properties to set\n */\n function PaymentTypeInput(properties) {\n if (properties)\n for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)\n if (properties[keys[i]] != null)\n this[keys[i]] = properties[keys[i]];\n }\n\n /**\n * PaymentTypeInput userAuthnToken.\n * @member {theplant.ec.api.instore.IUserAuthnToken|null|undefined} userAuthnToken\n * @memberof theplant.ec.api.instore.PaymentTypeInput\n * @instance\n */\n PaymentTypeInput.prototype.userAuthnToken = null;\n\n /**\n * PaymentTypeInput orderCode.\n * @member {string} orderCode\n * @memberof theplant.ec.api.instore.PaymentTypeInput\n * @instance\n */\n PaymentTypeInput.prototype.orderCode = \"\";\n\n /**\n * PaymentTypeInput paymentType.\n * @member {theplant.ec.service.store_orders.StoreOrderPaymentType} paymentType\n * @memberof theplant.ec.api.instore.PaymentTypeInput\n * @instance\n */\n PaymentTypeInput.prototype.paymentType = 0;\n\n /**\n * Creates a new PaymentTypeInput instance using the specified properties.\n * @function create\n * @memberof theplant.ec.api.instore.PaymentTypeInput\n * @static\n * @param {theplant.ec.api.instore.IPaymentTypeInput=} [properties] Properties to set\n * @returns {theplant.ec.api.instore.PaymentTypeInput} PaymentTypeInput instance\n */\n PaymentTypeInput.create = function create(properties) {\n return new PaymentTypeInput(properties);\n };\n\n /**\n * Encodes the specified PaymentTypeInput message. Does not implicitly {@link theplant.ec.api.instore.PaymentTypeInput.verify|verify} messages.\n * @function encode\n * @memberof theplant.ec.api.instore.PaymentTypeInput\n * @static\n * @param {theplant.ec.api.instore.IPaymentTypeInput} message PaymentTypeInput message or plain object to encode\n * @param {$protobuf.Writer} [writer] Writer to encode to\n * @returns {$protobuf.Writer} Writer\n */\n PaymentTypeInput.encode = function encode(message, writer) {\n if (!writer)\n writer = $Writer.create();\n if (message.orderCode != null && message.hasOwnProperty(\"orderCode\"))\n writer.uint32(/* id 1, wireType 2 =*/10).string(message.orderCode);\n if (message.paymentType != null && message.hasOwnProperty(\"paymentType\"))\n writer.uint32(/* id 2, wireType 0 =*/16).int32(message.paymentType);\n if (message.userAuthnToken != null && message.hasOwnProperty(\"userAuthnToken\"))\n $root.theplant.ec.api.instore.UserAuthnToken.encode(message.userAuthnToken, writer.uint32(/* id 3, wireType 2 =*/26).fork()).ldelim();\n return writer;\n };\n\n /**\n * Encodes the specified PaymentTypeInput message, length delimited. Does not implicitly {@link theplant.ec.api.instore.PaymentTypeInput.verify|verify} messages.\n * @function encodeDelimited\n * @memberof theplant.ec.api.instore.PaymentTypeInput\n * @static\n * @param {theplant.ec.api.instore.IPaymentTypeInput} message PaymentTypeInput message or plain object to encode\n * @param {$protobuf.Writer} [writer] Writer to encode to\n * @returns {$protobuf.Writer} Writer\n */\n PaymentTypeInput.encodeDelimited = function encodeDelimited(message, writer) {\n return this.encode(message, writer).ldelim();\n };\n\n /**\n * Decodes a PaymentTypeInput message from the specified reader or buffer.\n * @function decode\n * @memberof theplant.ec.api.instore.PaymentTypeInput\n * @static\n * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from\n * @param {number} [length] Message length if known beforehand\n * @returns {theplant.ec.api.instore.PaymentTypeInput} PaymentTypeInput\n * @throws {Error} If the payload is not a reader or valid buffer\n * @throws {$protobuf.util.ProtocolError} If required fields are missing\n */\n PaymentTypeInput.decode = function decode(reader, length) {\n if (!(reader instanceof $Reader))\n reader = $Reader.create(reader);\n var end = length === undefined ? reader.len : reader.pos + length, message = new $root.theplant.ec.api.instore.PaymentTypeInput();\n while (reader.pos < end) {\n var tag = reader.uint32();\n switch (tag >>> 3) {\n case 3:\n message.userAuthnToken = $root.theplant.ec.api.instore.UserAuthnToken.decode(reader, reader.uint32());\n break;\n case 1:\n message.orderCode = reader.string();\n break;\n case 2:\n message.paymentType = reader.int32();\n break;\n default:\n reader.skipType(tag & 7);\n break;\n }\n }\n return message;\n };\n\n /**\n * Decodes a PaymentTypeInput message from the specified reader or buffer, length delimited.\n * @function decodeDelimited\n * @memberof theplant.ec.api.instore.PaymentTypeInput\n * @static\n * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from\n * @returns {theplant.ec.api.instore.PaymentTypeInput} PaymentTypeInput\n * @throws {Error} If the payload is not a reader or valid buffer\n * @throws {$protobuf.util.ProtocolError} If required fields are missing\n */\n PaymentTypeInput.decodeDelimited = function decodeDelimited(reader) {\n if (!(reader instanceof $Reader))\n reader = new $Reader(reader);\n return this.decode(reader, reader.uint32());\n };\n\n /**\n * Verifies a PaymentTypeInput message.\n * @function verify\n * @memberof theplant.ec.api.instore.PaymentTypeInput\n * @static\n * @param {Object.} message Plain object to verify\n * @returns {string|null} `null` if valid, otherwise the reason why it is not\n */\n PaymentTypeInput.verify = function verify(message) {\n if (typeof message !== \"object\" || message === null)\n return \"object expected\";\n if (message.userAuthnToken != null && message.hasOwnProperty(\"userAuthnToken\")) {\n var error = $root.theplant.ec.api.instore.UserAuthnToken.verify(message.userAuthnToken);\n if (error)\n return \"userAuthnToken.\" + error;\n }\n if (message.orderCode != null && message.hasOwnProperty(\"orderCode\"))\n if (!$util.isString(message.orderCode))\n return \"orderCode: string expected\";\n if (message.paymentType != null && message.hasOwnProperty(\"paymentType\"))\n switch (message.paymentType) {\n default:\n return \"paymentType: enum value expected\";\n case 0:\n case 1:\n case 2:\n break;\n }\n return null;\n };\n\n /**\n * Creates a PaymentTypeInput message from a plain object. Also converts values to their respective internal types.\n * @function fromObject\n * @memberof theplant.ec.api.instore.PaymentTypeInput\n * @static\n * @param {Object.} object Plain object\n * @returns {theplant.ec.api.instore.PaymentTypeInput} PaymentTypeInput\n */\n PaymentTypeInput.fromObject = function fromObject(object) {\n if (object instanceof $root.theplant.ec.api.instore.PaymentTypeInput)\n return object;\n var message = new $root.theplant.ec.api.instore.PaymentTypeInput();\n if (object.userAuthnToken != null) {\n if (typeof object.userAuthnToken !== \"object\")\n throw TypeError(\".theplant.ec.api.instore.PaymentTypeInput.userAuthnToken: object expected\");\n message.userAuthnToken = $root.theplant.ec.api.instore.UserAuthnToken.fromObject(object.userAuthnToken);\n }\n if (object.orderCode != null)\n message.orderCode = String(object.orderCode);\n switch (object.paymentType) {\n case \"NO_STORE_ORDER_PAYMENT_TYPE\":\n case 0:\n message.paymentType = 0;\n break;\n case \"PAID_IN_STORE\":\n case 1:\n message.paymentType = 1;\n break;\n case \"WILL_PAY_IN_STORE\":\n case 2:\n message.paymentType = 2;\n break;\n }\n return message;\n };\n\n /**\n * Creates a plain object from a PaymentTypeInput message. Also converts values to other types if specified.\n * @function toObject\n * @memberof theplant.ec.api.instore.PaymentTypeInput\n * @static\n * @param {theplant.ec.api.instore.PaymentTypeInput} message PaymentTypeInput\n * @param {$protobuf.IConversionOptions} [options] Conversion options\n * @returns {Object.} Plain object\n */\n PaymentTypeInput.toObject = function toObject(message, options) {\n if (!options)\n options = {};\n var object = {};\n if (options.defaults) {\n object.orderCode = \"\";\n object.paymentType = options.enums === String ? \"NO_STORE_ORDER_PAYMENT_TYPE\" : 0;\n object.userAuthnToken = null;\n }\n if (message.orderCode != null && message.hasOwnProperty(\"orderCode\"))\n object.orderCode = message.orderCode;\n if (message.paymentType != null && message.hasOwnProperty(\"paymentType\"))\n object.paymentType = options.enums === String ? $root.theplant.ec.service.store_orders.StoreOrderPaymentType[message.paymentType] : message.paymentType;\n if (message.userAuthnToken != null && message.hasOwnProperty(\"userAuthnToken\"))\n object.userAuthnToken = $root.theplant.ec.api.instore.UserAuthnToken.toObject(message.userAuthnToken, options);\n return object;\n };\n\n /**\n * Converts this PaymentTypeInput to JSON.\n * @function toJSON\n * @memberof theplant.ec.api.instore.PaymentTypeInput\n * @instance\n * @returns {Object.} JSON object\n */\n PaymentTypeInput.prototype.toJSON = function toJSON() {\n return this.constructor.toObject(this, $protobuf.util.toJSONOptions);\n };\n\n return PaymentTypeInput;\n })();\n\n instore.ExternalPaymentIDInput = (function() {\n\n /**\n * Properties of an ExternalPaymentIDInput.\n * @memberof theplant.ec.api.instore\n * @interface IExternalPaymentIDInput\n * @property {theplant.ec.api.instore.IUserAuthnToken|null} [userAuthnToken] ExternalPaymentIDInput userAuthnToken\n * @property {string|null} [orderCode] ExternalPaymentIDInput orderCode\n * @property {string|null} [externalPaymentId] ExternalPaymentIDInput externalPaymentId\n */\n\n /**\n * Constructs a new ExternalPaymentIDInput.\n * @memberof theplant.ec.api.instore\n * @classdesc Represents an ExternalPaymentIDInput.\n * @implements IExternalPaymentIDInput\n * @constructor\n * @param {theplant.ec.api.instore.IExternalPaymentIDInput=} [properties] Properties to set\n */\n function ExternalPaymentIDInput(properties) {\n if (properties)\n for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)\n if (properties[keys[i]] != null)\n this[keys[i]] = properties[keys[i]];\n }\n\n /**\n * ExternalPaymentIDInput userAuthnToken.\n * @member {theplant.ec.api.instore.IUserAuthnToken|null|undefined} userAuthnToken\n * @memberof theplant.ec.api.instore.ExternalPaymentIDInput\n * @instance\n */\n ExternalPaymentIDInput.prototype.userAuthnToken = null;\n\n /**\n * ExternalPaymentIDInput orderCode.\n * @member {string} orderCode\n * @memberof theplant.ec.api.instore.ExternalPaymentIDInput\n * @instance\n */\n ExternalPaymentIDInput.prototype.orderCode = \"\";\n\n /**\n * ExternalPaymentIDInput externalPaymentId.\n * @member {string} externalPaymentId\n * @memberof theplant.ec.api.instore.ExternalPaymentIDInput\n * @instance\n */\n ExternalPaymentIDInput.prototype.externalPaymentId = \"\";\n\n /**\n * Creates a new ExternalPaymentIDInput instance using the specified properties.\n * @function create\n * @memberof theplant.ec.api.instore.ExternalPaymentIDInput\n * @static\n * @param {theplant.ec.api.instore.IExternalPaymentIDInput=} [properties] Properties to set\n * @returns {theplant.ec.api.instore.ExternalPaymentIDInput} ExternalPaymentIDInput instance\n */\n ExternalPaymentIDInput.create = function create(properties) {\n return new ExternalPaymentIDInput(properties);\n };\n\n /**\n * Encodes the specified ExternalPaymentIDInput message. Does not implicitly {@link theplant.ec.api.instore.ExternalPaymentIDInput.verify|verify} messages.\n * @function encode\n * @memberof theplant.ec.api.instore.ExternalPaymentIDInput\n * @static\n * @param {theplant.ec.api.instore.IExternalPaymentIDInput} message ExternalPaymentIDInput message or plain object to encode\n * @param {$protobuf.Writer} [writer] Writer to encode to\n * @returns {$protobuf.Writer} Writer\n */\n ExternalPaymentIDInput.encode = function encode(message, writer) {\n if (!writer)\n writer = $Writer.create();\n if (message.orderCode != null && message.hasOwnProperty(\"orderCode\"))\n writer.uint32(/* id 1, wireType 2 =*/10).string(message.orderCode);\n if (message.externalPaymentId != null && message.hasOwnProperty(\"externalPaymentId\"))\n writer.uint32(/* id 2, wireType 2 =*/18).string(message.externalPaymentId);\n if (message.userAuthnToken != null && message.hasOwnProperty(\"userAuthnToken\"))\n $root.theplant.ec.api.instore.UserAuthnToken.encode(message.userAuthnToken, writer.uint32(/* id 3, wireType 2 =*/26).fork()).ldelim();\n return writer;\n };\n\n /**\n * Encodes the specified ExternalPaymentIDInput message, length delimited. Does not implicitly {@link theplant.ec.api.instore.ExternalPaymentIDInput.verify|verify} messages.\n * @function encodeDelimited\n * @memberof theplant.ec.api.instore.ExternalPaymentIDInput\n * @static\n * @param {theplant.ec.api.instore.IExternalPaymentIDInput} message ExternalPaymentIDInput message or plain object to encode\n * @param {$protobuf.Writer} [writer] Writer to encode to\n * @returns {$protobuf.Writer} Writer\n */\n ExternalPaymentIDInput.encodeDelimited = function encodeDelimited(message, writer) {\n return this.encode(message, writer).ldelim();\n };\n\n /**\n * Decodes an ExternalPaymentIDInput message from the specified reader or buffer.\n * @function decode\n * @memberof theplant.ec.api.instore.ExternalPaymentIDInput\n * @static\n * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from\n * @param {number} [length] Message length if known beforehand\n * @returns {theplant.ec.api.instore.ExternalPaymentIDInput} ExternalPaymentIDInput\n * @throws {Error} If the payload is not a reader or valid buffer\n * @throws {$protobuf.util.ProtocolError} If required fields are missing\n */\n ExternalPaymentIDInput.decode = function decode(reader, length) {\n if (!(reader instanceof $Reader))\n reader = $Reader.create(reader);\n var end = length === undefined ? reader.len : reader.pos + length, message = new $root.theplant.ec.api.instore.ExternalPaymentIDInput();\n while (reader.pos < end) {\n var tag = reader.uint32();\n switch (tag >>> 3) {\n case 3:\n message.userAuthnToken = $root.theplant.ec.api.instore.UserAuthnToken.decode(reader, reader.uint32());\n break;\n case 1:\n message.orderCode = reader.string();\n break;\n case 2:\n message.externalPaymentId = reader.string();\n break;\n default:\n reader.skipType(tag & 7);\n break;\n }\n }\n return message;\n };\n\n /**\n * Decodes an ExternalPaymentIDInput message from the specified reader or buffer, length delimited.\n * @function decodeDelimited\n * @memberof theplant.ec.api.instore.ExternalPaymentIDInput\n * @static\n * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from\n * @returns {theplant.ec.api.instore.ExternalPaymentIDInput} ExternalPaymentIDInput\n * @throws {Error} If the payload is not a reader or valid buffer\n * @throws {$protobuf.util.ProtocolError} If required fields are missing\n */\n ExternalPaymentIDInput.decodeDelimited = function decodeDelimited(reader) {\n if (!(reader instanceof $Reader))\n reader = new $Reader(reader);\n return this.decode(reader, reader.uint32());\n };\n\n /**\n * Verifies an ExternalPaymentIDInput message.\n * @function verify\n * @memberof theplant.ec.api.instore.ExternalPaymentIDInput\n * @static\n * @param {Object.} message Plain object to verify\n * @returns {string|null} `null` if valid, otherwise the reason why it is not\n */\n ExternalPaymentIDInput.verify = function verify(message) {\n if (typeof message !== \"object\" || message === null)\n return \"object expected\";\n if (message.userAuthnToken != null && message.hasOwnProperty(\"userAuthnToken\")) {\n var error = $root.theplant.ec.api.instore.UserAuthnToken.verify(message.userAuthnToken);\n if (error)\n return \"userAuthnToken.\" + error;\n }\n if (message.orderCode != null && message.hasOwnProperty(\"orderCode\"))\n if (!$util.isString(message.orderCode))\n return \"orderCode: string expected\";\n if (message.externalPaymentId != null && message.hasOwnProperty(\"externalPaymentId\"))\n if (!$util.isString(message.externalPaymentId))\n return \"externalPaymentId: string expected\";\n return null;\n };\n\n /**\n * Creates an ExternalPaymentIDInput message from a plain object. Also converts values to their respective internal types.\n * @function fromObject\n * @memberof theplant.ec.api.instore.ExternalPaymentIDInput\n * @static\n * @param {Object.} object Plain object\n * @returns {theplant.ec.api.instore.ExternalPaymentIDInput} ExternalPaymentIDInput\n */\n ExternalPaymentIDInput.fromObject = function fromObject(object) {\n if (object instanceof $root.theplant.ec.api.instore.ExternalPaymentIDInput)\n return object;\n var message = new $root.theplant.ec.api.instore.ExternalPaymentIDInput();\n if (object.userAuthnToken != null) {\n if (typeof object.userAuthnToken !== \"object\")\n throw TypeError(\".theplant.ec.api.instore.ExternalPaymentIDInput.userAuthnToken: object expected\");\n message.userAuthnToken = $root.theplant.ec.api.instore.UserAuthnToken.fromObject(object.userAuthnToken);\n }\n if (object.orderCode != null)\n message.orderCode = String(object.orderCode);\n if (object.externalPaymentId != null)\n message.externalPaymentId = String(object.externalPaymentId);\n return message;\n };\n\n /**\n * Creates a plain object from an ExternalPaymentIDInput message. Also converts values to other types if specified.\n * @function toObject\n * @memberof theplant.ec.api.instore.ExternalPaymentIDInput\n * @static\n * @param {theplant.ec.api.instore.ExternalPaymentIDInput} message ExternalPaymentIDInput\n * @param {$protobuf.IConversionOptions} [options] Conversion options\n * @returns {Object.} Plain object\n */\n ExternalPaymentIDInput.toObject = function toObject(message, options) {\n if (!options)\n options = {};\n var object = {};\n if (options.defaults) {\n object.orderCode = \"\";\n object.externalPaymentId = \"\";\n object.userAuthnToken = null;\n }\n if (message.orderCode != null && message.hasOwnProperty(\"orderCode\"))\n object.orderCode = message.orderCode;\n if (message.externalPaymentId != null && message.hasOwnProperty(\"externalPaymentId\"))\n object.externalPaymentId = message.externalPaymentId;\n if (message.userAuthnToken != null && message.hasOwnProperty(\"userAuthnToken\"))\n object.userAuthnToken = $root.theplant.ec.api.instore.UserAuthnToken.toObject(message.userAuthnToken, options);\n return object;\n };\n\n /**\n * Converts this ExternalPaymentIDInput to JSON.\n * @function toJSON\n * @memberof theplant.ec.api.instore.ExternalPaymentIDInput\n * @instance\n * @returns {Object.} JSON object\n */\n ExternalPaymentIDInput.prototype.toJSON = function toJSON() {\n return this.constructor.toObject(this, $protobuf.util.toJSONOptions);\n };\n\n return ExternalPaymentIDInput;\n })();\n\n instore.ApplyOrderShippingAddressInput = (function() {\n\n /**\n * Properties of an ApplyOrderShippingAddressInput.\n * @memberof theplant.ec.api.instore\n * @interface IApplyOrderShippingAddressInput\n * @property {theplant.ec.api.instore.IUserAuthnToken|null} [userAuthnToken] ApplyOrderShippingAddressInput userAuthnToken\n * @property {string|null} [orderCode] ApplyOrderShippingAddressInput orderCode\n * @property {theplant.ec.service.users.IAddress|null} [address] ApplyOrderShippingAddressInput address\n */\n\n /**\n * Constructs a new ApplyOrderShippingAddressInput.\n * @memberof theplant.ec.api.instore\n * @classdesc Represents an ApplyOrderShippingAddressInput.\n * @implements IApplyOrderShippingAddressInput\n * @constructor\n * @param {theplant.ec.api.instore.IApplyOrderShippingAddressInput=} [properties] Properties to set\n */\n function ApplyOrderShippingAddressInput(properties) {\n if (properties)\n for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)\n if (properties[keys[i]] != null)\n this[keys[i]] = properties[keys[i]];\n }\n\n /**\n * ApplyOrderShippingAddressInput userAuthnToken.\n * @member {theplant.ec.api.instore.IUserAuthnToken|null|undefined} userAuthnToken\n * @memberof theplant.ec.api.instore.ApplyOrderShippingAddressInput\n * @instance\n */\n ApplyOrderShippingAddressInput.prototype.userAuthnToken = null;\n\n /**\n * ApplyOrderShippingAddressInput orderCode.\n * @member {string} orderCode\n * @memberof theplant.ec.api.instore.ApplyOrderShippingAddressInput\n * @instance\n */\n ApplyOrderShippingAddressInput.prototype.orderCode = \"\";\n\n /**\n * ApplyOrderShippingAddressInput address.\n * @member {theplant.ec.service.users.IAddress|null|undefined} address\n * @memberof theplant.ec.api.instore.ApplyOrderShippingAddressInput\n * @instance\n */\n ApplyOrderShippingAddressInput.prototype.address = null;\n\n /**\n * Creates a new ApplyOrderShippingAddressInput instance using the specified properties.\n * @function create\n * @memberof theplant.ec.api.instore.ApplyOrderShippingAddressInput\n * @static\n * @param {theplant.ec.api.instore.IApplyOrderShippingAddressInput=} [properties] Properties to set\n * @returns {theplant.ec.api.instore.ApplyOrderShippingAddressInput} ApplyOrderShippingAddressInput instance\n */\n ApplyOrderShippingAddressInput.create = function create(properties) {\n return new ApplyOrderShippingAddressInput(properties);\n };\n\n /**\n * Encodes the specified ApplyOrderShippingAddressInput message. Does not implicitly {@link theplant.ec.api.instore.ApplyOrderShippingAddressInput.verify|verify} messages.\n * @function encode\n * @memberof theplant.ec.api.instore.ApplyOrderShippingAddressInput\n * @static\n * @param {theplant.ec.api.instore.IApplyOrderShippingAddressInput} message ApplyOrderShippingAddressInput message or plain object to encode\n * @param {$protobuf.Writer} [writer] Writer to encode to\n * @returns {$protobuf.Writer} Writer\n */\n ApplyOrderShippingAddressInput.encode = function encode(message, writer) {\n if (!writer)\n writer = $Writer.create();\n if (message.userAuthnToken != null && message.hasOwnProperty(\"userAuthnToken\"))\n $root.theplant.ec.api.instore.UserAuthnToken.encode(message.userAuthnToken, writer.uint32(/* id 1, wireType 2 =*/10).fork()).ldelim();\n if (message.orderCode != null && message.hasOwnProperty(\"orderCode\"))\n writer.uint32(/* id 2, wireType 2 =*/18).string(message.orderCode);\n if (message.address != null && message.hasOwnProperty(\"address\"))\n $root.theplant.ec.service.users.Address.encode(message.address, writer.uint32(/* id 3, wireType 2 =*/26).fork()).ldelim();\n return writer;\n };\n\n /**\n * Encodes the specified ApplyOrderShippingAddressInput message, length delimited. Does not implicitly {@link theplant.ec.api.instore.ApplyOrderShippingAddressInput.verify|verify} messages.\n * @function encodeDelimited\n * @memberof theplant.ec.api.instore.ApplyOrderShippingAddressInput\n * @static\n * @param {theplant.ec.api.instore.IApplyOrderShippingAddressInput} message ApplyOrderShippingAddressInput message or plain object to encode\n * @param {$protobuf.Writer} [writer] Writer to encode to\n * @returns {$protobuf.Writer} Writer\n */\n ApplyOrderShippingAddressInput.encodeDelimited = function encodeDelimited(message, writer) {\n return this.encode(message, writer).ldelim();\n };\n\n /**\n * Decodes an ApplyOrderShippingAddressInput message from the specified reader or buffer.\n * @function decode\n * @memberof theplant.ec.api.instore.ApplyOrderShippingAddressInput\n * @static\n * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from\n * @param {number} [length] Message length if known beforehand\n * @returns {theplant.ec.api.instore.ApplyOrderShippingAddressInput} ApplyOrderShippingAddressInput\n * @throws {Error} If the payload is not a reader or valid buffer\n * @throws {$protobuf.util.ProtocolError} If required fields are missing\n */\n ApplyOrderShippingAddressInput.decode = function decode(reader, length) {\n if (!(reader instanceof $Reader))\n reader = $Reader.create(reader);\n var end = length === undefined ? reader.len : reader.pos + length, message = new $root.theplant.ec.api.instore.ApplyOrderShippingAddressInput();\n while (reader.pos < end) {\n var tag = reader.uint32();\n switch (tag >>> 3) {\n case 1:\n message.userAuthnToken = $root.theplant.ec.api.instore.UserAuthnToken.decode(reader, reader.uint32());\n break;\n case 2:\n message.orderCode = reader.string();\n break;\n case 3:\n message.address = $root.theplant.ec.service.users.Address.decode(reader, reader.uint32());\n break;\n default:\n reader.skipType(tag & 7);\n break;\n }\n }\n return message;\n };\n\n /**\n * Decodes an ApplyOrderShippingAddressInput message from the specified reader or buffer, length delimited.\n * @function decodeDelimited\n * @memberof theplant.ec.api.instore.ApplyOrderShippingAddressInput\n * @static\n * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from\n * @returns {theplant.ec.api.instore.ApplyOrderShippingAddressInput} ApplyOrderShippingAddressInput\n * @throws {Error} If the payload is not a reader or valid buffer\n * @throws {$protobuf.util.ProtocolError} If required fields are missing\n */\n ApplyOrderShippingAddressInput.decodeDelimited = function decodeDelimited(reader) {\n if (!(reader instanceof $Reader))\n reader = new $Reader(reader);\n return this.decode(reader, reader.uint32());\n };\n\n /**\n * Verifies an ApplyOrderShippingAddressInput message.\n * @function verify\n * @memberof theplant.ec.api.instore.ApplyOrderShippingAddressInput\n * @static\n * @param {Object.} message Plain object to verify\n * @returns {string|null} `null` if valid, otherwise the reason why it is not\n */\n ApplyOrderShippingAddressInput.verify = function verify(message) {\n if (typeof message !== \"object\" || message === null)\n return \"object expected\";\n if (message.userAuthnToken != null && message.hasOwnProperty(\"userAuthnToken\")) {\n var error = $root.theplant.ec.api.instore.UserAuthnToken.verify(message.userAuthnToken);\n if (error)\n return \"userAuthnToken.\" + error;\n }\n if (message.orderCode != null && message.hasOwnProperty(\"orderCode\"))\n if (!$util.isString(message.orderCode))\n return \"orderCode: string expected\";\n if (message.address != null && message.hasOwnProperty(\"address\")) {\n var error = $root.theplant.ec.service.users.Address.verify(message.address);\n if (error)\n return \"address.\" + error;\n }\n return null;\n };\n\n /**\n * Creates an ApplyOrderShippingAddressInput message from a plain object. Also converts values to their respective internal types.\n * @function fromObject\n * @memberof theplant.ec.api.instore.ApplyOrderShippingAddressInput\n * @static\n * @param {Object.} object Plain object\n * @returns {theplant.ec.api.instore.ApplyOrderShippingAddressInput} ApplyOrderShippingAddressInput\n */\n ApplyOrderShippingAddressInput.fromObject = function fromObject(object) {\n if (object instanceof $root.theplant.ec.api.instore.ApplyOrderShippingAddressInput)\n return object;\n var message = new $root.theplant.ec.api.instore.ApplyOrderShippingAddressInput();\n if (object.userAuthnToken != null) {\n if (typeof object.userAuthnToken !== \"object\")\n throw TypeError(\".theplant.ec.api.instore.ApplyOrderShippingAddressInput.userAuthnToken: object expected\");\n message.userAuthnToken = $root.theplant.ec.api.instore.UserAuthnToken.fromObject(object.userAuthnToken);\n }\n if (object.orderCode != null)\n message.orderCode = String(object.orderCode);\n if (object.address != null) {\n if (typeof object.address !== \"object\")\n throw TypeError(\".theplant.ec.api.instore.ApplyOrderShippingAddressInput.address: object expected\");\n message.address = $root.theplant.ec.service.users.Address.fromObject(object.address);\n }\n return message;\n };\n\n /**\n * Creates a plain object from an ApplyOrderShippingAddressInput message. Also converts values to other types if specified.\n * @function toObject\n * @memberof theplant.ec.api.instore.ApplyOrderShippingAddressInput\n * @static\n * @param {theplant.ec.api.instore.ApplyOrderShippingAddressInput} message ApplyOrderShippingAddressInput\n * @param {$protobuf.IConversionOptions} [options] Conversion options\n * @returns {Object.} Plain object\n */\n ApplyOrderShippingAddressInput.toObject = function toObject(message, options) {\n if (!options)\n options = {};\n var object = {};\n if (options.defaults) {\n object.userAuthnToken = null;\n object.orderCode = \"\";\n object.address = null;\n }\n if (message.userAuthnToken != null && message.hasOwnProperty(\"userAuthnToken\"))\n object.userAuthnToken = $root.theplant.ec.api.instore.UserAuthnToken.toObject(message.userAuthnToken, options);\n if (message.orderCode != null && message.hasOwnProperty(\"orderCode\"))\n object.orderCode = message.orderCode;\n if (message.address != null && message.hasOwnProperty(\"address\"))\n object.address = $root.theplant.ec.service.users.Address.toObject(message.address, options);\n return object;\n };\n\n /**\n * Converts this ApplyOrderShippingAddressInput to JSON.\n * @function toJSON\n * @memberof theplant.ec.api.instore.ApplyOrderShippingAddressInput\n * @instance\n * @returns {Object.} JSON object\n */\n ApplyOrderShippingAddressInput.prototype.toJSON = function toJSON() {\n return this.constructor.toObject(this, $protobuf.util.toJSONOptions);\n };\n\n return ApplyOrderShippingAddressInput;\n })();\n\n instore.OrderCode = (function() {\n\n /**\n * Properties of an OrderCode.\n * @memberof theplant.ec.api.instore\n * @interface IOrderCode\n * @property {string|null} [orderCode] OrderCode orderCode\n */\n\n /**\n * Constructs a new OrderCode.\n * @memberof theplant.ec.api.instore\n * @classdesc Represents an OrderCode.\n * @implements IOrderCode\n * @constructor\n * @param {theplant.ec.api.instore.IOrderCode=} [properties] Properties to set\n */\n function OrderCode(properties) {\n if (properties)\n for (var keys = Object.keys(properties), i = 0; i < keys.length; ++i)\n if (properties[keys[i]] != null)\n this[keys[i]] = properties[keys[i]];\n }\n\n /**\n * OrderCode orderCode.\n * @member {string} orderCode\n * @memberof theplant.ec.api.instore.OrderCode\n * @instance\n */\n OrderCode.prototype.orderCode = \"\";\n\n /**\n * Creates a new OrderCode instance using the specified properties.\n * @function create\n * @memberof theplant.ec.api.instore.OrderCode\n * @static\n * @param {theplant.ec.api.instore.IOrderCode=} [properties] Properties to set\n * @returns {theplant.ec.api.instore.OrderCode} OrderCode instance\n */\n OrderCode.create = function create(properties) {\n return new OrderCode(properties);\n };\n\n /**\n * Encodes the specified OrderCode message. Does not implicitly {@link theplant.ec.api.instore.OrderCode.verify|verify} messages.\n * @function encode\n * @memberof theplant.ec.api.instore.OrderCode\n * @static\n * @param {theplant.ec.api.instore.IOrderCode} message OrderCode message or plain object to encode\n * @param {$protobuf.Writer} [writer] Writer to encode to\n * @returns {$protobuf.Writer} Writer\n */\n OrderCode.encode = function encode(message, writer) {\n if (!writer)\n writer = $Writer.create();\n if (message.orderCode != null && message.hasOwnProperty(\"orderCode\"))\n writer.uint32(/* id 1, wireType 2 =*/10).string(message.orderCode);\n return writer;\n };\n\n /**\n * Encodes the specified OrderCode message, length delimited. Does not implicitly {@link theplant.ec.api.instore.OrderCode.verify|verify} messages.\n * @function encodeDelimited\n * @memberof theplant.ec.api.instore.OrderCode\n * @static\n * @param {theplant.ec.api.instore.IOrderCode} message OrderCode message or plain object to encode\n * @param {$protobuf.Writer} [writer] Writer to encode to\n * @returns {$protobuf.Writer} Writer\n */\n OrderCode.encodeDelimited = function encodeDelimited(message, writer) {\n return this.encode(message, writer).ldelim();\n };\n\n /**\n * Decodes an OrderCode message from the specified reader or buffer.\n * @function decode\n * @memberof theplant.ec.api.instore.OrderCode\n * @static\n * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from\n * @param {number} [length] Message length if known beforehand\n * @returns {theplant.ec.api.instore.OrderCode} OrderCode\n * @throws {Error} If the payload is not a reader or valid buffer\n * @throws {$protobuf.util.ProtocolError} If required fields are missing\n */\n OrderCode.decode = function decode(reader, length) {\n if (!(reader instanceof $Reader))\n reader = $Reader.create(reader);\n var end = length === undefined ? reader.len : reader.pos + length, message = new $root.theplant.ec.api.instore.OrderCode();\n while (reader.pos < end) {\n var tag = reader.uint32();\n switch (tag >>> 3) {\n case 1:\n message.orderCode = reader.string();\n break;\n default:\n reader.skipType(tag & 7);\n break;\n }\n }\n return message;\n };\n\n /**\n * Decodes an OrderCode message from the specified reader or buffer, length delimited.\n * @function decodeDelimited\n * @memberof theplant.ec.api.instore.OrderCode\n * @static\n * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from\n * @returns {theplant.ec.api.instore.OrderCode} OrderCode\n * @throws {Error} If the payload is not a reader or valid buffer\n * @throws {$protobuf.util.ProtocolError} If required fields are missing\n */\n OrderCode.decodeDelimited = function decodeDelimited(reader) {\n if (!(reader instanceof $Reader))\n reader = new $Reader(reader);\n return this.decode(reader, reader.uint32());\n };\n\n /**\n * Verifies an OrderCode message.\n * @function verify\n * @memberof theplant.ec.api.instore.OrderCode\n * @static\n * @param {Object.} message Plain object to verify\n * @returns {string|null} `null` if valid, otherwise the reason why it is not\n */\n OrderCode.verify = function verify(message) {\n if (typeof message !== \"object\" || message === null)\n return \"object expected\";\n if (message.orderCode != null && message.hasOwnProperty(\"orderCode\"))\n if (!$util.isString(message.orderCode))\n return \"orderCode: string expected\";\n return null;\n };\n\n /**\n * Creates an OrderCode message from a plain object. Also converts values to their respective internal types.\n * @function fromObject\n * @memberof theplant.ec.api.instore.OrderCode\n * @static\n * @param {Object.
![\"coin\"](\"/img/coin-huge.png\")
\n ![\"calendar\"](\"/img/calendar-huge.png\")
\n ![\"point](\"/img/point-usage.jpg\")
\n ![\"gift](\"/img/gift-wrapping-sample.jpg\")
\n 
![\"amazon](\"/img/logo-amazonPay.png\"){kind=logo}
\n