{"version":3,"file":"viewing-request-button-fVdomYb9.js","sources":["../../../../resources/front/ts/shared/components/viewing-request-button.vue"],"sourcesContent":["<template>\n  <div class=\"actions viewing-request-button\">\n    <button type=\"button\" v-on:click.prevent=\"requestViewing\" v-if=\"!hasActiveRequest\">\n      {{ $t('request a viewing') }}\n    </button>\n    <article class=\"pending\" v-else>\n      <p>{{ $t('Your viewing request is pending. We will send you an email when your request is approved.') }}</p>\n    </article>\n  </div>\n\n  <v-modal :name=\"prefixedModalName('request:confirm')\" class=\"viewing-request-confirm\" :class=\"viewingType\">\n    <article class=\"prose\">\n      <slot name=\"confirm\"></slot>\n    </article>\n\n    <form v-if=\"isDigital\" v-on:submit.prevent=\"submitRequest\">\n      <fieldset class=\"actions\">\n        <button type=\"submit\" class=\"success\" :disabled=\"isLoading\">\n          {{ $t('request digital viewing') }}\n        </button>\n      </fieldset>\n    </form>\n\n    <form v-else v-on:submit.prevent=\"submitRequest\">\n      <!-- physical viewing request -->\n      <fieldset>\n        <div class=\"field date\" v-for=\"i in [1, 2]\" :key=\"i\">\n          <label>{{ $t('date :number', { number: String(i) }) }}</label>\n          <div>\n            <select class=\"date\" name=\"date[]\" v-model=\"form.dates[i - 1]\">\n              <option v-for=\"d in dateOptions\" :key=\"d.value\" :value=\"d.value\">\n                {{ d.label }}\n              </option>\n            </select>\n            <select class=\"time\" name=\"time[]\" v-model=\"form.times[i - 1]\">\n              <option v-for=\"j in [11, 13, 15]\" :key=\"j\" :value=\"j\">\n                {{\n                  $t('between :start and :end', {\n                    start: `${j}:00`,\n                    end: `${j + 2}:00`,\n                  })\n                }}\n              </option>\n            </select>\n            <v-form-error :error=\"form.errors.dates\" />\n            <v-form-error :error=\"form.errors.times\" />\n          </div>\n        </div>\n      </fieldset>\n\n      <fieldset class=\"actions\">\n        <button type=\"submit\" class=\"success\" :disabled=\"isLoading\">\n          {{ $t('request viewing') }}\n        </button>\n      </fieldset>\n    </form>\n  </v-modal>\n\n  <v-modal :name=\"prefixedModalName('request:no-subscriber')\" class=\"viewing-request-no-subscription\">\n    <article class=\"prose\">\n      <slot name=\"no-subscription\"></slot>\n    </article>\n\n    <div class=\"actions\">\n      <a :href=\"windowState.urls['account-login']\" class=\"button\">\n        {{ $t('log in') }}\n      </a>\n      <a :href=\"windowState.urls['registration']\" class=\"button\">\n        {{ $t('register') }}\n      </a>\n    </div>\n  </v-modal>\n\n  <v-modal :name=\"prefixedModalName('request:no-package')\" class=\"viewing-request-expired\">\n    <article class=\"prose\">\n      <slot name=\"registration-expired\"></slot>\n    </article>\n\n    <div class=\"actions\">\n      <a :href=\"windowState.urls['account-subscription']\" class=\"button\">\n        {{ $t('renew my subscription') }}\n      </a>\n    </div>\n  </v-modal>\n\n  <v-modal :name=\"prefixedModalName('request:profile-incomplete')\" class=\"viewing-profile-incomplete\">\n    <article class=\"prose\">\n      <slot name=\"profile-incomplete\"></slot>\n    </article>\n\n    <div class=\"actions\">\n      <a :href=\"windowState.urls['account-profile']\" class=\"button\">\n        {{ $t('complete my profile') }}\n      </a>\n    </div>\n  </v-modal>\n</template>\n\n<script lang=\"ts\" setup>\nimport { addDays, isWeekend } from 'date-fns'\nimport { useForm } from 'laravel-precognition-vue'\nimport { computed, ref } from 'vue'\n\nimport { useModal } from '/@front:shared/composables/modal'\nimport { unitOfferViewingViewingType } from '/@front:shared/constants'\n\nimport { takeAtLeast } from '../utils'\n\nconst props = withDefaults(\n  defineProps<{\n    isSubscriber: boolean\n    hasActivePackage?: boolean\n    hasActiveRequest?: boolean\n    profileComplete?: boolean\n    prefix?: string\n    viewingType: string\n    endpoint: string\n  }>(),\n  {\n    hasActivePackage: false,\n    hasActiveRequest: false,\n    profileComplete: false,\n    viewingType: unitOfferViewingViewingType.DIGITAL,\n    prefix: '',\n  },\n)\n\nconst windowState = window._state\n\nconst prefixedModalName = (name: string): string => `${props.prefix}-${name}`\n\nconst { showModal: showNoSubscriberModal } = useModal(prefixedModalName('request:no-subscriber'))\nconst { showModal: showNoPackageModal } = useModal(prefixedModalName('request:no-package'))\nconst { showModal: showIncompletProfileModal } = useModal(prefixedModalName('request:profile-incomplete'))\nconst { showModal: showConfirmModal, hideModal: hideConfirmModal } = useModal(prefixedModalName('request:confirm'))\n\nconst dateOptions = computed(() => {\n  const now = new Date()\n  const offset = isWeekend(now) ? 3 : now.getHours() > 12 ? 2 : 1\n  const results: {\n    value: string\n    label: string\n  }[] = []\n\n  const options: Intl.DateTimeFormatOptions = {\n    weekday: 'long',\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n  }\n\n  if (window.innerWidth < 800) {\n    options.weekday = undefined\n  }\n\n  for (let i = offset; i <= offset + 8; i++) {\n    const date = addDays(now, i)\n    if (isWeekend(date)) {\n      continue\n    }\n\n    results.push({\n      value: date.toISOString().substring(0, 10),\n      label: date.toLocaleDateString(undefined, options),\n    })\n  }\n\n  return results\n})\n\nconst form = useForm('post', props.endpoint, {\n  dates: [dateOptions.value[0].value, dateOptions.value[1].value],\n  times: [11, 11],\n})\n\nconst hasActiveRequest = ref(props.hasActiveRequest)\nconst isLoading = ref(false)\n\nconst isDigital = computed(() => props.viewingType === unitOfferViewingViewingType.DIGITAL)\n\nconst requestViewing = () => {\n  if (!props.isSubscriber) {\n    showNoSubscriberModal()\n    return\n  }\n\n  if (!props.profileComplete) {\n    showIncompletProfileModal()\n    return\n  }\n\n  if (!props.hasActivePackage) {\n    showNoPackageModal()\n    return\n  }\n\n  showConfirmModal()\n}\n\nconst submitRequest = () => {\n  isLoading.value = true\n\n  takeAtLeast(form.submit(), 800)\n    .then(() => {\n      hasActiveRequest.value = true\n    })\n    .finally(() => {\n      isLoading.value = false\n      hideConfirmModal()\n    })\n}\n</script>\n"],"names":["props","__props","windowState","prefixedModalName","name","showNoSubscriberModal","useModal","showNoPackageModal","showIncompletProfileModal","showConfirmModal","hideConfirmModal","dateOptions","computed","now","offset","isWeekend","results","options","i","date","addDays","form","useForm","hasActiveRequest","ref","isLoading","isDigital","unitOfferViewingViewingType","requestViewing","submitRequest","takeAtLeast"],"mappings":"ikCA4GA,MAAMA,EAAQC,EAmBRC,EAAc,OAAO,OAErBC,EAAqBC,GAAyB,GAAGJ,EAAM,MAAM,IAAII,CAAI,GAErE,CAAE,UAAWC,CAAA,EAA0BC,EAASH,EAAkB,uBAAuB,CAAC,EAC1F,CAAE,UAAWI,CAAA,EAAuBD,EAASH,EAAkB,oBAAoB,CAAC,EACpF,CAAE,UAAWK,CAAA,EAA8BF,EAASH,EAAkB,4BAA4B,CAAC,EACnG,CAAE,UAAWM,EAAkB,UAAWC,GAAqBJ,EAASH,EAAkB,iBAAiB,CAAC,EAE5GQ,EAAcC,EAAS,IAAM,CAC3B,MAAAC,MAAU,KACVC,EAASC,EAAUF,CAAG,EAAI,EAAIA,EAAI,SAAa,EAAA,GAAK,EAAI,EACxDG,EAGA,CAAC,EAEDC,EAAsC,CAC1C,QAAS,OACT,KAAM,UACN,MAAO,OACP,IAAK,SACP,EAEI,OAAO,WAAa,MACtBA,EAAQ,QAAU,QAGpB,QAASC,EAAIJ,EAAQI,GAAKJ,EAAS,EAAGI,IAAK,CACnC,MAAAC,EAAOC,EAAQP,EAAKK,CAAC,EACvBH,EAAUI,CAAI,GAIlBH,EAAQ,KAAK,CACX,MAAOG,EAAK,YAAA,EAAc,UAAU,EAAG,EAAE,EACzC,MAAOA,EAAK,mBAAmB,OAAWF,CAAO,CAAA,CAClD,CAAA,CAGI,OAAAD,CAAA,CACR,EAEKK,EAAOC,EAAQ,OAAQtB,EAAM,SAAU,CAC3C,MAAO,CAACW,EAAY,MAAM,CAAC,EAAE,MAAOA,EAAY,MAAM,CAAC,EAAE,KAAK,EAC9D,MAAO,CAAC,GAAI,EAAE,CAAA,CACf,EAEKY,EAAmBC,EAAIxB,EAAM,gBAAgB,EAC7CyB,EAAYD,EAAI,EAAK,EAErBE,EAAYd,EAAS,IAAMZ,EAAM,cAAgB2B,EAA4B,OAAO,EAEpFC,EAAiB,IAAM,CACvB,GAAA,CAAC5B,EAAM,aAAc,CACDK,EAAA,EACtB,MAAA,CAGE,GAAA,CAACL,EAAM,gBAAiB,CACAQ,EAAA,EAC1B,MAAA,CAGE,GAAA,CAACR,EAAM,iBAAkB,CACRO,EAAA,EACnB,MAAA,CAGeE,EAAA,CACnB,EAEMoB,EAAgB,IAAM,CAC1BJ,EAAU,MAAQ,GAElBK,EAAYT,EAAK,OAAO,EAAG,GAAG,EAC3B,KAAK,IAAM,CACVE,EAAiB,MAAQ,EAAA,CAC1B,EACA,QAAQ,IAAM,CACbE,EAAU,MAAQ,GACDf,EAAA,CAAA,CAClB,CACL"}