gather-vue 8.6.0

package/README.md

@@ -0,0 +1,64 @@
+# gather-vue-app
+
+This template should help get you started developing with Vue 3 in Vite.
+
+## Recommended IDE Setup
+
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+
+## Type Support for `.vue` Imports in TS
+
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vite.dev/config/).
+
+## Project Setup
+
+```sh
+pnpm install
+```
+
+### Compile and Hot-Reload for Development
+
+```sh
+pnpm dev
+```
+
+### Type-Check, Compile and Minify for Production
+
+```sh
+pnpm build
+```
+
+### Run Unit Tests with [Vitest](https://vitest.dev/)
+
+```sh
+pnpm test:unit
+```
+
+### Run End-to-End Tests with [Playwright](https://playwright.dev)
+
+```sh
+# Install browsers for the first run
+npx playwright install
+
+# When testing on CI, must build the project first
+pnpm build
+
+# Runs the end-to-end tests
+pnpm test:e2e
+# Runs the tests only on Chromium
+pnpm test:e2e --project=chromium
+# Runs the tests of a specific file
+pnpm test:e2e tests/example.spec.ts
+# Runs the tests in debug mode
+pnpm test:e2e --debug
+```
+
+### Lint with [ESLint](https://eslint.org/)
+
+```sh
+pnpm lint
+```

package/dist/.htaccess

@@ -0,0 +1 @@
+Header add Access-Control-Allow-Origin "*"

package/dist/App-B7KWoHRH.js

@@ -0,0 +1,160 @@
+import { defineComponent as C, resolveComponent as a, createElementBlock as B, openBlock as u, normalizeStyle as y, createBlock as f, createCommentVNode as _, createVNode as l, withCtx as r, createTextVNode as d, createElementVNode as s, normalizeClass as A } from "vue";
+import { a as i, _ as S } from "./main-DPldah1M.js";
+const h = C({
+  name: "AppBlock",
+  computed: {
+    showAppBar() {
+      var o, t, e;
+      return (e = (t = (o = i().campaign) == null ? void 0 : o.config) == null ? void 0 : t.theme) == null ? void 0 : e.show_app_bar;
+    },
+    showClose() {
+      var o, t, e;
+      return (e = (t = (o = i().campaign) == null ? void 0 : o.config) == null ? void 0 : t.theme) == null ? void 0 : e.show_close_button;
+    },
+    barColor() {
+      var o;
+      return ((o = i().campaign) == null ? void 0 : o.config.theme.app_bar_color) ?? "#272728";
+    },
+    transparentBackground() {
+      var o, t, e;
+      return (e = (t = (o = i().campaign) == null ? void 0 : o.config) == null ? void 0 : t.theme) == null ? void 0 : e.transparent_background;
+    },
+    windowBackgroundColor() {
+      var o, t, e;
+      return (e = (t = (o = i().campaign) == null ? void 0 : o.config) == null ? void 0 : t.theme) == null ? void 0 : e.window_color;
+    },
+    formInputStyle() {
+      var o, t, e;
+      return (e = (t = (o = i().campaign) == null ? void 0 : o.config) == null ? void 0 : t.theme) == null ? void 0 : e.form_input_style;
+    },
+    cardElevation() {
+      var o, t, e;
+      return (e = (t = (o = i().campaign) == null ? void 0 : o.config) == null ? void 0 : t.theme) == null ? void 0 : e.card_elevation;
+    }
+  }
+}), E = {
+  novalidate: "",
+  id: "example-form"
+};
+function I(n, o, t, e, T, $) {
+  const p = a("v-icon"), c = a("v-btn"), v = a("v-app-bar"), m = a("v-row"), g = a("v-container"), b = a("v-text-field"), k = a("v-card-text"), w = a("v-card"), x = a("v-col");
+  return u(), B("div", {
+    id: "pop-up-editor-app-container",
+    style: y(
+      n.transparentBackground ? "background-color: transparent !important" : n.windowBackgroundColor ? `background-color: ${n.windowBackgroundColor} !important` : ""
+    )
+  }, [
+    n.showAppBar ? (u(), f(v, {
+      key: 0,
+      absolute: "",
+      flat: !0,
+      dark: !0,
+      color: n.barColor
+    }, {
+      default: r(() => [
+        l(c, {
+          icon: "",
+          id: "back-button"
+        }, {
+          default: r(() => [
+            l(p, null, {
+              default: r(() => o[0] || (o[0] = [
+                d("mdi-arrow-left")
+              ])),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        n.showClose ? (u(), f(c, {
+          key: 0,
+          icon: "",
+          id: "close-button",
+          class: "float-right"
+        }, {
+          default: r(() => [
+            l(p, null, {
+              default: r(() => o[1] || (o[1] = [
+                d("mdi-close")
+              ])),
+              _: 1
+            })
+          ]),
+          _: 1
+        })) : _("", !0)
+      ]),
+      _: 1
+    }, 8, ["color"])) : _("", !0),
+    l(m, {
+      id: "card-example",
+      class: "mx-5"
+    }, {
+      default: r(() => [
+        l(x, { cols: "12" }, {
+          default: r(() => [
+            l(w, { elevation: n.cardElevation }, {
+              default: r(() => [
+                l(k, null, {
+                  default: r(() => [
+                    o[5] || (o[5] = s("div", { class: "text-h5 text-center" }, "Primary Text", -1)),
+                    o[6] || (o[6] = s("div", { class: "text-subtitle-2 text-center" }, "Secondary Text", -1)),
+                    o[7] || (o[7] = s("br", null, null, -1)),
+                    o[8] || (o[8] = s("p", null, "This is what text on a card will look like.", -1)),
+                    o[9] || (o[9] = s("p", null, "This is an icon:", -1)),
+                    l(p, { left: "" }, {
+                      default: r(() => o[2] || (o[2] = [
+                        d("mdi-check-bold")
+                      ])),
+                      _: 1
+                    }),
+                    l(g, { class: "align-center" }, {
+                      default: r(() => [
+                        l(m, null, {
+                          default: r(() => [
+                            l(c, { class: "text-center mx-auto" }, {
+                              default: r(() => [
+                                l(p, { class: "pe-2" }, {
+                                  default: r(() => o[3] || (o[3] = [
+                                    d("mdi-check-bold")
+                                  ])),
+                                  _: 1
+                                }),
+                                o[4] || (o[4] = s("span", null, "Example button", -1))
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }),
+                    o[10] || (o[10] = s("div", { class: "text-h5 text-center mt-5" }, "Form Inputs", -1)),
+                    s("form", E, [
+                      l(b, {
+                        id: "example-field",
+                        class: A(n.formInputStyle !== "underlined" ? "mt-5" : ""),
+                        variant: n.formInputStyle,
+                        label: "A label",
+                        hint: "A hint",
+                        "append-icon": "mdi-email-outline"
+                      }, null, 8, ["class", "variant"])
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["elevation"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    })
+  ], 4);
+}
+const z = /* @__PURE__ */ S(h, [["render", I], ["__scopeId", "data-v-385133f6"], ["__file", "/Users/dominic/Code/gather-vue/src/components/editor/blocks/pop_up/App.vue"]]);
+export {
+  z as default
+};

package/dist/App-C03tW0-W.js

@@ -0,0 +1,405 @@
+import { defineComponent as T, resolveComponent as a, createElementBlock as _, openBlock as p, createVNode as t, withCtx as r, Fragment as C, renderList as R, createBlock as h, toDisplayString as B, createTextVNode as m, normalizeStyle as I, createElementVNode as d, normalizeClass as E } from "vue";
+import { u, _ as z } from "./main-DPldah1M.js";
+import { R as V } from "./RewardCard-CwU2X2Yo.js";
+const A = T({
+  name: "RewardExample",
+  components: {
+    RewardCard: V
+  },
+  data() {
+    return {
+      show: !0,
+      selectedTier: 0
+    };
+  },
+  computed: {
+    rewards() {
+      return u().visibleRewards;
+    },
+    content() {
+      var e;
+      return (e = u().referralCampaign) == null ? void 0 : e.config.rewards;
+    },
+    referral() {
+      return u().referral;
+    },
+    currentTier() {
+      return this.rewards.find((n) => {
+        var e;
+        return n.id === ((e = this.referral) == null ? void 0 : e.currentTierId);
+      });
+    },
+    hasMultipleRewards() {
+      return this.rewards.length > 1;
+    },
+    showRewards() {
+      return this.rewards.length > 1 && this.currentTier !== void 0;
+    },
+    stepperColor() {
+      var e, o, l;
+      return ((l = (o = (e = u().referralCampaign) == null ? void 0 : e.config) == null ? void 0 : o.theme) == null ? void 0 : l.stepper_background_color) || "#3c3c3c";
+    }
+  },
+  methods: {
+    selectTier(n) {
+      const e = this.rewards.findIndex((o) => o.id === n);
+      e !== -1 && (this.selectedTier = e);
+    },
+    findRewardIndex(n) {
+      return this.rewards.findIndex((e) => e.id === n.id);
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      var n;
+      this.selectTier((n = this.referral) == null ? void 0 : n.currentTierId);
+    });
+  }
+}), N = { id: "rewards-example" }, U = { key: 0 }, F = { key: 1 };
+function M(n, e, o, l, S, $) {
+  const s = a("v-icon"), c = a("v-timeline-item"), w = a("v-timeline"), f = a("v-btn"), b = a("RewardCard"), g = a("v-carousel-item"), k = a("v-carousel");
+  return p(), _("div", N, [
+    t(w, {
+      id: "timeline-container",
+      "line-inset": "10px",
+      direction: "horizontal",
+      "truncate-line": "both"
+    }, {
+      default: r(() => [
+        (p(!0), _(C, null, R(n.rewards, (i, v) => (p(), h(c, {
+          size: "small",
+          key: `${v}-step`,
+          "fill-dot": "",
+          onClick: (x) => n.selectTier(i.id)
+        }, {
+          icon: r(() => [
+            i.complete ? (p(), _("span", U, [
+              t(s, { icon: "mdi-check" })
+            ])) : (p(), _("span", F, B(i.points), 1))
+          ]),
+          _: 2
+        }, 1032, ["onClick"]))), 128))
+      ]),
+      _: 1
+    }),
+    t(k, {
+      id: "reward-carousel-container",
+      ref: "carousel",
+      "show-arrows": n.hasMultipleRewards,
+      "hide-delimiters": "",
+      modelValue: n.selectedTier,
+      "onUpdate:modelValue": e[0] || (e[0] = (i) => n.selectedTier = i),
+      height: "100%"
+    }, {
+      prev: r(({ props: i }) => [
+        t(f, {
+          class: "stepper-btn",
+          variant: "flat",
+          color: "success",
+          onClick: i.onClick,
+          icon: "",
+          size: "34"
+        }, {
+          default: r(() => [
+            t(s, { size: "x-large" }, {
+              default: r(() => e[1] || (e[1] = [
+                m("mdi-menu-left")
+              ])),
+              _: 1
+            })
+          ]),
+          _: 2
+        }, 1032, ["onClick"])
+      ]),
+      next: r(({ props: i }) => [
+        t(f, {
+          class: "stepper-btn",
+          variant: "flat",
+          color: "info",
+          onClick: i.onClick,
+          icon: "",
+          size: "34"
+        }, {
+          default: r(() => [
+            t(s, { size: "x-large" }, {
+              default: r(() => e[2] || (e[2] = [
+                m("mdi-menu-right")
+              ])),
+              _: 1
+            })
+          ]),
+          _: 2
+        }, 1032, ["onClick"])
+      ]),
+      default: r(() => [
+        (p(!0), _(C, null, R(n.rewards, (i, v) => (p(), h(g, {
+          key: `reward_${v}`,
+          class: "px-4"
+        }, {
+          default: r(() => [
+            t(b, { reward: i }, null, 8, ["reward"])
+          ]),
+          _: 2
+        }, 1024))), 128))
+      ]),
+      _: 1
+    }, 8, ["show-arrows", "modelValue"])
+  ]);
+}
+const D = /* @__PURE__ */ z(A, [["render", M], ["__file", "/Users/dominic/Code/gather-vue/src/components/editor/blocks/referral_campaign/RewardExample.vue"]]), L = T({
+  name: "AppBlock",
+  components: {
+    RewardExample: D
+  },
+  computed: {
+    barColor() {
+      var e, o, l;
+      return ((l = (o = (e = u().referralCampaign) == null ? void 0 : e.config) == null ? void 0 : o.theme) == null ? void 0 : l.app_bar_color) || "#272728";
+    },
+    transparentBackground() {
+      var e, o, l;
+      return (l = (o = (e = u().referralCampaign) == null ? void 0 : e.config) == null ? void 0 : o.theme) == null ? void 0 : l.transparent_background;
+    },
+    windowBackgroundColor() {
+      var e, o, l;
+      return (l = (o = (e = u().referralCampaign) == null ? void 0 : e.config) == null ? void 0 : o.theme) == null ? void 0 : l.window_color;
+    },
+    stepperBackgroundColor() {
+      var e, o, l;
+      return ((l = (o = (e = u().referralCampaign) == null ? void 0 : e.config) == null ? void 0 : o.theme) == null ? void 0 : l.stepper_background_color) || "#3c3c3c";
+    },
+    formInputStyle() {
+      var e, o, l;
+      return (l = (o = (e = u().referralCampaign) == null ? void 0 : e.config) == null ? void 0 : o.theme) == null ? void 0 : l.form_input_style;
+    }
+  }
+}), P = { class: "mx-auto" }, j = {
+  novalidate: "",
+  id: "example-form"
+};
+function q(n, e, o, l, S, $) {
+  const s = a("v-icon"), c = a("v-btn"), w = a("v-app-bar"), f = a("v-row"), b = a("v-container"), g = a("RewardExample"), k = a("v-text-field"), i = a("v-checkbox"), v = a("v-card-text"), x = a("v-card"), y = a("v-col");
+  return p(), _("div", {
+    id: "referralcampaign-editor-app-container",
+    style: I(
+      n.transparentBackground ? "background-color: transparent !important" : n.windowBackgroundColor ? `background-color: ${n.windowBackgroundColor} !important` : ""
+    )
+  }, [
+    t(w, {
+      absolute: "",
+      flat: !0,
+      dark: !0,
+      color: n.barColor
+    }, {
+      default: r(() => [
+        t(c, {
+          icon: "",
+          id: "back-button"
+        }, {
+          default: r(() => [
+            t(s, null, {
+              default: r(() => e[0] || (e[0] = [
+                m("mdi-arrow-left")
+              ])),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        t(c, {
+          icon: "",
+          id: "close-button",
+          class: "float-right"
+        }, {
+          default: r(() => [
+            t(s, null, {
+              default: r(() => e[1] || (e[1] = [
+                m("mdi-close")
+              ])),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["color"]),
+    t(f, {
+      id: "card-example",
+      class: "mx-5"
+    }, {
+      default: r(() => [
+        t(y, { cols: "12" }, {
+          default: r(() => [
+            t(x, null, {
+              default: r(() => [
+                t(v, null, {
+                  default: r(() => [
+                    e[10] || (e[10] = d("div", { class: "text-h5 text-center" }, "Primary Text", -1)),
+                    e[11] || (e[11] = d("div", { class: "text-subtitle-2 text-center" }, "Secondary Text", -1)),
+                    e[12] || (e[12] = d("br", null, null, -1)),
+                    e[13] || (e[13] = d("p", null, "This is what text on a card will look like as part of the embedded referral experience.", -1)),
+                    e[14] || (e[14] = d("p", null, "This is an icon:", -1)),
+                    t(s, null, {
+                      default: r(() => e[2] || (e[2] = [
+                        m("mdi-check-bold")
+                      ])),
+                      _: 1
+                    }),
+                    t(b, { class: "align-center" }, {
+                      default: r(() => [
+                        t(f, null, {
+                          default: r(() => [
+                            t(c, { class: "text-center mx-auto" }, {
+                              default: r(() => [
+                                t(s, { class: "pe-2" }, {
+                                  default: r(() => e[3] || (e[3] = [
+                                    m("mdi-check-bold")
+                                  ])),
+                                  _: 1
+                                }),
+                                e[4] || (e[4] = d("span", null, "Example button", -1))
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }),
+                    e[15] || (e[15] = d("div", { class: "text-subtitle-2 text-center mt-5" }, "Sharing Buttons:", -1)),
+                    t(b, { class: "align-center" }, {
+                      default: r(() => [
+                        t(f, null, {
+                          default: r(() => [
+                            d("div", P, [
+                              t(c, {
+                                class: "ma-2",
+                                size: "small",
+                                theme: "dark",
+                                ripple: !1,
+                                elevation: 0,
+                                icon: ""
+                              }, {
+                                default: r(() => [
+                                  t(s, { size: "large" }, {
+                                    default: r(() => e[5] || (e[5] = [
+                                      m("mdi-linkedin")
+                                    ])),
+                                    _: 1
+                                  })
+                                ]),
+                                _: 1
+                              }),
+                              t(c, {
+                                class: "ma-2",
+                                size: "small",
+                                theme: "dark",
+                                ripple: !1,
+                                elevation: 0,
+                                icon: ""
+                              }, {
+                                default: r(() => [
+                                  t(s, { size: "large" }, {
+                                    default: r(() => e[6] || (e[6] = [
+                                      m("mdi-facebook")
+                                    ])),
+                                    _: 1
+                                  })
+                                ]),
+                                _: 1
+                              }),
+                              t(c, {
+                                class: "ma-2",
+                                size: "small",
+                                theme: "dark",
+                                ripple: !1,
+                                elevation: 0,
+                                icon: ""
+                              }, {
+                                default: r(() => [
+                                  t(s, { size: "large" }, {
+                                    default: r(() => e[7] || (e[7] = [
+                                      m("mdi-twitter")
+                                    ])),
+                                    _: 1
+                                  })
+                                ]),
+                                _: 1
+                              }),
+                              t(c, {
+                                class: "ma-2",
+                                size: "small",
+                                theme: "dark",
+                                ripple: !1,
+                                elevation: 0,
+                                icon: ""
+                              }, {
+                                default: r(() => [
+                                  t(s, { size: "large" }, {
+                                    default: r(() => e[8] || (e[8] = [
+                                      m("mdi-whatsapp")
+                                    ])),
+                                    _: 1
+                                  })
+                                ]),
+                                _: 1
+                              }),
+                              t(c, {
+                                class: "ma-2",
+                                size: "small",
+                                theme: "dark",
+                                ripple: !1,
+                                elevation: 0,
+                                icon: ""
+                              }, {
+                                default: r(() => [
+                                  t(s, { size: "large" }, {
+                                    default: r(() => e[9] || (e[9] = [
+                                      m("mdi-cellphone-text")
+                                    ])),
+                                    _: 1
+                                  })
+                                ]),
+                                _: 1
+                              })
+                            ])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }),
+                    e[16] || (e[16] = d("div", { class: "text-h5 text-center mt-5" }, "Reward Tracking", -1)),
+                    t(g),
+                    e[17] || (e[17] = d("div", { class: "text-h5 text-center mt-5" }, "Form Inputs", -1)),
+                    d("form", j, [
+                      t(k, {
+                        id: "example-field",
+                        class: E(n.formInputStyle !== "underlined" ? "mt-5" : ""),
+                        variant: n.formInputStyle,
+                        label: "A label",
+                        hint: "A hint",
+                        "append-icon": "mdi-email-outline"
+                      }, null, 8, ["class", "variant"]),
+                      t(i, { label: "This is a checkbox" })
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    })
+  ], 4);
+}
+const K = /* @__PURE__ */ z(L, [["render", q], ["__scopeId", "data-v-95814043"], ["__file", "/Users/dominic/Code/gather-vue/src/components/editor/blocks/referral_campaign/App.vue"]]);
+export {
+  K as default
+};