{"version":3,"file":"js/0.js","mappings":"wgGAIE,MAAMA,GAAUC,EAAAA,EAAAA,KAGVC,GAAYC,EAAAA,EAAAA,IAAI,IAChBC,GAAWD,EAAAA,EAAAA,IAAI,IACfE,GAAQF,EAAAA,EAAAA,IAAI,IACZG,GAAWH,EAAAA,EAAAA,IAAI,IACfI,GAAkBJ,EAAAA,EAAAA,IAAI,IACtBK,GAAyBL,EAAAA,EAAAA,IAAI,IAC7BM,GAAqBN,EAAAA,EAAAA,KAAI,GACzBO,GAAcP,EAAAA,EAAAA,IAAI,IAClBQ,GAAYR,EAAAA,EAAAA,KAAI,GAChBS,GAAYT,EAAAA,EAAAA,KAAI,GAChBU,GAAQV,EAAAA,EAAAA,KAAI,GAGZW,EAAuB,CAC3B,CAAEC,GAAI,WAAYC,KAAM,YACxB,CAAED,GAAI,YAAaC,KAAM,aACzB,CAAED,GAAI,YAAaC,KAAM,aACzB,CAAED,GAAI,QAASC,KAAM,SACrB,CAAED,GAAI,SAAUC,KAAM,WAElBC,GAAwB,CAC5B,CAAEF,GAAI,gBAAiBC,KAAM,iBAC7B,CAAED,GAAI,cAAeC,KAAM,eAC3B,CAAED,GAAI,oBAAqBC,KAAM,qBACjC,CAAED,GAAI,QAASC,KAAM,UAGjBE,IAAmBC,EAAAA,EAAAA,KAAS,IAC5BR,EAAUS,MACL,iBAGA,qBAILC,IAAkBF,EAAAA,EAAAA,KAAS,KAC/B,IAAIG,EAAM,+BAIV,OAHIX,EAAUS,MAGPE,CAAG,IAGZ,SAASC,KACPZ,EAAUS,OAAQ,EAElBI,QAAQC,IAAI,cAAef,GAG3BV,EAAQ0B,cAAcxB,EAAUkB,MAAOhB,EAASgB,MAAOf,EAAMe,MAAOd,EAASc,MAAOb,EAAgBa,MAAOZ,EAAuBY,MAAOX,EAAmBW,MAAOV,EAAYU,OAC5KO,MAAKC,IACU,GAAVA,GAAmBA,EAAOf,OAE5BA,EAAMO,MAAQQ,EAAOf,MAChBA,EAAMO,QACTP,EAAMO,MAAQ,iDAEhBP,EAAMO,MAAS,oDAAmDP,EAAMO,QACxEI,QAAQX,MAAMA,IAIdD,EAAUQ,OAAQ,EAEpBT,EAAUS,OAAQ,CAAK,GAE7B,C,woGCvEF,MAAMS,EAAc,EAEpB,O","sources":["webpack://everhem-webflow/./src/components/Signup.vue","webpack://everhem-webflow/./src/components/Signup.vue?2bb3"],"sourcesContent":["<script setup>\n  import { computed, ref } from 'vue'\n  import { useBackend } from '@/composables/Backend';\n\n  const backend = useBackend();\n\n  // get all the form values\n  const firstName = ref('');\n  const lastName = ref('');\n  const email = ref('');\n  const password = ref('');\n  const confirmPassword = ref('');\n  const whereDidYouHearAboutUs = ref('');\n  const signupToNewsletter = ref(false);\n  const signupToken = ref(''); // TODO: this is set IF a user checks out before creating an account. This should populate a signUp toekn from Shopify that attaches to a user's email!\n  const isWorking = ref(false);\n  const isSuccess = ref(false);\n  const error = ref(false);\n\n  // if we add a lot more sources then we should do this better, but for now it's fine\n  const firstColumnOfSources = [\n    { id: 'facebook', name: 'Facebook' },\n    { id: 'instagram', name: 'Instagram' },\n    { id: 'pinterest', name: 'Pinterest' },\n    { id: 'press', name: 'Press' },\n    { id: 'google', name: 'Google' },    \n  ];  \n  const secondColumnOfSources = [    \n    { id: 'word-of-mouth', name: 'Word of Mouth' },\n    { id: 'home-polish', name: 'Home Polish' },\n    { id: 'interior-designer', name: 'Interior Designer' },\n    { id: 'other', name: 'Other' },\n  ];\n\n  const submitButtonText = computed(() => {\n    if (isWorking.value) {\n      return 'Please wait...';\n    } \n    else {\n      return 'Create Account →';\n    }\n  });\n\n  const submitButtonCss = computed(() => {\n    var css = 'button primary__btn w-button';\n    if (isWorking.value) {\n      css + ' is--waiting ';\n    }    \n    return css;\n  });\n\n  function submitForm() {\n    isWorking.value = true;\n\n    console.log('signupToken', signupToken)\n        \n    // make call to backend\n    backend.createAccount(firstName.value, lastName.value, email.value, password.value, confirmPassword.value, whereDidYouHearAboutUs.value, signupToNewsletter.value, signupToken.value)\n      .then(result => {\n        if (result == false || result.error) {\n          // handle error\n          error.value = result.error;\n          if (!error.value) {\n            error.value = 'An error occurred communicating with the API.';\n          }\n          error.value = `Oops! An error occurred during account creation: ${error.value}`;\n          console.error(error);\n        }\n        else {\n          // signup successful\n          isSuccess.value = true;\n        }\n        isWorking.value = false;\n      });             \n  }\n</script>\n\n<template>\n  <div class=\"section__container section__flex alt\">\n    <div class=\"section__grid-col grid-col--50\">\n      <div class=\"div-block-4 load-1\">\n        <h2>Create a New Account</h2>\n        <div class=\"dashed-divider\"></div>\n        <p class=\"no--margin-b\">\n          Don't have an account yet? <br>\n          <a data-w-id=\"4ac35aa7-2cc0-4d1d-af4c-66b0e5a9c84c\" href=\"#\" class=\"link--inline create-account\">Sign up today for:</a>\n        </p>\n        <h3 class=\"regular no--margin-b\">\n          - A faster checkout experience<br>\n          - Order status and history<br>\n          - Easy access to custom quotes\n        </h3>\n      </div>\n    </div>\n    <div class=\"modal__body modal__body--fill\">\n      <div id=\"signupForm\" class=\"w-form\">\n        <form v-if=\"!isSuccess\" id=\"wf-form-signupForm\" name=\"wf-form-signupForm\" method=\"get\" aria-label=\"signupForm\">\n          <div class=\"field-group__row\">\n            <div class=\"text-input col--1-of-2 first\">\n              <input v-model=\"firstName\" name=\"firstName\" id=\"firstName\" type=\"text\" class=\"text-input__field labeled w-input\" autocomplete=\"off\" maxlength=\"256\" required=\"\" style=\"width: 312px;\">\n              <div class=\"label w-embed\"><label class=\"text-input__label\" for=\"firstName\">First Name</label></div>\n            </div>\n            <div class=\"text-input col--1-of-2 last\">\n              <input v-model=\"lastName\" name=\"lastName\" id=\"lastName\" type=\"text\" class=\"text-input__field labeled w-input\" autocomplete=\"off\" maxlength=\"256\" placeholder=\"\" required=\"\" style=\"width: 312px;\">\n              <div class=\"label w-embed\"><label class=\"text-input__label\" for=\"lastName\">Last Name</label></div>\n            </div>\n          </div>\n          <div class=\"text-input\">\n            <input v-model=\"email\" id=\"email\" name=\"email\" type=\"email\" class=\"text-input__field labeled w-input\" autocomplete=\"off\" maxlength=\"256\" placeholder=\"\" required=\"\" style=\"width: 640px;\">\n            <div class=\"label w-embed\"><label class=\"text-input__label\" for=\"email\">Email</label></div>\n          </div>\n          <div class=\"text-input\">\n            <input v-model=\"password\" id=\"password\" name=\"password\" type=\"password\" class=\"text-input__field labeled w-input\" autocomplete=\"off\" maxlength=\"256\" placeholder=\"\" required=\"\">\n            <div class=\"label w-embed\"><label class=\"text-input__label\" for=\"password\">Password</label></div>\n          </div>\n          <div class=\"text-input\">\n            <input v-model=\"confirmPassword\" id=\"confirmPassword\" name=\"confirmPassword\" type=\"password\" class=\"text-input__field labeled w-input\" autocomplete=\"off\" maxlength=\"256\" placeholder=\"\" required=\"\">\n            <div class=\"label w-embed\"><label class=\"text-input__label\" for=\"confirmPassword\">Confirm Password</label></div>\n          </div>\n          <div class=\"field-group\">\n            <div class=\"ts--callout\">Where did you first hear about Everhem?</div>\n            <div class=\"field-group__row control-group\">\n              <div class=\"field-group__column\">\n                <label v-for=\"(source, index) in firstColumnOfSources\" :key=\"index\" class=\"radio w-radio\">\n                  <input v-model=\"whereDidYouHearAboutUs\" type=\"radio\" name=\"source\" :id=\"source.id\" required=\"\" class=\"w-form-formradioinput w-radio-input\" :value=\"source.id\">\n                  <span :for=\"source.id\" class=\"radio__label pretext w-form-label\">{{ source.name }}</span>\n                </label>                \n              </div>\n              <div class=\"field-group__column\">\n                <label v-for=\"(source, index) in secondColumnOfSources\" :key=\"index\" class=\"radio w-radio\">\n                  <input v-model=\"whereDidYouHearAboutUs\" type=\"radio\" name=\"source\" :id=\"source.id\" required=\"\" class=\"w-form-formradioinput w-radio-input\" :value=\"source.id\">\n                  <span :for=\"source.id\" class=\"radio__label pretext w-form-label\">{{ source.name }}</span>\n                </label>                \n              </div>\n            </div>\n            <div class=\"ts--callout\">Sign up for our email newsletter to receive updates on product launches, brand news &amp;&nbsp;special events.</div>\n            <div class=\"field-group__row control-group\">\n              <label class=\"radio w-radio\"><input v-model=\"signupToNewsletter\" type=\"radio\" name=\"newsletterOptIn\" id=\"yes\" required=\"\" class=\"w-form-formradioinput w-radio-input\" value=\"yes\"><span for=\"yes\" class=\"radio__label pretext w-form-label\">Sign Up</span></label>\n              <label class=\"radio w-radio\"><input v-model=\"signupToNewsletter\" type=\"radio\" name=\"newsletterOptIn\" id=\"no\" required=\"\" class=\"w-form-formradioinput w-radio-input\" value=\"no\"><span for=\"no\" class=\"radio__label pretext w-form-label\">No thanks</span></label>\n            </div>\n          </div>\n          <div class=\"form__footer\">\n            <a @click=\"submitForm\" :class=\"submitButtonCss\">{{ submitButtonText }}</a>\n          </div>\n        </form>\n        <div v-if=\"isSuccess\" class=\"form__success w-form-done\" tabindex=\"-1\" role=\"region\" aria-label=\"signupForm success\">\n          <div>\n            <img src=\"https://cdn.prod.website-files.com/64da92de170fa515899c18fc/64da92de170fa515899c19e3_icon-success.svg\" alt=\"\" class=\"icon-success\">\n            <div class=\"form__success-message large\">Thank you for creating an account. We are very excited to work with you!</div>\n            <a href=\"/old-home\" class=\"trigger--pageout button button--mt w-button\">Meanwhile, Keep Customizing</a>\n          </div>\n        </div>\n        <div v-if=\"error\" class=\"w-form-fail\" tabindex=\"-1\" role=\"region\" aria-label=\"signupForm failure\">\n          <div>{{ error }}</div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>","import script from \"./Signup.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Signup.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__"],"names":["backend","useBackend","firstName","ref","lastName","email","password","confirmPassword","whereDidYouHearAboutUs","signupToNewsletter","signupToken","isWorking","isSuccess","error","firstColumnOfSources","id","name","secondColumnOfSources","submitButtonText","computed","value","submitButtonCss","css","submitForm","console","log","createAccount","then","result","__exports__"],"sourceRoot":""}