gather-vue 8.6.0

package/dist/SignUpFormCard-Cail4V4M.js

@@ -0,0 +1,287 @@
+import { defineComponent as Y, resolveComponent as m, createElementBlock as d, openBlock as s, withModifiers as x, createCommentVNode as p, createBlock as h, createVNode as c, toDisplayString as $, normalizeClass as C, Fragment as Q, renderList as R, withCtx as v, createTextVNode as W } from "vue";
+import { a as l, a1 as ee, a4 as X, a2 as ne, a3 as oe, aD as te, _ as Z, C as re } from "./main-DPldah1M.js";
+import { u as ie } from "./index-CoRlIGDo.js";
+import { C as se } from "./CloseCardButton-CL_3xkAF.js";
+const ae = Y({
+  name: "SignUpForm",
+  data: () => ({
+    form: {
+      name: "",
+      email: "",
+      phone: "",
+      formattedNumber: "",
+      validNumber: !0,
+      select: void 0
+    },
+    phoneFocused: !1,
+    sending: !1
+  }),
+  setup() {
+    return {
+      v$: ie()
+    };
+  },
+  mounted() {
+    this.$nextTick(() => {
+      var e, n, o;
+      if (!((e = this.content) != null && e.form.email.enabled)) {
+        const t = `anonymous_${te().replace(/-/g, "").substring(0, 10)}@gathercustomers.com`;
+        this.form.email = t;
+      }
+      if (this.preFilled && (!this.form.name || !this.form.email)) {
+        const t = l();
+        this.form.name = ((n = t.preFilled) == null ? void 0 : n.name) || "", this.form.email = ((o = t.preFilled) == null ? void 0 : o.email) || this.form.email || "";
+      }
+    });
+  },
+  computed: {
+    content() {
+      var n, o, t;
+      return (t = (o = (n = l().campaign) == null ? void 0 : n.config) == null ? void 0 : o.pop_up) == null ? void 0 : t.sign_up;
+    },
+    theme() {
+      var n, o;
+      return (o = (n = l().campaign) == null ? void 0 : n.config) == null ? void 0 : o.theme;
+    },
+    errors() {
+      return l().errors;
+    },
+    preFilled() {
+      return l().preFilled;
+    },
+    nameErrors() {
+      return this.v$.form.name.$dirty ? this.v$.form.name.required.$invalid ? ["The name is required"] : [] : [];
+    },
+    emailErrors() {
+      return this.v$.form.email.$dirty ? this.v$.form.email.required.$invalid ? ["The email is required"] : this.v$.form.email.email.$invalid ? ["Invalid email"] : [] : [];
+    },
+    phoneErrors() {
+      var n, o, t, i, u, a;
+      return (a = (u = (i = (t = (o = (n = l().campaign) == null ? void 0 : n.config) == null ? void 0 : o.pop_up) == null ? void 0 : t.sign_up) == null ? void 0 : i.form) == null ? void 0 : u.phone) != null && a.enabled ? this.v$.form.phone.$dirty ? this.v$.form.phone.required.$invalid ? ["The phone is required"] : this.v$.form.phone.$model && this.v$.form.phone.validPhoneNumber.$invalid ? ["The phone number is invalid"] : [] : [] : [];
+    },
+    selectErrors() {
+      var n, o, t, i, u;
+      return (u = (i = (t = (o = (n = l().campaign) == null ? void 0 : n.config) == null ? void 0 : o.pop_up) == null ? void 0 : t.sign_up) == null ? void 0 : i.form) != null && u.select.enabled ? this.v$.form.select.$dirty ? this.v$.form.select.required.$invalid ? ["The value is required"] : [] : [] : [];
+    }
+  },
+  validations() {
+    var e, n, o, t, i, u, a, f, g, b, _, F, U, k, N, y;
+    return {
+      form: {
+        email: {
+          required: X,
+          email: oe
+        },
+        phone: ne((i = (t = (o = (n = (e = l().campaign) == null ? void 0 : e.config) == null ? void 0 : n.pop_up) == null ? void 0 : o.sign_up) == null ? void 0 : t.form) == null ? void 0 : i.phone),
+        name: (_ = (b = (g = (f = (a = (u = l().campaign) == null ? void 0 : u.config) == null ? void 0 : a.pop_up) == null ? void 0 : f.sign_up) == null ? void 0 : g.form) == null ? void 0 : b.name) != null && _.enabled ? { required: X } : {},
+        select: ee((y = (N = (k = (U = (F = l().campaign) == null ? void 0 : F.config) == null ? void 0 : U.pop_up) == null ? void 0 : k.sign_up) == null ? void 0 : N.form) == null ? void 0 : y.select)
+      }
+    };
+  },
+  methods: {
+    phoneNumberFocused() {
+      this.phoneFocused = !0;
+    },
+    phoneNumberBlur() {
+      this.phoneFocused = !1;
+    },
+    updateFormattedNumber(e) {
+      this.form.validNumber = e.isValid, this.form.formattedNumber = e.e164;
+    },
+    async validateUser() {
+      this.phoneFocused && !this.form.validNumber || (this.v$.$reset(), this.v$.$touch(), this.v$.$invalid || await this.saveUser());
+    },
+    async saveUser() {
+      var e, n, o, t, i, u;
+      this.sending = !0;
+      try {
+        const a = l();
+        await a.submitOptIn({
+          name: this.form.name,
+          email: this.form.email,
+          phone: this.form.formattedNumber,
+          select: this.form.select,
+          selectKey: (u = (i = (t = (o = (n = (e = a.campaign) == null ? void 0 : e.config) == null ? void 0 : n.pop_up) == null ? void 0 : o.sign_up) == null ? void 0 : t.form) == null ? void 0 : i.select) == null ? void 0 : u.key
+        }), a.errors.length > 0 && (this.sending = !1);
+      } catch (a) {
+        console.error(a), this.sending = !1;
+      }
+    }
+  }
+}), le = {
+  key: 0,
+  class: "text-h5 text-center"
+}, me = {
+  key: 1,
+  class: "text-subtitle-2 text-center"
+}, ue = {
+  key: 6,
+  id: "vue-phone-number-input-error"
+}, de = { key: 0 }, pe = { key: 1 };
+function ce(e, n, o, t, i, u) {
+  var y, V, S, E, T, q, B, w, M, P, I, z, L, D, H, K, O, j, A, G;
+  const a = m("v-card-text"), f = m("v-text-field"), g = m("MazPhoneNumberInput"), b = m("v-select"), _ = m("v-alert"), F = m("v-icon"), U = m("v-btn"), k = m("v-row"), N = m("v-container");
+  return s(), d("form", {
+    novalidate: "",
+    id: "submission-form",
+    onSubmit: n[4] || (n[4] = x((...r) => e.validateUser && e.validateUser(...r), ["prevent"]))
+  }, [
+    (y = e.content) != null && y.custom_text_header.enabled ? p("", !0) : (s(), d("div", le, $((V = e.content) == null ? void 0 : V.title), 1)),
+    (S = e.content) != null && S.custom_text_header.enabled ? p("", !0) : (s(), d("div", me, $((E = e.content) == null ? void 0 : E.subtitle), 1)),
+    (T = e.content) != null && T.custom_text_header.enabled ? (s(), h(a, {
+      key: 2,
+      class: "quill-styling",
+      innerHTML: (q = e.content) == null ? void 0 : q.custom_text_header.text
+    }, null, 8, ["innerHTML"])) : p("", !0),
+    (B = e.content) != null && B.form.name.enabled ? (s(), h(f, {
+      key: 3,
+      id: "name-field",
+      class: C(((w = e.theme) == null ? void 0 : w.form_input_style) !== "underlined" ? "mt-5" : ""),
+      variant: ((M = e.theme) == null ? void 0 : M.form_input_style) || "underlined",
+      label: (P = e.content) == null ? void 0 : P.form.name.field_label,
+      modelValue: e.form.name,
+      "onUpdate:modelValue": n[0] || (n[0] = (r) => e.form.name = r),
+      disabled: e.sending,
+      "error-messages": e.nameErrors,
+      hint: (I = e.content) == null ? void 0 : I.form.name.helper_text,
+      "append-icon": "mdi-emoticon-outline"
+    }, null, 8, ["class", "variant", "label", "modelValue", "disabled", "error-messages", "hint"])) : p("", !0),
+    (z = e.content) != null && z.form.email.enabled ? (s(), h(f, {
+      key: 4,
+      id: "email-field",
+      type: "email",
+      class: C(((L = e.theme) == null ? void 0 : L.form_input_style) !== "underlined" ? "mt-5" : ""),
+      variant: ((D = e.theme) == null ? void 0 : D.form_input_style) || "underlined",
+      modelValue: e.form.email,
+      "onUpdate:modelValue": n[1] || (n[1] = (r) => e.form.email = r),
+      label: (H = e.content) == null ? void 0 : H.form.email.field_label,
+      disabled: e.sending,
+      "error-messages": e.emailErrors,
+      hint: (K = e.content) == null ? void 0 : K.form.email.helper_text,
+      "append-icon": "mdi-email-outline"
+    }, null, 8, ["class", "variant", "modelValue", "label", "disabled", "error-messages", "hint"])) : p("", !0),
+    (O = e.content) != null && O.form.phone.enabled ? (s(), h(g, {
+      key: 5,
+      class: "phone-field",
+      modelValue: e.form.phone,
+      "onUpdate:modelValue": n[2] || (n[2] = (r) => e.form.phone = r),
+      block: !0,
+      error: e.v$.form.phone.$dirty && e.phoneErrors.length > 0,
+      "default-country-code": e.content.form.phone.default_country_code ? e.content.form.phone.default_country_code : void 0,
+      hint: e.phoneFocused ? e.content.form.phone.helper_text : e.content.form.phone.field_label,
+      "no-radius": !0,
+      "no-border": !0,
+      success: e.form.formattedNumber ? e.form.validNumber : !0,
+      onUpdate: e.updateFormattedNumber,
+      onFocus: e.phoneNumberFocused,
+      onBlur: e.phoneNumberBlur
+    }, null, 8, ["modelValue", "error", "default-country-code", "hint", "success", "onUpdate", "onFocus", "onBlur"])) : p("", !0),
+    e.phoneErrors.length > 0 ? (s(), d("div", ue, [
+      (s(!0), d(Q, null, R(e.phoneErrors, (r) => (s(), d("div", {
+        key: `phone-${r}`,
+        class: "caption red--text"
+      }, $(r), 1))), 128))
+    ])) : p("", !0),
+    (j = e.content) != null && j.form.select.enabled ? (s(), h(b, {
+      key: 7,
+      modelValue: e.form.select,
+      "onUpdate:modelValue": n[3] || (n[3] = (r) => e.form.select = r),
+      class: C(((A = e.theme) == null ? void 0 : A.form_input_style) !== "underlined" ? "mt-5" : ""),
+      variant: ((G = e.theme) == null ? void 0 : G.form_input_style) || "underlined",
+      label: e.content.form.select.field_label,
+      hint: e.content.form.select.helper_text,
+      items: e.content.form.select.options.split(","),
+      multiple: e.content.form.select.condition === "multiple",
+      "persistent-hint": "",
+      "error-messages": e.selectErrors
+    }, null, 8, ["modelValue", "class", "variant", "label", "hint", "items", "multiple", "error-messages"])) : p("", !0),
+    (s(!0), d(Q, null, R(e.errors, (r) => (s(), h(_, {
+      border: "end",
+      dense: "",
+      "colored-border": "",
+      type: "error",
+      elevation: "2",
+      key: r
+    }, {
+      default: v(() => [
+        W($(r), 1)
+      ]),
+      _: 2
+    }, 1024))), 128)),
+    c(N, { class: "align-center" }, {
+      default: v(() => [
+        c(k, null, {
+          default: v(() => [
+            c(U, {
+              type: "submit",
+              class: "text-center mx-auto",
+              disabled: e.sending
+            }, {
+              default: v(() => {
+                var r, J;
+                return [
+                  c(F, { class: "me-2" }, {
+                    default: v(() => n[5] || (n[5] = [
+                      W("mdi-check-bold")
+                    ])),
+                    _: 1
+                  }),
+                  e.sending ? (s(), d("span", de, $((r = e.content) == null ? void 0 : r.form.button.active_title), 1)) : (s(), d("span", pe, $((J = e.content) == null ? void 0 : J.form.button.title), 1))
+                ];
+              }),
+              _: 1
+            }, 8, ["disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    })
+  ], 32);
+}
+const fe = /* @__PURE__ */ Z(ae, [["render", ce], ["__file", "/Users/dominic/Code/gather-vue/src/components/pop_up/signup/SignUpForm.vue"]]), he = Y({
+  name: "PopUpSignUpFormCard",
+  components: {
+    SignUpForm: fe,
+    CloseCardButton: se,
+    CustomTheme: re
+  },
+  computed: {
+    closeButtonConfig() {
+      var n, o, t;
+      return (t = (o = (n = l().campaign) == null ? void 0 : n.config) == null ? void 0 : o.pop_up) == null ? void 0 : t.sign_up;
+    },
+    showSignUp() {
+      var n, o, t, i;
+      return (i = (t = (o = (n = l().campaign) == null ? void 0 : n.config) == null ? void 0 : o.pop_up) == null ? void 0 : t.sign_up) == null ? void 0 : i.enabled;
+    },
+    cardElevation() {
+      var n, o, t;
+      return (t = (o = (n = l().campaign) == null ? void 0 : n.config) == null ? void 0 : o.theme) == null ? void 0 : t.card_elevation;
+    }
+  }
+});
+function ve(e, n, o, t, i, u) {
+  const a = m("CustomTheme"), f = m("close-card-button"), g = m("SignUpForm"), b = m("v-card-text"), _ = m("v-card");
+  return e.showSignUp ? (s(), h(_, {
+    key: 0,
+    id: "top-card",
+    elevation: e.cardElevation
+  }, {
+    default: v(() => [
+      c(a),
+      c(f, { config: e.closeButtonConfig }, null, 8, ["config"]),
+      c(b, null, {
+        default: v(() => [
+          c(g)
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  }, 8, ["elevation"])) : p("", !0);
+}
+const ye = /* @__PURE__ */ Z(he, [["render", ve], ["__file", "/Users/dominic/Code/gather-vue/src/components/pop_up/signup/SignUpFormCard.vue"]]);
+export {
+  ye as S
+};

package/dist/SignUpView-a7LPgEeX.js

@@ -0,0 +1,368 @@
+import { defineComponent as y, resolveComponent as i, createElementBlock as u, openBlock as s, withModifiers as Q, createElementVNode as G, createVNode as l, createBlock as h, createCommentVNode as v, toDisplayString as g, normalizeClass as $, Fragment as W, renderList as X, withCtx as c, createTextVNode as Y, resolveDirective as Z, withDirectives as x } from "vue";
+import { a1 as ee, a2 as re, a3 as ne, a4 as K, a5 as te, u as a, _ as S, C as oe, c as C, b as ie } from "./main-DPldah1M.js";
+import { u as se } from "./index-CoRlIGDo.js";
+const ae = y({
+  name: "SignUpForm",
+  data: () => ({
+    form: {
+      name: "",
+      email: "",
+      phone: "",
+      formattedNumber: "",
+      select: [],
+      validNumber: !0
+    },
+    phoneFocused: !1,
+    sending: !1
+  }),
+  setup: () => ({ v$: se() }),
+  computed: {
+    customCampaign() {
+      var r, n;
+      return ((n = (r = a().referralCampaign) == null ? void 0 : r.campaign) == null ? void 0 : n.id) === "2342";
+    },
+    customContent() {
+      var r, n;
+      if (((n = (r = a().referralCampaign) == null ? void 0 : r.campaign) == null ? void 0 : n.id) === "2342")
+        return "for a chance to win a $1,000 Aussie Made Shopping Spree!<br/>Share this with your mates for even more chances of winning 😊";
+    },
+    content() {
+      var r, n;
+      return (n = (r = a().referralCampaign) == null ? void 0 : r.config) == null ? void 0 : n.sign_up;
+    },
+    theme() {
+      var r, n;
+      return (n = (r = a().referralCampaign) == null ? void 0 : r.config) == null ? void 0 : n.theme;
+    },
+    nameErrors() {
+      return this.v$.form.name.$dirty ? this.v$.form.name.required.$invalid ? ["The name is required"] : this.v$.form.name.minLength.$invalid ? ["Invalid name"] : [] : [];
+    },
+    emailErrors() {
+      return this.v$.form.email.$dirty ? this.v$.form.email.required.$invalid ? ["The email is required"] : this.v$.form.email.email.$invalid ? ["Invalid email"] : [] : [];
+    },
+    phoneErrors() {
+      var r;
+      return (r = a().referralCampaign) != null && r.config.sign_up.form.phone.enabled ? this.v$.form.phone.$dirty ? this.v$.form.phone.required.$invalid ? ["The phone is required"] : this.v$.form.phone.$model && this.v$.form.phone.validPhoneNumber.$invalid ? ["The phone number is invalid"] : [] : [] : [];
+    },
+    selectErrors() {
+      var r;
+      return (r = a().referralCampaign) != null && r.config.sign_up.form.select.enabled ? this.v$.form.select.$dirty ? this.v$.form.select.required.$invalid ? ["The value is required"] : [] : [] : [];
+    }
+  },
+  validations: () => {
+    var e, r;
+    return {
+      form: {
+        name: {
+          required: K,
+          minLength: te(3)
+        },
+        email: {
+          required: K,
+          email: ne
+        },
+        phone: re((e = a().referralCampaign) == null ? void 0 : e.config.sign_up.form.phone),
+        select: ee((r = a().referralCampaign) == null ? void 0 : r.config.sign_up.form.select)
+      }
+    };
+  },
+  methods: {
+    updateFormattedNumber(e) {
+      this.form.validNumber = e.isValid, this.form.formattedNumber = e.e164;
+    },
+    phoneNumberFocused() {
+      this.phoneFocused = !0;
+    },
+    phoneNumberBlur() {
+      this.phoneFocused = !1;
+    },
+    async validateUser() {
+      this.phoneFocused && !this.form.validNumber || (this.v$.$reset(), this.v$.$touch(), this.v$.$invalid || await this.saveUser());
+    },
+    async saveUser() {
+      var e, r, n, t, o;
+      this.sending = !0;
+      try {
+        const p = a();
+        await p.submitReferral({
+          name: this.form.name,
+          email: this.form.email,
+          phone: this.form.formattedNumber,
+          select: this.form.select,
+          selectKey: (o = (t = (n = (r = (e = p.referralCampaign) == null ? void 0 : e.config) == null ? void 0 : r.sign_up) == null ? void 0 : n.form) == null ? void 0 : t.select) == null ? void 0 : o.key
+        });
+      } catch (p) {
+        console.error(p), this.sending = !1;
+      }
+    }
+  }
+}), de = { class: "text-h5 text-center" }, le = ["innerHTML"], me = {
+  key: 1,
+  class: "text-subtitle-2 text-center"
+}, ue = {
+  key: 3,
+  id: "vue-phone-number-input-error"
+}, ce = { key: 0 }, pe = { key: 1 };
+function fe(e, r, n, t, o, p) {
+  var T, w, V, N, F, H, R, B, E, q, L, M, I, O, D, z, A, P;
+  const m = i("v-text-field"), f = i("MazPhoneNumberInput"), _ = i("v-select"), b = i("v-icon"), U = i("v-btn"), k = i("v-row"), J = i("v-container");
+  return s(), u("form", {
+    novalidate: "",
+    id: "submission-form",
+    onSubmit: r[4] || (r[4] = Q((...d) => e.validateUser && e.validateUser(...d), ["prevent"]))
+  }, [
+    G("div", de, g((T = e.content) == null ? void 0 : T.title), 1),
+    e.customCampaign ? (s(), u("div", {
+      key: 0,
+      class: "text-subtitle-2 text-center",
+      innerHTML: e.customContent
+    }, null, 8, le)) : (s(), u("div", me, g((w = e.content) == null ? void 0 : w.subtitle), 1)),
+    l(m, {
+      id: "name-field",
+      label: (V = e.content) == null ? void 0 : V.form.name.field_label,
+      class: $(((N = e.theme) == null ? void 0 : N.form_input_style) !== "underlined" ? "mt-5" : ""),
+      variant: ((F = e.theme) == null ? void 0 : F.form_input_style) || "underlined",
+      modelValue: e.form.name,
+      "onUpdate:modelValue": r[0] || (r[0] = (d) => e.form.name = d),
+      disabled: e.sending,
+      "error-messages": e.nameErrors,
+      hint: (H = e.content) == null ? void 0 : H.form.name.helper_text,
+      "append-icon": "mdi-emoticon-outline"
+    }, null, 8, ["label", "class", "variant", "modelValue", "disabled", "error-messages", "hint"]),
+    l(m, {
+      id: "email-field",
+      type: "email",
+      modelValue: e.form.email,
+      "onUpdate:modelValue": r[1] || (r[1] = (d) => e.form.email = d),
+      class: $(((R = e.theme) == null ? void 0 : R.form_input_style) !== "underlined" ? "mt-5" : ""),
+      variant: ((B = e.theme) == null ? void 0 : B.form_input_style) || "underlined",
+      "append-icon": "mdi-email-outline",
+      label: (E = e.content) == null ? void 0 : E.form.email.field_label,
+      disabled: e.sending,
+      "error-messages": e.emailErrors,
+      hint: (q = e.content) == null ? void 0 : q.form.email.helper_text
+    }, null, 8, ["modelValue", "class", "variant", "label", "disabled", "error-messages", "hint"]),
+    (L = e.content) != null && L.form.phone.enabled ? (s(), h(f, {
+      key: 2,
+      class: "phone-field",
+      modelValue: e.form.phone,
+      "onUpdate:modelValue": r[2] || (r[2] = (d) => e.form.phone = d),
+      block: !0,
+      error: e.v$.form.phone.$dirty && e.phoneErrors.length > 0,
+      "default-country-code": e.content.form.phone.default_country_code ? e.content.form.phone.default_country_code : void 0,
+      hint: e.phoneFocused ? e.content.form.phone.helper_text : e.content.form.phone.field_label,
+      "no-radius": !0,
+      "no-border": !0,
+      success: e.form.formattedNumber ? e.form.validNumber : !0,
+      onUpdate: e.updateFormattedNumber,
+      onFocus: e.phoneNumberFocused,
+      onBlur: e.phoneNumberBlur
+    }, null, 8, ["modelValue", "error", "default-country-code", "hint", "success", "onUpdate", "onFocus", "onBlur"])) : v("", !0),
+    e.phoneErrors.length > 0 ? (s(), u("div", ue, [
+      (s(!0), u(W, null, X(e.phoneErrors, (d) => (s(), u("div", {
+        key: d,
+        class: "caption red--text"
+      }, g(d), 1))), 128))
+    ])) : v("", !0),
+    (M = e.content) != null && M.form.select.enabled ? (s(), h(_, {
+      key: 4,
+      modelValue: e.form.select,
+      "onUpdate:modelValue": r[3] || (r[3] = (d) => e.form.select = d),
+      class: $(((I = e.theme) == null ? void 0 : I.form_input_style) !== "underlined" ? "mt-5" : ""),
+      variant: ((O = e.theme) == null ? void 0 : O.form_input_style) || "underlined",
+      label: (D = e.content) == null ? void 0 : D.form.select.field_label,
+      hint: (z = e.content) == null ? void 0 : z.form.select.helper_text,
+      items: (A = e.content) == null ? void 0 : A.form.select.options.split(","),
+      multiple: ((P = e.content) == null ? void 0 : P.form.select.condition) === "multiple",
+      "persistent-hint": "",
+      "error-messages": e.selectErrors
+    }, null, 8, ["modelValue", "class", "variant", "label", "hint", "items", "multiple", "error-messages"])) : v("", !0),
+    l(J, { class: "align-center" }, {
+      default: c(() => [
+        l(k, null, {
+          default: c(() => [
+            l(U, {
+              type: "submit",
+              class: "mx-auto",
+              disabled: e.sending
+            }, {
+              default: c(() => {
+                var d, j;
+                return [
+                  l(b, { class: "me-2" }, {
+                    default: c(() => r[5] || (r[5] = [
+                      Y("mdi-check-bold")
+                    ])),
+                    _: 1
+                  }),
+                  e.sending ? (s(), u("span", ce, g((d = e.content) == null ? void 0 : d.form.button.active_title), 1)) : (s(), u("span", pe, g((j = e.content) == null ? void 0 : j.form.button.title), 1))
+                ];
+              }),
+              _: 1
+            }, 8, ["disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    })
+  ], 32);
+}
+const he = /* @__PURE__ */ S(ae, [["render", fe], ["__file", "/Users/dominic/Code/gather-vue/src/components/referral_campaign/signup/SignUpForm.vue"]]), ge = y({
+  name: "SignUpCard",
+  props: {
+    isHeader: Boolean
+  },
+  components: {
+    SignUpForm: he,
+    CustomTheme: oe
+  },
+  computed: {
+    isSigningIn() {
+      return C().signingIn;
+    },
+    loadingText() {
+      var e;
+      return (e = C().activeCampaign) == null ? void 0 : e.config.sign_up.loading_text;
+    }
+  }
+}), ve = { key: 0 }, _e = { class: "text-center mt-4" };
+function be(e, r, n, t, o, p) {
+  const m = i("CustomTheme"), f = i("v-progress-circular"), _ = i("v-layout"), b = i("SignUpForm"), U = i("v-card-text"), k = i("v-card");
+  return e.isSigningIn ? (s(), u("div", ve, [
+    l(m),
+    l(_, { "justify-center": "" }, {
+      default: c(() => [
+        l(f, {
+          indeterminate: "",
+          color: "black"
+        })
+      ]),
+      _: 1
+    }),
+    G("div", _e, g(e.loadingText), 1)
+  ])) : (s(), h(k, {
+    key: 1,
+    id: e.isHeader ? "top-card" : ""
+  }, {
+    default: c(() => [
+      l(m),
+      l(U, null, {
+        default: c(() => [
+          l(b)
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  }, 8, ["id"]));
+}
+const $e = /* @__PURE__ */ S(ge, [["render", be], ["__file", "/Users/dominic/Code/gather-vue/src/components/referral_campaign/signup/SignUpCard.vue"]]), Ce = y({
+  name: "TextCard",
+  props: {
+    isHeader: Boolean,
+    text: String
+  }
+});
+function ye(e, r, n, t, o, p) {
+  const m = i("v-card-text"), f = i("v-card");
+  return s(), h(f, {
+    class: $(e.isHeader ? "mb-5" : "my-5"),
+    id: e.isHeader ? "top-card" : ""
+  }, {
+    default: c(() => [
+      l(m, {
+        class: "quill-styling",
+        innerHTML: e.text
+      }, null, 8, ["innerHTML"])
+    ]),
+    _: 1
+  }, 8, ["class", "id"]);
+}
+const Se = /* @__PURE__ */ S(Ce, [["render", ye], ["__file", "/Users/dominic/Code/gather-vue/src/components/atomic/atoms/TextCard.vue"]]), Ue = y({
+  name: "SignUpView",
+  components: {
+    SignUpCard: $e,
+    TextCard: Se
+  },
+  props: {
+    hideBanner: { type: Boolean }
+  },
+  methods: {
+    clickedOutside() {
+      const e = ie();
+      this.closeOnClickOutside && (e.started || C().toggleVisible());
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      C().fetchDataLayerAttributes();
+    });
+  },
+  computed: {
+    closeOnClickOutside() {
+      var r, n, t;
+      return (t = (n = (r = a().referralCampaign) == null ? void 0 : r.config) == null ? void 0 : n.sign_up) == null ? void 0 : t.click_outside_to_exit;
+    },
+    showBanner() {
+      var r, n, t;
+      return ((t = (n = (r = a().referralCampaign) == null ? void 0 : r.config) == null ? void 0 : n.theme) == null ? void 0 : t.show_banner) && this.banner && !this.hideBanner;
+    },
+    showHeaderCard() {
+      var r, n, t, o;
+      return (o = (t = (n = (r = a().referralCampaign) == null ? void 0 : r.config) == null ? void 0 : n.sign_up) == null ? void 0 : t.header) == null ? void 0 : o.shown;
+    },
+    showFooterCard() {
+      var r, n, t, o;
+      return (o = (t = (n = (r = a().referralCampaign) == null ? void 0 : r.config) == null ? void 0 : n.sign_up) == null ? void 0 : t.footer) == null ? void 0 : o.shown;
+    },
+    headerText() {
+      var r, n, t, o;
+      return (o = (t = (n = (r = a().referralCampaign) == null ? void 0 : r.config) == null ? void 0 : n.sign_up) == null ? void 0 : t.header) == null ? void 0 : o.text;
+    },
+    footerText() {
+      var r, n, t, o;
+      return (o = (t = (n = (r = a().referralCampaign) == null ? void 0 : r.config) == null ? void 0 : n.sign_up) == null ? void 0 : t.footer) == null ? void 0 : o.text;
+    },
+    banner() {
+      var r;
+      return (r = a().referralCampaign) == null ? void 0 : r.bannerUrl;
+    }
+  }
+}), ke = ["src"];
+function Te(e, r, n, t, o, p) {
+  const m = i("TextCard"), f = i("SignUpCard"), _ = i("v-container"), b = Z("click-outside-card");
+  return x((s(), h(_, {
+    id: "gc-sign-up-1",
+    class: "pa-5"
+  }, {
+    default: c(() => [
+      e.showBanner ? (s(), u("img", {
+        key: 0,
+        id: "banner-image",
+        class: "banner-signup-referrer",
+        src: e.banner
+      }, null, 8, ke)) : v("", !0),
+      e.showHeaderCard ? (s(), h(m, {
+        key: 1,
+        text: e.headerText,
+        isHeader: e.showHeaderCard
+      }, null, 8, ["text", "isHeader"])) : v("", !0),
+      l(f, {
+        isHeader: !e.showHeaderCard
+      }, null, 8, ["isHeader"]),
+      e.showFooterCard ? (s(), h(m, {
+        key: 2,
+        text: e.footerText,
+        isHeader: !1
+      }, null, 8, ["text"])) : v("", !0)
+    ]),
+    _: 1
+  })), [
+    [b, e.clickedOutside]
+  ]);
+}
+const Fe = /* @__PURE__ */ S(Ue, [["render", Te], ["__file", "/Users/dominic/Code/gather-vue/src/components/referral_campaign/signup/SignUpView.vue"]]);
+export {
+  Fe as default
+};