{"version":3,"file":"GetFindAdvisor-B4PdOSIB.js","sources":["../../node_modules/@heroicons/vue/outline/esm/MapIcon.js","../../node_modules/@heroicons/vue/outline/esm/MicrophoneIcon.js","../../node_modules/@heroicons/vue/solid/esm/ShieldCheckIcon.js","../../src/components/find-an-advisor/shared/DisclosureAdvisor.vue","../../src/components/find-an-advisor/show/ProfileHeader.vue","../../src/components/find-an-advisor/show/ProfileListBlockCard.vue","../../src/components/find-an-advisor/shared/Modal.vue","../../src/components/find-an-advisor/show/ProfileContactFormModal.vue","../../src/components/find-an-advisor/Show.vue","../../src/pages/GetFindAdvisor.ts"],"sourcesContent":["import { createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"2\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\"\n  }, [\n    _createVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7\"\n    })\n  ]))\n}","import { createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"2\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\"\n  }, [\n    _createVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z\"\n    })\n  ]))\n}","import { createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\"\n  }, [\n    _createVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M2.166 4.999A11.954 11.954 0 0010 1.944 11.954 11.954 0 0017.834 5c.11.65.166 1.32.166 2.001 0 5.225-3.34 9.67-8 11.317C5.34 16.67 2 12.225 2 7c0-.682.057-1.35.166-2.001zm11.541 3.708a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\",\n      \"clip-rule\": \"evenodd\"\n    })\n  ]))\n}","<template>\n  <div>\n    <p>\n      The annual XYPN membership fee paid by this firm is in consideration of a\n      variety of services and benefits provided by XYPN to its advisor members -\n      including the ability to be listed in this Directory. For a complete\n      description of current XYPN member benefits, please refer to the\n      <a href=\"https://www.xyplanningnetwork.com/advisor/member-benefits/\"\n        >Membership Benefits section</a\n      >\n      of this website. For current membership pricing, please refer to the\n      <a href=\"https://www.xyplanningnetwork.com/advisor/pricing/\"\n        >Pricing section</a\n      >.\n    </p>\n    <p>\n      XYPN, due to the compensation it receives from advisors in the form of the\n      annual membership fee, has an incentive to list only these such advisors\n      in the Directory. This creates a material conflict of interest.\n    </p>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { ShieldCheckIcon } from \"@heroicons/vue/solid\"\nimport { FindAnAdvisorProfile } from \"@/types/profile\"\nimport ProfileImage from \"@/components/shared/ProfileImage.vue\"\nimport { useFindAnAdvisorProfile } from \"@/composables/advisor-profile\"\nimport GradientBG from \"@/assets/gradient-blueberry.webp\"\nimport { ref } from \"vue\"\n\n// TODO: (spk) all advisors should have taken a fiduciary oath.\n// rather than link to their signed document, maybe we should link to a marketing\n// page that explains why this is a great feature.\n\nconst props = defineProps<{ profile: FindAnAdvisorProfile }>()\n\nconst { firmLogoURL, profileImageURL } = useFindAnAdvisorProfile(props.profile)\n\nconst imgLoaded = ref(false)\n</script>\n\n<template>\n  <header\n    class=\"bg-gradient-to-r from-blue-700 to-blue-500 px-5 pt-16 pb-14 text-white md:px-12 lg:py-20 relative\"\n  >\n    <div\n      class=\"bg-scroll bg-cover bg-left-top absolute inset-0 z-0\"\n      :style=\"`background-image: url(${GradientBG});`\"\n    />\n    <div\n      class=\"container max-w-5xl flex flex-col gap-8 items-center md:flex-row md:justify-center md:gap-12 relative z-10\"\n    >\n      <div>\n        <div class=\"relative\">\n          <div class=\"shrink-0 w-60\">\n            <ProfileImage :src=\"profileImageURL\" />\n          </div>\n\n          <div\n            class=\"absolute right-0 bottom-0 translate-x-1/3 translate-y-1/3 transition-opacity\"\n            :class=\"imgLoaded ? 'visible opacity-100' : 'opacity-0 invisible'\"\n          >\n            <div class=\"shrink-0 w-28 rounded-md overflow-hidden shadow-lg\">\n              <div class=\"bg-white p-1\">\n                <img\n                  class=\"object-scale-down w-full h-full\"\n                  :src=\"firmLogoURL\"\n                  :alt=\"`${profile.firmName} logo`\"\n                  :onload=\"(e) => (imgLoaded = true)\"\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div>\n        <p class=\"text-blue-200 text-sm font-bold mb-1 lg:text-base\">\n          <span class=\"inline-flex items-center gap-x-1\">\n            <ShieldCheckIcon class=\"w-5 h-5\" />\n            Fiduciary Oath\n          </span>\n        </p>\n        <h1\n          class=\"text-3xl leading-8 font-extrabold font-display text-white mb-0.5 lg:text-5xl\"\n        >\n          {{ profile.name }}\n        </h1>\n        <h2\n          class=\"text-lg leading-5 font-medium text-neutral-100 lg:text-xl lg:leading-6\"\n        >\n          {{ profile.firmName }}\n        </h2>\n\n        <div v-if=\"profile.designations\" class=\"mt-3.5\">\n          <ul class=\"flex flex-wrap -mx-0.5\">\n            <li\n              v-for=\"designation in profile.designations\"\n              :key=\"designation\"\n              class=\"mx-0.5 mb-0.5\"\n            >\n              <span class=\"xy-badge-blue\">{{ designation }}</span>\n            </li>\n          </ul>\n        </div>\n      </div>\n    </div>\n  </header>\n</template>\n","<script setup lang=\"ts\">\nimport { AdvisorProfileListItem } from \"@/types/profile\"\nimport Border from \"@/components/shared/Border.vue\"\nimport { outboundCapture } from \"@/composables/advisor-profile\"\n\nconst props = defineProps<{\n  title: string\n  items: AdvisorProfileListItem[]\n}>()\n</script>\n\n<template>\n  <div\n    v-if=\"props.items.length > 0\"\n    class=\"bg-white px-5 py-6 2xl:px-6 2xl:py-7 rounded-xy shadow-md border border-neutral-100\"\n  >\n    <h3 class=\"text-lg leading-5 font-bold mb-2 text-neutral-600\">\n      {{ props.title }}\n    </h3>\n\n    <Border size=\"short\" class=\"mb-6\" />\n\n    <ul class=\"space-y-1.5\">\n      <li v-for=\"(item, index) in props.items\" :key=\"index\">\n        <div class=\"inline-flex items-start gap-x-1.5\">\n          <component :is=\"item.icon\" class=\"w-5 h-5 shrink-0 text-xy-blue\" />\n          <span class=\"text-sm font-medium text-xy-black\">\n            <template v-if=\"item.link\">\n              <a\n                :href=\"item.link\"\n                class=\"xy-link\"\n                target=\"_blank\"\n                rel=\"external\"\n                @click.prevent=\"outboundCapture(item.link)\"\n                >{{ item.value }}</a\n              >\n            </template>\n            <template v-else>\n              {{ item.value }}\n            </template>\n          </span>\n        </div>\n      </li>\n    </ul>\n\n    <div v-if=\"$slots['default']\" class=\"mt-5\">\n      <slot />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport CircleIcon from \"@/components/shared/CircleIcon.vue\"\nimport {\n  Dialog,\n  DialogOverlay,\n  DialogTitle,\n  TransitionChild,\n  TransitionRoot,\n} from \"@headlessui/vue\"\nimport { XIcon } from \"@heroicons/vue/outline\"\nimport Border from \"@/components/shared/Border.vue\"\n\ndefineProps<{\n  title: string\n  icon: InstanceType<(typeof CircleIcon)[\"$props\"]>\n}>()\n\nconst showModal = defineModel<boolean>({ required: true })\n</script>\n\n<template>\n  <TransitionRoot as=\"template\" :show=\"showModal\">\n    <Dialog\n      as=\"div\"\n      static\n      class=\"fixed z-30 inset-0 overflow-y-auto antialiased text-xy-black\"\n      :open=\"showModal\"\n      @close=\"showModal = false\"\n    >\n      <div\n        class=\"flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0\"\n      >\n        <TransitionChild\n          as=\"template\"\n          enter=\"ease-out duration-300\"\n          enter-from=\"opacity-0\"\n          enter-to=\"opacity-100\"\n          leave=\"ease-in duration-200\"\n          leave-from=\"opacity-100\"\n          leave-to=\"opacity-0\"\n        >\n          <DialogOverlay\n            class=\"fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity\"\n          />\n        </TransitionChild>\n\n        <!-- This element is to trick the browser into centering the modal contents. -->\n        <span\n          class=\"hidden sm:inline-block sm:align-middle sm:h-screen\"\n          aria-hidden=\"true\"\n          >&#8203;</span\n        >\n        <TransitionChild\n          as=\"template\"\n          enter=\"ease-out duration-300\"\n          enter-from=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\n          enter-to=\"opacity-100 translate-y-0 sm:scale-100\"\n          leave=\"ease-in duration-200\"\n          leave-from=\"opacity-100 translate-y-0 sm:scale-100\"\n          leave-to=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\n        >\n          <div\n            class=\"inline-block align-bottom bg-white rounded-xy text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-xl w-full\"\n          >\n            <div class=\"block absolute z-10 top-0 right-0 pt-4 pr-4\">\n              <button\n                type=\"button\"\n                class=\"group rounded-full focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500\"\n                @click=\"showModal = false\"\n              >\n                <span class=\"sr-only\">Close</span>\n                <CircleIcon\n                  :icon=\"XIcon\"\n                  bg-color=\"bg-neutral-50 group-hover:bg-neutral-100\"\n                  icon-color=\"text-neutral-500 group-hover:text-neutral-700\"\n                  size=\"small\"\n                />\n              </button>\n            </div>\n\n            <div class=\"bg-white p-5 pb-5 sm:p-8 sm:pb-6\">\n              <div\n                class=\"flex items-center pr-5 space-x-2 md:space-x-3.5 text-xy-black\"\n              >\n                <div class=\"shrink-0\" aria-hidden=\"true\">\n                  <CircleIcon v-bind=\"icon\" size=\"normal\" />\n                </div>\n                <div>\n                  <DialogTitle\n                    as=\"h3\"\n                    class=\"font-display font-extrabold text-xl leading-6 sm:text-2xl sm:leading-7\"\n                  >\n                    {{ title }}\n                  </DialogTitle>\n                </div>\n              </div>\n              <Border size=\"short\" class=\"ml-2 mt-5 mb-6\" />\n              <div>\n                <slot />\n              </div>\n            </div>\n          </div>\n        </TransitionChild>\n      </div>\n    </Dialog>\n  </TransitionRoot>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, ref, watch } from \"vue\"\nimport {\n  CalendarIcon,\n  ChatAlt2Icon as ContactIcon,\n  ThumbDownIcon as ErrorIcon,\n} from \"@heroicons/vue/outline\"\nimport {\n  BaseAPI,\n  BaseInput,\n  HttpError,\n  TextArea,\n  TrailsResp,\n  isHttpError,\n  useAppFlasher,\n  useBaseAPIPost,\n} from \"@xy-planning-network/trees\"\nimport { CheckCircleIcon as SuccessIcon } from \"@heroicons/vue/solid\"\nimport { useCaptcha } from \"@/composables/forms\"\nimport logger from \"@/composables/logger\"\nimport { FindAnAdvisorProfile } from \"@/types/profile\"\nimport Modal from \"../shared/Modal.vue\"\nimport { router } from \"@/routes\"\nimport { useCalendly } from \"@/composables/calendly\"\nimport { outboundCapture } from \"@/composables/advisor-profile\"\nimport ActionPanelWell from \"@/components/shared/ActionPanelWell.vue\"\nimport { HTTP_INTERNAL_SERVER_ERROR } from \"@/constants/http\"\n\nconst props = defineProps<{\n  profile: FindAnAdvisorProfile\n}>()\n\nconst showModal = defineModel<boolean>({ required: true })\n\nconst { captchaReady, captchaExecute, captchaRequest } =\n  useCaptcha(\"faaContact\")\nconst {\n  result,\n  error,\n  isLoading,\n  execute: postContactForm,\n} = useBaseAPIPost(router.FindAdvisor_Contact({ slug: props.profile.slug }), {\n  withDelay: 500,\n})\n\nconst formDefaults = {\n  email: \"\",\n  message: \"\",\n  name: \"\",\n  phone: \"\",\n  preferredContact: \"\",\n  slug: props.profile.slug,\n}\nconst contactForm = ref({ ...formDefaults })\n\nconst messageCount = computed(() => {\n  return contactForm.value.message.length\n})\n\nconst submit = () => {\n  captchaExecute()\n    .then(() =>\n      postContactForm({ ...contactForm.value, captcha: captchaRequest.value })\n    )\n    .then(() => {\n      // reset the form\n      contactForm.value = { ...formDefaults }\n    })\n    .catch((err: HttpError | Error) => {\n      if (!isHttpError(err)) {\n        logger.report(err)\n        useAppFlasher.genericError()\n        return\n      }\n\n      if (isHttpError(err) && err.status === HTTP_INTERNAL_SERVER_ERROR) {\n        useAppFlasher.genericError()\n        return\n      }\n    })\n}\n\nwatch(showModal, (show) => {\n  // if the modal is closed reset the result and error values\n  // a little timeout let's the close animation complete\n  if (show === false) {\n    setTimeout(() => {\n      result.value = null\n      error.value = null\n    }, 500)\n  }\n\n  // draw focus on the first input element when the modal is opened\n  // BaseInput does not expose the internal input el so we must\n  // query the input instead of using a TemplateRef\n  if (show === true) {\n    nextTick(() => {\n      const nameInput = document.querySelector<HTMLInputElement>(\"#name\")\n      if (nameInput !== null) {\n        nameInput.focus()\n      }\n    })\n  }\n})\n\n// NOTE(spk): there is minimal event handling available with Calendly\n// we can at best know if the required script and styles have been added\n// to the page, but there does not appear to be a way to determine if a Calendly\n// booking url is valid.  Under some circumstances the Calendly UI will show a helpful error.\n//\n// We avoid showing the CalendlyConnect panel until we know Calendly scripts are ready,\n// but we are relying on members to do their own testing from this point on.\n//\n// Members can apply a booking url to any provider on their profile.  We send the user\n// to that direct link whenever it's an provider other than calendly.\n// https://regex101.com/r/SOp2xx/1\nconst calendlyRegex = /^(?:https|http):\\/\\/(?:www\\.)?calendly\\.com\\/[^ ]+$/\nconst hasCalendly = calendlyRegex.test(props.profile.bookingUrl)\n\nconst hasOtherBookingURL = !hasCalendly && props.profile.bookingUrl\nconst { openPopup, onScheduled, isLoaded } = useCalendly({\n  url: props.profile.bookingUrl,\n  utmMedium: \"Find an Advisor Profile Page\",\n})\n\nconst openScheduleMeeting = () => {\n  if (hasCalendly) {\n    openPopup()\n  } else {\n    outboundCapture(props.profile.bookingUrl, true)\n  }\n\n  showModal.value = false\n}\n\nonScheduled((url: string) => {\n  BaseAPI.post<TrailsResp<never>>(router.PortalEvents(), {\n    event: \"faa_calendly_scheduled\",\n    data: {\n      link: url,\n      slug: props.profile.slug,\n    },\n  }).catch(() => {\n    // NOTE(spk): swallow errors - most errors are likely to be related to\n    // browser interference and will just be noise.\n  })\n})\n</script>\n\n<template>\n  <Modal\n    v-if=\"error\"\n    key=\"error\"\n    v-model=\"showModal\"\n    :icon=\"{\n      bgColor: 'bg-red-50',\n      iconColor: 'text-red-400',\n      icon: ErrorIcon,\n    }\"\n    title=\"Whoops! Something unexpected happened\"\n  >\n    <div>\n      <p class=\"text-lg leading-normal\">\n        This is unusual and we've probably already been alerted to it, but if\n        you continue to see this message please\n        <a\n          href=\"mailto:membership@xyplanningnetwork.com?subject=Find an Advisor search error\"\n          class=\"xy-link\"\n          >let us know</a\n        >.\n      </p>\n      <button class=\"xy-btn-secondary mt-8\" @click=\"error = null\">\n        Try Again\n      </button>\n    </div>\n  </Modal>\n\n  <Modal\n    v-else-if=\"result\"\n    key=\"success\"\n    v-model=\"showModal\"\n    :icon=\"{\n      bgColor: 'bg-green-50',\n      iconColor: 'text-green-400',\n      icon: SuccessIcon,\n    }\"\n    title=\"Success! Your message has been shipped\"\n  >\n    <div>\n      <p class=\"text-lg leading-normal\">\n        We've let this advisor know you're interested in connecting. Keep an eye\n        out for their response to your preferred contact method.\n      </p>\n      <button class=\"xy-btn-secondary mt-8\" @click=\"showModal = false\">\n        Close\n      </button>\n    </div>\n  </Modal>\n\n  <Modal\n    v-else\n    key=\"form\"\n    v-model=\"showModal\"\n    :icon=\"{\n      bgColor: 'bg-blue-50',\n      iconColor: 'text-blue-400',\n      icon: ContactIcon,\n    }\"\n    :title=\"`Connect with ${props.profile.name}`\"\n  >\n    <div>\n      <div\n        v-if=\"(hasCalendly && isLoaded) || hasOtherBookingURL\"\n        class=\"border-b border-b-neutral-100 pb-8 mb-8\"\n      >\n        <ActionPanelWell\n          btn-text=\"Select a Date & Time &rarr;\"\n          :icon=\"CalendarIcon\"\n          title=\"Let's Get to Know Each Other\"\n          content=\"Schedule a call with this advisor.\"\n          @click=\"openScheduleMeeting\"\n        />\n      </div>\n      <h4 class=\"text-base leading-normal font-semibold mb-4\">\n        Request a Callback\n      </h4>\n      <form @submit.prevent=\"submit\">\n        <div class=\"grid gap-y-2.5\">\n          <div>\n            <BaseInput\n              id=\"name\"\n              v-model=\"contactForm.name\"\n              type=\"text\"\n              label=\"Name\"\n              placeholder=\"Full Name\"\n              required\n            />\n          </div>\n          <div>\n            <BaseInput\n              v-model=\"contactForm.email\"\n              type=\"email\"\n              label=\"Email Address\"\n              placeholder=\"you@example.com\"\n              required\n            />\n          </div>\n          <div class=\"\">\n            <BaseInput\n              v-model=\"contactForm.phone\"\n              type=\"tel\"\n              label=\"Phone Number\"\n              placeholder=\"555-555-5555\"\n              required\n            />\n          </div>\n          <div class=\"\">\n            <div class=\"my-2\">\n              <Radio\n                v-model=\"contactForm.preferredContact\"\n                :columns=\"2\"\n                label=\"Preferred Contact Method\"\n                :options=\"[\n                  { label: 'Email', value: 'email' },\n                  { label: 'Phone', value: 'phone' },\n                ]\"\n                required\n              />\n            </div>\n          </div>\n          <div class=\"sm:col-span-1\">\n            <TextArea\n              v-model=\"contactForm.message\"\n              placeholder=\"Include details that can help your potential advisor make the most of your time together when they first contact you.\"\n              label=\"What do you want this advisor to know?\"\n              maxlength=\"800\"\n              rows=\"6\"\n              required\n            />\n            <div class=\"mt-0.5 text-sm font-medium text-neutral-600\">\n              {{ messageCount }}/800\n            </div>\n          </div>\n        </div>\n\n        <div>\n          <button\n            class=\"xy-btn mt-8\"\n            type=\"submit\"\n            :disabled=\"!captchaReady || isLoading\"\n          >\n            Submit\n          </button>\n        </div>\n      </form>\n    </div>\n  </Modal>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, useTemplateRef } from \"vue\"\nimport {\n  DesktopComputerIcon,\n  DocumentTextIcon,\n  MapIcon,\n  MicrophoneIcon,\n} from \"@heroicons/vue/outline\"\nimport { FindAnAdvisorProfile } from \"@/types/profile\"\nimport {\n  outboundCapture,\n  useFindAnAdvisorProfile,\n} from \"@/composables/advisor-profile\"\nimport AppLayout from \"@/components/find-an-advisor/shared/AppLayout.vue\"\nimport DisclosureAdvisor from \"@/components/find-an-advisor/shared/DisclosureAdvisor.vue\"\nimport GrayGridBG from \"@/assets/gray-grid.webp\"\nimport Prose from \"@/components/shared/Prose.vue\"\nimport ProfileHeader from \"@/components/find-an-advisor/show/ProfileHeader.vue\"\nimport ProfileListBlockCard from \"@/components/find-an-advisor/show/ProfileListBlockCard.vue\"\nimport InitialProps from \"@/types/root\"\nimport VideoEmbedInfo from \"@/types/video-embed\"\nimport Border from \"@/components/shared/Border.vue\"\nimport GradientBG from \"@/assets/gradient-blueberry.webp\"\nimport ProfileContactFormModal from \"@/components/find-an-advisor/show/ProfileContactFormModal.vue\"\nimport ProfileIconListItem from \"@/components/find-an-advisor/show/ProfileIconListItem.vue\"\n\nconst props = defineProps<{\n  faaProfile: FindAnAdvisorProfile\n  initialProps: InitialProps\n  introVideoEmbedInfo: VideoEmbedInfo\n}>()\n\nconst profile = ref({ ...props.faaProfile })\n\nconst {\n  bioGraphs,\n  feeOptionsList,\n  idealClientsList,\n  mediaMentionsList,\n  publisherLogos,\n  secRecordsList,\n  socialsList,\n} = useFindAnAdvisorProfile(profile)\n\nconst showFullBio = ref(false)\n// NOTE: (spk) alternative to truncating bio, allow it to be full length and make the contact aside sticky\nconst bioRef = useTemplateRef(\"bio\")\nconst bioOverflow = computed(() => {\n  if (bioRef.value === null) {\n    return false\n  }\n\n  return bioRef.value.offsetHeight - 150 > window.screen.height\n})\nconst bioIsTruncated = computed(() => {\n  if (bioOverflow.value === false) {\n    return false\n  }\n\n  if (showFullBio.value === true) {\n    return false\n  }\n\n  return true\n})\n\nconst showContactForm = ref<boolean>(false)\n\nconst videoEmbedStyles =\n  props.introVideoEmbedInfo.height === 0 ||\n  props.introVideoEmbedInfo.width === 0 ||\n  props.introVideoEmbedInfo.height > props.introVideoEmbedInfo.width\n    ? \"aspect-ratio: 16 / 9\" // common 16x9 video aspect ratio\n    : `aspect-ratio: ${props.introVideoEmbedInfo.width} / ${props.introVideoEmbedInfo.height}`\n\nconst linksList = computed(() => [\n  {\n    icon: DesktopComputerIcon,\n    text: \"Visit Website\",\n    url: profile.value.websiteUrl,\n  },\n  { icon: DocumentTextIcon, text: \"Visit Blog\", url: profile.value.blogUrl },\n  {\n    icon: MicrophoneIcon,\n    text: \"Visit Podcast\",\n    url: profile.value.podcastUrl,\n  },\n])\n</script>\n\n<template>\n  <!--TODO: (spk) offer back to search link? - back button will currently hold last search query -->\n  <AppLayout>\n    <article>\n      <!--Profile Header-->\n      <ProfileHeader :profile=\"profile\" />\n\n      <div class=\"2xl:container\">\n        <div class=\"lg:flex lg:flex-wrap text-xy-black\">\n          <!--Contact  Info-->\n          <div class=\"faa-block flex flex-col items-center lg:w-1/3 xl:w-[25%]\">\n            <div\n              class=\"md:flex md:justify-between md:items-center md:gap-12 lg:block\"\n            >\n              <div>\n                <h3\n                  class=\"text-xl leading-6 font-extrabold mb-2 text-neutral-600\"\n                >\n                  Contact Information\n                </h3>\n                <Border size=\"short\" class=\"mb-6\" />\n                <div\n                  class=\"flex flex-col gap-3.5 text-sm leading-4 font-semibold\"\n                >\n                  <div\n                    v-if=\"profile.address\"\n                    class=\"inline-flex items-center gap-x-2\"\n                  >\n                    <component\n                      :is=\"MapIcon\"\n                      class=\"w-6 h-auto text-gray-500 shrink-0\"\n                    />\n                    {{ profile.address }}\n                  </div>\n\n                  <div v-for=\"(link, idx) in linksList\" :key=\"`link-${idx}`\">\n                    <div v-if=\"link.url\">\n                      <ProfileIconListItem\n                        :icon=\"link.icon\"\n                        :url=\"link.url\"\n                        :text=\"link.text\"\n                        @click.prevent=\"outboundCapture(link.url)\"\n                      />\n                    </div>\n                  </div>\n                </div>\n\n                <div v-if=\"socialsList.length > 0\" class=\"mt-4\">\n                  <ul class=\"flex gap-2\">\n                    <li\n                      v-for=\"social in socialsList\"\n                      :key=\"social.platform\"\n                      class=\"shrink-0 w-7\"\n                    >\n                      <a\n                        :href=\"social.url\"\n                        target=\"_blank\"\n                        @click.prevent=\"outboundCapture(social.url)\"\n                      >\n                        <span class=\"sr-only\">{{ social.platform }} link</span>\n                        <component :is=\"social.icon\" aria-hidden=\"true\" />\n                      </a>\n                    </li>\n                  </ul>\n                </div>\n              </div>\n\n              <div\n                class=\"mt-6 pt-6 border-t border-neutral-300 md:mt-0 md:pt-0 md:border-t-0 lg:mt-6 lg:pt-6 lg:border-t\"\n              >\n                <button\n                  class=\"xy-btn-lg w-full\"\n                  @click=\"showContactForm = true\"\n                >\n                  Contact {{ profile.name }}\n                </button>\n              </div>\n            </div>\n          </div>\n\n          <!--Clients and Fees-->\n          <div class=\"relative faa-block lg:w-full lg:order-1 xl:w-[30%]\">\n            <div\n              class=\"bg-scroll bg-center bg-repeat -z-0 absolute inset-0 xl:hidden\"\n              :style=\"`background-image: url(${GrayGridBG});`\"\n            />\n            <div class=\"relative\">\n              <div\n                class=\"grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-1\"\n              >\n                <ProfileListBlockCard\n                  title=\"Ideal Clients\"\n                  :items=\"idealClientsList\"\n                />\n\n                <ProfileListBlockCard\n                  title=\"Fee Options\"\n                  :items=\"feeOptionsList\"\n                >\n                  <p class=\"text-xs text-neutral-700\">\n                    *Fees are subject to change. Contact this advisor for their\n                    most up to date fees.\n                  </p>\n                </ProfileListBlockCard>\n\n                <ProfileListBlockCard\n                  title=\"SEC Records\"\n                  :items=\"secRecordsList\"\n                />\n\n                <ProfileListBlockCard\n                  title=\"In The Media\"\n                  :items=\"mediaMentionsList\"\n                />\n              </div>\n            </div>\n          </div>\n\n          <!--Bio-->\n          <div class=\"faa-block relative lg:w-2/3 xl:px-0 xl:w-[45%]\">\n            <div>\n              <div class=\"mb-5\">\n                <h2\n                  class=\"text-2xl leading-6 font-extrabold font-display lg:text-4xl lg:leading-9\"\n                >\n                  About {{ profile.name }}\n                </h2>\n              </div>\n              <!--NOTE: This content comes from oembed API and is trusted-->\n              <!-- eslint-disable vue/no-v-html -->\n              <div\n                v-if=\"introVideoEmbedInfo.html\"\n                :style=\"videoEmbedStyles\"\n                class=\"bg-black mb-5 overflow-hidden [&>*]:w-full [&>*]:h-full\"\n                v-html=\"introVideoEmbedInfo.html\"\n              />\n              <!-- eslint-enable vue/no-v-html -->\n              <div>\n                <!-- NOTE: (spk) max-h-screen could be problematic for the landscapers -->\n                <div\n                  :class=\"\n                    bioIsTruncated ? ['max-h-screen', 'overflow-hidden'] : ''\n                  \"\n                >\n                  <div ref=\"bio\">\n                    <div>\n                      <Prose class=\"text-xy-black 2xl:prose-lg\">\n                        <p v-for=\"(graph, index) in bioGraphs\" :key=\"index\">\n                          {{ graph }}\n                        </p>\n                      </Prose>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div\n                v-if=\"bioIsTruncated\"\n                class=\"absolute inset-x-0 bottom-0 flex flex-col items-center justify-end h-1/4 bg-gradient-to-t from-white to-transparent\"\n              >\n                <div class=\"mb-8\">\n                  <button\n                    class=\"xy-btn-secondary-lg\"\n                    @click=\"showFullBio = true\"\n                  >\n                    Show Full Bio\n                  </button>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </article>\n\n    <!--Publisher Logos-->\n    <div v-if=\"publisherLogos.length > 0\" class=\"bg-neutral-50\">\n      <div class=\"faa-block max-w-7xl flex flex-col items-center\">\n        <h3 class=\"h1 font-display font-extrabold\">Featured In</h3>\n        <Border size=\"wide\" class=\"my-5\" />\n        <div class=\"flex flex-wrap items-center justify-center w-full\">\n          <div\n            v-for=\"image in publisherLogos\"\n            :key=\"image\"\n            class=\"shrink-0 w-1/2 sm:w-1/3 xl:w-1/5 px-5 py-7\"\n          >\n            <!-- \n            NOTE:(spk) using svgs as an img src doesn't support features like fill-current.\n            However, vector versions of some publisher logos could not be found, so embedding the\n            raw svg markup isn't useful.  We'll use the invert filter to give them a subtle\n            desaturated look which will work with any image types we end up with.\n            -->\n            <img class=\"max-h-8 xl:max-h-14 w-full invert-[.3]\" :src=\"image\" />\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!--CTA-->\n    <div class=\"bg-xy-blue px-10 pt-16 pb-14 text-white relative\">\n      <div\n        class=\"bg-scroll bg-cover bg-left-top absolute inset-0 z-0\"\n        :style=\"`background-image: url(${GradientBG});`\"\n      />\n      <div class=\"flex flex-col items-center relative z-10\">\n        <div\n          class=\"max-w-lg lg:flex lg:items-center lg:justify-between lg:max-w-3xl\"\n        >\n          <p\n            class=\"text-3xl leading-8 font-extrabold font-display text-neutral-50 lg:text-4xl lg:leading-9\"\n          >\n            Find Your Fee-Only Financial Advisor Today\n          </p>\n          <p class=\"mt-5 lg:mt-0 lg:shrink-0\">\n            <button\n              class=\"faa-btn-outline-inverse\"\n              @click=\"showContactForm = true\"\n            >\n              Contact {{ profile.name }}\n            </button>\n          </p>\n        </div>\n      </div>\n    </div>\n\n    <template #disclosure>\n      <DisclosureAdvisor />\n    </template>\n\n    <!--Contact form-->\n    <ProfileContactFormModal v-model=\"showContactForm\" :profile=\"profile\" />\n  </AppLayout>\n</template>\n","import Main from \"../components/find-an-advisor/Show.vue\"\nimport init from \"../root_init\"\ninit(Main)\n"],"names":["render","_ctx","_cache","_openBlock","_createBlock","_createVNode","_createElementBlock","_createElementVNode","_createTextVNode","props","__props","firmLogoURL","profileImageURL","useFindAnAdvisorProfile","imgLoaded","ref","showModal","_useModel","captchaReady","captchaExecute","captchaRequest","useCaptcha","result","error","isLoading","postContactForm","useBaseAPIPost","router","formDefaults","contactForm","messageCount","computed","submit","err","isHttpError","logger","useAppFlasher","HTTP_INTERNAL_SERVER_ERROR","watch","show","nextTick","nameInput","hasCalendly","hasOtherBookingURL","openPopup","onScheduled","isLoaded","useCalendly","openScheduleMeeting","outboundCapture","url","BaseAPI","profile","bioGraphs","feeOptionsList","idealClientsList","mediaMentionsList","publisherLogos","secRecordsList","socialsList","showFullBio","bioRef","useTemplateRef","bioOverflow","bioIsTruncated","showContactForm","videoEmbedStyles","linksList","DesktopComputerIcon","DocumentTextIcon","MicrophoneIcon","init","Main"],"mappings":"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","x_google_ignoreList":[0,1,2]}