{"version":3,"file":"js_business_profile_guestQuestion_guestQuestion_js.js","mappings":"6zCAmGI,SAKQ,Q,iBACR,SAA+D,O,yNA5CrC,gB,uBAYA,iB,uBAcA,oB,2lDAtC9B,SA0DM,QAzDJ,SA+CK,MA9CH,SA6CK,MA5CH,SA2CK,MA1CH,SASK,MARH,SAA4D,M,eAC5D,SAKY,M,WADE,EAAK,GAACA,a,kDAKtB,SAUK,MATH,SAAiE,M,eACjE,SAMY,M,WADE,EAAK,GAACC,c,kDAKtB,SAYK,MAXH,SAAoE,M,eACpE,SAQY,M,WADE,EAAK,GAACC,iB,kDAKtB,SAIK,M,uFApCU,EAAY,K,8CAYZ,EAAY,K,8CAcZ,EAAY,K,8CAnClB,EAAY,K,+BAUL,EAAK,GAACF,a,WAAN,EAAK,GAACA,Y,eAYN,EAAK,GAACC,c,WAAN,EAAK,GAACA,a,iBAcN,EAAK,GAACC,gB,qgBA5EjBC,GAAY,E,MAEjBC,GAAW,S,IAEbC,E,WAEIC,EAAI,aAAEC,EAAY,aAAEC,IAAiB,QAAW,CACtDC,cAAe,CACbT,WAAY,GACZC,YAAa,GACbC,eAAgB,GAChBQ,cAAe,IAEjBC,SAAUC,U,WAEHC,EAAMH,c,WAGHI,EAAA,yBAA2B,CAC/Bd,WAAYa,EAAMb,WAClBC,YAAaY,EAAMZ,YACnBC,eAAgBW,EAAMX,eACtBa,iBAAkBZ,EAClBa,MAAOH,EAAMH,e,OAERO,G,OACf,oBAAYA,EAAMC,gBAAlB,W,EAAA,EAA4BC,YAA5B,W,EAAA,EAAkCH,QACxBX,EAAQe,aACR,WAAmB,wDAGrB,iBAAyBH,E,CAG3B,aAAqB,oCACrBb,EAAS,QApBuB,CAoBf,K,oHAeCS,EAAMb,WAAU,W,qBAYhBa,EAAMZ,YAAW,W,qBAcjBY,EAAMX,eAAc,W,sDAOrBG,EAAO,E,WACLgB,IAAE,WAAMR,EAAMH,cAAgBW,EAAGC,OAAON,MAAK,G,IAShDZ,EAAS,S,8IC5FP,oB,wJAEW,EAAM,KAAN,EAAM,wB,y7BAHKmB,SAAU,K,0VAL3CpB,GAAY,G,OACZqB,GAAS,GAAK,G,OACdC,GAAkB,E,sPCJxB,MAAMC,GAAS,E,2CAAA,IAAS,CAAC,G,4YCsBhC,SAKQ,Q,gEAFI,EAAM,I,uSAtBLvB,GAAY,GAEvB,OAAW,SAAUuB,G,IAEjBF,GAAS,E,mEACE,K,IACbA,GAAUA,G,MAIJG,EAA6BC,SAASC,cAAc,mBACtDL,GAAUG,EACZA,EAAcG,MAAMC,WAAa,UACvBP,GAAUG,IACpBA,EAAcG,MAAMC,WAAa,U,0JChBvCC,GAAE,MACA,QAA0B,gBAAiB,EAAO,G,4dC+DhC,EAAE,G,UAPpB,SAIQ,kB,iBAGV,SAA0B,M,sGApDlB5B,GAAW,SAMX6B,EAAcC,OAAOD,YAErBE,EAAKC,KAAKC,MAAsB,IAAhBD,KAAKE,U,IAIvBC,EAFAC,GAAU,EACVC,GAAS,E,OAGbP,OAAOQ,oBAAsB,K,IAC3BD,GAAS,EAAI,EAGfP,OAAOS,cAAiB3B,IACtBZ,EAAS,UAAW,CACXY,SAAK,GAIhB,SAAQ,K,IACNwB,GAAU,EAAI,KAGhB,SAAU,KACRN,OAAOQ,oBAAsB,KAC7BR,OAAOS,cAAgB,KAGnBF,IAAQG,SAAW,KAAI,I,gCAGtBJ,GAAWC,IAChBF,EAAWK,SAASC,OAAO,aAAaV,IAAM,CAC5CW,QAASb,EACTc,SAAU,kB,KArCO,KACfP,GAAWC,GAAUF,GAAUK,SAASxB,MAAMmB,EAAS,E,8QCb/D,MAAMS,EAAM,IAAIC,IAAIf,OAAOgB,SAASC,MAC9BC,EAAS,IAAI,IAAc,CAC/BC,SAAUL,EAAIM,OACdC,YAAa,CACXC,QAAS,CACP,cAAe,SAKf1C,EAAM,IAAI,KAAOsC,GAEvB,K","sources":["webpack://directory/./js/business/profile/guestQuestion/Form.svelte","webpack://directory/./js/business/profile/guestQuestion/Modal.svelte","webpack://directory/./js/business/profile/guestQuestion/stores.ts","webpack://directory/./js/business/profile/guestQuestion/Button.svelte","webpack://directory/./js/business/profile/guestQuestion/guestQuestion.js","webpack://directory/./js/shared/HCaptcha.svelte","webpack://directory/./js/business/api.ts"],"sourcesContent":["<script lang=\"ts\">\n  import { createEventDispatcher } from \"svelte\";\n  import { ModalFooter } from \"sveltestrap\";\n  import { createForm } from \"svelte-forms-lib\";\n  import api from \"/business/api\";\n  import HCaptcha from \"/shared/HCaptcha.svelte\";\n  import { notification } from \"/shared/utils\";\n  import ErrorMessage from \"/shared/ErrorMessage.svelte\";\n\n  export let businessCode;\n\n  const dispatch = createEventDispatcher();\n\n  let captcha;\n\n  const { form, handleChange, handleSubmit } = createForm({\n    initialValues: {\n      guest_name: \"\",\n      guest_email: \"\",\n      guest_question: \"\",\n      hcaptchaToken: \"\",\n    },\n    onSubmit: async () => {\n      // don't submit if captcha not good\n      if (!$form.hcaptchaToken) return;\n\n      try {\n        await api.apiGuestQuestionCreate({\n          guest_name: $form.guest_name,\n          guest_email: $form.guest_email,\n          guest_question: $form.guest_question,\n          business_profile: businessCode,\n          token: $form.hcaptchaToken,\n        });\n      } catch (error) {\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        return;\n      }\n      notification.success(\"Question successfully submitted!\");\n      dispatch(\"close\");\n    },\n  });\n</script>\n\n<form on:submit={handleSubmit}>\n  <div class=\"container\">\n    <div class=\"row my-3\">\n      <div class=\"col-12\">\n        <div class=\"form-group\">\n          <label for=\"guest_name\" class=\"form-label\">Your Name*</label>\n          <input\n            name=\"guest_name\"\n            class=\"form-control large-control\"\n            on:change={handleChange}\n            bind:value={$form.guest_name}\n            required />\n          <ErrorMessage name={\"guest_name\"} />\n        </div>\n\n        <div class=\"form-group\">\n          <label for=\"guest_email\" class=\"form-label\">Email Address*</label>\n          <input\n            name=\"guest_email\"\n            type=\"email\"\n            class=\"form-control large-control\"\n            on:change={handleChange}\n            bind:value={$form.guest_email}\n            required />\n          <ErrorMessage name={\"guest_email\"} />\n        </div>\n\n        <div class=\"form-group\">\n          <label for=\"guest_question\" class=\"form-label\">Your Question*</label>\n          <textarea\n            class=\"form-control\"\n            id=\"recommendation-text\"\n            aria-describedby=\"guestMessage\"\n            rows=\"4\"\n            name=\"guest_question\"\n            on:change={handleChange}\n            bind:value={$form.guest_question}\n            required />\n          <ErrorMessage name={\"guest_question\"} />\n        </div>\n\n        <div class=\"text-center\">\n          <HCaptcha\n            bind:this={captcha}\n            on:success={(ev) => ($form.hcaptchaToken = ev.detail.token)} />\n        </div>\n      </div>\n    </div>\n  </div>\n  <ModalFooter>\n    <button\n      type=\"button\"\n      class=\"btn btn-outline-muted\"\n      on:click={() => dispatch(\"close\")}>\n      Cancel\n    </button>\n    <button type=\"submit\" class=\"btn btn-primary px-5\">Send</button>\n  </ModalFooter>\n</form>\n","<script lang=\"ts\">\n  import { Modal, ModalBody, ModalHeader } from \"sveltestrap\";\n  import Form from \"./Form.svelte\";\n\n  export let businessCode;\n  export let isOpen = false;\n  export let toggle: () => void;\n</script>\n\n<Modal {isOpen} {toggle} transitionOptions={{ duration: 150 }}>\n  <ModalHeader {toggle}>Ask Us a Question</ModalHeader>\n  <ModalBody class=\"p-0\">\n    <Form {businessCode} on:close={toggle} />\n  </ModalBody>\n</Modal>\n","import { writable } from \"svelte/store\";\n\nexport const errors = writable({});\n","<script lang=\"ts\">\n  import { setContext } from \"svelte\";\n  import Modal from \"./Modal.svelte\";\n  import { errors } from \"./stores\";\n\n  export let businessCode;\n\n  setContext(\"errors\", errors);\n\n  let isOpen = false;\n  const toggle = () => {\n    isOpen = !isOpen;\n\n    // hide booking footer at bottom of page\n    // booking footer is mounted on profile pages\n    const bookingFooter: HTMLElement = document.querySelector(\".booking-footer\");\n    if (isOpen && bookingFooter) {\n      bookingFooter.style.visibility = \"hidden\";\n    } else if (!isOpen && bookingFooter) {\n      bookingFooter.style.visibility = \"visible\";\n    }\n  };\n</script>\n\n<button\n  type=\"button\"\n  class=\"text-center btn btn-outline-muted btn-block\"\n  on:click={toggle}>\n  Ask Us a Question\n</button>\n\n<Modal bind:isOpen {businessCode} {toggle} />\n","import Button from \"./Button.svelte\";\nimport { initComponentsByClassName } from \"/shared/svelte\";\n\n$(() => {\n  initComponentsByClassName(\"guestQuestion\", Button);\n});\n","<script lang=\"ts\" context=\"module\">\n  declare global {\n    interface Window {\n      hCaptchaKey: string;\n      handleCaptchaOnLoad: Function;\n      handleSuccess: Function;\n    }\n  }\n\n  declare var hcaptcha: any;\n</script>\n\n<script lang=\"ts\">\n  import { onDestroy, createEventDispatcher, onMount } from \"svelte\";\n\n  const dispatch = createEventDispatcher();\n\n  export const reset = () => {\n    if (mounted && loaded && widgetID) hcaptcha.reset(widgetID);\n  };\n\n  const hCaptchaKey = window.hCaptchaKey;\n  // ensure that all captcha divs on a page are uniquely identifiable\n  const id = Math.floor(Math.random() * 100);\n\n  let mounted = false;\n  let loaded = false;\n  let widgetID;\n\n  window.handleCaptchaOnLoad = () => {\n    loaded = true;\n  };\n\n  window.handleSuccess = (token) => {\n    dispatch(\"success\", {\n      token: token,\n    });\n  };\n\n  onMount(() => {\n    mounted = true;\n  });\n\n  onDestroy(() => {\n    window.handleCaptchaOnLoad = null;\n    window.handleSuccess = null;\n    // guard against script loading race conditions\n    // i.e. if component is destroyed before hcaptcha reference is loaded\n    if (loaded) hcaptcha = null;\n  });\n\n  $: if (mounted && loaded) {\n    widgetID = hcaptcha.render(`h-captcha-${id}`, {\n      sitekey: hCaptchaKey,\n      callback: \"handleSuccess\",\n    });\n  }\n</script>\n\n<svelte:head>\n  <script\n    src=\"https://hcaptcha.com/1/api.js?render=explicit&onload=handleCaptchaOnLoad\"\n    async\n    defer>\n  </script>\n</svelte:head>\n\n<div id=\"h-captcha-{id}\" />\n","import { ApiApi } from \"/apiFactory/api\";\nimport { Configuration } from \"/apiFactory/configuration\";\n// @ts-ignore\nimport { csrftoken } from \"/shared/utils.js\";\n\nconst url = new URL(window.location.href);\nconst config = new Configuration({\n  basePath: url.origin,\n  baseOptions: {\n    headers: {\n      \"X-CSRFToken\": csrftoken,\n    },\n  },\n});\n\nconst api = new ApiApi(config);\n\nexport default api;\n"],"names":["guest_name","guest_email","guest_question","businessCode","dispatch","captcha","form","handleChange","handleSubmit","initialValues","hcaptchaToken","onSubmit","async","$form","api","business_profile","token","error","response","data","reset","ev","detail","duration","isOpen","toggle","errors","bookingFooter","document","querySelector","style","visibility","$","hCaptchaKey","window","id","Math","floor","random","widgetID","mounted","loaded","handleCaptchaOnLoad","handleSuccess","hcaptcha","render","sitekey","callback","url","URL","location","href","config","basePath","origin","baseOptions","headers"],"sourceRoot":""}