{"version":3,"file":"component-BBhfLsix.js","sources":["../../../app/frontend/components/contact-sales-modal/input-field.vue","../../../app/frontend/components/contact-sales-modal/component.vue"],"sourcesContent":["<template>\n  <label class=\"mb-2\">\n    <div class=\"b lh-title\">\n      <slot></slot>\n    </div>\n\n    <div class=\"flex flex-column\" v-if=\"errors\">\n      <div class=\"dark-red\" v-for=\"error in errors\" v-bind:key=\"error\">{{ error }}</div>\n    </div>\n\n    <textarea v-if=\"type === 'textarea'\" ref=\"input\" :class=\"inputClasses\" class=\"br3 ba b--light-silver w-100 mt2\"\n      rows=\"3\" :placeholder=\"placeholder\" v-model=\"value\"></textarea>\n    <input v-else :class=\"inputClasses\" ref=\"input\" class=\"mt2 mb4 br3 ba b--light-silver w-100\"\n      :placeholder=\"placeholder\" :type=\"type\" v-model=\"value\" />\n  </label>\n</template>\n\n<script>\nexport default {\n  name: 'inputField',\n  emits: ['update:modelValue'],\n  props: {\n    required: { type: Boolean, default: true },\n    errors: { type: Array, default: () => [] },\n    type: { type: String, default: 'text' },\n    modelValue: { type: String, required: true },\n    placeholder: { type: String, required: true }\n  },\n\n  mounted () {\n    if (this.required) this.$refs.input.setAttribute('required', true);\n  },\n\n  methods: {\n    updateTextareaHeight () {\n      if (!this.$refs.input) return;\n      if (this.type !== 'textarea') return;\n\n      this.$refs.input.style.height = 'auto';\n      this.$refs.input.style.height = this.$refs.input.scrollHeight + 'px';\n    }\n  },\n\n  computed: {\n    inputClasses () {\n      return this.errors.length ? 'b--red bg-washed-red' : '';\n    },\n\n    value: {\n      get () {\n        return this.modelValue;\n      },\n\n      set (val) {\n        this.$emit('update:modelValue', val);\n        this.updateTextareaHeight();\n      }\n    }\n  }\n};\n</script>\n\n<style scoped>\ninput, textarea {\n  padding: 1em;\n}\n</style>\n","<template>\n  <span>\n    <span v-if=\"isModal\" @click.prevent=\"toggle\">\n      <slot>\n        <button class=\"cta yellow-cta\">Contact Sales</button>\n      </slot>\n    </span>\n\n    <Teleport to=\"body\" :disabled=\"isEmbedded\">\n      <div v-if=\"open || isEmbedded\" :class=\"isModal ? 'modal-wrapper tl' : null\">\n\n        <!-- only show the toggle if in modal state -->\n        <div v-if=\"isModal\" class=\"modal-bg\" @click=\"toggle\"></div>\n\n        <div :class=\"isModal ? 'modal-window animation-appear-top relative near-black' : null\">\n          <div class=\"pa4\">\n\n            <!-- only show the toggle if in modal state -->\n            <a v-if=\"isModal\" href=\"#\" @click.prevent=\"toggle\"\n              class=\"absolute ma4 top-0 right-0 f2 icon-remove moon-gray hover-silver-gray\"></a>\n\n            <div v-if=\"status === 'success'\">\n              <h2 class=\"text-extra-bold\">{{ thanksHeader }}</h2>\n              <p class=\"lh-copy\">{{ thanksSubHead }}</p>\n\n              <button name=\"commit\" v-if=\"isModal\" class=\"ph4 pv3 near-black bw0 br-pill b--gray pointer\"\n                @click.prevent=\"toggle\">Close</button>\n            </div>\n\n            <div v-else-if=\"status === 'fatal'\">\n              <h2 class=\"text-extra-bold lh-title\">Whoops, something went wrong.</h2>\n              <p class=\"lh-copy\">Please try back later.</p>\n\n              <!-- only show close if in modal state -->\n              <button v-if=\"isModal\" name=\"commit\" class=\"ph4 pv3 near-black bw0 br-pill b--gray pointer\"\n                @click.prevent=\"toggle\">Close</button>\n            </div>\n\n            <div v-else>\n              <h2 class=\"text-extra-bold f1\">{{ header }}</h2>\n              <p class=\"lh-copy\">{{ subHead }}</p>\n\n              <form action=\"/sales\" accept-charset=\"UTF-8\" method=\"post\" @submit.prevent=\"submit\" data-test=\"form\">\n                <div class=\"flex flex-column\">\n                  <input-field v-for=\"field in fields\" :key=\"field.key\" v-model=\"contact[field.key]\"\n                    :placeholder=\"field.placeholder\" :required=\"field.required\" :type=\"field.type\" :errors=\"errorsFor(field.key)\">\n                    <span class=\"red\" v-if=\"field.required\">*</span>\n                    {{ field.label }}\n                  </input-field>\n                </div>\n\n                <div class=\"flex mt3\">\n                  <!-- only show cancel if modal -->\n                  <button v-if=\"isModal\" data-test=\"cancel\" class=\"bw0 w-50 br-pill b--gray pointer\" @click.prevent=\"toggle\">\n                    Cancel\n                  </button>\n\n                  <button data-posthog-action=\"contactSales\" type=\"submit\" data-test=\"cta\"\n                    class=\"bw0 ml2 cta w-50 pointer yellow-cta\" :class=\"mode === 'embedded' ? 'w-100' : null\" :disabled=\"sending\">\n                    {{ sending ? \"Sending message...\" : \"Contact Sales\"}}\n                  </button>\n                </div>\n\n                <p class=\"pt3 f4 silver i\">\n                    In submitting this form, you agree to receive information from DNSimple related to our products,\n                    events, and special offers. You can unsubscribe from such messages at any time. We never sell your\n                    data, and we value your privacy choices. Please see our privacy policy for information.\n                </p>\n              </form>\n            </div>\n\n          </div>\n        </div>\n      </div>\n    </Teleport>\n  </span>\n</template>\n\n<script>\nimport Ajax from '../../javascript/common/ajax.js';\nimport InputField from './input-field.vue';\n\nexport default {\n  name: 'contactSalesModal',\n\n  components: { InputField },\n\n  props: {\n    handleEvent: { type: Boolean, default: false },\n    mode: { type: String, default: 'modal' },\n    requirePhone: { type: Boolean, default: true },\n    thanksHeader: { type: String, default: \"We've Received Your Request\" },\n    thanksSubHead: { type: String, default: 'Someone from our team will be in touch shortly.' },\n    header: { type: String, default: 'Contact Sales' },\n    subHead: { type: String, default: 'Reliable DNS architecture is critical to your Enterprise. You can\\'t afford to waste time on the default DNS service from your domain registrar.' }\n  },\n\n  data () {\n    return {\n      errors: null,\n      sending: false,\n      status: null,\n      open: false,\n\n      fields: [\n        { label: 'Your name', key: 'contact_name', placeholder: 'Your name', required: true },\n        { label: 'Work email', key: 'work_email', placeholder: 'Your work email', required: true },\n        { label: 'Company Name', key: 'company_name', placeholder: 'Your company name', required: true },\n        { label: 'Work phone', key: 'phone', placeholder: 'Your phone number', required: this.requirePhone, type: 'tel' },\n        { label: 'Tell us a bit about your current challenges with DNS and domain name management.', key: 'message', placeholder: 'How can we help you with DNS and domain management?', required: true, type: 'textarea' }\n      ],\n\n      hash: 'contact-sales',\n\n      contact: {\n        contact_name: '',\n        work_email: '',\n        company_name: '',\n        message: '',\n        phone: ''\n      }\n    };\n  },\n\n  mounted () {\n    if (this.isEmbedded && window.location.hash === `#${this.hash}`) this.$el.scrollIntoView({ behavior: 'smooth' });\n\n    if (this.handleEvent)\n      window.addEventListener('openContactModal', () => this.open = true);\n  },\n\n  computed: {\n    isModal () {\n      return this.mode === 'modal';\n    },\n\n    isEmbedded () {\n      return this.mode === 'embedded';\n    }\n  },\n\n  watch: {\n    open () {\n      this.reset();\n    }\n  },\n\n  methods: {\n\n    errorsFor (field) {\n      return this.errors?.[field];\n    },\n\n    toggle () {\n      this.open = !this.open;\n    },\n\n    reset () {\n      this.status = null;\n      this.sending = false;\n      this.errors = null;\n    },\n\n    async submit () {\n      this.reset();\n      this.sending = true;\n\n      try {\n        const payload = { ...this.contact };\n        const { value: { success } } = await Ajax('/sales', { contact_sales: payload }, 'POST');\n        if (success) this.status = 'success';\n      } catch ({ statusCode, message }) {\n        if (statusCode === 400) this.errors = message.errors;\n        else this.status = 'fatal';\n      }\n\n      this.sending = false;\n    }\n  }\n};\n</script>\n"],"names":["_sfc_main","val","_hoisted_1","_hoisted_2","_hoisted_4","_hoisted_5","_openBlock","_createElementBlock","_createElementVNode","_renderSlot","_ctx","$props","_hoisted_3","_Fragment","_renderList","error","_createCommentVNode","_normalizeClass","$options","_cache","$event","InputField","field","_a","payload","success","Ajax","statusCode","message","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_11","_hoisted_12","_withModifiers","args","_createBlock","_Teleport","$data","_toDisplayString","_hoisted_6","_component_input_field","_withCtx","_hoisted_10","_createTextVNode"],"mappings":"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"}