{"version":3,"file":"cartFormEntryPoint.82f3c26c.js","sources":["../../../app/javascript/components/organisms/pages/cart/CartVariantInput.vue","../../../app/javascript/components/organisms/pages/cart/CartProduct.vue","../../../app/javascript/components/organisms/pages/cart/CartBillingAddress.vue","../../../app/javascript/components/organisms/pages/cart/CartShippingCarrier.vue","../../../app/javascript/components/organisms/pages/cart/CartCustomer.vue","../../../app/javascript/components/organisms/pages/cart/CartShippingAddress.vue","../../../app/javascript/components/organisms/pages/cart/cards/CardList.vue","../../../app/javascript/composables/payment_cards/payjp_card.ts","../../../app/javascript/components/organisms/pages/cart/cards/CartPaymentPayjpCreate.vue","../../../app/javascript/components/organisms/pages/cart/cards/CardGmoPgCreate.vue","../../../app/javascript/components/organisms/pages/cart/cards/CardSoftBankCreate.vue","../../../app/javascript/components/organisms/pages/cart/cards/CardPaygentCreate.vue","../../../app/javascript/components/organisms/pages/cart/cards/NewCardForm.vue","../../../app/javascript/components/organisms/pages/cart/CartPayment.vue","../../../app/javascript/helpers/arrays.js","../../../app/javascript/components/organisms/pages/cart/SubsOrder.vue","../../../app/javascript/components/organisms/pages/cart/CvXsellSubsOrder.vue","../../../app/javascript/components/organisms/pages/cart/SpecifyDeliveryDate.vue","../../../app/javascript/components/molecules/common/form/ValidationStatus.vue","../../../app/javascript/pages/lp/_url/index.vue","../../../app/javascript/components/organisms/pages/cart/StepList.vue","../../../app/javascript/components/organisms/pages/cart/CartSummary.vue","../../../app/javascript/pages/lp/_url/confirm.vue","../../../app/javascript/components/organisms/pages/cart/CvUpsellVariantInput.vue","../../../app/javascript/pages/lp/_url/upsell.vue","../../../app/javascript/pages/lp/_url/cv_upsell.vue","../../../app/javascript/components/organisms/pages/cart/CvXsellVariantInput.vue","../../../app/javascript/pages/lp/_url/cv_xsell.vue","../../../app/javascript/pages/lp/_url/cv_confirm.vue","../../../app/javascript/pages/lp/_url/finish.vue","../../../app/javascript/pages/lp/_url/thanks_offer_time.vue","../../../app/javascript/entrypoints/cartFormEntryPoint.ts"],"sourcesContent":["<template>\n  <b-row v-if=\"data\" class=\"align-items-center py-2\">\n    <b-col md=\"6\"> {{ name }} </b-col>\n    <b-col md=\"6\">\n      <form-validator\n        :name=\"`product.${productIndex}.variantData.${variantIndex}.variantId`\"\n        :clientName=\"`productsData[${productIndex}].variantData[${variantIndex}].valueOptions[${componentIndex}].id`\"\n        float\n      >\n        <b-select\n          v-model=\"valueId\"\n          class=\"form-control\"\n          :options=\"options\"\n          @change=\"($event: any) => handleSelectVariantValue($event,componentIndex)\"\n          :id=\"defaultIdAndNameAttribute\"\n          :name=\"defaultIdAndNameAttribute\"\n        >\n          <template #first>\n            <option :value=\"null\">選択してください</option>\n          </template>\n        </b-select>\n      </form-validator>\n    </b-col>\n  </b-row>\n\n  <cart-variant-input\n    v-if=\"childData && showChildComponent\"\n    :data=\"childData\"\n    :product-quantity-display=\"productQuantityDisplay\"\n    :products-urls=\"productsUrls\"\n    :product-index=\"productIndex\"\n    :variant-index=\"variantIndex\"\n    :component-index=\"componentIndex + 1\"\n    :default-attributes=\"defaultAttributes\"\n  ></cart-variant-input>\n</template>\n\n<script lang=\"ts\">\nexport default {\n  name: \"CartVariantInput\",\n};\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, nextTick } from \"vue\";\n\nimport { ProductUrlType } from \"@/types/ProductUrlType\";\n\nimport { useCartStore } from \"@/stores/cart\";\n\nimport { useField } from \"vee-validate\";\n\ninterface Props {\n  data: any;\n  defaultAttributes: any;\n  productQuantityDisplay: boolean;\n  productIndex: number;\n  variantIndex: number;\n  componentIndex: number;\n  productsUrls: ProductUrlType[];\n}\n\nconst props = defineProps<Props>();\n\nconst cartStore = useCartStore();\n\nconst valueId = ref(null);\nconst showChildComponent = ref(true);\n\nconst { value: productsData }: any = useField(\"productsData\");\n\nconst defaultIdAndNameAttribute = computed(() => {\n  const defaultName = `product_type_${props.defaultAttributes.defaultIndex + props.variantIndex}`;\n\n  return props.defaultAttributes.hasChildData\n    ? `${defaultName}_${props.componentIndex}`\n    : defaultName;\n});\n\nconst name = computed(() => {\n  if (props.data) {\n    return props.data.optionTypePresentation;\n  }\n\n  return \"\";\n});\n\nconst productQuantity = computed(() => {\n  if (productsData.value[props.productIndex]) {\n    return productsData.value[props.productIndex].quantity;\n  } else {\n    return null;\n  }\n});\n\nconst options = computed(() => {\n  if (props.data && props.data.options && props.data.options.length) {\n    return props.data.options.map((item: any) => {\n      return {\n        text: item.optionValuePresentation,\n        value: item.optionValueId,\n      };\n    });\n  }\n\n  return [];\n});\n\nconst childData = computed(() => {\n  if (props.data && props.data.options && props.data.options.length) {\n    const child = props.data.options.find((item: any) => item.optionValueId == valueId.value);\n    return child ? child.optionValueOption : null;\n  }\n\n  return null;\n});\n\nconst handleSelectVariantValue = (value: number, optionValueIndex: number) => {\n  showChildComponent.value = false;\n  const { data, productIndex, variantIndex, componentIndex } = props;\n  const variantData = productsData.value[productIndex].variantData[variantIndex];\n  const selectedOption = data.options.find((option: any) => option.optionValueId === value);\n\n  if (selectedOption) {\n    if (!selectedOption.variantId && !variantData.valueOptions[componentIndex].value) {\n      variantData.valueOptions.push({ id: null, value: null });\n    } else if (componentIndex < variantData.valueOptions.length - 1) {\n      variantData.valueOptions = variantData.valueOptions\n        .filter((_, index: number) => index <= componentIndex)\n        .concat([{ id: null, value: null }]);\n    }\n\n    variantData.variantId = selectedOption.variantId || null;\n    variantData.valueOptions[componentIndex] = { value, id: selectedOption.optionValueId };\n  } else {\n    variantData.variantId = null;\n    variantData.valueOptions = variantData.valueOptions\n      .slice(0, optionValueIndex)\n      .concat([{ id: null, value: null }]);\n  }\n\n  nextTick(() => (showChildComponent.value = true));\n};\n\nconst changeValueIdCondition = computed(() => {\n  return (\n    props.productQuantityDisplay &&\n    cartStore.urlInfo.generalVariantDisplay &&\n    !cartStore.urlInfo.ownVariantDisplay &&\n    productsData.value?.[props.productIndex]?.variantData?.[0]?.variantId\n  );\n});\n\nconst productIdWatcher = computed(() => productsData.value?.[props.productIndex]?.id ?? undefined);\n\nwatch(\n  () => productQuantity.value,\n  () => {\n    if (!changeValueIdCondition.value) valueId.value = null;\n  },\n);\n\nwatch(productIdWatcher, () => {\n  valueId.value = null;\n});\n\nwatch(\n  () =>\n    productsData.value?.[props.productIndex].variantData?.[props.variantIndex].valueOptions?.[\n      props.componentIndex\n    ]?.value,\n  (newValue, oldValue) => {\n    if (newValue && !oldValue) {\n      valueId.value = newValue;\n    }\n  },\n  { immediate: true },\n);\n</script>\n","<template>\n  <b-card class=\"mb-3\">\n    <template #header>商品</template>\n    <div v-for=\"(product, productIndex) in productsData\" :key=\"productIndex\">\n      <div class=\"mb-5 pb-3\" :class=\"checkIsLastElement(productIndex)\">\n        <b-row gutter-y=\"3\" gutter-x=\"8\">\n          <b-col cols=\"8\" sm=\"9\" md=\"10\">\n            <div class=\"merc-select\">\n              <form-validator\n                :name=\"`product.${productIndex}.id`\"\n                :clientName=\"`productsData[${productIndex}].id`\"\n                float\n                required\n              >\n                <v-select\n                  v-if=\"!buyMultipleVariant\"\n                  v-model=\"product.id\"\n                  class=\"form-control\"\n                  label=\"name\"\n                  placeholder=\"選択してください\"\n                  :clearable=\"false\"\n                  :searchable=\"false\"\n                  :options=\"products\"\n                  :reduce=\"(item) => item.id\"\n                  @option:selected=\"changeDefaultData($event)\"\n                  name=\"product_list\"\n                  id=\"product_list\"\n                />\n                <label v-else class=\"mt-4\">{{ getProductNameById(product.id) }}</label>\n              </form-validator>\n            </div>\n          </b-col>\n\n          <b-col cols=\"4\" sm=\"3\" md=\"2\" v-if=\"productsData.length\">\n            <form-validator :name=\"`product.${productIndex}.quantity`\" required float>\n              <b-select\n                v-if=\"productQuantityDisplay\"\n                v-model=\"product.quantity\"\n                class=\"form-control\"\n                :options=\"quantityOptions(productsData[productIndex].id, productIndex)\"\n                @input=\"changeQuantity($event, productIndex, product.id)\"\n                :name=\"buyMultipleVariant ? `product_qty_${productIndex}` : 'product_qty'\"\n                :id=\"buyMultipleVariant ? `product_qty_${productIndex}` : 'product_qty'\"\n              />\n              <label v-else class=\"mt-4 text-center w-100\">\n                {{ productsData[productIndex].quantity }}個\n              </label>\n            </form-validator>\n          </b-col>\n        </b-row>\n\n        <div v-if=\"ownVariantDisplay\">\n          <div v-if=\"generalVariantDisplay && getData(product.id) && product.id\" :key=\"product.id\">\n            <b-row\n              gutter-x=\"8\"\n              offset=\"1\"\n              align-h=\"end\"\n              class=\"align-items-center pt-5\"\n              v-for=\"(variant, variantIndex) in productsData[productIndex].quantity\"\n              :key=\"variantIndex\"\n            >\n              <b-col md=\"1\">\n                <b-row> {{ variantIndex + 1 }}個目 </b-row>\n              </b-col>\n              <b-col md=\"10\">\n                <cart-variant-input\n                  v-if=\"product.id\"\n                  :data=\"getData(product.id)\"\n                  :product-quantity-display=\"productQuantityDisplay\"\n                  :products-urls=\"productsUrls\"\n                  :product-index=\"productIndex\"\n                  :variant-index=\"variantIndex\"\n                  :component-index=\"0\"\n                  :default-attributes=\"defaultAttributes(productIndex, product.id)\"\n                ></cart-variant-input>\n              </b-col>\n            </b-row>\n          </div>\n        </div>\n\n        <div v-else>\n          <div v-show=\"generalVariantDisplay && getData(product.id)\">\n            <b-row gutter-y=\"3\" gutter-x=\"8\" offset=\"1\" align-h=\"end\" :key=\"product.id\">\n              <b-col md=\"1\">\n                <b-row gutter-y=\"3\" class=\"mt-6\"> 1個目 </b-row>\n              </b-col>\n\n              <b-col md=\"7\">\n                <cart-variant-input\n                  :data=\"getData(product.id)\"\n                  :product-quantity-display=\"productQuantityDisplay\"\n                  :products-urls=\"productsUrls\"\n                  :product-index=\"productIndex\"\n                  :variant-index=\"0\"\n                  :component-index=\"0\"\n                  :default-attributes=\"defaultAttributes(productIndex, product.id)\"\n                ></cart-variant-input>\n              </b-col>\n\n              <b-col md=\"3\">\n                <b-row gutter-y=\"3\">\n                  <b-col>\n                    <label class=\"mt-4\"> {{ productsData[productIndex].quantity }}個 </label>\n                  </b-col>\n                </b-row>\n              </b-col>\n            </b-row>\n          </div>\n        </div>\n      </div>\n    </div>\n  </b-card>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, watch, nextTick, onBeforeMount } from \"vue\";\nimport { ProductType } from \"@/types/ProductType\";\nimport { ProductUrlType } from \"@/types/ProductUrlType\";\nimport { useField } from \"vee-validate\";\nimport CartVariantInput from \"@/components/organisms/pages/cart/CartVariantInput.vue\";\nimport _, { cloneDeep } from \"lodash\";\nimport \"vue-select/dist/vue-select.css\";\n\ninterface Props {\n  products: ProductType[];\n  productsUrls: ProductUrlType[];\n  buyMultipleVariant: boolean;\n  productQuantityDisplay: boolean;\n  generalVariantDisplay: boolean;\n  ownVariantDisplay: boolean;\n  generalAndOwnVariantDisplay: boolean;\n}\n\nconst { value: productsData }: any = useField(\"productsData\");\n\nconst props = defineProps<Props>();\n\nconst range = (start: number, stop: number, step: number) =>\n  Array.from({ length: (stop - start) / step + 1 }, (_, i) => start + i * step);\n\nconst quantityOptions = (productId: number | null, productIndex = 0) => {\n  let result = [] as any;\n  let min = 1;\n  let max = 10;\n\n  const product = props.products.find((item) => item.id === productId);\n  const productUrl = props.productsUrls.find((item) => item.productId === productId);\n\n  if (productUrl && props.generalAndOwnVariantDisplay) {\n    min = productUrl.minQuantity;\n    max = productUrl.maxQuantity;\n  } else if (product) {\n    min = product.purchaseMin;\n    max = product.purchaseMax;\n\n    if (changeQuantityOptionCondition(productIndex)) {\n      const variant = product.variants.find(\n        (item) => item.id == productsData.value[productIndex]?.variantData[0]?.variantId ?? null,\n      );\n\n      min = variant?.minQuantity || 1;\n      max = variant?.maxQuantity || 10;\n    }\n  }\n\n  result = range(min, max, 1);\n\n  return result;\n};\n\nconst getProductNameById = (productId: number | null) => {\n  const product = props.products.find((item) => item.id === productId);\n\n  if (product) {\n    return product.name;\n  }\n\n  return \"\";\n};\n\nconst changeDefaultData = (event: any) => {\n  const productId = event.id;\n  // reset variant id to avoid falling into variant case in quantityOptions function\n  if (changeQuantityOptionCondition(0)) {\n    productsData.value[0].variantData[0].variantId = null;\n  }\n\n  productsData.value[0].quantity = quantityOptions(productsData.value[0].id)[0];\n  productsData.value[0].isRecurring = props.products.find(\n    (product) => product.id === productId,\n  )?.isRecurring;\n  changeQuantity(productsData.value[0].quantity, 0, productsData.value[0].id);\n};\n\nconst changeQuantity = (event: any, index: number, productId: number) => {\n  const product = props.products.find((item) => item.id === productId);\n\n  if (product) {\n    const arrayLength = props.generalAndOwnVariantDisplay ? event : 1;\n\n    const currentVariantId = productsData.value[index].variantData[0].variantId;\n\n    const newOptionsValue = [];\n\n    if (!props.generalAndOwnVariantDisplay && currentVariantId) {\n      const currentVariant = product.variants.find((item) => item.id == currentVariantId);\n\n      if (currentVariant) return;\n    }\n\n    const variantId = getData(productId) ? null : product.variantMasterId;\n\n    for (let index = 0; index < arrayLength; index++) {\n      newOptionsValue.unshift({\n        variantId: variantId,\n        quantity: null,\n        valueOptions: [\n          {\n            id: null,\n            value: null,\n          },\n        ],\n      });\n    }\n\n    productsData.value[index].variantData = newOptionsValue;\n\n    const tmp = cloneDeep(productsData.value[index]);\n    productsData.value[index] = { id: null, quantity: 1 };\n    nextTick(() => (productsData.value[index] = tmp));\n  }\n};\n\nfunction checkIsLastElement(index: number) {\n  const products = props.products;\n  if (products.length > 1 && products.length - 1 !== index) {\n    return \"product-item-after\";\n  }\n  return null;\n}\n\nconst getData = (productId: number | null) => {\n  const product = props.products.find((item) => item.id == productId);\n\n  if (product) {\n    return product.variantCombinations;\n  }\n\n  return {};\n};\n\nconst changeQuantityOptionCondition = (productIndex: number) => {\n  return (\n    props.productQuantityDisplay &&\n    props.generalVariantDisplay &&\n    !props.ownVariantDisplay &&\n    productsData?.value[productIndex]?.variantData?.[0]?.variantId\n  );\n};\n\nconst arrayVariantId = computed(() =>\n  productsData.value ? productsData.value.map((item: any) => item.variantData?.[0]?.variantId) : [],\n);\n\n// ======================================== Set Default Attribute ID And Name ==================\nconst checkChildDataPresent = (productId: number) => {\n  const data = getData(productId) as any;\n\n  if (data && data.options && data.options.length) {\n    const child = data.options[0];\n\n    return !!child.optionValueOption;\n  }\n\n  return false;\n};\n\nconst getDefaultIndex = (toIndex: number = 0, fromIndex: number = 0) => {\n  let result = 0;\n\n  for (let i = fromIndex; i < toIndex; i++) {\n    const data = getData(productsData.value[i].id);\n\n    if (data) result += productsData.value[i].quantity;\n  }\n\n  return result;\n};\n\nconst defaultAttributes = (productIndex: number, productId: number) => {\n  const defaultIndex = getDefaultIndex(productIndex);\n\n  const result = {\n    defaultIndex: defaultIndex,\n    hasChildData: checkChildDataPresent(productId),\n  };\n\n  return result;\n};\n// ===============================================================================================\n\n// ======================================== Add Event Click Jump Product =========================\nconst addEventClickJumpProduct = () => {\n  if (props.buyMultipleVariant || props.generalVariantDisplay || props.ownVariantDisplay) return;\n\n  const els = document.querySelectorAll(\"a[data-select-id]\");\n\n  els.forEach((el) => {\n    el.addEventListener(\"click\", () => {\n      const variantMasterId = el.getAttribute(\"data-select-id\");\n      if (!variantMasterId) return;\n\n      const product = props.products.find(\n        (item) => item.variantMasterId.toString() === variantMasterId,\n      );\n\n      if (!product) return;\n\n      productsData.value[0].id = product.id;\n      changeDefaultData(product);\n    });\n  });\n};\n\nonBeforeMount(() => {\n  addEventClickJumpProduct();\n});\n\n// ===============================================================================================\n\n// Check array variantId in variant data [0] of ever productsData, if any item changes, will check condition to change quantity options\nwatch(\n  () => arrayVariantId.value,\n\n  (newValue, oldValue) => {\n    const dif = _.difference(newValue, oldValue);\n\n    if (dif && dif.length && newValue && newValue.length) {\n      const index = newValue.indexOf(dif[0]);\n\n      if (!changeQuantityOptionCondition(index)) return;\n\n      productsData.value[index].quantity = quantityOptions(productsData.value[index].id, index)[0];\n    }\n  },\n);\n</script>\n<style lang=\"scss\" scoped>\n.product-item-after::after {\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 1px;\n  background-color: #eff2f5;\n  margin: 30px auto 0;\n}\n\n:deep(.form-control) {\n  .merc-select {\n    .form-control {\n      padding: 0.5rem 1rem;\n    }\n  }\n\n  .vs__dropdown-toggle {\n    padding: 0;\n    border: 0;\n  }\n  .vs__selected-options {\n    flex-wrap: nowrap;\n    max-width: calc(100% - 41px);\n  }\n\n  .v-select {\n    padding: 0.75rem 3rem 0.75rem 1rem;\n  }\n\n  .vs__selected {\n    display: block;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    max-width: 100%;\n    overflow: hidden;\n    margin: 0;\n  }\n\n  .vs__search {\n    position: absolute;\n    left: 10px;\n  }\n\n  .vs--open .vs__search {\n    position: static;\n  }\n\n  .vs__dropdown-option {\n    display: block;\n    text-overflow: ellipsis;\n    max-width: 100%;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n\n  .vs__actions {\n    padding-left: 10px;\n    padding-top: 0;\n  }\n\n  #vs1__combobox {\n    border: none;\n  }\n\n  .vs__selected-options {\n    flex-wrap: nowrap;\n    max-width: calc(100% - 29px);\n  }\n  svg {\n    width: 10;\n  }\n}\n</style>\n","<template>\n  <b-card class=\"mb-3\">\n    <template #header>お客様情報のご入力</template>\n    <FormAddress\n      :addressData=\"billingAddressData\"\n      prefix=\"billingAddressData\"\n      prefixNameValidator=\"billing_address_data\"\n    ></FormAddress>\n  </b-card>\n</template>\n\n<script setup lang=\"ts\">\nimport { useField } from \"vee-validate\";\nimport FormAddress from \"@/components/molecules/pages/cart/FormAddress.vue\";\n\nconst { value: billingAddressData } = useField(\"billingAddressData\");\n</script>\n","<template>\n  <b-card class=\"mb-3\" v-show=\"mode == 'product' && deliveryCompanyDisplay\">\n    <template #header>配送業者</template>\n\n    <FormValidator\n      name=\"shipping_carrier.shipping_carrier_id\"\n      clientName=\"shippingCarrierId\"\n      label=\"配送業者\"\n      required\n      float\n    >\n      <b-select\n        text-field=\"name\"\n        value-field=\"id\"\n        v-model=\"shippingCarrierId\"\n        :options=\"shippingCarrierOptions\"\n        name=\"shipping_company\"\n        id=\"shipping_company\"\n      >\n        <template #first>\n          <option :value=\"null\">選択してください</option>\n        </template></b-select\n      >\n    </FormValidator>\n  </b-card>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, watch, onMounted } from \"vue\";\n\nimport { useCartStore } from \"@/stores/cart\";\nimport { useBaseInfoStore } from \"@/stores/base_info\";\nimport { useField } from \"vee-validate\";\n\ninterface Props {\n  buyMultipleVariant: boolean;\n  deliveryCompanyDisplay: boolean;\n}\n\nconst props = defineProps<Props>();\n\nconst { value: shippingCarrierId } = useField(\"shippingCarrierId\");\nconst { value: paymentMethodCode }: any = useField(\"paymentData.paymentMethodCode\");\nconst { value: productsData }: any = useField(\"productsData\");\n\nconst baseInfoStore = useBaseInfoStore();\nconst cartStore = useCartStore();\n\nconst fetchShippingCarrierOptions = cartStore.fetchShippingCarrierOptions;\n\nconst shippingCarrierOptions = computed(() => cartStore.shippingCarrierOptions);\nconst mode = computed(() => baseInfoStore.baseInfo?.shippingCarrierBasedOn ?? \"\");\n\nconst shippingCarrierVariables = computed(() => ({\n  input: {\n    paymentMethodCode: paymentMethodCode.value,\n    productData: productsData.value,\n  },\n}));\n\nonMounted(() => {\n  fetchShippingCarrierOptions(shippingCarrierVariables.value);\n  if (!shippingCarrierId.value) handleShippingCarrierOptionsChange();\n});\n\nwatch(shippingCarrierOptions, handleShippingCarrierOptionsChange);\n\nwatch(paymentMethodCode, () => {\n  if (!paymentMethodCode.value) return;\n  if (mode.value == \"payment_method\") fetchShippingCarrierOptions(shippingCarrierVariables.value);\n});\n\nwatch(\n  productsData,\n  (newValue) => {\n    if (newValue[0] === null) return;\n    if (mode.value == \"product\") fetchShippingCarrierOptions(shippingCarrierVariables.value);\n  },\n  { deep: true },\n);\n\nfunction handleShippingCarrierOptionsChange() {\n  let id: any;\n\n  const defaultShippingCarrier = shippingCarrierOptions.value.find(\n    (item: any) => item.default == true,\n  );\n  const firstShippingCarrier = shippingCarrierOptions.value[0];\n  if (defaultShippingCarrier) id = defaultShippingCarrier.id;\n  else if (firstShippingCarrier) id = firstShippingCarrier.id;\n\n  shippingCarrierId.value = id;\n}\n</script>\n","<template>\n  <b-card class=\"mb-3\">\n    <template #header>お客様情報</template>\n\n    <div class=\"d-grid gap-5\">\n      <FormValidator\n        label=\"メールアドレス\"\n        name=\"customer_data.email\"\n        clientName=\"customerData.email\"\n        required\n        float\n      >\n        <b-input\n          v-model=\"email\"\n          placeholder=\"例）○○○@example.com\"\n          type=\"email\"\n          :disabled=\"authStore.isLoggedIn\"\n          name=\"order_email\"\n          id=\"order_email\"\n        ></b-input>\n      </FormValidator>\n\n      <FormValidator\n        label=\"メールアドレス（確認）\"\n        name=\"customer_data.email_confirmation\"\n        clientName=\"customerData.emailConfirmation\"\n        v-if=\"confirmEmailDisplay\"\n        required\n        float\n      >\n        <b-input\n          v-model=\"emailConfirmation\"\n          placeholder=\"例）○○○@example.com\"\n          type=\"email\"\n          :disabled=\"authStore.isLoggedIn\"\n          name=\"order_email_confirm\"\n          id=\"order_email_confirm\"\n        ></b-input>\n        <p class=\"description\">\n          メールアドレスに誤りがありますとメールが届きません。今一度ご確認ください。\n        </p>\n      </FormValidator>\n\n      <template v-if=\"!authStore.isLoggedIn\">\n        <FormValidator\n          v-if=\"displayPasswordCondition\"\n          label=\"パスワード\"\n          name=\"customer_data.password\"\n          clientName=\"customerData.password\"\n          required\n          float\n        >\n          <b-input\n            v-model=\"password\"\n            placeholder=\"半角英数字8文字以上（大文字小文字をそれぞれ含む）\"\n            type=\"password\"\n            autocomplete=\"new-password\"\n            name=\"order_password\"\n            id=\"order_password\"\n          ></b-input>\n        </FormValidator>\n\n        <FormValidator\n          v-if=\"confirmPasswordDisplay\"\n          label=\"パスワード（確認）\"\n          name=\"customer_data.password_confirmation\"\n          clientName=\"customerData.passwordConfirmation\"\n          required\n          float\n        >\n          <b-input\n            v-model=\"passwordConfirmation\"\n            placeholder=\"半角英数字8文字以上（大文字小文字をそれぞれ含む）\"\n            type=\"password\"\n            name=\"order_password_confirm\"\n            id=\"order_password_confirm\"\n          ></b-input>\n        </FormValidator>\n      </template>\n\n      <FormValidator\n        label=\"性別\"\n        name=\"customer_data.sex_id\"\n        clientName=\"customerData.sexId\"\n        required\n        float\n      >\n        <b-select v-model=\"sexId\" :options=\"cartStore.sexes\" name=\"order_sex\" id=\"order_sex\">\n          <template #first>\n            <option :value=\"null\">選択してください</option>\n          </template>\n        </b-select>\n      </FormValidator>\n\n      <FormValidator\n        label=\"生年月日\"\n        name=\"customer_data.birthday\"\n        clientName=\"customerData.birthday\"\n        required\n        float\n      >\n        <b-input v-model=\"birthday\" type=\"date\" name=\"order_birthday\" id=\"order_birthday\"></b-input>\n      </FormValidator>\n    </div>\n  </b-card>\n</template>\n\n<script setup lang=\"ts\">\nimport { useAuthStore } from \"@/stores/auth\";\nimport { useCartStore } from \"@/stores/cart\";\nimport { useField } from \"vee-validate\";\n\nimport { computed, onMounted } from \"vue\";\n\ninterface Props {\n  confirmEmailDisplay: boolean;\n  passwordDisplay: boolean;\n  confirmPasswordDisplay: boolean;\n}\n\nconst props = defineProps<Props>();\n\nconst authStore = useAuthStore();\nconst cartStore = useCartStore();\n\nconst { value: email } = useField(\"customerData.email\");\nconst { value: emailConfirmation } = useField(\"customerData.emailConfirmation\");\nconst { value: password } = useField(\"customerData.password\");\nconst { value: passwordConfirmation } = useField(\"customerData.passwordConfirmation\");\nconst { value: sexId } = useField(\"customerData.sexId\");\nconst { value: birthday } = useField(\"customerData.birthday\");\n\nconst displayPasswordCondition = computed(\n  () => props.passwordDisplay || (!props.passwordDisplay && props.confirmPasswordDisplay),\n);\n\nonMounted(() => {\n  password.value = \"\";\n  passwordConfirmation.value = \"\";\n  cartStore.cart.customerData.password = \"\";\n  cartStore.cart.customerData.passwordConfirmation = \"\";\n});\n</script>\n\n<style scoped>\n.description {\n  padding-top: 12px;\n  font-size: 12px;\n}\n</style>\n","<template>\n  <b-card class=\"mb-3\">\n    <template #header>お届け先情報</template>\n\n    <div class=\"d-grid gap-3\">\n      <FormValidator label=\"お届け先住所\" required>\n        <b-select\n          v-model=\"shippingAddress\"\n          :options=\"options\"\n          :disabled=\"disableShippingAddressOptions\"\n          name=\"shipping_address_select\"\n          id=\"shipping_address_select\"\n        ></b-select>\n      </FormValidator>\n      <div v-if=\"shippingAddress == 'new'\">\n        <FormAddress\n          :addressData=\"shippingAddressData\"\n          prefix=\"shippingAddressData\"\n          prefixNameValidator=\"shipping_address_data\"\n          :isShipping=\"true\"\n        ></FormAddress>\n      </div>\n    </div>\n  </b-card>\n</template>\n\n<script setup lang=\"ts\">\nimport { useCartStore } from \"@/stores/cart\";\nimport { computed, ref, watch, onMounted } from \"vue\";\nimport { useField } from \"vee-validate\";\nimport FormAddress from \"@/components/molecules/pages/cart/FormAddress.vue\";\n\nconst cartStore = useCartStore();\nconst { value: paymentMethodCode } = useField(\"paymentData.paymentMethodCode\");\n\nconst options = computed(() => {\n  return [\n    {\n      text: \"上記住所と同じ\",\n      value: \"same\",\n    },\n    {\n      text: \"新しく入力する\",\n      value: \"new\",\n    },\n  ].concat(\n    cartStore.shippingAddresses.map((item) => ({\n      text: item.fullAddress,\n      value: item.id,\n    })) as any[],\n  );\n});\n\nconst { value: id } = useField(\"shippingAddressData.id\");\nconst { value: sameWithBillingAddress } = useField(\"shippingAddressData.sameWithBillingAddress\");\nconst { value: shippingPrefectureId } = useField(\"shippingAddressData.prefectureId\");\nconst { value: shippingAddressData } = useField(\"shippingAddressData\");\nconst disableShippingAddressOptions = ref(false);\n\nconst shippingAddress = computed({\n  get() {\n    if (sameWithBillingAddress.value) {\n      return \"same\";\n    } else if (!id.value) {\n      return \"new\";\n    }\n\n    return id.value;\n  },\n\n  set(value) {\n    switch (value) {\n      case \"same\":\n        id.value = undefined;\n        sameWithBillingAddress.value = true;\n        break;\n      case \"new\":\n        id.value = undefined;\n        shippingPrefectureId.value = \"\";\n        sameWithBillingAddress.value = false;\n        break;\n      default:\n        id.value = value;\n        shippingPrefectureId.value = cartStore.shippingAddresses.find(\n          (address) => address.id === value,\n        )?.prefectureId;\n        sameWithBillingAddress.value = false;\n        break;\n    }\n  },\n});\n\nonMounted(() => {\n  handleShippingAddress();\n});\n\nwatch(paymentMethodCode, () => {\n  handleShippingAddress();\n});\n\nfunction handleShippingAddress() {\n  if (paymentMethodCode.value === \"gmo_postpay_package\") {\n    shippingAddress.value = \"same\";\n    disableShippingAddressOptions.value = true;\n  } else {\n    disableShippingAddressOptions.value = false;\n  }\n}\n</script>\n","<template>\n  <div>\n    <FormValidator\n      v-if=\"sourceIdRequired && !isAddNewCard\"\n      name=\"payment_data.source_id\"\n      client-name=\"paymentData.sourceId\"\n      float\n    >\n    </FormValidator>\n\n    <b-row class=\"gy-5\">\n      <b-col cols=\"12\" md=\"6\" v-for=\"(card, index) in cards\" :key=\"index\">\n        <CreditCard\n          :active=\"\n            sourceId == get(card, cardIdField) || paymentMethodCode == 'sbps_creditcard_one_time'\n          \"\n          :card=\"card\"\n          @select=\"cardSelect\"\n        ></CreditCard>\n      </b-col>\n\n      <b-col cols=\"12\" md=\"6\">\n        <div\n          @click=\"$emit('addCard')\"\n          class=\"btn btn-outline btn-outline-dashed btn-outline-default p-7 d-flex flex-column flex-center gap-5 h-100\"\n        >\n          <span class=\"svg-icon svg-icon-3hx svg-icon-primary\">\n            <AddIcons></AddIcons>\n          </span>\n          <div class=\"fs-5 fw-bolder\">New Card</div>\n        </div>\n      </b-col>\n    </b-row>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { CARD_REQUIRED_PAYMENT_METHOD_CODES } from \"@/helpers/constants\";\n\nimport { computed, onMounted, watch, ref, nextTick } from \"vue\";\nimport { useCartStore } from \"@/stores/cart\";\nimport { useAuthStore } from \"@/stores/auth\";\nimport { useCardsStore } from \"@/stores/customer/cards\";\nimport { useValidationStore } from \"@/stores/form/validation\";\nimport { get, forEach } from \"lodash\";\nimport { useField } from \"vee-validate\";\n\nimport CreditCard from \"@/components/molecules/common/shared/CreditCard.vue\";\nimport AddIcons from \"@/components/molecules/common/icons/svg/AddIcon.vue\";\n\ntype PaymentMethodCode =\n  | \"payjp\"\n  | \"gmo_creditcard_one_time\"\n  | \"sbps_creditcard_one_time\"\n  | \"paygent_creditcard_one_time\";\n\nconst { value: paymentMethodCode } = useField<PaymentMethodCode>(\"paymentData.paymentMethodCode\");\nconst { value: cardToken } = useField(\"paymentData.cardToken\");\nconst {\n  value: sourceId,\n  validate: validateSourceId,\n  resetField: resetSourceId,\n} = useField(\"paymentData.sourceId\");\nconst { value: isAddNewCard } = useField(\"paymentData.isAddNewCard\");\n\nconst cartStore = useCartStore();\nconst authStore = useAuthStore();\nconst cardsStore = useCardsStore();\nconst validationStore = useValidationStore();\nconst urlInfo = computed(() => cartStore.urlInfo);\n\nconst payjpCards = computed(() => cardsStore.payjpCards);\n\nconst gmoPgCards = computed(() => cardsStore.gmoPgCards);\n\nconst softbankCards = computed(() => cardsStore.softbankCards);\n\nconst paygentCards = computed(() => cardsStore.paygentCards);\n\nconst showValidation = ref(false);\n\nconst cardFetchingMapper = {\n  payjp: {\n    cards: payjpCards,\n    query: cardsStore.fetchPayjpCards,\n    idField: \"id\",\n  },\n  gmo_creditcard_one_time: {\n    cards: gmoPgCards,\n    query: cardsStore.fetchGmoPgCards,\n    idField: \"cardSeq\",\n  },\n  sbps_creditcard_one_time: {\n    cards: softbankCards,\n    query: cardsStore.fetchSoftbankCards,\n    idField: \"\",\n  },\n  paygent_creditcard_one_time: {\n    cards: paygentCards,\n    query: cardsStore.fetchPaygentCards,\n    idField: \"id\",\n  },\n};\n\nconst cards = computed(() => cardFetchingMapper[paymentMethodCode.value]?.cards?.value ?? []);\n\nconst cardIdField = computed(() => cardFetchingMapper[paymentMethodCode.value].idField);\n\nconst sourceIdRequired = computed(() =>\n  CARD_REQUIRED_PAYMENT_METHOD_CODES.includes(paymentMethodCode.value),\n);\n\nfunction handleFetchCustomerCards() {\n  if (!authStore.token) return;\n\n  forEach(cardFetchingMapper, (value: any, key: string) => {\n    if (urlInfo.value.availablePaymentMethodOptions.some((item) => item.value === key))\n      value.query();\n  });\n}\n\nonMounted(() => {\n  handleFetchCustomerCards();\n  if (sourceIdRequired.value) showValidation.value = true;\n});\n\nconst handleSourceId = async () => {\n  resetSourceId();\n\n  showValidation.value = false;\n  // ============ TO BY PASS VALIDATION AS SOFTBANK ALWAYS HAS ONE CARD ===============\n  if (paymentMethodCode.value == \"sbps_creditcard_one_time\" && cards.value.length)\n    sourceId.value = \"1\";\n\n  validateSourceId().then(() => {\n    if (validationStore.setErrors)\n      nextTick(() => validationStore.setErrors(\"paymentData.sourceId\"));\n  });\n};\n\nconst cardSelect = (card: any) => {\n  if (!cardIdField.value) return;\n\n  sourceId.value = card[cardIdField.value];\n\n  cardToken.value = \"\";\n};\n\nwatch(() => urlInfo.value.availablePaymentMethodOptions, handleFetchCustomerCards, {\n  deep: true,\n});\n\nwatch(paymentMethodCode, handleSourceId, { immediate: true });\nwatch(softbankCards, handleSourceId, { immediate: true });\n\n</script>\n\n<style lang=\"scss\" scoped>\n:deep(.payment-method-description) {\n  img {\n    max-width: 100%;\n  }\n}\n</style>\n","import { PayjpCreditCardType } from \"@/types/creditCard\";\nimport { ref } from \"vue\";\nimport { Payjp, Element } from \"@/types/modules/payjp\";\nimport tokenGmoPgError from \"@/helpers/gmo_pg_errors\";\n\nconst payjp = ref<Payjp | null>(null);\n\nconst initPayjp = (creditCard: PayjpCreditCardType, token) => {\n  try {\n    payjp.value = window.Payjp(token);\n\n    const elements = payjp.value.elements();\n    creditCard.cardNumber = elements.create(\"cardNumber\");\n    creditCard.cardExpiry = elements.create(\"cardExpiry\");\n    creditCard.cardCvc = elements.create(\"cardCvc\");\n\n    creditCard.cardNumber?.mount(\"#payment_card_number\");\n    creditCard.cardExpiry?.mount(\"#payment_card_valid_date\");\n    creditCard.cardCvc?.mount(\"#payment_card_cvc\");\n  } catch (e) {}\n};\n\nconst linkCreditCard = (creditCard: PayjpCreditCardType, toast: any, onSuccess) => {\n  if (!payjp.value || !creditCard.cardNumber) {\n    toast.error(\"Some error happen during processing please try again later...\");\n    return;\n  }\n\n  payjp.value\n    .createToken(creditCard.cardNumber, {\n      card: { name: creditCard.cardName },\n    })\n    .then((response) => {\n      if (response.error) {\n        toast.error(response.error.message!);\n      } else onSuccess(response.id);\n    });\n};\n\nexport { linkCreditCard, initPayjp };\n","<template>\n  <div>\n    <div class=\"d-grid gap-3\">\n      <FormValidator label=\"クレジットカード番号\" name=\"card_number\" required>\n        <div id=\"payment_card_number\" name=\"payment_card_number\" class=\"form-control\"></div>\n      </FormValidator>\n\n      <FormValidator label=\"カードの名義人\" name=\"card_name\" required>\n        <b-input\n          id=\"payment_card_name\"\n          name=\"payment_card_name\"\n          v-model=\"creditCard.cardName\"\n          placeholder=\"例）HANAKO YAMADA\"\n        ></b-input>\n      </FormValidator>\n\n      <FormValidator label=\"カードの有効期限\" name=\"card_expiry\" required>\n        <div id=\"payment_card_valid_date\" name=\"payment_card_valid_date\" class=\"form-control\"></div>\n      </FormValidator>\n\n      <FormValidator label=\"セキュリティコード\" name=\"card_cvc\" required>\n        <div id=\"payment_card_cvc\" name=\"payment_card_cvc\" class=\"form-control\"></div>\n      </FormValidator>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { reactive, computed, onMounted, watch, inject } from \"vue\";\nimport { PayjpCreditCardType, PayjpCreditCardInput } from \"@/types/input/customers/CardInput\";\nimport { linkCreditCard, initPayjp } from \"@/composables/payment_cards/payjp_card\";\nimport { useCartStore } from \"@/stores/cart\";\nimport { Toaster } from \"@meforma/vue-toaster\";\nimport { useField } from \"vee-validate\";\n\nconst { value: paymentMethodCode }: any = useField(\"paymentData.paymentMethodCode\");\n\nconst cartStore = useCartStore();\nconst urlInfo = computed(() => cartStore.urlInfo);\n\nlet mounted = false;\n\nconst toast = inject<Toaster>(\"toast\")!;\n\nconst creditCard = reactive<PayjpCreditCardType>(new PayjpCreditCardInput());\n\nconst create = (submit: any) => {\n  linkCreditCard(creditCard, toast, submit);\n};\n\nconst handlePayjpInit = () => {\n  if (!urlInfo.value.availablePaymentMethodOptions.some((item) => item.value === \"payjp\")) return;\n  else if (!cartStore.cartProps?.payjpToken ?? null) return;\n  else if (mounted) return;\n\n  initPayjp(creditCard, cartStore.cartProps.payjpToken);\n  mounted = true;\n};\n\nwatch(() => urlInfo.value.availablePaymentMethodOptions, handlePayjpInit, {\n  deep: true,\n});\n\nwatch(\n  paymentMethodCode,\n  () => {\n    if (paymentMethodCode.value == \"payjp\") cartStore.submitWithNewCard = create;\n  },\n  { immediate: true },\n);\n\nonMounted(() => {\n  handlePayjpInit();\n});\n</script>\n","<template>\n  <div>\n    <card-form :card=\"creditCard\"></card-form>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, inject } from \"vue\";\nimport { linkCreditCard } from \"@/composables/payment_cards/gmo_pg_card\";\nimport { useCartStore } from \"@/stores/cart\";\nimport { Toaster } from \"@meforma/vue-toaster\";\nimport { useField } from \"vee-validate\";\n\nimport CardForm from \"@/components/organisms/pages/cart/cards/CardForm.vue\";\n\nconst { value: creditCard } = useField(\"paymentData.card\");\n\nconst cartStore = useCartStore();\n\nconst toast = inject<Toaster>(\"toast\")!;\n\nconst create = (submit: any) => {\n  linkCreditCard(creditCard.value, cartStore.cartProps.gmoShopId, toast, submit);\n};\n\nonMounted(() => {\n  cartStore.submitWithNewCard = create;\n});\n</script>\n","<template>\n  <div>\n    <card-form :card=\"creditCard\"></card-form>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, inject } from \"vue\";\nimport { linkCreditCard } from \"@/composables/payment_cards/soft_bank_card\";\nimport { useCartStore } from \"@/stores/cart\";\nimport { Toaster } from \"@meforma/vue-toaster\";\nimport { useField } from \"vee-validate\";\n\nimport CardForm from \"@/components/organisms/pages/cart/cards/CardForm.vue\";\n\nconst cartStore = useCartStore();\n\nconst toast = inject<Toaster>(\"toast\")!;\n\nconst { value: creditCard } = useField(\"paymentData.card\");\n\nconst create = (submit: any) => {\n  const setting = {\n    merchantId: cartStore.cartProps.merchantId,\n    serviceId: cartStore.cartProps.serviceId,\n  };\n\n  linkCreditCard(creditCard.value, setting, toast, submit);\n};\n\nonMounted(() => {\n  cartStore.submitWithNewCard = create;\n});\n</script>\n","<template>\n  <div>\n    <card-form :card=\"creditCard\"></card-form>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, inject } from \"vue\";\nimport { linkCreditCard } from \"@/composables/payment_cards/paygent_card\";\nimport { useCartStore } from \"@/stores/cart\";\nimport { Toaster } from \"@meforma/vue-toaster\";\nimport { useField } from \"vee-validate\";\nimport CardForm from \"@/components/organisms/pages/cart/cards/CardForm.vue\";\nconst { value: creditCard } = useField(\"paymentData.card\");\nconst cartStore = useCartStore();\nconst toast = inject<Toaster>(\"toast\")!;\nconst create = (submit: any) => {\n  if ( !cartStore.cartProps) {\n    return\n  }\n  const paygentInfo = JSON.parse(cartStore.cartProps.paygentInfo)\n  linkCreditCard(creditCard.value, paygentInfo, toast, submit);\n};\nonMounted(() => {\n  cartStore.submitWithNewCard = create;\n});\n</script>\n","<template>\n  <div>\n    <cart-payment-payjp-create v-if=\"paymentMethodCode == 'payjp'\"></cart-payment-payjp-create>\n    <div v-if=\"isAddNewCard\">\n      <card-gmo-pg-create\n        v-if=\"paymentMethodCode == 'gmo_creditcard_one_time'\"\n      ></card-gmo-pg-create>\n\n      <card-soft-bank-create\n        v-if=\"paymentMethodCode == 'sbps_creditcard_one_time'\"\n      ></card-soft-bank-create>\n\n      <card-paygent-create\n        v-if=\"paymentMethodCode == 'paygent_creditcard_one_time'\"\n      ></card-paygent-create>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useField } from \"vee-validate\";\nimport CartPaymentPayjpCreate from \"@/components/organisms/pages/cart/cards/CartPaymentPayjpCreate.vue\";\nimport CardGmoPgCreate from \"@/components/organisms/pages/cart/cards/CardGmoPgCreate.vue\";\nimport CardSoftBankCreate from \"@/components/organisms/pages/cart/cards/CardSoftBankCreate.vue\";\nimport CardPaygentCreate from \"@/components/organisms/pages/cart/cards/CardPaygentCreate.vue\";\n\ninterface Props {\n  isAddNewCard: boolean;\n}\n\ndefineProps<Props>();\n\nconst { value: paymentMethodCode } = useField(\"paymentData.paymentMethodCode\");\n</script>\n","<template>\n  <b-card class=\"mb-3\">\n    <template #header>お支払い情報</template>\n\n    <div v-show=\"!isAddNewCard\">\n      <FormValidator\n        class=\"mb-8\"\n        label=\"支払い方法\"\n        name=\"payment_data.payment_method_code\"\n        client-name=\"paymentData.paymentMethodCode\"\n        required\n        float\n      >\n        <b-select\n          v-model=\"paymentMethodCode\"\n          :options=\"options\"\n          name=\"payment_method\"\n          id=\"payment_method\"\n        >\n          <template #first>\n            <option value=\"\">選択してください</option>\n          </template></b-select\n        >\n      </FormValidator>\n\n      <div class=\"overflow-hidden my-4\">\n        <div class=\"payment-method-description\" v-html=\"contentDevice\"></div>\n      </div>\n    </div>\n\n    <card-list\n      @addCard=\"isAddNewCard = true\"\n      v-show=\"cardAvailable && !isAddNewCard\"\n      name=\"payment_card_select\"\n      id=\"payment_card_select\"\n    />\n\n    <b-row v-show=\"isAddNewCard\">\n      <b-col>\n        <new-card-form :isAddNewCard=\"isAddNewCard\" />\n        <div\n          class=\"mt-3\"\n          v-show=\"isAddNewCard\"\n          @click=\"isAddNewCard = false\"\n          name=\"payment_card_select_back\"\n          id=\"payment_card_select_back\"\n        >\n          <undo-add-new-card />\n        </div>\n      </b-col>\n    </b-row>\n  </b-card>\n</template>\n\n<script setup lang=\"ts\">\nimport { useField } from \"vee-validate\";\nimport CardList from \"@/components/organisms/pages/cart/cards/CardList.vue\";\n\nimport { SharedGeneralsSelectOptionType } from \"@/types/shared/generals/SharedGeneralsSelectOptionType\";\nimport { PaymentMethodType } from \"@/types/shared/payments/PaymentMethodType\";\nimport { computed } from \"vue\";\n\nimport { CARD_REQUIRED_PAYMENT_METHOD_CODES } from \"@/helpers/constants\";\nimport NewCardForm from \"@/components/organisms/pages/cart/cards/NewCardForm.vue\";\nimport UndoAddNewCard from \"@/components/organisms/pages/cart/cards/UndoAddNewCard.vue\";\n\ninterface Props {\n  options: SharedGeneralsSelectOptionType[];\n  paymentMethods: PaymentMethodType[];\n}\n\nconst props = defineProps<Props>();\n\nconst { value: paymentMethodCode } = useField(\"paymentData.paymentMethodCode\");\nconst { value: isAddNewCard } = useField(\"paymentData.isAddNewCard\");\n\nconst cardAvailable = computed(() => {\n  return CARD_REQUIRED_PAYMENT_METHOD_CODES.includes(paymentMethodCode.value as string);\n});\n\nconst contentDevice = computed(() => {\n  const paymentMethod = props.paymentMethods.find((item) => item.code == paymentMethodCode.value);\n  return paymentMethod ? paymentMethod.contentDevice : \"\";\n});\n</script>\n\n<style lang=\"scss\" scoped>\n:deep(.payment-method-description) {\n  img {\n    max-width: 100%;\n  }\n}\n</style>\n","const omitArray = [\"\", null, undefined, NaN];\n\nArray.prototype.compact = function () {\n  return this.filter((item) => !omitArray.includes(item));\n};\n","<template>\n  <div class=\"mb-4\" v-if=\"showSubsOrderData\">\n    <form-validator name=\"subs_order_data.payment_schedule\" label=\"お届けサイクルの指定\" required>\n      <b-select\n        :options=\"paymentScheduleOptions\"\n        v-model=\"paymentSchedule\"\n        name=\"shipping_cycle\"\n        id=\"shipping_cycle\"\n      />\n    </form-validator>\n\n    <div class=\"d-flex align-items-center mt-5 gap-10px flex-wrap gy-5\">\n      <form-validator\n        class=\"col-6 col-md-4\"\n        name=\"subs_order_data.scheduled_to_be_delivered_every_x_month\"\n        v-if=\"!paymentScheduleIsTerm\"\n      >\n        <b-select\n          v-model=\"scheduledToBeDeliveredEveryXMonth\"\n          :options=\"everyXMonthOptions\"\n          :name=\"paymentScheduleIsDate ? 'shipping_cycle_date_month' : 'shipping_cycle_week_month'\"\n          :id=\"paymentScheduleIsDate ? 'shipping_cycle_date_month' : 'shipping_cycle_week_month'\"\n        />\n      </form-validator>\n\n      <span v-if=\"!paymentScheduleIsTerm\">ごとの</span>\n\n      <template v-if=\"paymentScheduleIsDate\">\n        <form-validator\n          class=\"col-6 col-md-4\"\n          name=\"subs_order_data.scheduled_to_be_delivered_on_xth_day\"\n        >\n          <b-select\n            v-model=\"scheduledToBeDeliveredOnXthDay\"\n            :options=\"onXthDayOptions()\"\n            name=\"shipping_cycle_date_day\"\n            id=\"shipping_cycle_date_day\"\n          />\n        </form-validator>\n\n        <span>に配送</span>\n      </template>\n\n      <template v-if=\"paymentScheduleIsTerm\">\n        <form-validator\n          class=\"col-6 col-md-4\"\n          name=\"subs_order_data.scheduled_to_be_delivered_every_x_day\"\n          clientName=\"subsOrderData.scheduledToBeDeliveredEveryXDay\"\n          float\n        >\n          <b-select\n            v-model=\"scheduledToBeDeliveredEveryXDay\"\n            class=\"form-control\"\n            :options=\"everyXDayOptions\"\n            name=\"shipping_cycle_day\"\n            id=\"shipping_cycle_day\"\n          />\n        </form-validator>\n\n        <span>ごとに配送</span>\n      </template>\n\n      <template v-if=\"paymentScheduleIsDayOfWeek\">\n        <form-validator\n          class=\"col-6 col-md-4\"\n          name=\"subs_order_data.scheduled_to_be_delivered_on_xth_day_of_week\"\n        >\n          <b-select\n            class=\"form-control\"\n            :options=\"range(1, 4)\"\n            v-model=\"scheduledToBeDeliveredOnXthDayOfWeek\"\n            name=\"shipping_cycle_week_time\"\n            id=\"shipping_cycle_week_time\"\n          />\n        </form-validator>\n\n        <span>回目の</span>\n\n        <form-validator\n          class=\"col-6 col-md-4\"\n          name=\"subs_order_data.scheduled_to_be_delivered_every_x_day_of_week\"\n        >\n          <b-select\n            class=\"form-control\"\n            :options=\"dayOfWeekJpOptions\"\n            v-model=\"scheduledToBeDeliveredEveryXDayOfWeek\"\n            name=\"shipping_cycle_week_day\"\n            id=\"shipping_cycle_week_day\"\n          />\n        </form-validator>\n\n        <span>曜日に配送</span>\n      </template>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, watch, ref } from \"vue\";\nimport { useCartStore } from \"@/stores/cart\";\nimport { useOrderStore } from \"@/stores/order\";\n\nimport { useField } from \"vee-validate\";\n\nimport { cloneDeep, maxBy, minBy, pick } from \"lodash\";\n\nimport { ProductType } from \"@/types/ProductType\";\nimport { ProductUrlType } from \"@/types/ProductUrlType\";\n\nimport \"@/helpers/arrays.js\";\n\ninterface Props {\n  orderMode: string;\n}\n\nconst props = defineProps<Props>();\n\nconst cartStore = useCartStore();\nconst orderStore = useOrderStore();\n\nconst urlInfo = computed(() => cartStore.urlInfo);\n\nconst { value: paymentSchedule }: any = useField(\"subsOrderData.paymentSchedule\");\n\n// Payment schedule date\nconst { value: scheduledToBeDeliveredEveryXMonth }: any = useField(\n  \"subsOrderData.scheduledToBeDeliveredEveryXMonth\",\n);\nconst { value: scheduledToBeDeliveredOnXthDay }: any = useField(\n  \"subsOrderData.scheduledToBeDeliveredOnXthDay\",\n);\n\n// Payment schedule term\nconst { value: scheduledToBeDeliveredEveryXDay }: any = useField(\n  \"subsOrderData.scheduledToBeDeliveredEveryXDay\",\n);\n\n// Payment schedule day of week\nconst { value: scheduledToBeDeliveredEveryXDayOfWeek }: any = useField(\n  \"subsOrderData.scheduledToBeDeliveredEveryXDayOfWeek\",\n);\nconst { value: scheduledToBeDeliveredOnXthDayOfWeek }: any = useField(\n  \"subsOrderData.scheduledToBeDeliveredOnXthDayOfWeek\",\n);\n\nconst { value: billingPrefectureId } = useField(\"billingAddressData.prefectureId\");\nconst { value: shippingPrefectureId } = useField(\"shippingAddressData.prefectureId\");\nconst { value: addressSameWithBilling } = useField(\"shippingAddressData.sameWithBillingAddress\");\nconst { value: specifyDeliveryDate }: any = useField(\"specifyDeliveryDate\");\nconst { value: specifyDeliveredAt } = useField(\"specifyDeliveryDate.scheduledToBeDeliveredAt\");\nconst { value: subsOrderData }: any = useField(\"subsOrderData\");\nvar { value: scheduledToBeDeliveredAt } = useField(\"subsOrderData.scheduledToBeDeliveredAt\");\n\nasync function calculateSubsOrderEstimate(product?: any) {\n  const prefectureId = addressSameWithBilling.value\n    ? billingPrefectureId.value\n    : shippingPrefectureId.value;\n\n  let dataEstimate = null;\n\n  if (product && product.isRecurring && !subsOrderData.value.paymentSchedule) {\n    dataEstimate = pick(product, [\n      \"paymentSchedule\",\n      \"scheduledToBeDeliveredEveryXMonth\",\n      \"scheduledToBeDeliveredOnXthDay\",\n      \"scheduledToBeDeliveredEveryXDay\",\n      \"scheduledToBeDeliveredEveryXDayOfWeek\",\n      \"scheduledToBeDeliveredOnXthDayOfWeek\",\n    ]);\n  } else {\n    dataEstimate = cloneDeep(subsOrderData.value);\n  }\n\n  if (dataEstimate?.paymentSchedule) {\n    scheduledToBeDeliveredAt.value = await cartStore.calculateSubsOrderEstimate({\n      subsOrderData: dataEstimate,\n      specifyDeliveryDateData: specifyDeliveryDate.value,\n      prefectureId: prefectureId,\n    });\n  }\n}\n\n// these data change when subsOrderData exist\nwatch(\n  () => [\n    scheduledToBeDeliveredEveryXMonth.value,\n    scheduledToBeDeliveredOnXthDay.value,\n    scheduledToBeDeliveredEveryXDay.value,\n    scheduledToBeDeliveredEveryXDayOfWeek.value,\n    scheduledToBeDeliveredOnXthDayOfWeek.value,\n  ],\n  () => {\n    calculateSubsOrderEstimate();\n  },\n);\n\n// these data need initial data when user don't see subsOrderData\nwatch(\n  () => [\n    specifyDeliveredAt.value,\n    billingPrefectureId.value,\n    shippingPrefectureId.value,\n    addressSameWithBilling,\n  ],\n  () => calculateSubsOrderEstimate(productChosen.value),\n);\n\nconst { value: productsData }: any = useField(\"productsData\");\n\nconst recurringOptions = computed(() => urlInfo.value.recurringOptions ?? {});\n\nconst paymentScheduleOptions = computed(() => recurringOptions.value.paymentScheduleOptions ?? []);\n\nconst everyXMonthOptions = computed(() => {\n  if (buyMultipleVariant.value) {\n    return recurringOptions.value.dateOptions;\n  } else {\n    const product = findProduct();\n\n    return product?.recurringOptions.dateOptions;\n  }\n});\n\nconst everyXDayOptions = computed(() => {\n  if (buyMultipleVariant.value) {\n    return recurringOptions.value.termOptions;\n  } else {\n    const product = findProduct();\n\n    return product?.recurringOptions.termOptions;\n  }\n});\n\nconst dayOfWeekJpOptions = computed(() => cartStore.dateOfWeekJp);\n\nconst showSubsOrderData = computed(() => {\n  if (buyMultipleVariant.value) {\n    return paymentScheduleOptions.value.length;\n  } else {\n    const product = findProduct();\n\n    return product?.recurringOptions.dateOptions || product?.recurringOptions.termOptions;\n  }\n});\n\nconst productId = computed(() => productsData.value?.[0]?.id);\n\nconst buyMultipleVariant = computed(() => urlInfo.value.buyMultipleVariant);\n\nconst paymentScheduleIsDate = computed(() => paymentSchedule.value == \"date\");\nconst paymentScheduleIsTerm = computed(() => paymentSchedule.value == \"term\");\nconst paymentScheduleIsDayOfWeek = computed(() => paymentSchedule.value == \"day_of_week\");\n\nconst productChosen: any = ref(null);\n\nwatch(\n  () => [productId.value, paymentSchedule.value],\n  () => {\n    changeData();\n  },\n);\n\nconst range = (start: number, stop: number) =>\n  Array.from({ length: stop - start + 1 }, (_, i) => start + i);\n\nfunction onXthDayOptions() {\n  const array = range(1, 28).map((item: number) => {\n    return {\n      text: `${item}日`,\n      value: item,\n    };\n  });\n\n  array.push({ text: `末日`, value: 29 });\n\n  return array;\n}\n\nfunction findProduct() {\n  var product;\n\n  switch (props.orderMode) {\n    case \"upsell\":\n      product = urlInfo.value.products.find((item) => item.upsellProduct?.id == productId.value);\n\n      product = product ? product.upsellProduct : null;\n\n      break;\n    case \"cvUpsell\":\n      product = orderStore.productInfo.cvUpsellProducts.find(\n        (item) => item.id == orderStore.cvUpSellVariantData.productSelectedId,\n      );\n\n      break;\n    case \"normal\":\n      product = urlInfo.value.products.find((item) => item.id == productId.value);\n\n      break;\n  }\n  return product || null;\n}\n\nfunction changeDefaultSubsOrderData() {\n  let product: any = null;\n  let productId: any = null;\n\n  if (buyMultipleVariant.value) {\n    const productUrlsRecurring = urlInfo.value.productsUrls.filter(\n      (item: ProductUrlType) => item.product.isRecurring,\n    );\n\n    if (!productUrlsRecurring.length) return;\n\n    if (paymentScheduleOptions.value.length) {\n      // when payment schedule options on\n      // find the product with the smallest id\n\n      const productIdMin = minBy(productUrlsRecurring, function (productUrl: ProductUrlType) {\n        return productUrl.productId;\n      });\n\n      productId = productIdMin?.productId;\n    } else {\n      // when payment schedule options are off\n      // find product default in url\n      // If the product does not exist, find the product with the largest position\n\n      const productDefaultUrl = productUrlsRecurring.filter(\n        (item: ProductUrlType) => item.default,\n      )?.[0];\n\n      const productPositionMax = maxBy(productUrlsRecurring, function (productUrl: ProductUrlType) {\n        return productUrl.product.position;\n      });\n\n      productId = (productDefaultUrl || productPositionMax)?.productId;\n    }\n\n    product = urlInfo.value.products.find((item: ProductType) => item.id == productId);\n  } else {\n    product = findProduct();\n  }\n\n  productChosen.value = product;\n  defaultData(product || null);\n}\n\nfunction defaultData(product: ProductType | null) {\n  if (product && product.isRecurring) {\n    if (!paymentSchedule.value) {\n      paymentSchedule.value = paymentScheduleOptions.value\n        .map((item) => item.value)\n        .includes(product.paymentSchedule)\n        ? product.paymentSchedule\n        : paymentScheduleOptions.value?.[0]?.value || null;\n    }\n\n    if (\n      !scheduledToBeDeliveredEveryXMonth.value &&\n      (paymentScheduleIsDate.value || paymentScheduleIsDayOfWeek.value)\n    )\n      scheduledToBeDeliveredEveryXMonth.value =\n        product.scheduledToBeDeliveredEveryXMonth ||\n        product.recurringOptions?.dateOptions?.[0]?.value ||\n        recurringOptions.value.dateOptions?.[0]?.value;\n\n    if (!scheduledToBeDeliveredOnXthDay.value && paymentScheduleIsDate.value)\n      scheduledToBeDeliveredOnXthDay.value = product.scheduledToBeDeliveredOnXthDay || 1;\n\n    if (!scheduledToBeDeliveredEveryXDay.value && paymentScheduleIsTerm.value) {\n      const options = everyXDayOptions.value?.map((item) => Number(item.value));\n\n      scheduledToBeDeliveredEveryXDay.value = options?.includes(\n        product.scheduledToBeDeliveredEveryXDay,\n      )\n        ? product.scheduledToBeDeliveredEveryXDay\n        : product.recurringOptions?.termOptions?.[0]?.value ||\n          recurringOptions.value.termOptions?.[0]?.value ||\n          null;\n    }\n\n    if (!scheduledToBeDeliveredEveryXDayOfWeek.value && paymentScheduleIsDayOfWeek.value)\n      scheduledToBeDeliveredEveryXDayOfWeek.value =\n        product.scheduledToBeDeliveredEveryXDayOfWeek || 1;\n\n    if (!scheduledToBeDeliveredOnXthDayOfWeek.value && paymentScheduleIsDayOfWeek.value)\n      scheduledToBeDeliveredOnXthDayOfWeek.value =\n        product.scheduledToBeDeliveredOnXthDayOfWeek || 1;\n  }\n}\n\nfunction changePaymentSchedule() {\n  switch (paymentSchedule.value) {\n    case \"date\":\n      scheduledToBeDeliveredEveryXDay.value = null;\n\n      scheduledToBeDeliveredEveryXDayOfWeek.value = null;\n      scheduledToBeDeliveredOnXthDayOfWeek.value = null;\n      break;\n    case \"term\":\n      scheduledToBeDeliveredEveryXMonth.value = null;\n      scheduledToBeDeliveredOnXthDay.value = null;\n\n      scheduledToBeDeliveredEveryXDayOfWeek.value = null;\n      scheduledToBeDeliveredOnXthDayOfWeek.value = null;\n      break;\n    case \"day_of_week\":\n      scheduledToBeDeliveredOnXthDay.value = null;\n\n      scheduledToBeDeliveredEveryXDay.value = null;\n      break;\n  }\n}\n\nfunction clearSubsOrder() {\n  subsOrderData.value = {\n    paymentSchedule: null,\n    scheduledToBeDeliveredEveryXMonth: null,\n    scheduledToBeDeliveredOnXthDay: null,\n    scheduledToBeDeliveredEveryXDay: null,\n    scheduledToBeDeliveredEveryXDayOfWeek: null,\n    scheduledToBeDeliveredOnXthDayOfWeek: null,\n    scheduledToBeDeliveredAt: null,\n  };\n}\n\nfunction changeData() {\n  if (!productId.value) {\n    if (subsOrderData.value.paymentSchedule) clearSubsOrder();\n  } else {\n    changePaymentSchedule();\n    changeDefaultSubsOrderData();\n    if (productChosen.value && !paymentSchedule.value) {\n      calculateSubsOrderEstimate(productChosen.value);\n    }\n  }\n}\n</script>\n\n<style>\n.gap-10px {\n  gap: 10px;\n}\n</style>\n","<template>\n  <div v-if=\"showSubsOrderData\">\n    <form-validator name=\"subs_order_data.payment_schedule\" label=\"お届けサイクルの指定\" required>\n      <b-select :options=\"paymentScheduleOptions\" v-model=\"paymentSchedule\" />\n    </form-validator>\n\n    <div class=\"d-flex align-items-center mt-5 gap-5px\">\n      <form-validator\n        name=\"subs_order_data.scheduled_to_be_delivered_every_x_month\"\n        v-if=\"!paymentScheduleIsTerm\"\n      >\n        <b-select :options=\"everyXMonthOptions\" v-model=\"scheduledToBeDeliveredEveryXMonth\" />\n      </form-validator>\n\n      <span v-if=\"!paymentScheduleIsTerm\">ごとの</span>\n\n      <template v-if=\"paymentScheduleIsDate\">\n        <form-validator name=\"subs_order_data.scheduled_to_be_delivered_on_xth_day\">\n          <b-select :options=\"onXthDayOptions()\" v-model=\"scheduledToBeDeliveredOnXthDay\" />\n        </form-validator>\n\n        <span>に配送</span>\n      </template>\n\n      <template v-if=\"paymentScheduleIsTerm\">\n        <form-validator\n          name=\"subs_order_data.scheduled_to_be_delivered_every_x_day\"\n          clientName=\"subsOrderData.scheduledToBeDeliveredEveryXDay\"\n          float\n        >\n          <b-select\n            class=\"form-control\"\n            :options=\"everyXDayOptions\"\n            v-model=\"scheduledToBeDeliveredEveryXDay\"\n          />\n        </form-validator>\n\n        <span>ごとに配送</span>\n      </template>\n\n      <template v-if=\"paymentScheduleIsDayOfWeek\">\n        <form-validator name=\"subs_order_data.scheduled_to_be_delivered_on_xth_day_of_week\">\n          <b-select\n            class=\"form-control\"\n            :options=\"range(1, 4)\"\n            v-model=\"scheduledToBeDeliveredOnXthDayOfWeek\"\n          />\n        </form-validator>\n\n        <span>回目の</span>\n\n        <form-validator name=\"subs_order_data.scheduled_to_be_delivered_every_x_day_of_week\">\n          <b-select\n            class=\"form-control\"\n            :options=\"dayOfWeekJpOptions\"\n            v-model=\"scheduledToBeDeliveredEveryXDayOfWeek\"\n          />\n        </form-validator>\n\n        <span>曜日に配送</span>\n      </template>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, watch } from \"vue\";\nimport { useCartStore } from \"@/stores/cart\";\nimport { useOrderStore } from \"@/stores/order\";\n\nimport { useField } from \"vee-validate\";\n\nimport { flatten, uniqWith, isEqual, cloneDeep, pick } from \"lodash\";\n\nconst cartStore = useCartStore();\nconst orderStore = useOrderStore();\n\nconst { value: paymentSchedule }: any = useField(\"subsOrderData.paymentSchedule\");\n\n// Payment schedule date\nconst { value: scheduledToBeDeliveredEveryXMonth }: any = useField(\n  \"subsOrderData.scheduledToBeDeliveredEveryXMonth\",\n);\nconst { value: scheduledToBeDeliveredOnXthDay }: any = useField(\n  \"subsOrderData.scheduledToBeDeliveredOnXthDay\",\n);\n\n// Payment schedule term\nconst { value: scheduledToBeDeliveredEveryXDay }: any = useField(\n  \"subsOrderData.scheduledToBeDeliveredEveryXDay\",\n);\n\n// Payment schedule day of week\nconst { value: scheduledToBeDeliveredEveryXDayOfWeek }: any = useField(\n  \"subsOrderData.scheduledToBeDeliveredEveryXDayOfWeek\",\n);\nconst { value: scheduledToBeDeliveredOnXthDayOfWeek }: any = useField(\n  \"subsOrderData.scheduledToBeDeliveredOnXthDayOfWeek\",\n);\n\nconst { value: billingPrefectureId } = useField(\"billingAddressData.prefectureId\");\nconst { value: shippingPrefectureId } = useField(\"shippingAddressData.prefectureId\");\nconst { value: addressSameWithBilling } = useField(\"shippingAddressData.sameWithBillingAddress\");\nconst { value: specifyDeliveryDate }: any = useField(\"specifyDeliveryDate\");\nconst { value: specifyDeliveredAt } = useField(\"specifyDeliveryDate.scheduledToBeDeliveredAt\");\nconst { value: subsOrderData }: any = useField(\"subsOrderData\");\nvar { value: scheduledToBeDeliveredAt } = useField(\"subsOrderData.scheduledToBeDeliveredAt\");\n\nconst products = computed(() =>\n  orderStore.productVariantInput.filter((item: any) => item.isRecurring && item.count > 0),\n);\n\nconst paymentScheduleOptions = computed(() => orderStore.productInfo.paymentScheduleOptions ?? []);\n\nconst everyXMonthOptions = computed(() => {\n  const options = products.value.map((item: any) => item.recurringOptions.dateOptions);\n\n  return uniqWith(\n    flatten(options).sort(function (a, b) {\n      return a.value - b.value;\n    }),\n    isEqual,\n  );\n});\n\nconst everyXDayOptions = computed(() => {\n  const options = products.value.map((item: any) => item.recurringOptions.termOptions);\n\n  return uniqWith(\n    flatten(options).sort(function (a, b) {\n      return a.value - b.value;\n    }),\n    isEqual,\n  );\n});\n\nconst dayOfWeekJpOptions = computed(() => cartStore.dateOfWeekJp);\n\nconst showSubsOrderData = computed(\n  () => products.value.length && paymentScheduleOptions.value.length,\n);\n\nconst paymentScheduleIsDate = computed(() => paymentSchedule.value == \"date\");\nconst paymentScheduleIsTerm = computed(() => paymentSchedule.value == \"term\");\nconst paymentScheduleIsDayOfWeek = computed(() => paymentSchedule.value == \"day_of_week\");\n\n// reset subs order data when products\nwatch(\n  () => products.value.length,\n  (newVal, _) => {\n    if (newVal > 0) return;\n\n    paymentSchedule.value = null;\n\n    scheduledToBeDeliveredEveryXMonth.value = null;\n    scheduledToBeDeliveredOnXthDay.value = null;\n\n    scheduledToBeDeliveredEveryXDayOfWeek.value = null;\n    scheduledToBeDeliveredOnXthDayOfWeek.value = null;\n\n    scheduledToBeDeliveredEveryXDay.value = null;\n  },\n);\n\n// when change payment schedule\nwatch(\n  () => paymentSchedule.value,\n  () => {\n    changePaymentSchedule();\n    defaultData();\n  },\n);\n\n// when delete product sub in products\nwatch(\n  () => products.value.length,\n  (newVal, oldVal) => {\n    if (newVal >= oldVal) return;\n\n    switch (paymentSchedule.value) {\n      case \"date\":\n        if (\n          everyXMonthOptions.value\n            .map((item) => item.value)\n            .includes(scheduledToBeDeliveredEveryXMonth.value)\n        )\n          return;\n\n        scheduledToBeDeliveredEveryXMonth.value = null;\n        break;\n      case \"term\":\n        if (\n          everyXDayOptions.value\n            .map((item) => item.value)\n            .includes(scheduledToBeDeliveredEveryXDay.value)\n        )\n          return;\n\n        scheduledToBeDeliveredEveryXDay.value = null;\n        break;\n      case \"day_of_week\":\n        if (\n          everyXMonthOptions.value\n            .map((item) => item.value)\n            .includes(scheduledToBeDeliveredEveryXMonth.value)\n        )\n          return;\n\n        scheduledToBeDeliveredEveryXMonth.value = null;\n        break;\n    }\n  },\n);\n\n// these data change when subsOrderData exist\nwatch(\n  () => [\n    scheduledToBeDeliveredEveryXMonth.value,\n    scheduledToBeDeliveredOnXthDay.value,\n    scheduledToBeDeliveredEveryXDay.value,\n    scheduledToBeDeliveredEveryXDayOfWeek.value,\n    scheduledToBeDeliveredOnXthDayOfWeek.value,\n  ],\n  () => {\n    calculateSubsOrderEstimate();\n  },\n);\n\n// these data need initial data when user don't see subsOrderData\nwatch(\n  () => specifyDeliveredAt.value,\n  () => calculateSubsOrderEstimate(products.value?.[0]),\n);\n\n// when products first change\nwatch(\n  () => products.value?.[0],\n  () => {\n    defaultData();\n    if (products.value?.[0] && !paymentSchedule.value)\n      calculateSubsOrderEstimate(products.value[0]);\n  },\n);\n\nconst range = (start: number, stop: number) =>\n  Array.from({ length: stop - start + 1 }, (_, i) => start + i);\n\nfunction onXthDayOptions() {\n  const array = range(1, 28).map((item: number) => {\n    return {\n      text: `${item}日`,\n      value: item,\n    };\n  });\n\n  array.push({ text: `末日`, value: 29 });\n\n  return array;\n}\n\nfunction defaultData() {\n  const product = products.value?.[0];\n\n  if (product && product.isRecurring) {\n    if (!paymentSchedule.value) {\n      paymentSchedule.value = paymentScheduleOptions.value\n        .map((item) => item.value)\n        .includes(product.paymentSchedule)\n        ? product.paymentSchedule\n        : paymentScheduleOptions.value?.[0]?.value || null;\n    }\n\n    if (\n      !scheduledToBeDeliveredEveryXMonth.value &&\n      (paymentScheduleIsDate.value || paymentScheduleIsDayOfWeek.value)\n    )\n      scheduledToBeDeliveredEveryXMonth.value =\n        product.scheduledToBeDeliveredEveryXMonth ||\n        product.recurringOptions?.dateOptions?.[0]?.value ||\n        paymentSchedule.value.dateOptions?.[0]?.value;\n\n    if (!scheduledToBeDeliveredOnXthDay.value && paymentScheduleIsDate.value)\n      scheduledToBeDeliveredOnXthDay.value = product.scheduledToBeDeliveredOnXthDay || 1;\n\n    if (!scheduledToBeDeliveredEveryXDay.value && paymentScheduleIsTerm.value) {\n      const options = everyXDayOptions.value?.map((item) => Number(item.value));\n\n      scheduledToBeDeliveredEveryXDay.value = options?.includes(\n        product.scheduledToBeDeliveredEveryXDay,\n      )\n        ? product.scheduledToBeDeliveredEveryXDay\n        : product.recurringOptions?.termOptions?.[0]?.value ||\n          paymentSchedule.value.termOptions?.[0]?.value ||\n          null;\n    }\n\n    if (!scheduledToBeDeliveredEveryXDayOfWeek.value && paymentScheduleIsDayOfWeek.value)\n      scheduledToBeDeliveredEveryXDayOfWeek.value =\n        product.scheduledToBeDeliveredEveryXDayOfWeek || 1;\n\n    if (!scheduledToBeDeliveredOnXthDayOfWeek.value && paymentScheduleIsDayOfWeek.value)\n      scheduledToBeDeliveredOnXthDayOfWeek.value =\n        product.scheduledToBeDeliveredOnXthDayOfWeek || 1;\n  }\n}\n\nfunction changePaymentSchedule() {\n  switch (paymentSchedule.value) {\n    case \"date\":\n      scheduledToBeDeliveredEveryXDay.value = null;\n\n      scheduledToBeDeliveredEveryXDayOfWeek.value = null;\n      scheduledToBeDeliveredOnXthDayOfWeek.value = null;\n      break;\n    case \"term\":\n      scheduledToBeDeliveredEveryXMonth.value = null;\n      scheduledToBeDeliveredOnXthDay.value = null;\n\n      scheduledToBeDeliveredEveryXDayOfWeek.value = null;\n      scheduledToBeDeliveredOnXthDayOfWeek.value = null;\n      break;\n    case \"day_of_week\":\n      scheduledToBeDeliveredOnXthDay.value = null;\n\n      scheduledToBeDeliveredEveryXDay.value = null;\n      break;\n  }\n}\n\nasync function calculateSubsOrderEstimate(product?: any) {\n  const prefectureId = addressSameWithBilling.value\n    ? billingPrefectureId.value\n    : shippingPrefectureId.value;\n\n  let dataEstimate = null;\n\n  if (product && product.isRecurring && !subsOrderData.value.paymentSchedule) {\n    dataEstimate = pick(product, [\n      \"paymentSchedule\",\n      \"scheduledToBeDeliveredEveryXMonth\",\n      \"scheduledToBeDeliveredOnXthDay\",\n      \"scheduledToBeDeliveredEveryXDay\",\n      \"scheduledToBeDeliveredEveryXDayOfWeek\",\n      \"scheduledToBeDeliveredOnXthDayOfWeek\",\n    ]);\n  } else {\n    dataEstimate = cloneDeep(subsOrderData.value);\n  }\n\n  if (dataEstimate.paymentSchedule) {\n    scheduledToBeDeliveredAt.value = await cartStore.calculateSubsOrderEstimate({\n      subsOrderData: dataEstimate,\n      specifyDeliveryDateData: specifyDeliveryDate.value,\n      prefectureId: prefectureId,\n    });\n  }\n}\n</script>\n\n<style>\n.gap-5px {\n  gap: 5px;\n}\n</style>\n","<template>\n  <b-card class=\"mb-3 bg-white\" v-show=\"displaySection\" :class=\"{ 'no-padding': noPadding }\">\n    <template #header>お届け日の指定</template>\n\n    <subs-order class=\"mb-10\" :order-mode=\"props.orderMode\" v-if=\"props.orderMode != `xsell`\" />\n    <cv-xsell-subs-order v-else />\n\n    <form-validator\n      v-if=\"urlInfo && allowScheduleDeliveryDate\"\n      name=\"specify_delivery_date.scheduled_to_be_delivered_at\"\n      label=\"お届け日の指定\"\n      class=\"mb-4 col-6\"\n    >\n      <b-select\n        :options=\"deliveryDateAtOptions\"\n        v-model=\"scheduledToBeDeliveredAt\"\n        name=\"shipping_date\"\n        id=\"shipping_date\"\n      >\n        <template #first v-if=\"allowNilInDeliveryDate\">\n          <option :value=\"null\">指定なし</option>\n        </template></b-select\n      >\n    </form-validator>\n\n    <form-validator label=\"お届け時間の指定\" v-if=\"allowScheduleDeliveryTime\">\n      <div class=\"d-flex align-items-baseline\">\n        <form-validator class=\"w-50\" name=\"specify_delivery_date.scheduled_delivery_time\">\n          <b-select\n            :options=\"deliveryTimesOptions\"\n            v-model=\"scheduledDeliveryTime\"\n            name=\"shipping_time\"\n            id=\"shipping_time\"\n          >\n            <template #first>\n              <option value=\"\">指定なし</option>\n            </template>\n          </b-select>\n        </form-validator>\n        <span class=\"ms-2 px-2\">に配達</span>\n      </div>\n    </form-validator>\n\n    <div class=\"d-flex mt-4\" v-if=\"showScheduledDeliveryDates\">\n      <div v-if=\"subsProductIsInOrder\">\n        <span class=\"me-2\">1回目お届け日:</span>\n        <span v-if=\"!scheduledToBeDeliveredAt\">指定なし</span>\n        <span v-else>\n          {{ scheduledToBeDeliveredAt }}\n        </span>\n        <span class=\"ms-2\" v-if=\"scheduledDeliveryTime\"> ({{ scheduledDeliveryTime }}) </span>\n        <br />\n        <span class=\"me-2\">2回目お届け日</span>\n        <span v-if=\"subsOrderScheduledToBeDeliveredAt\">\n          {{ subsOrderScheduledToBeDeliveredAt }}\n        </span>\n        <span class=\"ms-2\" v-if=\"scheduledDeliveryTime\"> ({{ scheduledDeliveryTime }}) </span>\n      </div>\n      <div v-else>\n        <span class=\"me-2\">お届け日:</span>\n        <span v-if=\"!scheduledToBeDeliveredAt\">指定なし</span>\n        <span v-else>\n          {{ scheduledToBeDeliveredAt }}\n        </span>\n        <span class=\"ms-2\" v-if=\"scheduledDeliveryTime\"> ({{ scheduledDeliveryTime }}) </span>\n      </div>\n    </div>\n  </b-card>\n</template>\n\n<script lang=\"ts\" setup>\nimport { onMounted, computed, watch, ref, withDefaults } from \"vue\";\nimport { useCartStore } from \"@/stores/cart\";\nimport { useOrderStore } from \"@/stores/order\";\n\nimport { useField } from \"vee-validate\";\n\nimport { some } from \"lodash\";\n\nimport SubsOrder from \"@/components/organisms/pages/cart/SubsOrder.vue\";\nimport CvXsellSubsOrder from \"@/components/organisms/pages/cart/CvXsellSubsOrder.vue\";\n\ninterface Props {\n  orderMode: string;\n  noPadding: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  orderMode: \"\",\n  noPadding: false,\n});\n\nwithDefaults;\n\nconst cartStore = useCartStore();\nconst orderStore = useOrderStore();\n\nconst urlInfo = computed(() => cartStore.urlInfo);\n\nconst { value: scheduledDeliveryTime }: any = useField(\"specifyDeliveryDate.scheduledDeliveryTime\");\nconst { value: scheduledToBeDeliveredAt }: any = useField(\n  \"specifyDeliveryDate.scheduledToBeDeliveredAt\",\n);\nconst { value: shippingCarrierId }: any = useField(\"shippingCarrierId\");\nconst { value: billingPrefectureId }: any = useField(\"billingAddressData.prefectureId\");\nconst { value: shippingPrefectureId }: any = useField(\"shippingAddressData.prefectureId\");\nconst { value: sameWithBillingAddress }: any = useField(\n  \"shippingAddressData.sameWithBillingAddress\",\n);\n\nconst { value: productsData }: any = useField(\"productsData\");\nconst { value: subsOrderScheduledToBeDeliveredAt }: any = useField(\n  \"subsOrderData.scheduledToBeDeliveredAt\",\n);\n\nconst deliveryTimesOptions = computed(() => cartStore.deliveryTimesOptions);\nconst deliveryDateAtOptions = computed(() => cartStore.deliveryDateAtOptions);\n\nconst allowScheduleDeliveryDate = ref(true);\nconst allowScheduleDeliveryTime = ref(true);\nconst showScheduledDeliveryDates = ref(true);\nconst allowNilInDeliveryDate = ref(true);\nconst subsProductIsInOrder = ref(true);\n\nconst watchBackDeliveryTimeFirstTime = ref(true);\nconst watchBackDeliveredAtFirstTime = ref(true);\n\nwatch(shippingCarrierId, handleDeliveryTimeOptions);\n\nwatch(\n  productsData,\n  () => {\n    subsProductIsInOrder.value = some(productsData.value, \"isRecurring\");\n    allowScheduleDeliveryDate.value = subsProductIsInOrder.value\n      ? urlInfo.value.subsProductAllowScheduleDeliveryDate\n      : urlInfo.value.normalProductAllowScheduleDeliveryDate;\n    allowScheduleDeliveryTime.value = subsProductIsInOrder.value\n      ? urlInfo.value.subsProductAllowScheduleDeliveryTime\n      : urlInfo.value.normalProductAllowScheduleDeliveryTime;\n    showScheduledDeliveryDates.value = subsProductIsInOrder.value\n      ? urlInfo.value.subsProductShowScheduledDeliveryDates\n      : urlInfo.value.normalProductShowScheduledDeliveryDates;\n    allowNilInDeliveryDate.value = subsProductIsInOrder.value\n      ? urlInfo.value.subsProductAllowNilInDeliveryDate\n      : urlInfo.value.normalProductAllowNilInDeliveryDate;\n  },\n  {\n    deep: true,\n    immediate: true,\n  },\n);\n\nwatch(\n  () => [billingPrefectureId.value, shippingPrefectureId.value, sameWithBillingAddress.value],\n  () => {\n    handleDeliveryDateAtOptions();\n  },\n);\n\nwatch(deliveryTimesOptions, () => {\n  if (watchBackDeliveryTimeFirstTime.value) {\n    watchBackDeliveryTimeFirstTime.value = false;\n\n    if (scheduledDeliveryTime.value) return;\n  }\n\n  scheduledDeliveryTime.value = \"\";\n});\n\nwatch(\n  () => [deliveryDateAtOptions.value, allowNilInDeliveryDate.value],\n  () => {\n    if (watchBackDeliveredAtFirstTime.value) {\n      watchBackDeliveredAtFirstTime.value = false;\n\n      if (scheduledToBeDeliveredAt.value) return;\n    }\n\n    scheduledToBeDeliveredAt.value = allowNilInDeliveryDate.value\n      ? null\n      : deliveryDateAtOptions.value[0]?.value;\n  },\n);\n\nfunction handleDeliveryTimeOptions() {\n  if (shippingCarrierId.value) {\n    cartStore.deliveryTimes(shippingCarrierId.value);\n  } else {\n    cartStore.deliveryTimesOptions = [];\n  }\n}\n\nfunction handleDeliveryDateAtOptions() {\n  const prefectureId = sameWithBillingAddress.value\n    ? billingPrefectureId.value\n    : shippingPrefectureId.value;\n\n  if (prefectureId) {\n    cartStore.orderSetting(prefectureId);\n  } else {\n    cartStore.deliveryDateAtOptions = [];\n  }\n}\n\n// Check Show Sub Order (start)\nfunction findProduct() {\n  var product;\n\n  switch (props.orderMode) {\n    case \"upsell\":\n      product = urlInfo.value.products.find((item) => item.upsellProduct?.id == productId.value);\n\n      product = product ? product.upsellProduct : null;\n\n      break;\n    case \"cvUpsell\":\n      product = orderStore.productInfo.cvUpsellProducts.find(\n        (item) => item.id == orderStore.cvUpSellVariantData.productSelectedId,\n      );\n\n      break;\n    case \"normal\":\n      product = urlInfo.value.products.find((item) => item.id == productId.value);\n\n      break;\n  }\n  return product || null;\n}\n\nconst recurringOptions = computed(() => urlInfo.value.recurringOptions ?? {});\nconst paymentScheduleOptions = computed(() => recurringOptions.value.paymentScheduleOptions ?? []);\nconst productId = computed(() => productsData.value?.[0]?.id);\n\nconst showSubsOrderData = computed(() => {\n  if (urlInfo.value.buyMultipleVariant) {\n    return paymentScheduleOptions.value.length;\n  } else {\n    const product = findProduct();\n\n    return product?.recurringOptions.dateOptions || product?.recurringOptions.termOptions;\n  }\n});\n// Check Show Sub Order (end)\n\nonMounted(() => {\n  handleDeliveryDateAtOptions();\n  handleDeliveryTimeOptions();\n});\n\nconst displaySection = computed(() => {\n  const displayCondition =\n    allowScheduleDeliveryDate.value ||\n    allowScheduleDeliveryTime.value ||\n    showScheduledDeliveryDates.value;\n\n  return props.orderMode == \"xsell\"\n    ? productsData.value?.length && displayCondition\n    : displayCondition || showSubsOrderData.value;\n});\n</script>\n\n<style lang=\"scss\">\n.no-padding {\n  padding: 0 !important;\n\n  .card-header,\n  .card-body {\n    padding: 0.75rem !important;\n    border: 0 !important;\n  }\n}\n</style>\n","<template>\n  <div class=\"validation-modal\" ref=\"validationModal\"></div>\n  <div v-show=\"paymentMethodCode != 'payjp' || !isAddNewCard\">\n    <Transition v-show=\"showTooltip\">\n      <div v-if=\"validationStore.numberOfRemainFields\" class=\"custom-orange-toast\">\n        <section v-if=\"!validationStore.numberOfRemainFields\">\n          <p id=\"no_required_fields_wrapper\">全て入力されています。</p>\n        </section>\n        <section v-else>\n          <p>\n            必須項目が\n            <span id=\"total_required_fields\">{{ validationStore.numberOfRequiredFields }}</span>\n            項目あります。\n          </p>\n          <p id=\"remaining_required_fields_wrapper\">\n            残り\n            <span id=\"remaining_required_fields\">{{ validationStore.numberOfRemainFields }}</span>\n            項目\n          </p>\n        </section>\n      </div>\n\n      <div class=\"custom-green-toast\" style=\"display: block\" v-else>\n        <p>\n          必須項目が\n          <span>{{ validationStore.numberOfRequiredFields }}</span>\n          項目あります。\n        </p>\n        <p id=\"no_required_fields_wrapper\" style=\"\">全て入力されています。</p>\n      </div>\n    </Transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { onMounted, ref } from \"vue\";\nimport { useValidationStore } from \"@/stores/form/validation\";\nimport { useField } from \"vee-validate\";\n\nconst { value: paymentMethodCode } = useField(\"paymentData.paymentMethodCode\");\nconst { value: isAddNewCard } = useField(\"paymentData.isAddNewCard\");\n\nconst validationModal = ref(null);\nconst showTooltip = ref(false);\n\nconst isInViewport = () => {\n  if (!validationModal.value) return;\n  const rect = validationModal.value.getBoundingClientRect();\n\n  showTooltip.value = rect.top < 0 && rect.bottom >= 0;\n};\n\ndocument.addEventListener(\"scroll\", isInViewport);\n\nonMounted(() => isInViewport());\n\nconst validationStore = useValidationStore();\n</script>\n<style lang=\"scss\" scoped>\n.custom-orange-toast {\n  z-index: 100;\n  max-width: 400px;\n  float: right;\n  padding: 20px;\n  font-size: 18px;\n  font-weight: bold;\n  color: white;\n  position: fixed;\n  top: 25px;\n  right: 25px;\n  background: rgba(242, 133, 12, 0.8);\n}\n.v-enter-active,\n.v-leave-active {\n  transition: opacity 0.5s ease;\n}\n\n.v-enter-from,\n.v-leave-to {\n  opacity: 0;\n}\n\n.custom-green-toast {\n  z-index: 100;\n  max-width: 400px;\n  float: right;\n  padding: 20px;\n  font-size: 18px;\n  font-weight: bold;\n  color: white;\n  position: fixed;\n  top: 25px;\n  right: 25px;\n  background: rgba(4, 162, 34, 0.8);\n}\n</style>\n\n<style>\n.validation-modal {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: -1000;\n}\n</style>\n","<template>\n  <div class=\"container-xl position-relative\" style=\"max-width: 700px\">\n    <section v-show=\"!isLoggedIn\">\n      <div class=\"border p-3\">\n        <b-checkbox\n          :checked=\"showSignInForm\"\n          :value=\"true\"\n          :unchecked-value=\"false\"\n          @input=\"showSignInForm = $event\"\n          name=\"login_check\"\n          id=\"login_check\"\n        >\n          入力を省略する（当サイトで購入したことがある方）\n        </b-checkbox>\n      </div>\n\n      <customer-sign-in v-show=\"showSignInForm\" type=\"cart\" />\n    </section>\n\n    <div v-show=\"!showSignInForm && urlInfo\">\n      <div class=\"py-3\">\n        下記お客さま情報を全てご記入いただき、お申し込みボタンをクリックしてください。\n      </div>\n      <div class=\"py-3 base-errors\" v-if=\"checkBaseMessage\">\n        {{ baseMessage }}\n      </div>\n\n      <div class=\"py-3 base-errors\" v-if=\"errorsHeader.length\">\n        <div v-for=\"(error, index) in errorsHeader\" :key=\"index\">\n          {{ error }}\n        </div>\n      </div>\n\n      <CartProduct\n        v-if=\"formDataReady\"\n        :products=\"urlInfo.products\"\n        :buyMultipleVariant=\"urlInfo.buyMultipleVariant\"\n        :productQuantityDisplay=\"urlInfo.productQuantityDisplay\"\n        :generalVariantDisplay=\"urlInfo.generalVariantDisplay\"\n        :generalAndOwnVariantDisplay=\"generalAndOwnVariantDisplay\"\n        :ownVariantDisplay=\"urlInfo.ownVariantDisplay\"\n        :productsUrls=\"urlInfo.productsUrls\"\n      />\n\n      <CartBillingAddress />\n\n      <CartCustomer\n        :confirmEmailDisplay=\"urlInfo.confirmEmailDisplay\"\n        :passwordDisplay=\"urlInfo.passwordDisplay\"\n        :confirmPasswordDisplay=\"urlInfo.confirmPasswordDisplay\"\n      />\n\n      <CartShippingAddress v-if=\"formDataReady\" :setValues=\"setFormValues\" />\n\n      <CartPayment\n        v-if=\"formDataReady\"\n        :options=\"urlInfo.availablePaymentMethodOptions\"\n        :payment-methods=\"urlInfo.availablePaymentMethods\"\n      />\n\n      <CartShippingCarrier\n        v-if=\"formDataReady\"\n        :buyMultipleVariant=\"urlInfo.buyMultipleVariant\"\n        :deliveryCompanyDisplay=\"urlInfo.deliveryCompanyDisplay\"\n      />\n\n      <specify-delivery-date :no-padding=\"false\" order-mode=\"normal\" />\n\n      <!-- <div class=\"mt-4 pt-2 mb-3\">\n        <b-checkbox v-model=\"optin\"> ショップからのお知らせを受け取る </b-checkbox>\n      </div> -->\n\n      <form-validator class=\"mt-4 pt-2 mb-3\" float name=\"termAccepted\" clientName=\"termAccepted\">\n        <b-checkbox v-model=\"termAccepted\" name=\"agree_check\" id=\"agree_check\">\n          <a href=\"/info/customer_term\">利用規約</a>\n          に同意して申込みます。未成年者については法定代理人の同意を得ていることを確認します\n        </b-checkbox>\n      </form-validator>\n\n      <div class=\"text-center my-5\">\n        <b-button\n          size=\"lg\"\n          variant=\"success\"\n          type=\"submit\"\n          @click=\"submitForm\"\n          name=\"submit\"\n          id=\"submit\"\n        >\n          確認ページへ進む\n        </b-button>\n      </div>\n\n      <validation-status></validation-status>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, ref, computed, onBeforeMount } from \"vue\";\nimport { useField } from \"vee-validate\";\nimport useCartValidation from \"@/composables/useCartValidation\";\n\nimport CartProduct from \"@/components/organisms/pages/cart/CartProduct.vue\";\nimport CartBillingAddress from \"@/components/organisms/pages/cart/CartBillingAddress.vue\";\nimport CartShippingCarrier from \"@/components/organisms/pages/cart/CartShippingCarrier.vue\";\nimport CartCustomer from \"@/components/organisms/pages/cart/CartCustomer.vue\";\nimport CartShippingAddress from \"@/components/organisms/pages/cart/CartShippingAddress.vue\";\nimport CartPayment from \"@/components/organisms/pages/cart/CartPayment.vue\";\nimport CustomerSignIn from \"@/components/organisms/pages/customer/CustomerSignIn.vue\";\nimport SpecifyDeliveryDate from \"@/components/organisms/pages/cart/SpecifyDeliveryDate.vue\";\nimport ValidationStatus from \"@/components/molecules/common/form/ValidationStatus.vue\";\nimport FormValidator from \"@/components/molecules/common/form/FormValidator.vue\";\n\nimport { CARD_REQUIRED_PAYMENT_METHOD_CODES } from \"@/helpers/constants\";\nimport { useCartStore } from \"@/stores/cart\";\nimport { useOrderStore } from \"@/stores/order\";\nimport { useAuthStore } from \"@/stores/auth\";\nimport { useGlobalStore } from \"@/stores/global\";\nimport { useBaseInfoStore } from \"@/stores/base_info\";\nimport { useValidationStore } from \"@/stores/form/validation\";\n\nimport { cloneDeep } from \"lodash\";\n\nimport { ProductType } from \"@/types/ProductType\";\n\ninterface Props {\n  baseUrl: string;\n  payjpToken: string;\n  confirmPath: string;\n  upsellPath: string;\n  gmoShopId: string;\n  merchantId: string;\n  serviceId: string;\n  paygentInfo: string;\n}\n\nconst props = defineProps<Props>();\n\nconst globalStore = useGlobalStore();\nconst orderStore = useOrderStore();\nconst baseInfoStore = useBaseInfoStore();\nconst validationStore = useValidationStore();\n\nconst baseErrors: any = computed(() => globalStore.validationErrors);\n\nconst baseMessage = computed(() => {\n  if (baseErrors.value && baseErrors.value.base) {\n    return baseErrors.value.base[Object.keys(baseErrors.value.base)[0]][0];\n  } else return;\n});\n\nconst checkBaseMessage = computed(() => {\n  if (globalStore.keepError && baseErrors.value.base) {\n    return true;\n  } else {\n    return false;\n  }\n});\n\nconst errorsHeader = computed(() => globalStore.validationBaseErrors ?? []);\n\nconst cartStore = useCartStore();\n\n// Fix Prevent safari loading from cache when back button is clicked\nwindow.onpageshow = function (event) {\n  if (event.persisted) {\n    window.location.reload();\n  }\n};\n\nconst urlData = cartStore.cart.urlData;\n\nconst authStore = useAuthStore();\n\nconst { isLoggedIn } = authStore;\n\nconst urlInfo = computed(() => cartStore.urlInfo);\n\nvar {\n  setValues: setFormValues,\n  resetForm,\n  values: formValues,\n  setErrors,\n  validate,\n} = useCartValidation(isLoggedIn, cartStore.cart, urlInfo.value);\n\nconst selectedProductId = computed(() => {\n  return productsData.value[0].id;\n});\n\nconst generalAndOwnVariantDisplay = computed(() => {\n  return urlInfo.value.generalVariantDisplay && urlInfo.value.ownVariantDisplay;\n});\n\nconst quantityProductUrlDisplay = computed(() => {\n  return generalAndOwnVariantDisplay.value && urlInfo.value.productQuantityDisplay;\n});\n\n// Check Product Upsell After Add Array Selected\nconst productUpsell = computed(() => {\n  return (\n    addProductUpsell.value && selectedProductId.value == (urlInfo.value.products.at(-1)?.id as any)\n  );\n});\n\nconst isCardRequired = computed(() =>\n  CARD_REQUIRED_PAYMENT_METHOD_CODES.includes(paymentMethodCode.value),\n);\n\nconst formDataReady = ref(false);\n\nconst addProductUpsell = ref(false);\n\nconst showSignInForm = ref(false);\n\nconst fetchUrl = async () => {\n  await cartStore.fetchUrl(props.baseUrl);\n\n  const firstProduct = urlInfo.value.products[0];\n\n  if (!firstProduct) return;\n\n  if (urlInfo.value.buyMultipleVariant) {\n    cartStore.cart.productsData = urlInfo.value.products.map((item) => {\n      return defaultProductData(item);\n    });\n  } else {\n    cartStore.cart.productsData = [defaultProductData(firstProduct)];\n\n    if (urlInfo.value.upsell && firstProduct) {\n      if (urlData.upsellBack && urlData.productUpsellId) {\n        // Find Product Upsell And Add To Array\n        const product = urlInfo.value?.products.find((item) => item.id === urlData.productUpsellId);\n\n        if (product) {\n          if (!urlInfo.value?.products.map((item) => item.id).includes(product?.upsellProduct.id)) {\n            urlInfo.value.products.push(product.upsellProduct);\n\n            addProductUpsell.value = true;\n          }\n        }\n      }\n    }\n  }\n  if (urlInfo.value.availablePaymentMethodOptions.length && !paymentMethodCode.value) {\n    cartStore.cart.paymentData.paymentMethodCode =\n      urlInfo.value.availablePaymentMethodOptions[0].value;\n  }\n};\n\nconst fetchCustomer = async () => {\n  if (!isLoggedIn) return;\n\n  await cartStore.fetchCustomer();\n};\n\nconst upsellProductSelected = computed(() => {\n  const product = urlInfo.value?.products.find((item) => item.id === selectedProductId.value);\n\n  if (productUpsell.value) {\n    return false;\n  } else {\n    return urlInfo.value?.upsell && !!product?.upsellProduct;\n  }\n});\n\nconst defaultProductData = (product: ProductType) => {\n  const productUrl = urlInfo.value.productsUrls.find(\n    (productUrl) => productUrl.productId === product.id,\n  );\n\n  const quantity = quantityProductUrlDisplay.value ? productUrl?.minQuantity : product.purchaseMin;\n\n  const arrayLength = generalAndOwnVariantDisplay.value ? quantity : 1;\n\n  const variantId = product.variantCombinations ? null : product.variantMasterId;\n\n  const newOptionsValue = [];\n  for (let index = 0; index < (arrayLength || 0); index++) {\n    newOptionsValue.unshift({\n      variantId: variantId,\n      quantity: null,\n      valueOptions: [\n        {\n          id: null,\n          value: null,\n        },\n      ],\n    });\n  }\n\n  return {\n    id: product.id,\n    quantity: quantity ? quantity : product.purchaseMin,\n    variantData: newOptionsValue,\n    isRecurring: product.isRecurring,\n  };\n};\n\nconst validateCart = async () => {\n  const valid = await cartStore.validateCart();\n  const query = `?u=${cartStore.urlInfo.baseUrl}`;\n\n  if (!valid) return;\n  else if (upsellProductSelected.value) {\n    window.location.href = props.upsellPath + query + \"&product_id=\" + selectedProductId.value;\n  } else {\n    window.location.href = props.confirmPath + query;\n  }\n};\n\nconst resetErrors = () => {\n  if (!globalStore.keepBaseError) globalStore.resetValidationBaseErrors();\n\n  globalStore.keepBaseError = false;\n};\n\nonBeforeMount(() => resetErrors());\n\nonMounted(async () => {\n  if (cartStore.resetRequired(props.baseUrl)) {\n    cartStore.$reset();\n    globalStore.validationErrors = {};\n  }\n\n  cartStore.setCartProps(props);\n\n  await baseInfoStore.fetchBaseInfo();\n  await fetchCustomer();\n  await fetchUrl();\n\n  cartStore.fetchSelectOptions();\n\n  cartStore.orderInfo = null;\n  orderStore.createPageViewData(props.baseUrl);\n  orderStore.createCustomersAccessHistory(props.baseUrl);\n\n  if (cartStore.resetRequired(props.baseUrl)) resetForm({ values: cartStore.cart });\n\n  formDataReady.value = true;\n\n  validationStore.setErrors = setErrors;\n\n  window.addEventListener(\"beforeunload\", () => (globalStore.keepError = false));\n  window.addEventListener(\"unload\", () => (globalStore.keepError = false));\n\n  cartStore.currentBaseUrl = props.baseUrl;\n  cartStore.lastPage = \"lp\";\n});\n\nconst assignDataAndSubmit = () => {\n  cartStore.cart = cloneDeep(formValues);\n  validateCart();\n};\n\nconst submitForm = async () => {\n  globalStore.keepError = false;\n  // Reset upsell flag to avoid validating wrong product\n  if (upsellProductSelected.value) {\n    upsellBack.value = false;\n  }\n  upsellBack.value = productUpsell.value;\n\n  cartStore.currentMode = \"normal\";\n\n  validate().then(async (result) => {\n    validationStore.submitAttempts++;\n\n    if (!result.valid) {\n      document.querySelector(\".invalid-feedback\")?.scrollIntoView({ behavior: \"smooth\" });\n      return;\n    }\n\n    if (!isAddNewCard.value && isCardRequired.value) {\n      cardToken.value = \"\";\n      cardTokenKey.value = \"\";\n      assignDataAndSubmit();\n      return;\n    }\n\n    switch (paymentMethodCode.value) {\n      case \"cod\":\n      case \"gmo_postpay_seperate_shipment\":\n      case \"np_postpay_wiz\":\n      case \"gmo_postpay_package\":\n        cardToken.value = \"\";\n        sourceId.value = \"\";\n        cartStore.cart = cloneDeep(formValues);\n        assignDataAndSubmit();\n        break;\n      case \"payjp\":\n      case \"gmo_creditcard_one_time\":\n      case \"paygent_creditcard_one_time\":\n        cartStore.submitWithNewCard((token: string) => {\n          cardToken.value = token;\n          assignDataAndSubmit();\n        });\n        break;\n      case \"sbps_creditcard_one_time\":\n        cartStore.submitWithNewCard((token: string, tokenKey: string) => {\n          cardToken.value = token;\n          cardTokenKey.value = tokenKey;\n          assignDataAndSubmit();\n        });\n        break;\n      default:\n        cardToken.value = \"\";\n        cardTokenKey.value = \"\";\n        sourceId.value = \"\";\n        assignDataAndSubmit();\n        break;\n    }\n  });\n};\n\nconst { value: paymentMethodCode }: any = useField(\"paymentData.paymentMethodCode\");\nconst { value: cardToken } = useField(\"paymentData.cardToken\");\nconst { value: cardTokenKey } = useField(\"paymentData.cardTokenKey\");\nconst { value: sourceId } = useField(\"paymentData.sourceId\");\nconst { value: productsData } = useField(\"productsData\");\nconst { value: upsellBack } = useField(\"urlData.upsellBack\");\nconst { value: isAddNewCard } = useField(\"paymentData.isAddNewCard\");\nconst { value: termAccepted } = useField(\"termAccepted\");\n</script>\n\n<style lang=\"scss\">\n.card {\n  .card-header {\n    align-items: center;\n    min-height: 50px;\n    font-weight: 600;\n  }\n}\n</style>\n","<template>\n  <div class=\"step-menu bg-white\">\n    <div class=\"process\">\n      <div class=\"step-link\">\n        <nav class=\"w-100 overflow-hidden\">\n          <ol class=\"cd-breadcrumb triangle custom-icons row flex-nowrap w-100 mb-0 mt-0\">\n            <li\n              :class=\"{ current: item.value == step }\"\n              v-for=\"(item, index) in stepMapper\"\n              :key=\"index\"\n              class=\"step-shape col-4\"\n            >\n              <em>\n                <p class=\"h6 m-0 mb-1 text-start\">STEP {{ index + 1 }}</p>\n                <p class=\"h3 mb-0 text-start\">{{ item.text }}</p></em\n              >\n            </li>\n          </ol>\n        </nav>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\n\ninterface Props {\n  step: string;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  step: \"\",\n});\n\nconst stepMapper = [\n  {\n    value: \"create\",\n    text: \"情報の入力\",\n  },\n  {\n    value: \"confirm\",\n    text: \"注文確認\",\n  },\n  {\n    value: \"finish\",\n    text: \"注文完了\",\n  },\n];\nconst activeIndex = computed(() => stepMapper.findIndex((item: any) => item.value == props.step));\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"@/assets/css/steplist/style.css\";\n\n.step-link {\n  // flex-grow: 1;\n\n  .h3 {\n    font-size: 15px !important;\n    color: #000000;\n  }\n\n  .h6 {\n    font-size: 10px !important;\n  }\n}\n.step-shape {\n  .h3,\n  .h6 {\n    font-weight: 700 !important;\n  }\n}\n.step-shape.current {\n  .h3,\n  .h6 {\n    color: #ffffff;\n  }\n\n  background-color: #000a4c;\n}\n.step-menu {\n  margin-bottom: 27px;\n  .step-link {\n    display: flex;\n  }\n}\n\n.cd-breadcrumb.triangle li > em {\n  font-style: unset !important;\n  display: block;\n  text-align: center;\n  padding: 10px 0px 11px 50px;\n  padding-right: 0 !important;\n  border-radius: 0 !important;\n}\nbr {\n  line-height: 5px !important;\n}\n.cd-breadcrumb.triangle.custom-icons li > em::after, .cd-breadcrumb.triangle.custom-icons li::after {\n  border-top-width: 32px;\n  border-bottom-width: 32px;\n  border-left-width: 32px;\n  top: -5px;\n  left: 97%;\n}\n.cd-breadcrumb.custom-icons li > *::before {\n  display: none !important;\n}\n.cd-breadcrumb.custom-icons li > em::before {\n  display: none !important;\n}\n.cd-breadcrumb.triangle li {\n  margin-left: 0 !important;\n  border-radius: 0 !important;\n}\n.cd-breadcrumb.triangle li {\n  margin: 0 !important;\n}\n</style>\n","<template>\n  <div class=\"mb-4\">\n    <h4 class=\"summary-title\">注文内容を確認してください</h4>\n    <div v-if=\"urlInfo.caution02Display\" class=\"caution02\">\n      <div v-for=\"productCaution02 in productCautions02\" v-html=\"productCaution02\" />\n    </div>\n    <table class=\"price-summary\" :class=\"tableClass\">\n      <thead class=\"fs-7 fw-bold\">\n        <tr>\n          <th>商品名</th>\n          <th>単価</th>\n          <th>個数</th>\n          <th>小計</th>\n        </tr>\n      </thead>\n      <tbody v-if=\"orderInfo\">\n        <tr v-for=\"(variant, index) in orderInfo.variants\" :key=\"index\">\n          <td style=\"white-space: pre-line\" class=\"w-50 text-break\">\n            {{ variant.name }}\n          </td>\n          <td>{{ formatPrice(variant.salesPrice) }}</td>\n          <td>{{ variant.quantity }} 個</td>\n          <td>{{ formatPrice(variant.total) }}</td>\n        </tr>\n        <tr>\n          <td class=\"text-end fw-bold\" colspan=\"3\">小計</td>\n          <td>{{ formatPrice(orderInfo.subtotal) }}</td>\n        </tr>\n        <tr>\n          <td class=\"text-end fw-bold\" colspan=\"3\">送料</td>\n          <td>{{ formatPrice(orderInfo.delivFee) }}</td>\n        </tr>\n        <tr>\n          <td class=\"text-end fw-bold\" colspan=\"3\">手数料</td>\n          <td>{{ formatPrice(orderInfo.charge) }}</td>\n        </tr>\n        <tr>\n          <td class=\"text-end fw-bold\" colspan=\"3\">消費税</td>\n          <td>{{ formatPrice(orderInfo.tax) }}</td>\n        </tr>\n        <tr>\n          <td class=\"text-end fw-bold\" colspan=\"3\">合計</td>\n          <td class=\"text-danger fw-700\">{{ formatPrice(orderInfo.total) }}</td>\n        </tr>\n      </tbody>\n    </table>\n\n    <div\n      v-for=\"productCaution in productCautions\"\n      v-html=\"productCaution\"\n      v-if=\"urlInfo.cautionDisplay\"\n    />\n  </div>\n\n  <div class=\"mb-4\">\n    <h4 class=\"summary-title\">お客様情報を確認してください</h4>\n    <table :class=\"tableClass\">\n      <tbody>\n        <tr>\n          <th width=\"30%\">お名前</th>\n          <td>{{ cart.billingAddressData.name01 }} {{ cart.billingAddressData.name02 }}</td>\n        </tr>\n        <tr>\n          <th width=\"30%\">フリガナ</th>\n          <td>{{ cart.billingAddressData.kana01 }} {{ cart.billingAddressData.kana02 }}</td>\n        </tr>\n        <tr>\n          <th width=\"30%\">住所</th>\n          <td>\n            〒{{ cart.billingAddressData.zip01 }}{{ cart.billingAddressData.zip02 }}\n            {{ findByCode(cart.billingAddressData.prefectureId)?.name }}\n            {{ cart.billingAddressData.addr01 }}\n            {{ cart.billingAddressData.addr02 }}\n          </td>\n        </tr>\n        <tr>\n          <th width=\"30%\">電話番号</th>\n          <td>\n            {{ cart.billingAddressData.tel01 }}{{ cart.billingAddressData.tel02\n            }}{{ cart.billingAddressData.tel03 }}\n          </td>\n        </tr>\n        <tr>\n          <th width=\"30%\">メールアドレス</th>\n          <td>\n            {{ cart.customerData.email }}\n          </td>\n        </tr>\n        <tr>\n          <th width=\"30%\">性別</th>\n          <td>\n            {{ sexName }}\n          </td>\n        </tr>\n        <tr>\n          <th width=\"30%\">生年月日</th>\n          <td>\n            {{ cart.customerData.birthday }}\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n\n  <div class=\"mb-4\">\n    <h4 class=\"summary-title\">お届け先情報を確認してください</h4>\n    <table :class=\"tableClass\">\n      <tbody>\n        <tr>\n          <th width=\"30%\">お名前</th>\n          <td>{{ shippingAddressData.name01 }} {{ shippingAddressData.name02 }}</td>\n        </tr>\n        <tr>\n          <th width=\"30%\">フリガナ</th>\n          <td>{{ shippingAddressData.kana01 }} {{ shippingAddressData.kana02 }}</td>\n        </tr>\n        <tr>\n          <th width=\"30%\">住所</th>\n          <td>\n            〒{{ shippingAddressData.zip01 }}{{ shippingAddressData.zip02 }}\n            {{ findByCode(shippingAddressData.prefectureId)?.name }}\n            {{ shippingAddressData.addr01 }}\n            {{ shippingAddressData.addr02 }}\n          </td>\n        </tr>\n        <tr>\n          <th width=\"30%\">電話番号</th>\n          <td>\n            {{ shippingAddressData.tel01 }}{{ shippingAddressData.tel02\n            }}{{ shippingAddressData.tel03 }}\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n\n  <div class=\"mb-4\">\n    <h4 class=\"summary-title\">お支払い方法を確認してください</h4>\n    <table :class=\"tableClass\">\n      <tbody>\n        <tr>\n          <th width=\"30%\">決済方法</th>\n          <td>{{ paymentMethodName }}</td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n  <div class=\"mb-4\">\n    <h4 class=\"summary-title\">配送業者を確認してください</h4>\n    <table :class=\"tableClass\">\n      <tbody>\n        <tr>\n          <th width=\"30%\">配送業者</th>\n          <td v-if=\"orderInfo\">{{ orderInfo.shippingCarrier.name }}</td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n  <div class=\"mb-4\" v-if=\"showDeliveryDate\">\n    <h4 class=\"summary-title\">お届け日を確認してください</h4>\n    <table :class=\"tableClass\">\n      <tbody>\n        <tr>\n          <th width=\"30%\">１回目お届け日</th>\n          <td>\n            <div>\n              <span>{{ scheduledToBeDeliveredAt || \"指定なし\" }}</span>\n              <span v-if=\"scheduledDeliveryTime\">({{ scheduledDeliveryTime }})</span>\n            </div>\n          </td>\n        </tr>\n        <tr>\n          <th width=\"30%\">２回目お届け日</th>\n          <td>\n            <div>\n              <span v-if=\"subsOrderScheduledToBeDeliveredAt\">\n                {{ subsOrderScheduledToBeDeliveredAt }}\n              </span>\n\n              <span v-if=\"subsOrderScheduledDeliveryTime\">\n                ({{ subsOrderScheduledDeliveryTime }})\n              </span>\n            </div>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useCartStore } from \"@/stores/cart\";\nimport { PublicsOrdersPricesType } from \"@/types/publics/orders/PricesType\";\nimport { findByCode } from \"jp-prefectures\";\nimport { computed, onMounted } from \"vue\";\nimport { some } from \"lodash\";\n\ntype PropsType = {\n  orderInfo: PublicsOrdersPricesType | null;\n  confirmMode: String | null;\n};\n\nconst props = defineProps<PropsType>();\n\nconst cartStore = useCartStore();\nconst urlInfo = computed(() => cartStore.urlInfo);\nconst tableClass = \"table table-column-bordered gy-4 gx-2 gs-9 mb-6\";\n\nconst { cart } = cartStore;\n\nconst shippingAddressData = computed(() => {\n  if (cart.shippingAddressData.sameWithBillingAddress) {\n    return cart.billingAddressData;\n  }\n\n  if (cart.shippingAddressData.id) {\n    const address = cartStore.shippingAddresses.find(\n      (item) => item.id === cart.shippingAddressData.id,\n    );\n\n    if (address) return address;\n  }\n\n  return cart.shippingAddressData;\n});\n\nonMounted(() => {\n  cartStore.fetchSelectOptions();\n});\n\n// const shippingCarrier = computed(() => cartStore.currentShippingCarrier);\n\nconst cvConfirmMode = computed(() => props.confirmMode == \"cv-confirm\");\n\nconst subsProductIsInOrder = computed(() =>\n  cvConfirmMode.value\n    ? cartStore.offerData.isRecurring\n    : some(cartStore.cart.productsData, \"isRecurring\"),\n);\n\nconst showDeliveryDate = computed(() => {\n  if (subsProductIsInOrder.value) {\n    return (\n      urlInfo.value.subsProductShowScheduledDeliveryDates ||\n      urlInfo.value.subsProductAllowScheduleDeliveryTime ||\n      urlInfo.value.subsProductAllowScheduleDeliveryDate\n    );\n  } else {\n    return (\n      urlInfo.value.normalProductShowScheduledDeliveryDates ||\n      urlInfo.value.normalProductAllowScheduleDeliveryTime ||\n      urlInfo.value.normalProductAllowScheduleDeliveryDate\n    );\n  }\n});\n\nconst scheduledDeliveryTime = computed(() => {\n  const specifyDeliveryDate = cvConfirmMode.value\n    ? cartStore.offerData.specifyDeliveryDate\n    : cartStore.cart.specifyDeliveryDate;\n\n  return specifyDeliveryDate.scheduledDeliveryTime;\n});\n\nconst productCautions02 = computed(() => {\n  return props.orderInfo?.variants.map((p) => p.product.sanitizeCaution02);\n});\nconst productCautions = computed(() => {\n  return props.orderInfo?.variants.map((p) => p.product.sanitizeCaution);\n});\n\nconst scheduledToBeDeliveredAt = computed(() => {\n  const specifyDeliveryDate = cvConfirmMode.value\n    ? cartStore.offerData.specifyDeliveryDate\n    : cartStore.cart.specifyDeliveryDate;\n\n  return specifyDeliveryDate.scheduledToBeDeliveredAt;\n});\n\nconst subsOrderScheduledDeliveryTime = computed(() => {\n  return subsProductIsInOrder.value ? scheduledDeliveryTime.value : null;\n});\n\nconst subsOrderScheduledToBeDeliveredAt = computed(() => {\n  if (!subsProductIsInOrder.value) return null;\n\n  const subsOrderData = cvConfirmMode.value\n    ? cartStore.offerData.subsOrderData\n    : cartStore.cart.subsOrderData;\n\n  return subsOrderData.scheduledToBeDeliveredAt;\n});\n\nconst paymentMethodName = computed(() => {\n  return cartStore.urlInfo.availablePaymentMethodOptions.find(\n    (item) => item.value === cart.paymentData.paymentMethodCode,\n  )?.text;\n});\n\nconst sexName = computed(() => {\n  return cartStore.sexes.find((item: any) => item.value == cartStore.cart.customerData.sexId)?.text;\n});\n\nfunction formatPrice(value: number) {\n  if (!value) return \"0円\";\n\n  var formatter = new Intl.NumberFormat(\"en-US\", {\n    style: \"currency\",\n    currency: \"JPY\",\n    currencyDisplay: \"code\",\n  });\n  const tmp = formatter.format(value).replace(\"JPY\", \"\").trim();\n\n  return `${tmp}円`;\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.summary-title {\n  font-family: Inter, sans-serif;\n  font-size: 1em;\n  line-height: 1.4em;\n  padding: 1.8% 2.4%;\n  font-weight: 700;\n  color: #fff;\n  background-color: #000a4c;\n  margin-bottom: 1%;\n}\n.table {\n  th,\n  td {\n    padding: 5px 4px !important;\n  }\n}\n.price-summary {\n  td:last-child,\n  th:last-child {\n    text-align: right !important;\n    width: 50px;\n  }\n}\n.caution02 {\n  border: solid 1px #ddd;\n  border-bottom: solid 3px #000a4c;\n  padding: 5px 4px;\n}\n</style>\n","<template>\n  <process-layout title=\"注文確認画面\" step=\"confirm\">\n    <CartSummary :order-info=\"orderInfo\" confirm-mode=\"confirm\"></CartSummary>\n\n    <div class=\"text-center mt-5\">\n      <div class=\"mb-3\">\n        <button\n          class=\"process-confirm-btn\"\n          @click=\"submit\"\n          name=\"submit_confirm\"\n          id=\"submit_confirm\"\n        >\n          ご注文完了へ\n        </button>\n      </div>\n\n      <div class=\"mb-2\">\n        <button class=\"mx-2 process-back-btn p-0\" @click=\"back\">入力内容を修正する</button>\n      </div>\n    </div>\n  </process-layout>\n</template>\n\n<script setup lang=\"ts\">\nimport ProcessLayout from \"@/components/organisms/pages/lp/ProcessLayout.vue\";\nimport CartSummary from \"@/components/organisms/pages/cart/CartSummary.vue\";\n\nimport { onBeforeMount, ref } from \"vue\";\nimport { useCartStore } from \"@/stores/cart\";\nimport { useAuthStore } from \"@/stores/auth\";\nimport { useOrderStore } from \"@/stores/order\";\nimport { useGlobalStore } from \"@/stores/global\";\n\ninterface Props {\n  finishPath: string;\n  baseUrl: string;\n  confirmPath: string;\n  cvUpsellPath?: string;\n  cvXsellPath?: string;\n}\n\nconst props = defineProps<Props>();\n\nconst cartStore = useCartStore();\n\nconst authStore = useAuthStore();\nconst orderStore = useOrderStore();\nconst globalStore = useGlobalStore();\n\nconst { orderInfo, cart } = cartStore;\n\nconst checkSubmit = ref(false);\n\nconst upsellNormal = cart.urlData.upsellNormal;\n\nonBeforeMount(() => {\n  if (!orderInfo) {\n    window.location.href = \"/lp?u=\" + props.baseUrl;\n    return;\n  }\n\n  cartStore.lastPage = cartStore.cart.urlData.upsellNormal ? \"upsell_back_confirm\" : \"confirm\";\n\n  cartStore.fetchUrl(props.baseUrl);\n});\n\nfunction submit() {\n  checkSubmit.value = true;\n\n  cartStore\n    .submitCart()\n    .then((data) => {\n      if (data.token) authStore.setTokenAndCookie(data.token);\n\n      if (!upsellNormal && (data.cvUpsellAvailable || data.cvXsellAvailable)) {\n        window.location.href =\n          props.cvUpsellPath + window.location.search + \"&order_id=\" + data.orderNumber;\n      } else {\n        cartStore.$reset();\n        window.location.href =\n          props.finishPath + window.location.search + \"&order_id=\" + data.orderNumber;\n      }\n\n      orderStore.resetPageView(props.baseUrl);\n    })\n    .catch(() => {\n      if (globalStore.validationErrors) {\n        if (cartStore.currentMode == \"upsell\") {\n          cartStore.cart.productsData = cartStore.preventiveProductsData;\n          cartStore.cart.subsOrderData = cartStore.preventiveSubsOrderData;\n          cartStore.cart.specifyDeliveryDate = cartStore.preventiveSpecifyDeliveryDate;\n          cartStore.cart.urlData.productUpsellId = null;\n          cartStore.cart.shippingCarrierId = cartStore.preventiveShippingCarrierId;\n        }\n\n        cartStore.cart.urlData.upsellNormal = false;\n\n        globalStore.keepError = true;\n        globalStore.keepBaseError = true;\n\n        if (globalStore.resetData) cartStore.$reset();\n\n        window.location.href = \"/lp?u=\" + props.baseUrl;\n      }\n    });\n}\n\nfunction back() {\n  if (upsellNormal) cart.urlData.upsellBack = true;\n\n  window.location.href = \"/lp?u=\" + props.baseUrl;\n}\n</script>\n","<template>\n  <b-row v-show=\"data\" gutter-y=\"3\" class=\"mt-3 mb-5 justify-content-between align-items-center\">\n    <b-col cols=\"4\">\n      <span class=\"variant-name\" style=\"font-size: 18px\">\n        {{ name }}\n      </span>\n    </b-col>\n\n    <b-col cols=\"8\">\n      <form-validator\n        :name=\"`product.0.variantData.0.variantId`\"\n        :clientName=\"`variantValues[${componentIndex}].value`\"\n        float\n      >\n        <b-select\n          v-model=\"valueId\"\n          class=\"form-control\"\n          :options=\"options\"\n          @change=\"handleSelectVarianValue\"\n        >\n          <template #first>\n            <option :value=\"null\">選択してください</option>\n          </template>\n        </b-select>\n      </form-validator>\n    </b-col>\n  </b-row>\n\n  <cv-upsell-variant-input\n    v-if=\"childData && showChildComponent\"\n    :data=\"childData\"\n    :key-component=\"keyComponent\"\n    :product-index=\"productIndex\"\n    :variant-index=\"variantIndex + 1\"\n    :componentIndex=\"componentIndex + 1\"\n  ></cv-upsell-variant-input>\n</template>\n\n<script lang=\"ts\">\nexport default {\n  name: \"CvUpsellVariantInput\",\n};\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref, nextTick, onMounted } from \"vue\";\nimport { useOrderStore } from \"@/stores/order\";\nimport { useField } from \"vee-validate\";\n\ninterface Props {\n  data: any;\n  productIndex: number;\n  variantIndex: number;\n  componentIndex: number;\n  keyComponent: string;\n}\n\nconst props = defineProps<Props>();\n\nconst { value: valueId }: any = useField(`variantValues[${props.componentIndex}].value`);\nconst showChildComponent = ref(true);\n\nonMounted(() => {\n  valueId.value = null;\n});\n\nconst orderStore = useOrderStore();\n\nconst name = computed(() => {\n  if (props.data) {\n    return props.data.optionTypePresentation;\n  }\n\n  return \"\";\n});\n\nconst options = computed(() => {\n  if (props.data && props.data.options && props.data.options.length) {\n    return props.data.options.map((item: any) => {\n      return {\n        text: item.optionValuePresentation,\n        value: item.optionValueId,\n      };\n    });\n  }\n\n  return [];\n});\n\nconst childData = computed(() => {\n  if (props.data && props.data.options && props.data.options.length) {\n    const child = props.data.options.find((item: any) => item.optionValueId == valueId.value);\n\n    return child ? child.optionValueOption : null;\n  }\n\n  return null;\n});\n\nconst handleSelectVarianValue = (value: number) => {\n  showChildComponent.value = false;\n  const options = props.data.options.find((item: any) => item.optionValueId === value);\n\n  if (options && options.variantId) {\n    if (props.keyComponent === \"upSellVariantData\") {\n      orderStore.upSellVariantData.variantData[0].variantId = options.variantId;\n    } else {\n      orderStore.cvUpSellVariantData.variantId = options.variantId;\n    }\n  }\n\n  nextTick(() => (showChildComponent.value = true));\n};\n</script>\n\n<style scoped lang=\"scss\">\n.variant-name {\n  white-space: nowrap;\n  font-size: 13px !important;\n}\n</style>\n","<template>\n  <div v-if=\"upsell\" class=\"process-container mt-10\">\n    <h1 class=\"process-title text-center\">これからアップセールです。</h1>\n\n    <b-row gutter-y=\"3\" gutter-x=\"8\" align-h=\"center\" class=\"upsell-form\">\n      <b-col>\n        <cv-upsell-variant-input\n          v-if=\"variantCombinations\"\n          key-component=\"upSellVariantData\"\n          :data=\"variantCombinations\"\n          :product-index=\"0\"\n          :variant-index=\"0\"\n          :component-index=\"0\"\n        ></cv-upsell-variant-input>\n\n        <specify-delivery-date no-padding order-mode=\"upsell\" />\n      </b-col>\n    </b-row>\n\n    <div class=\"text-center mt-10\">\n      <button class=\"process-confirm-btn\" @click=\"onSubmit\">申し込み内容を確認する</button>\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { computed, watch, onBeforeMount } from \"vue\";\n\nimport { useCartStore } from \"@/stores/cart\";\nimport { useOrderStore } from \"@/stores/order\";\nimport { useBaseInfoStore } from \"@/stores/base_info\";\n\nimport { useForm, useField } from \"vee-validate\";\nimport * as yup from \"yup\";\nimport { cloneDeep } from \"lodash\";\n\nimport CvUpsellVariantInput from \"@/components/organisms/pages/cart/CvUpsellVariantInput.vue\";\nimport SpecifyDeliveryDate from \"@/components/organisms/pages/cart/SpecifyDeliveryDate.vue\";\n\nimport { useValidationStore } from \"@/stores/form/validation\";\n\ninterface Props {\n  baseUrl: string;\n  upsell: boolean | string;\n  confirmPath: string;\n  productId: number | string;\n}\n\nconst props = defineProps<Props>();\n\nconst cartStore = useCartStore();\nconst orderStore = useOrderStore();\nconst baseInfoStore = useBaseInfoStore();\n\nconst urlInfo = computed(() => cartStore.urlInfo);\nconst validationStore = useValidationStore();\n\nconst product = computed(() =>\n  cartStore.urlInfo.products.find((item) => item.id == props.productId),\n);\n\nconst variantId = computed(() =>\n  variantCombinations.value ? null : product.value?.upsellProduct.variantMasterId || null,\n);\n\nconst variantCombinations = computed(() => {\n  if (cartStore.urlInfo && cartStore.urlInfo.products) {\n    return product.value?.upsellProduct.variantCombinations;\n  }\n\n  return null;\n});\n\n//////////// Shipping carrier ////////////\nconst mode = computed(() => baseInfoStore.baseInfo?.shippingCarrierBasedOn ?? \"\");\n\nconst shippingCarrierOptions = computed(() => cartStore.shippingCarrierOptions);\n\nconst shippingCarrierVariables = computed(() => ({\n  input: {\n    paymentMethodCode: cartStore.cart.paymentData.paymentMethodCode,\n    productData: [orderStore.upSellVariantData],\n  },\n}));\n//////////// //////////// //////////// ////////////\n\nconst { validate } = useForm({\n  validationSchema: yup.object().shape({\n    variantValues: yup.array().of(\n      yup.object({\n        value: yup.string().required(),\n      }),\n    ),\n    subsOrderData: yup.object({\n      paymentSchedule: yup.string().nullable(),\n      scheduledToBeDeliveredEveryXMonth: yup\n        .number()\n        .nullable()\n        .when([\"paymentSchedule\"], {\n          is: (paymentSchedule: any) => [\"date\", \"day_of_week\"].includes(paymentSchedule),\n          then: (schema) => schema.required(),\n        }),\n      scheduledToBeDeliveredOnXthDay: yup\n        .number()\n        .nullable()\n        .when([\"paymentSchedule\"], {\n          is: (paymentSchedule: any) => paymentSchedule == \"date\",\n          then: (schema) => schema.required(),\n        }),\n      scheduledToBeDeliveredEveryXDay: yup\n        .number()\n        .nullable()\n        .when([\"paymentSchedule\"], {\n          is: (paymentSchedule: any) => paymentSchedule == \"term\",\n          then: (schema) => schema.required(),\n        }),\n      scheduledToBeDeliveredEveryXDayOfWeek: yup\n        .number()\n        .nullable()\n        .when([\"paymentSchedule\"], {\n          is: (paymentSchedule: any) => paymentSchedule == \"day_of_week\",\n          then: (schema) => schema.required(),\n        }),\n      scheduledToBeDeliveredOnXthDayOfWeek: yup\n        .number()\n        .nullable()\n        .when([\"paymentSchedule\"], {\n          is: (paymentSchedule: any) => paymentSchedule == \"day_of_week\",\n          then: (schema) => schema.required(),\n        }),\n    }),\n  }),\n  initialValues: {\n    variantValues: [{ value: variantId.value }],\n    productsData: [\n      {\n        id: null,\n        isRecurring: product.value?.upsellProduct.isRecurring,\n      },\n    ],\n    subsOrderData: {\n      paymentSchedule: \"\",\n      scheduledToBeDeliveredEveryXMonth: null,\n      scheduledToBeDeliveredOnXthDay: null,\n      scheduledToBeDeliveredEveryXDay: null,\n      scheduledToBeDeliveredEveryXDayOfWeek: null,\n      scheduledToBeDeliveredOnXthDayOfWeek: null,\n    },\n  },\n});\n\nconst { value: variantValues }: any = useField(\"variantValues\");\nconst { value: productsData }: any = useField(\"productsData\");\nconst { value: subsOrderData }: any = useField(\"subsOrderData\");\nconst { value: specifyDeliveryDate }: any = useField(\"specifyDeliveryDate\");\n\nconst { value: shippingAddressData }: any = useField(\"shippingAddressData\");\nconst { value: billingAddressData }: any = useField(\"billingAddressData\");\nconst { value: shippingCarrierId }: any = useField(\"shippingCarrierId\");\n\nwatch(\n  () => variantValues.value.length,\n  (newVal, oldVal) => {\n    if (newVal > oldVal) {\n      variantValues.value.pop();\n      variantValues.value.push({ value: null });\n    }\n  },\n);\n\nwatch(\n  () => urlInfo.value,\n  () => fetchUpsellProduct(),\n);\n\nwatch(shippingCarrierOptions, () => {\n  shippingCarrierId.value = shippingCarrierOptions.value?.[0]?.id;\n});\n\nwatch(\n  () => orderStore.upSellVariantData,\n  () => {\n    if (mode.value == \"payment_method\") return;\n\n    cartStore.fetchShippingCarrierOptions(shippingCarrierVariables.value);\n  },\n  { deep: true },\n);\n\nfunction fetchUpsellProduct() {\n  const result = {\n    id: product.value?.upsellProduct?.id || null,\n    quantity: 1,\n    isRecurring: product.value?.upsellProduct?.isRecurring || false,\n    variantData: [\n      {\n        variantId: variantId.value,\n        quantity: null,\n        valueOptions: [\n          {\n            id: null,\n            value: null,\n          },\n        ],\n      },\n    ],\n  };\n\n  productsData.value[0].id = result.id;\n  productsData.value[0].isRecurring = result.isRecurring;\n  variantValues.value[0].value = variantId.value;\n  orderStore.upSellVariantData = result;\n}\n\nconst onSubmit = async function () {\n  validationStore.submitAttempts++;\n\n  const result = await validate();\n\n  if (result.valid) submitWithUpsell();\n};\n\nconst submitWithUpsell = async () => {\n  cartStore.currentMode = \"upsell\";\n\n  orderStore.upSellSubsOrderData = cloneDeep(subsOrderData.value);\n  orderStore.upSellSpecifyDeliveryDate = cloneDeep(specifyDeliveryDate.value);\n  orderStore.upSellShippingCarrierId = cloneDeep(shippingCarrierId.value);\n\n  const valid = await cartStore.validateCart(true);\n\n  const hrefConfirm = props.confirmPath + window.location.search;\n  const hrefError = \"/lp?u=\" + props.baseUrl;\n\n  window.location.href = valid ? hrefConfirm : hrefError;\n};\n\nonBeforeMount(() => {\n  shippingAddressData.value = {\n    sameWithBillingAddress: cartStore.cart.shippingAddressData.sameWithBillingAddress,\n    prefectureId: cartStore.cart.shippingAddressData.prefectureId,\n  };\n\n  billingAddressData.value = { prefectureId: cartStore.cart.billingAddressData.prefectureId };\n\n  baseInfoStore.fetchBaseInfo();\n  shippingCarrierId.value = cartStore.cart.shippingCarrierId;\n});\n</script>\n\n<style lang=\"scss\">\n.upsell-form {\n  * {\n    font-size: 13px !important;\n  }\n}\n</style>\n","<template>\n  <div class=\"process-container\" v-show=\"products.length\">\n    <b-card>\n      <div class=\"row\">\n        <table class=\"table bg-white mb-0\">\n          <tbody>\n            <tr class=\"align-middle\">\n              <th width=\"25%\" class=\"p-3\">\n                <span>商品名</span>\n              </th>\n              <td class=\"p-3\">\n                <b-form-select\n                  v-model=\"orderStore.cvUpSellVariantData.productSelectedId\"\n                  :options=\"products\"\n                  text-field=\"name\"\n                  value-field=\"id\"\n                  @change=\"handleChangeProduct($event)\"\n                ></b-form-select>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n\n      <div class=\"row justify-content-md-end mb-10\">\n        <div class=\"upsell-variant text-center\">\n          <cv-upsell-variant-input\n            key-component=\"cvUpSellVariantData\"\n            :data=\"getData(productId)\"\n            :product-index=\"0\"\n            :variant-index=\"0\"\n            :component-index=\"0\"\n          ></cv-upsell-variant-input>\n        </div>\n\n        <specify-delivery-date no-padding order-mode=\"cvUpsell\" />\n      </div>\n\n      <div class=\"text-center\">\n        <button class=\"process-confirm-btn\" @click=\"onSubmit\">申し込み内容を確認する</button>\n      </div>\n    </b-card>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, watch, onBeforeMount } from \"vue\";\n\nimport { useOrderStore } from \"@/stores/order\";\nimport { useCartStore } from \"@/stores/cart\";\nimport { useValidationStore } from \"@/stores/form/validation\";\nimport { useBaseInfoStore } from \"@/stores/base_info\";\n\nimport { useForm, useField } from \"vee-validate\";\nimport * as yup from \"yup\";\n\nimport CvUpsellVariantInput from \"@/components/organisms/pages/cart/CvUpsellVariantInput.vue\";\nimport SpecifyDeliveryDate from \"@/components/organisms/pages/cart/SpecifyDeliveryDate.vue\";\n\ninterface Props {\n  orderNumber: string;\n  baseUrl: string;\n}\n\nconst props = defineProps<Props>();\n\nconst orderStore = useOrderStore();\nconst cartStore = useCartStore();\nconst validationStore = useValidationStore();\nconst baseInfoStore = useBaseInfoStore();\n\nconst products = computed(() => orderStore.productInfo.cvUpsellProducts);\nconst productId = computed(() => orderStore.cvUpSellVariantData.productSelectedId);\n\nconst variantId = computed(() => {\n  const product = products.value.find((item) => item.id === productId.value);\n\n  if (product) {\n    const masterVariant = product.variants.find((item) => item.isMaster);\n    if (masterVariant) {\n      return masterVariant.id;\n    }\n  }\n\n  return null;\n});\n\nconst mode = computed(() => baseInfoStore.baseInfo?.shippingCarrierBasedOn ?? \"\");\n\nconst shippingCarrierOptions = computed(() => cartStore.shippingCarrierOptions);\n\nconst shippingCarrierVariables = computed(() => ({\n  input: {\n    paymentMethodCode: cartStore.cart.paymentData.paymentMethodCode,\n    productData: [\n      {\n        id: orderStore.cvUpSellVariantData.productSelectedId,\n        quantity: 1,\n        variantData: [\n          {\n            variantId: orderStore.cvUpSellVariantData.variantId,\n          },\n        ],\n      },\n    ],\n  },\n}));\n\nconst { validate } = useForm({\n  validationSchema: yup.object().shape({\n    variantValues: yup.array().of(\n      yup.object({\n        value: yup.string().required(),\n      }),\n    ),\n    subsOrderData: yup.object({\n      paymentSchedule: yup.string().nullable(),\n      scheduledToBeDeliveredEveryXMonth: yup\n        .number()\n        .nullable()\n        .when([\"paymentSchedule\"], {\n          is: (paymentSchedule: any) => [\"date\", \"day_of_week\"].includes(paymentSchedule),\n          then: (schema) => schema.required(),\n        }),\n      scheduledToBeDeliveredOnXthDay: yup\n        .number()\n        .nullable()\n        .when([\"paymentSchedule\"], {\n          is: (paymentSchedule: any) => paymentSchedule == \"date\",\n          then: (schema) => schema.required(),\n        }),\n      scheduledToBeDeliveredEveryXDay: yup\n        .number()\n        .nullable()\n        .when([\"paymentSchedule\"], {\n          is: (paymentSchedule: any) => paymentSchedule == \"term\",\n          then: (schema) => schema.required(),\n        }),\n      scheduledToBeDeliveredEveryXDayOfWeek: yup\n        .number()\n        .nullable()\n        .when([\"paymentSchedule\"], {\n          is: (paymentSchedule: any) => paymentSchedule == \"day_of_week\",\n          then: (schema) => schema.required(),\n        }),\n      scheduledToBeDeliveredOnXthDayOfWeek: yup\n        .number()\n        .nullable()\n        .when([\"paymentSchedule\"], {\n          is: (paymentSchedule: any) => paymentSchedule == \"day_of_week\",\n          then: (schema) => schema.required(),\n        }),\n    }),\n  }),\n  initialValues: {\n    variantValues: [{ value: orderStore.cvUpSellVariantData.variantId }],\n    productsData: [\n      {\n        id: productId.value,\n        isRecurring: orderStore.cvUpSellVariantData.isRecurring,\n      },\n    ],\n    subsOrderData: {\n      paymentSchedule: \"\",\n      scheduledToBeDeliveredEveryXMonth: null,\n      scheduledToBeDeliveredOnXthDay: null,\n      scheduledToBeDeliveredEveryXDay: null,\n      scheduledToBeDeliveredEveryXDayOfWeek: null,\n      scheduledToBeDeliveredOnXthDayOfWeek: null,\n    },\n  },\n});\n\nconst { value: variantValues }: any = useField(\"variantValues\");\nconst { value: productsData }: any = useField(\"productsData\");\nconst { value: subsOrderData }: any = useField(\"subsOrderData\");\nconst { value: specifyDeliveryDate }: any = useField(\"specifyDeliveryDate\");\n\nconst { value: shippingAddressData }: any = useField(\"shippingAddressData\");\nconst { value: billingAddressData }: any = useField(\"billingAddressData\");\nconst { value: shippingCarrierId }: any = useField(\"shippingCarrierId\");\n\nwatch(\n  () => variantValues.value.length,\n  (newVal, oldVal) => {\n    if (newVal > oldVal) {\n      variantValues.value.pop();\n      variantValues.value.push({ value: null });\n    }\n  },\n);\n\nwatch(\n  () => productId.value,\n  () => {\n    if (productsData.value?.[0]?.id || !productId.value) return;\n\n    productsData.value = [\n      {\n        id: productId.value,\n        isRecurring: orderStore.cvUpSellVariantData.isRecurring,\n      },\n    ];\n  },\n);\n\nwatch(shippingCarrierOptions, () => {\n  shippingCarrierId.value = shippingCarrierOptions.value?.[0]?.id;\n});\n\nwatch(\n  () => orderStore.cvUpSellVariantData,\n  () => {\n    if (mode.value == \"payment_method\") return;\n    cartStore.fetchShippingCarrierOptions(shippingCarrierVariables.value);\n  },\n  { deep: true },\n);\n\nconst getData = (productId: number | null) => {\n  const product = products.value.find((item) => item.id == productId);\n\n  if (product) {\n    return product.variantCombinations;\n  }\n\n  return null;\n};\n\nconst validateModification = () => {\n  const selectedVariantId = orderStore.cvUpSellVariantData.variantId || variantId.value;\n  cartStore\n    .validateOfferCvUpsell(\n      props.orderNumber,\n      selectedVariantId,\n      subsOrderData.value,\n      specifyDeliveryDate.value,\n      shippingCarrierId.value,\n    )\n    .then(() => {\n      cartStore.offerData[props.orderNumber] = selectedVariantId;\n      cartStore.offerData.isRecurring = orderStore.cvUpSellVariantData.isRecurring;\n\n      cartStore.offerData.subsOrderData = subsOrderData.value;\n      cartStore.offerData.specifyDeliveryDate = specifyDeliveryDate.value;\n      cartStore.offerData.shippingCarrierId = shippingCarrierId.value;\n\n      window.location.href = \"/lp/cv_confirm\" + window.location.search + \"&mode=upsell\";\n    });\n};\n\nconst onSubmit = async function () {\n  validationStore.submitAttempts++;\n\n  if (orderStore.cvUpSellVariantData.variantId && !variantValues.value[0].value) {\n    variantValues.value[0].value = orderStore.cvUpSellVariantData.variantId;\n  }\n\n  const result = await validate();\n\n  if (result.valid) validateModification();\n};\n\nfunction handleChangeProduct(id: number) {\n  const data = getData(id);\n  const product = products.value.find((item) => item.id == id);\n\n  const isRecurring = product?.isRecurring || false;\n  orderStore.cvUpSellVariantData.isRecurring = isRecurring;\n\n  if (data) {\n    orderStore.cvUpSellVariantData.variantId = null;\n  } else {\n    if (product) {\n      const variant = product.variants.find((item) => item.isMaster);\n\n      if (variant && !product.variantCombinations) {\n        orderStore.cvUpSellVariantData.variantId = variant.id;\n      }\n    }\n  }\n\n  variantValues.value = [{ value: orderStore.cvUpSellVariantData.variantId }];\n  productsData.value = [{ id: id, isRecurring: isRecurring }];\n  subsOrderData.value = {};\n}\n\n// ======================================== Add Event Click Jump Product =========================\nconst addEventClickJumpProduct = () => {\n  const els = document.querySelectorAll(\"a[data-select-id]\");\n\n  els.forEach((el) => {\n    el.addEventListener(\"click\", () => {\n      if (el.getAttribute(\"href\") == \"#lp-form\") {\n        const cvUpsellView = document.querySelector(\"#cv-upsell-form\");\n        cvUpsellView?.scrollIntoView();\n      }\n\n      const buyMultipleVariant = orderStore.productInfo.buyMultipleVariant;\n      const generalVariantDisplay = orderStore.productInfo.generalVariantDisplay;\n      const ownVariantDisplay = orderStore.productInfo.ownVariantDisplay;\n\n      if (buyMultipleVariant || generalVariantDisplay || ownVariantDisplay) return;\n\n      const variantMasterId = el.getAttribute(\"data-select-id\");\n      if (!variantMasterId) return;\n\n      const product = products.value.find(\n        (item) => item.variantMasterId.toString() === variantMasterId,\n      );\n\n      if (!product) return;\n\n      orderStore.cvUpSellVariantData.productSelectedId = product.id;\n      handleChangeProduct(product.id);\n    });\n  });\n};\n// ===============================================================================================\n\nonBeforeMount(() => {\n  addEventClickJumpProduct();\n\n  shippingAddressData.value = {\n    sameWithBillingAddress: cartStore.cart.shippingAddressData.sameWithBillingAddress,\n    prefectureId: cartStore.cart.shippingAddressData.prefectureId,\n  };\n\n  billingAddressData.value = { prefectureId: cartStore.cart.billingAddressData.prefectureId };\n\n  shippingCarrierId.value = cartStore.cart.shippingCarrierId;\n});\n</script>\n\n<style scoped lang=\"scss\">\n.upsell-variant {\n  max-width: 500px;\n}\n</style>\n","<template>\n  <b-row v-if=\"data\" gutter-y=\"3\" gutter-x=\"3\" class=\"mt-3\">\n    <b-col md=\"6\"> {{ name }} </b-col>\n\n    <b-col md=\"6\">\n      <form-validator>\n        <b-select\n          v-model=\"valueId\"\n          class=\"form-control\"\n          :options=\"options\"\n          :clientName=\"`variantValues[${componentIndex}].value`\"\n          @change=\"handleSelectVarianValue\"\n        >\n          <template #first>\n            <option :value=\"null\">選択してください</option>\n          </template>\n        </b-select>\n      </form-validator>\n    </b-col>\n  </b-row>\n\n  <cv-xsell-variant-input\n    v-if=\"childData && showChildComponent\"\n    :data=\"childData\"\n    :product-index=\"productIndex\"\n    :variant-index=\"variantIndex + 1\"\n    :component-index=\"componentIndex + 1\"\n  ></cv-xsell-variant-input>\n</template>\n\n<script lang=\"ts\">\nexport default {\n  name: \"CvXsellVariantInput\",\n};\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, nextTick } from \"vue\";\nimport { useOrderStore } from \"@/stores/order\";\n\ninterface Props {\n  data: any;\n  productIndex: number;\n  variantIndex: number;\n  componentIndex: number;\n}\n\nconst props = defineProps<Props>();\n\nconst valueId = ref(null);\nconst showChildComponent = ref(true);\n\nconst orderStore = useOrderStore();\n\nconst name = computed(() => {\n  if (props.data) {\n    return props.data.optionTypePresentation;\n  }\n\n  return \"\";\n});\n\nconst options = computed(() => {\n  if (props.data && props.data.options && props.data.options.length) {\n    return props.data.options.map((item: any) => {\n      return {\n        text: item.optionValuePresentation,\n        value: item.optionValueId,\n      };\n    });\n  }\n\n  return [];\n});\n\nconst childData = computed(() => {\n  if (props.data && props.data.options && props.data.options.length) {\n    const child = props.data.options.find((item: any) => item.optionValueId == valueId.value);\n\n    return child ? child.optionValueOption : null;\n  }\n\n  return null;\n});\n\nconst handleSelectVarianValue = (value: number) => {\n  showChildComponent.value = false;\n  const options = props.data.options.find((item: any) => item.optionValueId === value);\n\n  orderStore.productVariantInput[props.productIndex].variantId = options?.variantId || null;\n\n  nextTick(() => (showChildComponent.value = true));\n};\n</script>\n","<template>\n  <div class=\"process-container mt-10 mb-20\" v-show=\"products.length\">\n    <div class=\"row justify-content-evenly gy-10\">\n      <div\n        class=\"col-sm-12 col-md-6 text-center d-flex flex-column justify-content-between mb-5\"\n        v-for=\"(product, index) in products\"\n        :key=\"index\"\n      >\n        <div>\n          <div class=\"img\">\n            <img class=\"w-100\" :src=\"noImageUrl\" alt=\"no image\" />\n          </div>\n          <div class=\"mt-3\">{{ product.name }}</div>\n          <div class=\"mt-3\">\n            販売価格:\n            <span>{{ getFinalPriceProduct(product, index) }}円</span>\n            <span>（税込）</span>\n          </div>\n\n          <cv-xsell-variant-input\n            :data=\"getData(product.id)\"\n            :product-index=\"index\"\n            :variant-index=\"0\"\n            :component-index=\"0\"\n          ></cv-xsell-variant-input>\n        </div>\n\n        <div>\n          <b-button\n            variant=\"primary\"\n            class=\"w-100 mt-4\"\n            :disabled=\"checkDisableAddButton(product.id)\"\n            @click=\"selectProduct(product.id)\"\n          >\n            追加する\n          </b-button>\n        </div>\n      </div>\n    </div>\n\n    <template v-if=\"orderStore.xSellVariantInput.length\">\n      <div class=\"px-5 mt-10 table-responsive\">\n        <p class=\"mt-10\">購入した商品に加えて、以下の商品を追加で購入します。</p>\n\n        <table class=\"table table-flush align-middle table-row-solid gy-1 gx-2 gs-9 mb-0\">\n          <thead class=\"fs-7 fw-bold text-uppercase\">\n            <tr>\n              <th>商品名</th>\n              <th>単価</th>\n              <th>個数</th>\n              <th>小計</th>\n              <th width=\"10%\"></th>\n            </tr>\n          </thead>\n          <tbody class=\"fs-6 text-gray-600\">\n            <tr v-for=\"(variant, index) in orderStore.xSellVariantInput\" :key=\"index\">\n              <td style=\"white-space: pre-line\">{{ variant.name }}</td>\n              <td>{{ variant.price }} 円</td>\n              <td>\n                <div class=\"d-flex align-items-center\">\n                  <form-validator\n                    :name=\"`product_data['products_data.${index}.quantity']`\"\n                    required\n                    float\n                  >\n                    <b-select\n                      style=\"width: 75px\"\n                      v-model=\"orderStore.xSellVariantInput[index].quantity\"\n                      class=\"form-control\"\n                      :options=\"getVariantQuantityOptions(variant)\"\n                      label-field=\"quantity\"\n                    >\n                    </b-select>\n                  </form-validator>\n                  <label class=\"p-1\">個</label>\n                </div>\n              </td>\n              <td>{{ getTotalPrice(variant) }} 円</td>\n              <td class=\"p-0\">\n                <b-button variant=\"danger\" class=\"m-2 p-1\" @click=\"deleteProductSelected(variant)\">\n                  削除\n                </b-button>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    </template>\n    <p class=\"mt-10\">※ 各販売価格及び単価、小計は税込金額です。</p>\n\n    <specify-delivery-date no-padding order-mode=\"xsell\" />\n\n    <div class=\"text-center my-10\" v-if=\"orderStore.xSellVariantInput.length\">\n      <button class=\"process-confirm-btn\" @click=\"onSubmit\">申し込み内容を確認する</button>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, onBeforeMount, watch } from \"vue\";\n\nimport { useCartStore } from \"@/stores/cart\";\nimport { useOrderStore } from \"@/stores/order\";\nimport { useValidationStore } from \"@/stores/form/validation\";\nimport { useBaseInfoStore } from \"@/stores/base_info\";\n\nimport { useForm, useField } from \"vee-validate\";\nimport * as yup from \"yup\";\n\nimport { some } from \"lodash\";\n\nimport { VariantSelectedInput } from \"@/types/input/OfferInput\";\n\nimport CvXsellVariantInput from \"@/components/organisms/pages/cart/CvXsellVariantInput.vue\";\nimport SpecifyDeliveryDate from \"@/components/organisms/pages/cart/SpecifyDeliveryDate.vue\";\n\ninterface Props {\n  orderNumber: string;\n  baseUrl: string;\n}\n\nconst props = defineProps<Props>();\n\nconst cartStore = useCartStore();\nconst orderStore = useOrderStore();\nconst validationStore = useValidationStore();\nconst baseInfoStore = useBaseInfoStore();\n\nconst noImageUrl = ref(\"/images/no-image.png\");\n\nconst { validate } = useForm({\n  validationSchema: yup.object().shape({\n    subsOrderData: yup.object({\n      paymentSchedule: yup.string().nullable(),\n      scheduledToBeDeliveredEveryXMonth: yup\n        .number()\n        .nullable()\n        .when([\"paymentSchedule\"], {\n          is: (paymentSchedule: any) => [\"date\", \"day_of_week\"].includes(paymentSchedule),\n          then: (schema) => schema.required(),\n        }),\n      scheduledToBeDeliveredOnXthDay: yup\n        .number()\n        .nullable()\n        .when([\"paymentSchedule\"], {\n          is: (paymentSchedule: any) => paymentSchedule == \"date\",\n          then: (schema) => schema.required(),\n        }),\n      scheduledToBeDeliveredEveryXDay: yup\n        .number()\n        .nullable()\n        .when([\"paymentSchedule\"], {\n          is: (paymentSchedule: any) => paymentSchedule == \"term\",\n          then: (schema) => schema.required(),\n        }),\n      scheduledToBeDeliveredEveryXDayOfWeek: yup\n        .number()\n        .nullable()\n        .when([\"paymentSchedule\"], {\n          is: (paymentSchedule: any) => paymentSchedule == \"day_of_week\",\n          then: (schema) => schema.required(),\n        }),\n      scheduledToBeDeliveredOnXthDayOfWeek: yup\n        .number()\n        .nullable()\n        .when([\"paymentSchedule\"], {\n          is: (paymentSchedule: any) => paymentSchedule == \"day_of_week\",\n          then: (schema) => schema.required(),\n        }),\n    }),\n  }),\n  initialValues: {\n    subsOrderData: {\n      paymentSchedule: \"\",\n      scheduledToBeDeliveredEveryXMonth: null,\n      scheduledToBeDeliveredOnXthDay: null,\n      scheduledToBeDeliveredEveryXDay: null,\n      scheduledToBeDeliveredEveryXDayOfWeek: null,\n      scheduledToBeDeliveredOnXthDayOfWeek: null,\n    },\n  },\n});\n\nconst { value: subsOrderData }: any = useField(\"subsOrderData\");\nconst { value: productsData }: any = useField(\"productsData\");\nconst { value: specifyDeliveryDate }: any = useField(\"specifyDeliveryDate\");\n\nconst { value: shippingAddressData }: any = useField(\"shippingAddressData\");\nconst { value: billingAddressData }: any = useField(\"billingAddressData\");\nconst { value: shippingCarrierId }: any = useField(\"shippingCarrierId\");\n\nconst products = computed(() => orderStore.productInfo.cvXsellProducts);\n\nconst mode = computed(() => baseInfoStore.baseInfo?.shippingCarrierBasedOn ?? \"\");\n\nconst shippingCarrierVariables = computed(() => ({\n  input: {\n    paymentMethodCode: cartStore.cart.paymentData.paymentMethodCode,\n    productData: orderStore.xSellVariantInput.map((item) => {\n      return {\n        id: item.productId,\n        quantity: item.quantity,\n        variantData: [\n          {\n            variantId: item.id,\n          },\n        ],\n      };\n    }),\n    orderMode: \"xsell\",\n    orderNumber: props.orderNumber,\n  },\n}));\n\nconst shippingCarrierOptionsXsell = computed(() => cartStore.shippingCarrierOptionsXsell);\n\nwatch(shippingCarrierOptionsXsell, () => {\n  shippingCarrierId.value = shippingCarrierOptionsXsell.value?.[0]?.id;\n});\n\nwatch(\n  () => orderStore.xSellVariantInput,\n  () => {\n    if (mode.value == \"payment_method\") return;\n    cartStore.fetchShippingCarrierOptions(shippingCarrierVariables.value, \"xsell\");\n  },\n  { deep: true },\n);\n\nconst onSubmit = async function () {\n  validationStore.submitAttempts++;\n\n  const result = await validate();\n\n  if (result.valid) validateModification();\n};\n\nconst validateModification = () => {\n  const variantData = orderStore.xSellVariantInput.map((item) => {\n    return {\n      id: item.id,\n      quantity: item.quantity,\n    };\n  });\n\n  cartStore\n    .validateOfferCvXsell(\n      props.orderNumber,\n      variantData,\n      subsOrderData.value,\n      specifyDeliveryDate.value,\n      shippingCarrierId.value,\n    )\n    .then(() => {\n      cartStore.offerData[props.orderNumber] = variantData;\n      cartStore.offerData.isRecurring = some(orderStore.xSellVariantInput, \"isRecurring\");\n\n      cartStore.offerData.subsOrderData = subsOrderData.value;\n      cartStore.offerData.specifyDeliveryDate = specifyDeliveryDate.value;\n      cartStore.offerData.shippingCarrierId = shippingCarrierId.value;\n\n      window.location.href = \"/lp/cv_confirm\" + window.location.search + \"&mode=xsell\";\n    });\n};\n\nfunction selectProduct(productId: number) {\n  const product = orderStore.productVariantInput.find((item) => item.id == productId);\n\n  if (product) {\n    const variantId = product.variantId;\n    if (orderStore.xSellVariantInput.map((item) => item.id).includes(variantId)) {\n      const variantIndex = orderStore.xSellVariantInput.findIndex((item) => item.id == variantId);\n      orderStore.xSellVariantInput[variantIndex].quantity += 1 as any;\n    } else {\n      const productSelected = orderStore.productInfo.cvXsellProducts.find(\n        (item) => item.id == product.id,\n      );\n\n      if (productSelected) {\n        product.count += 1 as any;\n\n        const variantSelected = productSelected.variants.find((item) => item.id == variantId);\n\n        if (variantSelected) {\n          orderStore.xSellVariantInput.push({\n            id: variantId,\n            name: variantSelected.variantName.downLine,\n            quantity: variantSelected.minQuantity,\n            minQuantity: variantSelected.minQuantity,\n            maxQuantity: variantSelected.maxQuantity,\n            price: variantSelected.salesPrice,\n            productId: productId,\n            isRecurring: product.isRecurring,\n          });\n\n          productsData.value = orderStore.xSellVariantInput.map((item) => {\n            return {\n              id: item.productId,\n              isRecurring: item.isRecurring,\n            };\n          });\n        }\n      }\n    }\n  }\n}\n\nfunction getTotalPrice(variant: VariantSelectedInput) {\n  if (variant.quantity && variant.price) {\n    return variant.quantity * variant.price;\n  }\n  return 0;\n}\n\nfunction deleteProductSelected(variant: VariantSelectedInput) {\n  const product = orderStore.productVariantInput.find((item) => item.id == variant.productId);\n\n  if (product && product.count) product.count -= 1 as any;\n\n  orderStore.xSellVariantInput = orderStore.xSellVariantInput.filter(\n    (item) => item.id !== variant.id,\n  );\n\n  productsData.value = orderStore.xSellVariantInput.map((item) => {\n    return {\n      id: item.productId,\n      isRecurring: item.isRecurring,\n    };\n  });\n}\n\nconst range = (start: number, stop: number, step: number) =>\n  Array.from({ length: (stop - start) / step + 1 }, (_, i) => start + i * step);\n\nconst getData = (productId: number | null) => {\n  const product = products.value.find((item) => item.id == productId);\n\n  if (product) {\n    return product.variantCombinations;\n  }\n\n  return {};\n};\n\nconst getVariantQuantityOptions = (variant: VariantSelectedInput) => {\n  if (variant.minQuantity && variant.maxQuantity) {\n    return range(variant.minQuantity, variant.maxQuantity, 1);\n  }\n\n  return range(1, 10, 1);\n};\n\nconst checkDisableAddButton = (productId: number) => {\n  const currentVariantSelected = orderStore.productVariantInput.find(\n    (item) => item.id == productId,\n  );\n\n  if (currentVariantSelected && currentVariantSelected.variantId) {\n    const variant = orderStore.xSellVariantInput.find(\n      (item) => item.id == currentVariantSelected.variantId,\n    );\n\n    if (variant && variant.quantity && variant.maxQuantity) {\n      return variant.quantity >= variant.maxQuantity;\n    } else {\n      return false;\n    }\n  } else {\n    return true;\n  }\n};\n\nonBeforeMount(() => {\n  shippingAddressData.value = {\n    sameWithBillingAddress: cartStore.cart.shippingAddressData.sameWithBillingAddress,\n    prefectureId: cartStore.cart.shippingAddressData.prefectureId,\n  };\n\n  billingAddressData.value = { prefectureId: cartStore.cart.billingAddressData.prefectureId };\n\n  shippingCarrierId.value = cartStore.cart.shippingCarrierId;\n});\n\nfunction getFinalPriceProduct(product: any, index: number) {\n  const variantId = orderStore.productVariantInput[index]?.variantId ?? null;\n\n  if (product.recurringPrice || product.recurringPrice === 0) return product.recurringPrice;\n  else if (!variantId) {\n    return product.masterSalesPrice;\n  } else {\n    const variantSelected = product.variants.find((item: any) => item.id == variantId);\n\n    return variantSelected?.salesPrice || product.masterSalesPrice;\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.table-responsive {\n  overflow: scroll;\n  overflow-y: hidden;\n}\n\n.table {\n  th,\n  td {\n    padding: 10px !important;\n  }\n\n  min-width: 350px;\n}\n\n.btn-danger {\n  white-space: nowrap !important;\n  width: 100%;\n}\n</style>\n","<template>\n  <process-layout title=\"注文確認画面\" step=\"confirm\">\n    <CartSummary :order-info=\"orderInfo\" confirm-mode=\"cv-confirm\"></CartSummary>\n    <div class=\"text-center mb-10\">\n      <template v-if=\"timeout > 0\">\n        <div class=\"mb-10\">\n          <p>受付終了まで あと</p>\n          <h2>\n            <span v-if=\"remaining.hours\">{{ remaining.hours }} 時間</span>\n            <span v-if=\"remaining.minutes\">{{ remaining.minutes }} 分</span>\n            <span v-if=\"!remaining.minutes && remaining.hours\">00 分</span>\n            {{ remaining.seconds }} 秒\n          </h2>\n        </div>\n\n        <div class=\"mb-3\">\n          <button class=\"process-confirm-btn\" @click=\"submit\">ご注文完了へ</button>\n        </div>\n        <div class=\"mb-2\">\n          <button class=\"mx-2 process-back-btn p-0\" @click=\"back\">入力内容を修正する</button>\n        </div>\n      </template>\n\n      <template v-else>\n        <p>有効期限を経過しました。</p>\n        <p>受付を終了させていただきます。</p>\n      </template>\n    </div>\n  </process-layout>\n</template>\n\n<script setup lang=\"ts\">\nimport CartSummary from \"@/components/organisms/pages/cart/CartSummary.vue\";\nimport ProcessLayout from \"@/components/organisms/pages/lp/ProcessLayout.vue\";\n\nimport _ from \"lodash\";\nimport { computed, onBeforeMount, ref } from \"vue\";\nimport { useCartStore } from \"@/stores/cart\";\nimport { useOrderStore } from \"@/stores/order\";\nimport { PublicsOrdersPricesType } from \"@/types/publics/orders/PricesType\";\n\ninterface Props {\n  orderNumber: string;\n  baseUrl: string;\n  mode: string;\n}\n\nconst props = defineProps<Props>();\n\nconst cartStore = useCartStore();\nconst orderStore = useOrderStore();\n\nconst orderInfo = ref<PublicsOrdersPricesType | null>(null);\n\nconst timeout = ref(0);\n\nconst interval = ref<any>(null);\n\nconst BASE_COUNTDOWN = (new Date().getTimezoneOffset() / 60 + 9) * 3600;\n\nconst remaining = computed(() => ({\n  hours: Math.floor(timeout.value / 3600),\n  minutes: Math.floor(timeout.value / 60) % 60,\n  seconds: timeout.value % 60,\n}));\n\nconst products = computed(() => {\n  if (cartStore.offerData[props.orderNumber]) {\n    return cartStore.offerData[props.orderNumber].map((item: any) => {\n      return {\n        id: item.id,\n        quantity: item.quantity,\n      };\n    });\n  }\n\n  return [];\n});\n\nconst subsOrderData = computed(() => cartStore.offerData.subsOrderData);\nconst specifyDeliveryDate = computed(() => cartStore.offerData.specifyDeliveryDate);\nconst shippingCarrierId = computed(() => cartStore.offerData.shippingCarrierId);\n\nonBeforeMount(() => {\n  cartStore.lastPage = \"cv_confirm\";\n\n  if (props.mode === \"upsell\") {\n    validateOfferCvUpsell();\n  } else if (props.mode === \"xsell\") {\n    validateOfferCvXsell();\n  }\n});\n\nfunction setTimeInterval(data: any) {\n  orderInfo.value = _.omit(data, [\"timeout\"]) as any;\n  timeout.value = BASE_COUNTDOWN + data.timeout!;\n  interval.value = setInterval(() => {\n    timeout.value -= 1;\n    if (timeout.value <= 0) clearInterval(interval.value);\n  }, 1000);\n}\n\nfunction redirectToLpPage() {\n  window.location.href = \"/lp?u=\" + props.baseUrl;\n}\n\nfunction redirectToFinishPage() {\n  window.location.href = \"/lp/finish\" + window.location.search;\n}\n\nfunction validateOfferCvUpsell() {\n  const productId = cartStore.offerData[props.orderNumber];\n\n  if (!productId) {\n    redirectToLpPage();\n    return;\n  }\n  cartStore\n    .validateOfferCvUpsell(\n      props.orderNumber,\n      productId,\n      subsOrderData.value,\n      specifyDeliveryDate.value,\n      shippingCarrierId.value,\n    )\n    .then((data) => setTimeInterval(data))\n    .catch(() => redirectToLpPage());\n}\n\nfunction validateOfferCvXsell() {\n  cartStore\n    .validateOfferCvXsell(\n      props.orderNumber,\n      products.value,\n      subsOrderData.value,\n      specifyDeliveryDate.value,\n      shippingCarrierId.value,\n    )\n    .then((data) => setTimeInterval(data))\n    .catch(() => redirectToLpPage());\n}\n\nfunction submit() {\n  if (props.mode === \"upsell\") {\n    submitCvUpsell();\n  } else if (props.mode === \"xsell\") {\n    submitCvXsell();\n  }\n}\n\nfunction submitCvUpsell() {\n  const productId = cartStore.offerData[props.orderNumber];\n\n  cartStore\n    .submitOfferCvUpsell(\n      props.orderNumber,\n      productId,\n      subsOrderData.value,\n      specifyDeliveryDate.value,\n      shippingCarrierId.value,\n    )\n    .then(() => {\n      cartStore.$reset();\n      orderStore.resetPageView(props.baseUrl);\n      redirectToFinishPage();\n    })\n    .catch(() => redirectToFinishPage());\n}\n\nfunction submitCvXsell() {\n  cartStore\n    .submitOfferCvXsell(\n      props.orderNumber,\n      products.value,\n      subsOrderData.value,\n      specifyDeliveryDate.value,\n      shippingCarrierId.value,\n    )\n    .then(() => {\n      cartStore.$reset();\n      orderStore.resetPageView(props.baseUrl);\n      redirectToFinishPage();\n    });\n}\n\nfunction back() {\n  window.location.href = \"/lp?u=\" + props.baseUrl;\n}\n</script>\n","<template>\n  <process-layout title=\"ご注文完了画面\" step=\"finish\">\n    <h3 class=\"process-title pt-5 text-center\">ご注文ありがとうございました。</h3>\n\n    <div class=\"order-number d-flex mt-10\">\n      <h3 class=\"process-title mb-0\">\n        ご注文番号 : <span class=\"text-danger\">{{ props.orderNumber }}</span>\n      </h3>\n    </div>\n\n    <div class=\"py-3 base-errors mb-10 mt-5\" v-if=\"errorsHeader.length\">\n      <div v-for=\"(error, index) in errorsHeader\" :key=\"index\">\n        {{ error }}\n      </div>\n    </div>\n\n    <div class=\"thanks-page\">\n      <div>\n        <p>ご注文いただきまして、誠にありがとうございます。</p>\n        <p>ご登録いただきましたメールアドレス宛に、後ほど注文メールをお送りいたします。</p>\n        <p>お手数ですが、ご注文内容にお間違いがないか必ずご確認ください。</p>\n      </div>\n      <div>\n        <p>なお、注文処理状況によっては、メールの送信が遅れる場合がございます。</p>\n        <p>\n          また、万が一、メールが届かない場合は、迷惑メールフォルダに入っている可能性がありますので、そちらもご確認ください。\n        </p>\n      </div>\n      <div>\n        <p>\n          何かご不明点やご質問等ございましたら、以下のメールアドレスまでお気軽にお問い合わせくださいませ。\n        </p>\n        <p>Mail: info@united-cart.jp</p>\n      </div>\n    </div>\n\n    <div class=\"text-center\">\n      <a class=\"mx-2 back-btn p-0 border-0\" :href=\"`/lp?u=${baseUrl}`\"> ＜ トップページへ </a>\n    </div>\n  </process-layout>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, onBeforeMount } from \"vue\";\n\nimport { useGlobalStore } from \"@/stores/global\";\nimport { useCartStore } from \"@/stores/cart\";\n\nimport ProcessLayout from \"@/components/organisms/pages/lp/ProcessLayout.vue\";\n\ninterface Props {\n  orderNumber: String;\n  baseUrl: String;\n}\n\nconst props = defineProps<Props>();\n\nconst globalStore = useGlobalStore();\nconst cartStore = useCartStore();\n\nconst errorsHeader = computed(() => globalStore.validationBaseErrors ?? []);\n\nonBeforeMount(() => {\n  cartStore.lastPage = \"finish\";\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.order-number {\n  .process-title {\n    padding: 15px 38px;\n    width: auto;\n    border: 2px solid #000a4c;\n    display: block;\n    height: auto;\n    margin: auto;\n  }\n}\n\n.thanks-page {\n  margin-top: 35px;\n  h4,\n  div {\n    margin-bottom: 24px;\n    p {\n      font-weight: 700;\n      font-size: 11px;\n      line-height: 21px;\n      text-align: center;\n      color: #000000;\n      margin-bottom: 0;\n    }\n  }\n}\n.back-btn {\n  background-color: white !important;\n  font-weight: 700;\n  font-size: 11px;\n\n  &:hover {\n    background-color: white;\n  }\n}\n@media screen and (max-width: 700px) {\n  .order-number {\n    .process-title {\n      padding: 15px 0px;\n      text-align: center;\n      width: 100%;\n      border: 2px solid #000a4c;\n      display: block;\n      height: auto;\n      margin: auto;\n    }\n  }\n}\n</style>\n","<template>\n  <div v-if=\"show\" class=\"process-container my-10\">\n    <div class=\"text-center\">\n      <template v-if=\"timeout > 0\">\n        <h4><u>このページを閉じないでください。</u></h4>\n        <h2>\n          <span v-if=\"remaining.hours\">{{ remaining.hours }} 時間</span>\n          <span v-if=\"remaining.minutes\">{{ remaining.minutes }} 分</span>\n          <span v-if=\"!remaining.minutes && remaining.hours\">00 分</span>\n          {{ remaining.seconds }} 秒\n        </h2>\n        <p>このページの有効期間のみ、下記の商品を購入できます。</p>\n      </template>\n      <template v-else>\n        <p>有効期限を経過しました。</p>\n        <p>受付を終了させていただきます。</p>\n      </template>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, onBeforeMount } from \"vue\";\n\nimport { useOrderStore } from \"@/stores/order\";\nimport { useCartStore } from \"@/stores/cart\";\nimport { useBaseInfoStore } from \"@/stores/base_info\";\n\ninterface Props {\n  orderNumber: string;\n  baseUrl: string;\n}\n\nconst props = defineProps<Props>();\n\nconst orderStore = useOrderStore();\nconst cartStore = useCartStore();\nconst baseInfoStore = useBaseInfoStore();\n\nconst timeout = ref(0);\n\nconst cvUpsellProducts = computed(() => orderStore.productInfo.cvUpsellProducts);\nconst cvXsellProducts = computed(() => orderStore.productInfo.cvXsellProducts);\n\nconst show = computed(() => {\n  return cvUpsellProducts.value.length || cvXsellProducts.value.length;\n});\n\nconst interval = ref<any>(null);\n\nconst BASE_COUNTDOWN = (new Date().getTimezoneOffset() / 60 + 9) * 3600;\n\nconst remaining = computed(() => ({\n  hours: Math.floor(timeout.value / 3600),\n  minutes: Math.floor(timeout.value / 60) % 60,\n  seconds: timeout.value % 60,\n}));\n\norderStore\n  .fetchOffer(props.orderNumber)\n  .then(() => {\n    timeout.value = BASE_COUNTDOWN + orderStore.productInfo.timeout;\n\n    interval.value = setInterval(() => {\n      timeout.value -= 1;\n      if (timeout.value <= 0) clearInterval(interval.value);\n    }, 1000);\n  })\n  .catch(() => {\n    window.location.href = \"/lp?u=\" + props.baseUrl;\n  });\n\nonBeforeMount(() => {\n  cartStore.fetchSelectOptions();\n  baseInfoStore.fetchBaseInfo();\n\n  cartStore.lastPage = \"thank_offer\";\n});\n</script>\n","import { createApp } from \"vue/dist/vue.esm-bundler.js\";\nimport VueSelect from \"vue-select\";\n\nimport BootstrapVueNext, {\n  BFormSelect,\n  BFormCheckbox,\n  BFormRadio,\n  BFormTextarea,\n} from \"bootstrap-vue-next\";\n\nimport \"@/assets/scss/main.scss\";\n\nimport Toaster from \"@meforma/vue-toaster\";\n\nimport { localize, setLocale } from \"@vee-validate/i18n\";\n\nimport { configure, defineRule } from \"vee-validate\";\nimport ja from \"@vee-validate/i18n/dist/locale/ja.json\";\nimport rules from \"@vee-validate/rules\";\n\nconfigure({\n  generateMessage: localize({ ja }),\n});\n\nsetLocale(\"ja\");\n\nObject.keys(rules).map((key) => defineRule(key, rules[key]));\n\nimport * as yup from \"yup\";\n\nyup.setLocale({\n  mixed: {\n    required: \"必須項目です\",\n    notType(ref) {\n      switch (ref.type) {\n        case \"number\":\n          return \"整数を半角で入力してください\";\n        case \"string\":\n          return \"必須項目です\";\n      }\n    },\n  },\n  string: {\n    email: \"メールアドレスが正しくありません\",\n    min(ref) {\n      return `${ref.min}文字以上にしてください`;\n    },\n  },\n});\n\n// Global components\nimport FormValidator from \"@/components/molecules/common/form/FormValidator.vue\";\nimport Notice from \"@/components/molecules/common/shared/Notice.vue\";\nimport Loading from \"@/components/molecules/common/shared/Loading.vue\";\nimport BFormInput from \"@/components/molecules/common/shared/BInput.vue\";\n\n// Pages\nimport CartForm from \"@/pages/lp/_url/index.vue\";\nimport CartConfirm from \"@/pages/lp/_url/confirm.vue\";\nimport CartUpsell from \"@/pages/lp/_url/upsell.vue\";\nimport CartCvUpsell from \"@/pages/lp/_url/cv_upsell.vue\";\nimport CartCvXsell from \"@/pages/lp/_url/cv_xsell.vue\";\nimport CartCvConfirm from \"@/pages/lp/_url/cv_confirm.vue\";\nimport CartFinish from \"@/pages/lp/_url/finish.vue\";\nimport CartThanksOfferTime from \"@/pages/lp/_url/thanks_offer_time.vue\";\n\nexport const cartFormSetupEntryPoint = () => {\n  const app = createApp();\n  app.use(BootstrapVueNext);\n  app.use(Toaster, { position: \"top-right\" }).provide(\"toast\", app.config.globalProperties.$toast);\n\n  app.component(\"CartForm\", CartForm);\n  app.component(\"CartConfirm\", CartConfirm);\n  app.component(\"CartUpsell\", CartUpsell);\n  app.component(\"CartCvUpsell\", CartCvUpsell);\n  app.component(\"CartCvXsell\", CartCvXsell);\n  app.component(\"CartCvConfirm\", CartCvConfirm);\n  app.component(\"CartFinish\", CartFinish);\n  app.component(\"CartThanksOfferTime\", CartThanksOfferTime);\n  app.component(\"VSelect\", VueSelect);\n\n  app.component(\"FormValidator\", FormValidator);\n  app.component(\"Notice\", Notice);\n  app.component(\"BFormInput\", BFormInput);\n  app.component(\"BInput\", BFormInput);\n  app.component(\"BSelect\", BFormSelect);\n  app.component(\"BCheckbox\", BFormCheckbox);\n  app.component(\"BRadio\", BFormRadio);\n  app.component(\"BTextarea\", BFormTextarea);\n  app.component(\"Loading\", Loading);\n\n  return app;\n};\n"],"names":["__default__","cartStore","useCartStore","valueId","ref","showChildComponent","productsData","useField","defaultIdAndNameAttribute","computed","defaultName","props","name","productQuantity","options","item","childData","child","handleSelectVariantValue","value","optionValueIndex","data","productIndex","variantIndex","componentIndex","variantData","selectedOption","option","_","index","nextTick","changeValueIdCondition","_d","_c","_b","_a","productIdWatcher","watch","newValue","oldValue","range","start","stop","step","i","quantityOptions","productId","result","min","max","product","productUrl","changeQuantityOptionCondition","variant","getProductNameById","changeDefaultData","event","changeQuantity","arrayLength","currentVariantId","newOptionsValue","variantId","getData","tmp","cloneDeep","checkIsLastElement","products","arrayVariantId","checkChildDataPresent","getDefaultIndex","toIndex","fromIndex","defaultAttributes","addEventClickJumpProduct","el","variantMasterId","onBeforeMount","dif","billingAddressData","shippingCarrierId","paymentMethodCode","baseInfoStore","useBaseInfoStore","fetchShippingCarrierOptions","shippingCarrierOptions","mode","shippingCarrierVariables","onMounted","handleShippingCarrierOptionsChange","id","defaultShippingCarrier","firstShippingCarrier","authStore","useAuthStore","email","emailConfirmation","password","passwordConfirmation","sexId","birthday","displayPasswordCondition","sameWithBillingAddress","shippingPrefectureId","shippingAddressData","disableShippingAddressOptions","shippingAddress","address","handleShippingAddress","cardToken","sourceId","validateSourceId","resetSourceId","isAddNewCard","cardsStore","useCardsStore","validationStore","useValidationStore","urlInfo","payjpCards","gmoPgCards","softbankCards","paygentCards","showValidation","cardFetchingMapper","cards","cardIdField","sourceIdRequired","CARD_REQUIRED_PAYMENT_METHOD_CODES","handleFetchCustomerCards","forEach","key","handleSourceId","cardSelect","card","payjp","initPayjp","creditCard","token","elements","linkCreditCard","toast","onSuccess","response","mounted","inject","reactive","PayjpCreditCardInput","create","submit","handlePayjpInit","setting","paygentInfo","cardAvailable","contentDevice","paymentMethod","omitArray","orderStore","useOrderStore","paymentSchedule","scheduledToBeDeliveredEveryXMonth","scheduledToBeDeliveredOnXthDay","scheduledToBeDeliveredEveryXDay","scheduledToBeDeliveredEveryXDayOfWeek","scheduledToBeDeliveredOnXthDayOfWeek","billingPrefectureId","addressSameWithBilling","specifyDeliveryDate","specifyDeliveredAt","subsOrderData","scheduledToBeDeliveredAt","calculateSubsOrderEstimate","prefectureId","dataEstimate","pick","productChosen","recurringOptions","paymentScheduleOptions","everyXMonthOptions","buyMultipleVariant","findProduct","everyXDayOptions","dayOfWeekJpOptions","showSubsOrderData","paymentScheduleIsDate","paymentScheduleIsTerm","paymentScheduleIsDayOfWeek","changeData","onXthDayOptions","array","changeDefaultSubsOrderData","productUrlsRecurring","productIdMin","minBy","productId2","productDefaultUrl","productPositionMax","maxBy","defaultData","_e","_g","_f","_h","_k","_j","_i","_m","_l","changePaymentSchedule","clearSubsOrder","uniqWith","flatten","a","b","isEqual","newVal","oldVal","_n","scheduledDeliveryTime","subsOrderScheduledToBeDeliveredAt","deliveryTimesOptions","deliveryDateAtOptions","allowScheduleDeliveryDate","allowScheduleDeliveryTime","showScheduledDeliveryDates","allowNilInDeliveryDate","subsProductIsInOrder","watchBackDeliveryTimeFirstTime","watchBackDeliveredAtFirstTime","handleDeliveryTimeOptions","some","handleDeliveryDateAtOptions","displaySection","displayCondition","validationModal","showTooltip","isInViewport","rect","globalStore","useGlobalStore","baseErrors","baseMessage","checkBaseMessage","errorsHeader","urlData","isLoggedIn","setFormValues","resetForm","formValues","setErrors","validate","useCartValidation","selectedProductId","generalAndOwnVariantDisplay","quantityProductUrlDisplay","productUpsell","addProductUpsell","isCardRequired","formDataReady","showSignInForm","fetchUrl","firstProduct","defaultProductData","fetchCustomer","upsellProductSelected","quantity","validateCart","valid","query","resetErrors","assignDataAndSubmit","submitForm","upsellBack","cardTokenKey","tokenKey","termAccepted","stepMapper","tableClass","cart","cvConfirmMode","showDeliveryDate","productCautions02","p","productCautions","subsOrderScheduledDeliveryTime","paymentMethodName","sexName","formatPrice","formatter","orderInfo","checkSubmit","upsellNormal","back","handleSelectVarianValue","variantCombinations","useForm","yup.object","yup.array","yup.string","yup.number","schema","variantValues","fetchUpsellProduct","onSubmit","submitWithUpsell","hrefConfirm","hrefError","masterVariant","validateModification","selectedVariantId","handleChangeProduct","isRecurring","cvUpsellView","generalVariantDisplay","ownVariantDisplay","noImageUrl","shippingCarrierOptionsXsell","selectProduct","productSelected","variantSelected","getTotalPrice","deleteProductSelected","getVariantQuantityOptions","checkDisableAddButton","currentVariantSelected","getFinalPriceProduct","timeout","interval","BASE_COUNTDOWN","remaining","validateOfferCvUpsell","validateOfferCvXsell","setTimeInterval","redirectToLpPage","redirectToFinishPage","submitCvUpsell","submitCvXsell","cvUpsellProducts","cvXsellProducts","show","configure","localize","ja","setLocale","rules","defineRule","yup.setLocale","cartFormSetupEntryPoint","app","createApp","BootstrapVueNext","Toaster","CartForm","CartConfirm","CartUpsell","CartCvUpsell","CartCvXsell","CartCvConfirm","CartFinish","CartThanksOfferTime","VueSelect","FormValidator","Notice","BFormInput","BFormSelect","BFormCheckbox","BFormRadio","BFormTextarea","Loading"],"mappings":"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"}