{"version":3,"file":"D9SfohN1.js","sources":["../../../../../domains/commerce/components/form/robis/Robis.vue","../../../../../domains/commerce/composables/useProductReservation/index.ts","../../../../../domains/commerce/components/bopis/StoreDetails.vue"],"sourcesContent":["<template>\n  <section class=\"bg-grey-80 p-6\">\n    <h3 class=\"title-3\">\n      {{ $t.reservationTitle }}\n    </h3>\n    <p class=\"my-2 text-xs c-grey-20 \">\n      {{ $t.requiredField }}\n    </p>\n    <base-form :class=\"brandClasses.form\" :form :scroll-to-error=\"false\" @submit=\"onSubmit\">\n      <div :class=\"brandClasses.fieldsWrapper\">\n        <vf-form-field v-slot=\"{ attrs }\" name=\"firstName\" :rule=\"validateRequired()\">\n          <vf-input v-model=\"form.firstName\" v-bind=\"attrs\" required>\n            {{ separateNameFields ? $t.firstName : $t.name }}\n          </vf-input>\n        </vf-form-field>\n        <vf-form-field v-slot=\"{ attrs }\" v-if=\"separateNameFields\" name=\"lastName\" :rule=\"validateRequired()\">\n          <vf-input v-model=\"form.lastName\" v-bind=\"attrs\" required>\n            {{ $t.lastName }}\n          </vf-input>\n        </vf-form-field>\n        <vf-form-field v-slot=\"{ attrs }\" name=\"email\" :rule=\"[validateRequired(), validateEmail()]\">\n          <vf-input v-model=\"form.email\" v-bind=\"attrs\" required type=\"email\">\n            {{ $t.email }}\n          </vf-input>\n        </vf-form-field>\n        <vf-form-field v-slot=\"{ attrs }\" name=\"phone\" :rule=\"[validateRequired(), validatePhone(form.phoneCode)]\">\n          <input-phone v-model=\"form.phone\" v-model:code=\"form.phoneCode\" v-bind=\"attrs\" required use-country-code>\n            {{ $t.mobileNumber }}\n          </input-phone>\n        </vf-form-field>\n      </div>\n      <div :class=\"brandClasses.ctaWrapper\">\n        <vf-form-field v-slot=\"{ attrs }\" name=\"robisTerms\" :rule=\"validateRequired()\">\n          <vf-checkbox v-model=\"form.robisTerms\" v-bind=\"attrs\" class=\"text-md\">\n            <form-legal-disclaimer :content=\"$t.reservationPolicy\" :link-classes=\"{ privacy: '' }\" />\n          </vf-checkbox>\n        </vf-form-field>\n        <vf-button class=\"mt-6 w-max\" :loading type=\"submit\" variant=\"primary\">\n          {{ $t.submit }}\n        </vf-button>\n      </div>\n    </base-form>\n  </section>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { StoreShippingAddress } from '#types/cart'\n\nconst props = defineProps<{\n  cartId: string\n  storeShippingAddress: StoreShippingAddress\n}>()\nconst emit = defineEmits<{\n  success: []\n}>()\nconst countryCode = useCountryCode()\nconst { cart } = useApi()\nconst { $t } = useNuxtApp()\nconst toast = useToaster()\nconst { brandClasses, separateNameFields } = useAppConfig().components.form.robis\n\nconst form = reactive({\n  firstName: '',\n  lastName: '',\n  email: '',\n  phone: '',\n  phoneCode: getPhoneCodeByCountryCode(countryCode) || '',\n  robisTerms: false\n})\n\nconst loading = ref(false)\nconst { storeShippingAddress } = props\nconst { city, addressLine1, postalCode, country, } = storeShippingAddress\n\nconst onSubmit = async () => {\n  loading.value = true\n  try {\n    const address = {\n      ...form,\n      firstName: (separateNameFields ? form.firstName : form.firstName.split(' ')[0]) || '',\n      lastName: (separateNameFields ? form.lastName : form.firstName.split(' ').slice(1).join(' ')) || '',\n      phone: form.phone\n        ? formatE164phone(\n          form.phone,\n          form.phoneCode\n        )\n        : '',\n      city,\n      addressLine1,\n      postalCode,\n      country\n    }\n    await cart.$placeOrder({\n      recaptcha_response: '',\n      cartId: props.cartId,\n      billingAddress: {\n        ...storeShippingAddress,\n        firstName: address.firstName,\n        lastName: address.lastName,\n        phone: address.phone,\n        email: address.email,\n        countryCode: address.country,\n        subscriptions: {\n          newsletterConsent: false\n        }\n      },\n      paymentMethod: {\n        code: 'PAY_IN_STORE',\n        additionalData: []\n      }\n    }, { context: 'robis' })\n\n    emit('success')\n    closeDialogs()\n    toast.add({\n      autoClose: false,\n      props: {\n        type: 'success',\n        title: $t.reservationSuccess.toastTitle,\n        message: $t.reservationSuccess.toastMessage\n      }\n    })\n  }\n  catch (_e) {\n    closeDialogs()\n    toast.add({\n      autoClose: false,\n      props: {\n        type: 'error',\n        message: $t.reservationError\n      }\n    })\n  }\n  finally {\n    loading.value = false\n  }\n}\n</script>\n","import type { StoreShippingAddress } from '#types/cart'\nimport type { LocatorSearchItem } from '#types/brandify'\nimport type { PickupProduct } from '#types/components/product/pickupInStore'\n\nexport default ({ item, store }: { item: PickupProduct, store: LocatorSearchItem }) => {\n  const { cart } = useApi()\n\n  const cartId = ref<string>('')\n  const isReservationOpen = ref(false)\n  const isReservationOutgoing = ref(false)\n\n  const storeShippingAddress = ref<StoreShippingAddress>({\n    firstName: 'store',\n    lastName: 'store',\n    country: useCountryCode(),\n    postalCode: store.postalcode,\n    addressLine1: store.address1,\n    addressLine2: store.address2 ?? '',\n    city: store.city,\n    province: store.state ?? store.province ?? '',\n    storeId: store.storeid,\n    storeName: store.name\n  })\n\n  const reserve = async () => {\n    isReservationOutgoing.value = true\n    try {\n      const selectedVariant = item.variants.filter((variant) => variant.id === item.productId)[0]\n      const upc = selectedVariant.upc ?? ''\n\n      const { id: basketId } = await cart.$reserveWithItem({\n        productId: item.productId,\n        maxQty: 999999,\n        qty: 1,\n        upc,\n        shippingAddress: {\n          ...storeShippingAddress.value\n        }\n      }, { context: 'robis' })\n\n      cartId.value = basketId\n      isReservationOpen.value = true\n    }\n    finally {\n      isReservationOutgoing.value = false\n    }\n  }\n\n  return {\n    cartId,\n    reserve,\n    isReservationOpen,\n    isReservationOutgoing,\n    storeShippingAddress,\n  }\n}\n","<template>\n  <div class=\"mt-4 b-t b-grey-70 pt-4 px-4 lg:px-6\">\n    <define-store-address>\n      <span>\n        {{ store.address1 }}<br>\n        <template v-if=\"store.address2\">{{ store.address2 }}<br></template>\n        {{ store.city }} {{ store.state }}. {{ store.postalcode }}, {{ store.country }}<br>\n      </span>\n    </define-store-address>\n    <div class=\"w-full gap-x-4 align-top i-flex\">\n      <base-button\n        v-if=\"!disableSelection\"\n        :aria-label=\"store.name\"\n        :aria-pressed=\"store.storeid === selectedStore?.storeid\"\n        class=\"h-6 w-6 shrink-0 rounded-full p-1 ring ring-grey-40 ring-inset duration peer-focus-visible:outline-auto peer-focus-within:ring-grey-10 !mt-1 !h-4 !w-4\"\n        @click=\"selectedStore = store\"\n      >\n        <span\n          class=\"block full rounded-full duration bg-brand-1\"\n          :class=\"store.storeid === selectedStore?.storeid ? 'op-100 ' : 'op-0'\"\n        />\n      </base-button>\n      <div class=\"w-full text-base c-grey-10\">\n        <base-collapse class-toggle=\"w-full\">\n          <template #toggle=\"{ expanded }\">\n            <span class=\"flex between\">\n              <span class=\"subtitle-4\">{{ store.name }}</span>\n              <vf-icon :dir=\"expanded ? 'up' : 'down'\" name=\"chevron\" size=\"md\" />\n            </span>\n            <span class=\"flex text-sm between c-grey-20\">\n              <slot name=\"store-body-collapsed\" :store>\n                <store-address v-if=\"showAddressPreview\" class=\"mt-2 \" />\n                <template v-else>\n                  <span v-if=\"qty && store.bopis_enabled === '1'\">{{ $t.readyIn24hours }}.</span>\n                  <span v-else-if=\"store.sts_enabled === '1'\">{{ $t.readyIn3Days }}.</span>\n                </template>\n                <span>({{ store._distance }} {{ store._distanceuom }})</span>\n              </slot>\n            </span>\n            <span v-if=\"qty && qty < qtyThreshold\" class=\"text-sm c-grey-20\">\n              {{ replaceAll($t.qtyLimitLow, { limit: qty }) }}\n            </span>\n          </template>\n          <div class=\"pt-4 space-y-6\">\n            <address class=\"text-sm\">\n              <store-address v-if=\"!showAddressPreview\"  />\n              <span class=\"mt-4 flex items-center gap-2\">\n                <vf-icon name=\"location\" size=\"lg\" />\n                <vf-link :to=\"`http://maps.google.com/?q=${store.latitude},${store.longitude}`\">\n                  {{ $t.getDirections }}\n                </vf-link>\n              </span>\n              <span class=\"mt-4 flex items-center gap-2\">\n                <vf-icon name=\"phone\" size=\"lg\" />\n                <vf-link :to=\"`tel:${store.phone}`\">\n                  {{ store.phone }}\n                </vf-link>\n              </span>\n            </address>\n            <div>\n              <div class=\"mb-2 fw-medium\">\n                {{ $t.storeHours }}\n              </div>\n              <ul >\n                <li>{{ $t.weekday }}: {{ store.m }}</li>\n                <li>{{ $t.saturday }}: {{ store.sa }}</li>\n                <li>{{ $t.sunday }}: {{ store.su }}</li>\n              </ul>\n            </div>\n            <div v-if=\"store.store_description\">\n              <div class=\"mb-2 fw-medium\">\n                {{ $t.getStoreInstruction }}\n              </div>\n              <span >\n                {{ store.store_description }}\n              </span>\n            </div>\n            <div v-if=\"$feature.allowProductReservationOnPDP && qty\">\n              <vf-button\n                v-if=\"!isReservationOpen\"\n                class=\"mt-6\"\n                :loading=\"isReservationOutgoing\"\n                @click=\"handleReserve\"\n              >\n                {{ $t.reserve }}\n              </vf-button>\n              <base-collapse\n                v-model=\"isReservationOpen\"\n                class=\"mt-6 b-grey-70 lg:col-span-6\"\n                class-toggle=\"hidden\"\n                data-test-id=\"store-reservation-collapse\"\n                style=\"border: 0\"\n              >\n                <form-robis\n                  :cart-id=\"cartId\"\n                  :store-shipping-address=\"storeShippingAddress\"\n                  @success=\"isReservationOpen = false\"\n                />\n              </base-collapse>\n            </div>\n          </div>\n        </base-collapse>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { LocatorSearchItem } from '#types/brandify'\nimport type { PickupProduct } from '#types/components/product/pickupInStore'\n\nconst props = defineProps<{\n  item?: PickupProduct\n  store: LocatorSearchItem & { storeInventory?: number }\n  disableSelection?: boolean\n  showAddressPreview?: boolean\n}>()\n\nconst emit = defineEmits<{\n  error: [value: boolean]\n}>()\n\nconst [DefineStoreAddress, StoreAddress] = createReusableTemplate()\n\nconst selectedStore = defineModel<LocatorSearchItem>()\n\nconst { $feature } = useNuxtApp()\nconst { qtyThreshold } = useAppConfig().components.form.bopisStoreSearch\nconst qty = computed(() => props.store.quantity || props.store.storeInventory)\n\nlet cartId: ReturnType<typeof useProductReservation>['cartId']\nlet isReservationOpen: ReturnType<typeof useProductReservation>['isReservationOpen']\nlet isReservationOutgoing: ReturnType<typeof useProductReservation>['isReservationOutgoing']\nlet reserve: ReturnType<typeof useProductReservation>['reserve']\nlet storeShippingAddress: ReturnType<typeof useProductReservation>['storeShippingAddress']\n\nif (props.item && $feature.allowProductReservationOnPDP) {\n  ({ cartId, isReservationOpen, isReservationOutgoing, reserve, storeShippingAddress } = useProductReservation({\n    item: props.item,\n    store: props.store\n  }))\n}\n\nconst handleReserve = () => {\n  try {\n    reserve?.()\n  }\n  catch (e) {\n    emit('error', true)\n  }\n}\n</script>\n"],"names":["props","__props","emit","__emit","countryCode","useCountryCode","cart","useApi","$t","useNuxtApp","toast","useToaster","brandClasses","separateNameFields","useAppConfig","form","reactive","getPhoneCodeByCountryCode","loading","ref","storeShippingAddress","city","addressLine1","postalCode","country","onSubmit","address","formatE164phone","closeDialogs","useProductReservation","item","store","cartId","isReservationOpen","isReservationOutgoing","upc","variant","basketId","DefineStoreAddress","StoreAddress","createReusableTemplate","selectedStore","_useModel","$feature","qtyThreshold","qty","computed","reserve","handleReserve"],"mappings":"grBAgDA,MAAMA,EAAQC,EAIRC,EAAOC,EAGPC,EAAcC,IACd,CAAE,KAAAC,GAASC,IACX,CAAE,GAAAC,GAAOC,IACTC,EAAQC,KACR,CAAE,aAAAC,EAAc,mBAAAC,GAAuBC,EAAa,EAAE,WAAW,KAAK,MAEtEC,EAAOC,EAAS,CACpB,UAAW,GACX,SAAU,GACV,MAAO,GACP,MAAO,GACP,UAAWC,GAA0Bb,CAAW,GAAK,GACrD,WAAY,EAAA,CACb,EAEKc,EAAUC,EAAI,EAAK,EACnB,CAAE,qBAAAC,CAAyB,EAAApB,EAC3B,CAAE,KAAAqB,EAAM,aAAAC,EAAc,WAAAC,EAAY,QAAAC,GAAaJ,EAE/CK,EAAW,SAAY,CAC3BP,EAAQ,MAAQ,GACZ,GAAA,CACF,MAAMQ,EAAU,CACd,GAAGX,EACH,WAAYF,EAAqBE,EAAK,UAAYA,EAAK,UAAU,MAAM,GAAG,EAAE,CAAC,IAAM,GACnF,UAAWF,EAAqBE,EAAK,SAAWA,EAAK,UAAU,MAAM,GAAG,EAAE,MAAM,CAAC,EAAE,KAAK,GAAG,IAAM,GACjG,MAAOA,EAAK,MACRY,GACAZ,EAAK,MACLA,EAAK,SAAA,EAEL,GACJ,KAAAM,EACA,aAAAC,EACA,WAAAC,EACA,QAAAC,CAAA,EAEF,MAAMlB,EAAK,YAAY,CACrB,mBAAoB,GACpB,OAAQN,EAAM,OACd,eAAgB,CACd,GAAGoB,EACH,UAAWM,EAAQ,UACnB,SAAUA,EAAQ,SAClB,MAAOA,EAAQ,MACf,MAAOA,EAAQ,MACf,YAAaA,EAAQ,QACrB,cAAe,CACb,kBAAmB,EACrB,CACF,EACA,cAAe,CACb,KAAM,eACN,eAAgB,CAAC,CACnB,CAAA,EACC,CAAE,QAAS,OAAA,CAAS,EAEvBxB,EAAK,SAAS,EACD0B,IACblB,EAAM,IAAI,CACR,UAAW,GACX,MAAO,CACL,KAAM,UACN,MAAOF,EAAG,mBAAmB,WAC7B,QAASA,EAAG,mBAAmB,YACjC,CAAA,CACD,OAEQ,CACIoB,IACblB,EAAM,IAAI,CACR,UAAW,GACX,MAAO,CACL,KAAM,QACN,QAASF,EAAG,gBACd,CAAA,CACD,CAAA,QAEH,CACEU,EAAQ,MAAQ,EAClB,CAAA,wtECnIFW,GAAe,CAAC,CAAE,KAAAC,EAAM,MAAAC,KAA+D,CAC/E,KAAA,CAAE,KAAAzB,GAASC,IAEXyB,EAASb,EAAY,EAAE,EACvBc,EAAoBd,EAAI,EAAK,EAC7Be,EAAwBf,EAAI,EAAK,EAEjCC,EAAuBD,EAA0B,CACrD,UAAW,QACX,SAAU,QACV,QAASd,EAAe,EACxB,WAAY0B,EAAM,WAClB,aAAcA,EAAM,SACpB,aAAcA,EAAM,UAAY,GAChC,KAAMA,EAAM,KACZ,SAAUA,EAAM,OAASA,EAAM,UAAY,GAC3C,QAASA,EAAM,QACf,UAAWA,EAAM,IAAA,CAClB,EA0BM,MAAA,CACL,OAAAC,EACA,QA1Bc,SAAY,CAC1BE,EAAsB,MAAQ,GAC1B,GAAA,CAEI,MAAAC,EADkBL,EAAK,SAAS,OAAQM,GAAYA,EAAQ,KAAON,EAAK,SAAS,EAAE,CAAC,EAC9D,KAAO,GAE7B,CAAE,GAAIO,CAAa,EAAA,MAAM/B,EAAK,iBAAiB,CACnD,UAAWwB,EAAK,UAChB,OAAQ,OACR,IAAK,EACL,IAAAK,EACA,gBAAiB,CACf,GAAGf,EAAqB,KAC1B,CAAA,EACC,CAAE,QAAS,OAAA,CAAS,EAEvBY,EAAO,MAAQK,EACfJ,EAAkB,MAAQ,EAAA,QAE5B,CACEC,EAAsB,MAAQ,EAChC,CAAA,EAMA,kBAAAD,EACA,sBAAAC,EACA,qBAAAd,CAAA,CAEJ,oxBCwDA,MAAMpB,EAAQC,EAORC,EAAOC,EAIP,CAACmC,EAAoBC,CAAY,EAAIC,GAAuB,EAE5DC,EAAgBC,iBAA+B,EAE/C,CAAE,SAAAC,GAAalC,IACf,CAAE,aAAAmC,CAAa,EAAI9B,EAAa,EAAE,WAAW,KAAK,iBAClD+B,EAAMC,GAAS,IAAM9C,EAAM,MAAM,UAAYA,EAAM,MAAM,cAAc,EAEzE,IAAAgC,EACAC,EACAC,EACAa,EACA3B,EAEApB,EAAM,MAAQ2C,EAAS,+BACxB,CAAE,OAAAX,EAAQ,kBAAAC,EAAmB,sBAAAC,EAAuB,QAAAa,EAAS,qBAAA3B,GAAyBS,GAAsB,CAC3G,KAAM7B,EAAM,KACZ,MAAOA,EAAM,KAAA,CACd,GAGH,MAAMgD,EAAgB,IAAM,CACtB,GAAA,CACQD,GAAA,MAAAA,SAEF,CACR7C,EAAK,QAAS,EAAI,CACpB,CAAA"}