{"version":3,"file":"js_business_enquiry_Button_svelte.js","mappings":"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","sources":["webpack://directory/./js/business/enquiry/EatDrinkForm.svelte","webpack://directory/./js/business/enquiry/EatDrinkModal.svelte","webpack://directory/./js/business/enquiry/PureButton.svelte","webpack://directory/./js/business/enquiry/Button.svelte"],"sourcesContent":["<script lang=\"ts\">\n  import \"daterangepicker\";\n  import \"/../css/datepicker.css\";\n  import Avatar from \"/traveller/components/Avatar.svelte\";\n  import Select from \"/credit/components/CouponRecommenderSelect.svelte\";\n  import { slide } from \"svelte/transition\";\n\n  import { onMount, createEventDispatcher } from \"svelte\";\n  import api from \"../api\";\n  import { notification } from \"/shared/utils.js\";\n  import { currentTraveller } from \"/traveller/stores\";\n  import { BookingEnquirySerialiserRequest, BusinessSerialiser } from \"/apiFactory\";\n  import { getFullHighlight } from \"/traveller/highlights/api\";\n  import creditApi from \"/credit/api\";\n  import DiscountPanel from \"./DiscountPanel.svelte\";\n  import HCaptcha from \"/shared/HCaptcha.svelte\";\n\n  export let business: BusinessSerialiser;\n\n  let selectedRecommender;\n  const dispatch = createEventDispatcher();\n  let captcha;\n\n  let form: BookingEnquirySerialiserRequest = {\n    business_profile: business.business_code,\n    coupon: undefined,\n    guest_name: $currentTraveller.name,\n    guest_email: $currentTraveller.email,\n    recommender: undefined,\n    token: undefined,\n  };\n\n  const getCoupon = async () => {\n    let response = await creditApi.creditApiCouponList(\n      \"false\",\n      business.business_code,\n      1,\n      $currentTraveller.code\n    );\n    let coupon = response.data.results?.[0];\n    if (coupon) {\n      // update form\n      form.coupon = coupon.code;\n      return coupon;\n    } else {\n      throw new Error(\"No coupon found for traveller\");\n    }\n  };\n\n  const getRecommenders = async () => {\n    let highlight = await getFullHighlight(business.business_code);\n    let choices = [];\n    // reshape data for Select component\n    highlight.visits.forEach((visit) => {\n      // only show other travellers as suggestions\n      if ($currentTraveller.code != visit.traveller_code) {\n        choices.push({\n          code: visit.traveller.code,\n          selfie: visit.traveller.selfie,\n          name: visit.traveller.name,\n        });\n      }\n    });\n    return choices;\n  };\n\n  let couponPromise;\n  let recommendersPromise;\n\n  // check for coupons for travellers\n  $: if ($currentTraveller.code) {\n    couponPromise = getCoupon();\n    // only check for recommenders if user has no coupons\n    recommendersPromise = couponPromise.then(\n      () => [], // got a coupon\n      () => getRecommenders()\n    );\n  }\n\n  onMount(() => {\n    // attach a daterangepicker to the 'dates' form field,\n    // component must be mounted on the DOM first.\n    let dates = jQuery(\"input[name='daterange']\");\n    dates.daterangepicker({\n      singleDatePicker: true,\n      autoUpdateInput: true,\n      locale: {\n        cancelLabel: \"Clear\", // dates are optional\n      },\n    });\n\n    // clear default values\n    dates.val(\"\");\n    dates.on(\"apply.daterangepicker\", function (event, picker) {\n      form.from_date = picker.startDate.format(\"YYYY-MM-DD\");\n    });\n\n    // clear values on 'cancel'\n    dates.on(\"cancel.daterangepicker\", function () {\n      dates.val(\"\");\n      form.from_date = null;\n    });\n  });\n\n  const submitEnquiry = async (event) => {\n    event.preventDefault();\n\n    // don't submit if captcha not good\n    if (!form.token) return;\n\n    if (selectedRecommender) {\n      form.recommender = selectedRecommender.value.code;\n    }\n    try {\n      await api.apiBookingEnquiryCreate(form);\n      notification.success(\"Sent enquiry\");\n      dispatch(\"success\");\n    } catch (error) {\n      // handle potential captcha errors\n      if (error.response?.data?.token) {\n        captcha.reset();\n        notification.error(\"Captcha verification failed. Please try again.\");\n        return;\n      }\n      notification.reportError(error);\n      dispatch(\"failure\");\n    }\n  };\n\n  /* hCaptcha controls */\n  const handleHCaptchaSuccess = (ev) => {\n    form.token = ev.detail.token;\n  };\n</script>\n\n<style lang=\"scss\">\n  // Import theme colours\n  @use \"sass/user/colours\" as colours;\n  .lower-label {\n    color: colours.$gray-600;\n  }\n  .recommender {\n    background-color: colours.$gray-200;\n  }\n  .large-control {\n    height: 45px;\n  }\n  :global(form .avatar-traveller) {\n    height: 30px;\n    width: 30px;\n  }\n</style>\n\n<form on:submit={submitEnquiry} class=\"text-center text-lower\">\n  <div class=\"container\">\n    {#if $currentTraveller.code}\n      {#await couponPromise then coupon}\n        <!-- traveller already has a coupon for this business -->\n        <div transition:slide>\n          <DiscountPanel discount={coupon.discount} />\n        </div>\n      {:catch}\n        <!-- traveller doesn't have a coupon, yet -->\n        {#await recommendersPromise then recommenders}\n          {#if recommenders.length && business.discount}\n            <div transition:slide>\n              <DiscountPanel discount={business.discount} />\n            </div>\n          {/if}\n        {/await}\n      {/await}\n    {/if}\n\n    <div class=\"row my-3\">\n      <div class=\"col-12\">\n        <div id=\"dates\" class=\"form-group\">\n          <label for=\"dates\" class=\"lower-label font-weight-bold requiredField\">\n            Date\n          </label>\n          <div>\n            <input\n              type=\"text\"\n              class=\"form-control text-center large-control\"\n              name=\"daterange\" />\n          </div>\n        </div>\n\n        <div class=\"form-group\">\n          <label for=\"guest_name\" class=\"lower-label font-weight-bold\">\n            Your Name*\n          </label>\n          <input\n            name=\"guest_name\"\n            class=\"form-control text-center large-control\"\n            bind:value={form.guest_name}\n            required />\n        </div>\n\n        <div class=\"form-group\">\n          <label for=\"guest_email\" class=\"lower-label font-weight-bold\">\n            Email Address*\n          </label>\n          <input\n            name=\"guest_email\"\n            type=\"email\"\n            class=\"form-control text-center large-control\"\n            bind:value={form.guest_email}\n            required />\n        </div>\n\n        <div class=\"form-group\">\n          <label for=\"guest_message\" class=\"lower-label font-weight-bold\">\n            Information About Your Booking\n          </label>\n          <!-- prettier-ignore -->\n          <textarea\n              class=\"form-control\"\n              id=\"recommendation-text\"\n              aria-describedby=\"bookingMessage\"\n              rows=\"4\"\n              name=\"guest_message\"\n              placeholder=\"Add information about your booking - including requested time, number of guests and any special requests or questions you may have\"\n              bind:value={form.guest_message} />\n        </div>\n      </div>\n    </div>\n\n    <!-- COUPONS (traveller only) -->\n    {#if $currentTraveller.code}\n      {#await couponPromise then coupon}\n        <!-- traveller already has a coupon for this business -->\n        <div transition:slide>\n          <div class=\"row mt-n3\">\n            <div class=\"col-12\">\n              <div class=\"form-group\">\n                <label for=\"recommender\" class=\"mb-0 lower-label font-weight-bold\">\n                  Recommended By\n                </label>\n                <div\n                  name=\"recommender\"\n                  class=\"form-control text-center large-control recommender\">\n                  <div class=\"h-100\">\n                    <span class=\"mr-2\">\n                      <Avatar traveller={coupon.recommender} />\n                    </span>\n                    {coupon.recommender.name}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      {:catch}\n        <!-- traveller doesn't have a coupon, yet -->\n        {#await recommendersPromise then recommenders}\n          {#if recommenders.length && business.discount}\n            <div transition:slide>\n              <div class=\"mt-n3 lower-label font-weight-bold text-center\">\n                I Want The Bonus Credit To Go To:\n              </div>\n              <Select bind:selected={selectedRecommender} {recommenders} />\n            </div>\n          {/if}\n        {/await}\n      {/await}\n    {/if}\n    <!-- /COUPONS -->\n\n    <HCaptcha bind:this={captcha} on:success={handleHCaptchaSuccess} />\n\n    <div class=\"row justify-content-center mt-3\">\n      <button\n        type=\"button\"\n        class=\"btn btn-outline-muted col-4 mx-2\"\n        on:click={() => dispatch(\"cancel\")}>\n        Cancel\n      </button>\n      <button type=\"submit\" class=\"btn btn-primary col-4 mx-2\">Send</button>\n    </div>\n  </div>\n</form>\n","<script lang=\"ts\">\n  import { Modal, ModalBody } from \"sveltestrap\";\n  import { BusinessSerialiser } from \"/apiFactory\";\n  import { getSpotlightCoverImageLink } from \"/traveller/utils.js\";\n  import Form from \"./EatDrinkForm.svelte\";\n\n  export let isOpen: boolean = false;\n  export let business: BusinessSerialiser;\n  export let toggle: () => void;\n\n  const defaultCoverImage = business.cover_image_uuid\n    ? \"\"\n    : // @ts-ignore\n      getSpotlightCoverImageLink(business.country.code);\n  // make open/close snappier\n  const transitionOptions = { duration: 150 };\n</script>\n\n<style lang=\"scss\">\n  .top-right {\n    /* Custom class as we don't place the button in the header */\n    position: absolute;\n    top: 0;\n    right: 0;\n    padding: 1rem 1rem;\n    z-index: 1004;\n  }\n  :global(.modal-content) {\n    border: 0;\n  }\n</style>\n\n<Modal {isOpen} {toggle} {transitionOptions}>\n  <ModalBody class=\"p-0 mb-4\">\n    <button type=\"button\" on:click={toggle} class=\"close top-right\" aria-label=\"Close\">\n      <span aria-hidden=\"true\">\n        <i class=\"far far-times text-white\" />\n      </span>\n    </button>\n    <slot name=\"header\">\n      <div class=\"embed-responsive embed-responsive-21by9\">\n        <div\n          class=\"d-flex align-items-end dark-overlay bg-cover rounded-lg-top\n          embed-responsive-item\"\n          data-blink-uuid={business.cover_image_uuid}\n          data-blink-src={defaultCoverImage}>\n          <div class=\"container overlay-content py-2\">\n            <div class=\"row\">\n              <div class=\"col-12\">\n                <div class=\"text-white text-center h1 font-weight-bold\">\n                  {business.name}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </slot>\n    <div class=\"container pt-3 px-5\">\n      <div class=\"h3 font-weight-bold text-center\">Book Direct</div>\n      <div class=\"font-weight-light text-muted text-center\">\n        {business.name} usually reply within a few hours\n      </div>\n      <hr class=\"mb-4\" />\n      <Form {business} on:success={toggle} on:cancel={toggle} />\n    </div>\n  </ModalBody>\n</Modal>\n\n<slot name=\"extra-modal\" />\n","<script lang=\"ts\">\n  /*\n   * Launches the Booking Enquiry Modal\n   */\n  import Modal from \"./Modal.svelte\";\n  import EatDrinkModal from \"./EatDrinkModal.svelte\";\n\n  export let business;\n  export let btnClasses = \"btn btn-primary\";\n  export let content = \"Book Direct\";\n  let isOpen = false;\n\n  const toggle = () => {\n    isOpen = !isOpen;\n  };\n\n  const EAT_DRINK_TYPES = [\"cafe\", \"bar\", \"restaurant\"];\n</script>\n\n<span id=\"openEnquiryModal\" class={btnClasses} on:click={toggle}>\n  {@html content}\n</span>\n{#if EAT_DRINK_TYPES.includes(business.business_type)}\n  <EatDrinkModal {toggle} {isOpen} {business} />\n{:else}\n  <Modal {toggle} {isOpen} {business} />\n{/if}\n","<script lang=\"ts\">\n  /*\n   * Retrieves Business info for `businessCode` and launches enquiry modal\n   */\n\n  import PureButton from \"./PureButton.svelte\";\n  import businessApi from \"../api\";\n\n  export let businessCode;\n  export let btnClasses = \"btn btn-primary\";\n  export let content = \"Book Direct\";\n</script>\n\n{#await businessApi.apiBusinessRetrieve(businessCode) then response}\n  <PureButton business={response.data} {btnClasses} {content} />\n{/await}\n"],"names":["length","discount","recommender","name","code","guest_name","guest_email","guest_message","selectedRecommender","business","dispatch","captcha","form","business_profile","business_code","coupon","undefined","$currentTraveller","email","token","couponPromise","recommendersPromise","dates","jQuery","daterangepicker","singleDatePicker","autoUpdateInput","locale","cancelLabel","val","on","event","picker","from_date","startDate","format","async","data","results","Error","getCoupon","then","highlight","choices","visits","forEach","visit","traveller_code","push","traveller","selfie","getRecommenders","preventDefault","value","api","error","response","reset","ev","detail","cover_image_uuid","isOpen","toggle","defaultCoverImage","country","duration","includes","business_type","btnClasses","content","businessCode"],"sourceRoot":""}