@konnectio/core 4.4.9 → 4.5.1

package/dist/gift-card.js

@@ -1,454 +1,455 @@
-import { d as U, u as M, c as _, a as s, w as C, e as l, r as O, h as p, i as f, b as Y, f as t, g as e, n as J, t as A, j as ae, C as oe, s as z, D as ne, o as ie, S as se, E as T, G, F as de, v as re, z as b, k as ue, _ as ce, l as pe, m as me, p as fe } from "./mitt-Cj---5fy.js";
-import { G as ve } from "./style-n4UQjvXd.js";
-import { u as B } from "./giftCard-G-zvnJVj.js";
-import { a as be, d as P, x as he, _ as R, f as ke, c as ge, L as ye, T as S, i as _e, C as Ce } from "./SelectField.vue_vue_type_style_index_0_lang-DH_el7cy.js";
-import { _ as Ve } from "./_.vue_vue_type_style_index_0_lang-BdANnGTG.js";
-import { C as $e, a as we, P as Fe, _ as xe } from "./CheckoutWindow-jLe1mUEB.js";
-import { E as Ee } from "./Field.vue_vue_type_style_index_0_scoped_c072a208_lang-B1tIG39F.js";
-import { F as E } from "./Field-D9fOd9ca.js";
-import { E as Pe } from "./ErrorMessage-uA3IcjN_.js";
-import { S as Ue } from "./TermsOfService-CD3_lM8u.js";
-import { f as Te } from "./index-BEOLg3OJ.js";
-const Ge = { class: "media-selector" }, Se = ["accept"], Ae = { class: "media-selector-wrapper" }, Me = { class: "media-selector-tools" }, Le = { key: 0 }, qe = { key: 1 }, Be = { key: 2 }, Re = ["src"], Ie = /* @__PURE__ */ U({
-  __name: "MediaSelector",
-  props: {
-    modelValue: {},
-    validation: { default: "image/*" },
-    iconColor: { default: "#000" },
-    label: {},
-    required: { type: Boolean, default: !1 }
-  },
-  emits: ["update:modelValue"],
-  setup(a, { emit: r }) {
-    const m = r, o = a, { t: c } = M(), { display: h } = be(), v = O(), k = Y(() => o.modelValue.base64 !== "");
-    function V(d) {
-      m("update:modelValue", d);
-    }
-    function I() {
-      V({
-        base64: "",
-        name: "",
-        type: ""
-      }), v.value && (v.value.value = "");
-    }
-    function $() {
-      v.value && v.value.click();
-    }
-    function D(d, u) {
-      const [y, L] = [d.name, d.type], g = new FileReader();
-      g.onload = function(x) {
-        if (x.target) {
-          const q = x.target.result;
-          u({ base64: q, name: y, type: L });
-        } else
-          h({
-            message: c("imageUploadError"),
-            type: "error"
-          });
-      }, g.readAsDataURL(d);
-    }
-    async function w() {
-      let d;
-      (d = v.value.files) instanceof FileList && D(d[0], V);
-    }
-    return (d, u) => (s(), _(he, {
-      label: a.label,
-      required: a.required,
-      type: "media"
-    }, {
-      default: C(() => [
-        l("div", Ge, [
-          l("input", {
-            ref_key: "fileInput",
-            ref: v,
-            type: "file",
-            class: "hidden",
-            accept: a.validation,
-            single: "",
-            onChange: u[0] || (u[0] = (y) => w())
-          }, null, 40, Se),
-          l("div", Ae, [
-            l("ul", Me, [
-              k.value ? f("", !0) : (s(), p("li", Le, [
-                t(P, {
-                  label: e(c)("uploadFile"),
-                  type: "button",
-                  icon: "upload",
-                  "icon-color": a.iconColor,
-                  onClickEvent: u[1] || (u[1] = (y) => $())
-                }, null, 8, ["label", "icon-color"])
-              ])),
-              k.value ? (s(), p("li", qe, [
-                t(P, {
-                  label: e(c)("replaceFile"),
-                  type: "button",
-                  icon: "repeat-alt",
-                  "icon-color": a.iconColor,
-                  onClickEvent: u[2] || (u[2] = (y) => $())
-                }, null, 8, ["label", "icon-color"])
-              ])) : f("", !0),
-              k.value ? (s(), p("li", Be, [
-                t(P, {
-                  label: e(c)("removeFile"),
-                  type: "button",
-                  icon: "trash-alt",
-                  "icon-color": a.iconColor,
-                  onClickEvent: u[3] || (u[3] = (y) => I())
-                }, null, 8, ["label", "icon-color"])
-              ])) : f("", !0)
-            ]),
-            l("div", {
-              class: J([
-                "media-selector-previewer",
-                { opened: k.value }
-              ])
-            }, [
-              a.modelValue ? (s(), p("img", {
-                key: 0,
-                src: a.modelValue.base64
-              }, null, 8, Re)) : f("", !0)
-            ], 2)
-          ])
-        ])
-      ]),
-      _: 1
-    }, 8, ["label", "required"]));
-  }
+import { $ as e, At as t, D as n, Dt as r, E as i, Et as a, M as o, O as s, P as c, S as l, T as u, Y as d, _ as f, a as p, bt as m, c as h, dt as g, ft as _, gt as v, k as y, lt as b, o as x, p as S, q as C, r as w, s as T, t as E, u as D, x as O, y as ee } from "./mitt-DrOLO7f9.js";
+import { t as k } from "./dist-oox8Oy7m.js";
+import { E as A, M as te, S as j, _ as M, b as N, n as P, r as ne, t as re, v as F, y as ie } from "./SelectField-BYcZ8xUa.js";
+import { t as ae } from "./_-BZTN6PmS.js";
+import { t as oe } from "./ErrorMessage-6_ULtG_D.js";
+import { n as I, t as L } from "./Field-00JXggoS.js";
+import { t as R } from "./style-CCnDB_V1.js";
+import { i as se, n as ce, r as le, t as ue } from "./CheckoutWindow-xnLaHTT5.js";
+import { t as z } from "./giftCard-Dlw7i36H.js";
+import { t as B } from "./TermsOfService-tFJBZdRe.js";
+//#region src/components/inputs/MediaSelector.vue?vue&type=script&setup=true&lang.ts
+var V = { class: "media-selector" }, H = ["accept"], U = { class: "media-selector-wrapper" }, W = { class: "media-selector-tools" }, G = { key: 0 }, K = { key: 1 }, q = { key: 2 }, J = ["src"], Y = /* @__PURE__ */ c({
+	__name: "MediaSelector",
+	props: {
+		modelValue: {},
+		validation: { default: "image/*" },
+		iconColor: { default: "#000" },
+		label: {},
+		required: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let c = t, l = e, { t: f } = x(), { display: p } = te(), h = m(), _ = u(() => l.modelValue.base64 !== "");
+		function v(e) {
+			c("update:modelValue", e);
+		}
+		function b() {
+			v({
+				base64: "",
+				name: "",
+				type: ""
+			}), h.value && (h.value.value = "");
+		}
+		function S() {
+			h.value && h.value.click();
+		}
+		function C(e, t) {
+			let [n, r] = [e.name, e.type], i = new FileReader();
+			i.onload = function(e) {
+				if (e.target) {
+					let i = e.target.result;
+					t({
+						base64: i,
+						name: n,
+						type: r
+					});
+				} else p({
+					message: f("imageUploadError"),
+					type: "error"
+				});
+			}, i.readAsDataURL(e);
+		}
+		async function w() {
+			let e;
+			(e = h.value.files) instanceof FileList && C(e[0], v);
+		}
+		return (t, c) => (d(), n(M, {
+			label: e.label,
+			required: e.required,
+			type: "media"
+		}, {
+			default: g(() => [i("div", V, [i("input", {
+				ref_key: "fileInput",
+				ref: h,
+				type: "file",
+				class: "hidden",
+				accept: e.validation,
+				single: "",
+				onChange: c[0] ||= (e) => w()
+			}, null, 40, H), i("div", U, [i("ul", W, [
+				_.value ? s("", !0) : (d(), y("li", G, [o(F, {
+					label: a(f)("uploadFile"),
+					type: "button",
+					icon: "upload",
+					"icon-color": e.iconColor,
+					onClickEvent: c[1] ||= (e) => S()
+				}, null, 8, ["label", "icon-color"])])),
+				_.value ? (d(), y("li", K, [o(F, {
+					label: a(f)("replaceFile"),
+					type: "button",
+					icon: "repeat-alt",
+					"icon-color": e.iconColor,
+					onClickEvent: c[2] ||= (e) => S()
+				}, null, 8, ["label", "icon-color"])])) : s("", !0),
+				_.value ? (d(), y("li", q, [o(F, {
+					label: a(f)("removeFile"),
+					type: "button",
+					icon: "trash-alt",
+					"icon-color": e.iconColor,
+					onClickEvent: c[3] ||= (e) => b()
+				}, null, 8, ["label", "icon-color"])])) : s("", !0)
+			]), i("div", { class: r(["media-selector-previewer", { opened: _.value }]) }, [e.modelValue ? (d(), y("img", {
+				key: 0,
+				src: e.modelValue.base64
+			}, null, 8, J)) : s("", !0)], 2)])])]),
+			_: 1
+		}, 8, ["label", "required"]));
+	}
 });
-function W(a) {
-  const r = a;
-  r.__i18n = r.__i18n || [], r.__i18n.push({
-    locale: "",
-    resource: {
-      da: {
-        uploadFile: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Upload billede" } },
-        removeFile: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Fjern billede" } },
-        replaceFile: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Ersat billede" } },
-        imageUploadError: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Der skete en fejl under billede upload!" } }
-      },
-      en: {
-        uploadFile: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Upload image" } },
-        removeFile: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Remove image" } },
-        replaceFile: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Replace image" } },
-        imageUploadError: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "An error occurred under image upload!" } }
-      }
-    }
-  });
+//#endregion
+//#region src/components/inputs/MediaSelector.vue?vue&type=i18n&index=0&lang.yaml
+function X(e) {
+	let t = e;
+	t.__i18n = t.__i18n || [], t.__i18n.push({
+		locale: "",
+		resource: {
+			da: {
+				uploadFile: {
+					t: 0,
+					b: {
+						t: 2,
+						i: [{ t: 3 }],
+						s: "Upload billede"
+					}
+				},
+				removeFile: {
+					t: 0,
+					b: {
+						t: 2,
+						i: [{ t: 3 }],
+						s: "Fjern billede"
+					}
+				},
+				replaceFile: {
+					t: 0,
+					b: {
+						t: 2,
+						i: [{ t: 3 }],
+						s: "Ersat billede"
+					}
+				},
+				imageUploadError: {
+					t: 0,
+					b: {
+						t: 2,
+						i: [{ t: 3 }],
+						s: "Der skete en fejl under billede upload!"
+					}
+				}
+			},
+			en: {
+				uploadFile: {
+					t: 0,
+					b: {
+						t: 2,
+						i: [{ t: 3 }],
+						s: "Upload image"
+					}
+				},
+				removeFile: {
+					t: 0,
+					b: {
+						t: 2,
+						i: [{ t: 3 }],
+						s: "Remove image"
+					}
+				},
+				replaceFile: {
+					t: 0,
+					b: {
+						t: 2,
+						i: [{ t: 3 }],
+						s: "Replace image"
+					}
+				},
+				imageUploadError: {
+					t: 0,
+					b: {
+						t: 2,
+						i: [{ t: 3 }],
+						s: "An error occurred under image upload!"
+					}
+				}
+			}
+		}
+	});
 }
-typeof W == "function" && W(Ie);
-const De = { class: "gift-card-skeleton" }, He = { class: "gift-card-skeleton-form" }, Ne = /* @__PURE__ */ U({
-  __name: "GiftCardSkeleton",
-  setup(a) {
-    return (r, m) => (s(), p("div", De, [
-      l("div", He, [
-        t(E),
-        t(E),
-        t(E),
-        t(E),
-        t(E, { "is-text-area": "" }),
-        t(Ee, { height: "44px" })
-      ])
-    ]));
-  }
-}), je = /* @__PURE__ */ R(Ne, [["__scopeId", "data-v-952c68dd"]]), ze = { class: "konnectio-accept-terms" }, We = /* @__PURE__ */ U({
-  __name: "_",
-  props: {
-    content: {},
-    buttonLabel: {}
-  },
-  setup(a) {
-    const { t: r } = M(), m = O(!1);
-    return (o, c) => (s(), p("div", ze, [
-      t(e(oe), {
-        keypath: "general.termsAndConditionsNotice",
-        tag: "span",
-        scope: "global"
-      }, {
-        button: C(() => [
-          l("i", null, '"' + A(a.buttonLabel) + '"', 1)
-        ]),
-        terms: C(() => [
-          l("a", {
-            class: "konnectio-accept-terms-link",
-            target: "_blank",
-            onClick: c[0] || (c[0] = ae((h) => m.value = !0, ["prevent"]))
-          }, [
-            l("span", null, A(e(r)("general.termsAndConditions")), 1)
-          ])
-        ]),
-        _: 1
-      }),
-      t(Ue, {
-        modelValue: m.value,
-        "onUpdate:modelValue": c[1] || (c[1] = (h) => m.value = h),
-        description: a.content
-      }, null, 8, ["modelValue", "description"])
-    ]));
-  }
-}), Ke = /* @__PURE__ */ R(We, [["__scopeId", "data-v-93ef3159"]]), Oe = /* @__PURE__ */ U({
-  __name: "GiftCard",
-  setup(a) {
-    const { t: r } = M(), m = B();
-    return (o, c) => (s(), _(Ke, {
-      content: e(m).termsOfService,
-      "button-label": e(r)("giftCard.orderGiftCard")
-    }, null, 8, ["content", "button-label"]));
-  }
-}), Ye = ["data-layout"], Je = { id: "konnectio-gift-card-wrapper" }, Qe = { id: "konnectio-gift-card-title" }, Xe = { id: "konnectio-gift-card-content" }, Ze = { id: "konnectio-gift-card-payment" }, el = ["innerHTML"], ll = { key: 0 }, tl = {
-  key: 0,
-  id: "konnectio-select-place-type"
-}, al = {
-  class: /* @__PURE__ */ J(["konnectio-label", "required"])
-}, ol = { id: "konnectio-select-place-type-input" }, nl = ["innerHTML"], il = {
-  key: 0,
-  id: "konnectio-gift-card-order"
-}, sl = { class: "konnectio-panel" }, dl = {
-  key: 1,
-  id: "konnectio-gift-card-remarks"
-}, rl = {
-  key: 2,
-  id: "konnectio-gift-card-order-minimal"
-}, ul = { id: "konnectio-gift-card-recaptcha" }, cl = /* @__PURE__ */ U({
-  name: "GiftCardLayout",
-  __name: "GiftCard",
-  props: {
-    accessToken: {},
-    layout: { default: "minimal" },
-    placeType: {},
-    styling: {}
-  },
-  setup(a) {
-    const r = a, m = Y(() => ({
-      panelMaxWidth: "800px",
-      ...r.styling
-    })), { t: o } = M(), {
-      name: c,
-      email: h,
-      phone: v,
-      value: k,
-      remark: V,
-      showValue: I,
-      quantity: $,
-      media: D,
-      placeId: w,
-      placeType: d,
-      showFormPage: u,
-      showPaymentPage: y,
-      showConfirmationPage: L,
-      places: g,
-      hasFilledForm: x,
-      hasForcedPlaceType: q,
-      isWaitingForResponse: F
-    } = z(B()), { initialize: Q, orderGiftCard: H, fetchMetadata: X } = B(), { isRecaptchaEnabled: Z, currency: ee, hasError: le } = z(ke());
-    return ne(d, () => {
-      w.value = void 0;
-    }), ie(() => {
-      const N = r.placeType ? parseInt(r.placeType) : void 0;
-      Q(N);
-    }), (N, n) => (s(), _(Ce, { styling: m.value }, {
-      default: C(() => [
-        (s(), _(se, null, {
-          default: C(() => [
-            t(Ve, {
-              "access-token": a.accessToken,
-              "data-layout": a.layout,
-              callback: e(X)
-            }, {
-              default: C(() => [
-                e(le) ? (s(), _(Pe, {
-                  key: 1,
-                  title: "Unable to render Gift card module",
-                  description: "Gift card functionality hasn't been setup for this account. Please contact Octopus PMS for support."
-                })) : (s(), p("div", {
-                  key: 0,
-                  id: "konnectio-gift-card-module",
-                  "data-layout": a.layout
-                }, [
-                  l("div", Je, [
-                    l("h2", Qe, [
-                      l("span", null, A(e(o)("giftCard.title")), 1)
-                    ]),
-                    l("div", Xe, [
-                      T(l("div", Ze, [
-                        t($e)
-                      ], 512), [
-                        [G, e(y)]
-                      ]),
-                      T(l("div", null, [
-                        l("p", {
-                          id: "konnectio-gift-card-description",
-                          innerHTML: e(o)("giftCard.description")
-                        }, null, 8, el),
-                        l("form", null, [
-                          e(q) ? f("", !0) : (s(), p("div", ll, [
-                            e(g) ? (s(), p("div", tl, [
-                              l("label", al, [
-                                l("span", null, A(e(o)("giftCard.selectType")), 1)
-                              ]),
-                              l("div", ol, [
-                                l("ul", null, [
-                                  (s(!0), p(de, null, re(e(g), (i, j) => (s(), p("li", { key: j }, [
-                                    t(we, {
-                                      modelValue: e(d),
-                                      "onUpdate:modelValue": n[0] || (n[0] = (te) => b(d) ? d.value = te : null),
-                                      type: "radio",
-                                      name: "placeType",
-                                      val: j,
-                                      label: i.label
-                                    }, null, 8, ["modelValue", "val", "label"])
-                                  ]))), 128))
-                                ]),
-                                e(g)[e(d)] && e(g)[e(d)].data.length > 1 ? (s(), _(ge, {
-                                  key: 0,
-                                  modelValue: e(w),
-                                  "onUpdate:modelValue": n[1] || (n[1] = (i) => b(w) ? w.value = i : null),
-                                  placeholder: e(o)("giftCard.selectPlacePlaceholder"),
-                                  options: e(g)[e(d)].data,
-                                  labelKey: "name",
-                                  valueKey: "id",
-                                  required: ""
-                                }, null, 8, ["modelValue", "placeholder", "options"])) : f("", !0)
-                              ])
-                            ])) : (s(), _(ye, { key: 1 }))
-                          ])),
-                          t(S, {
-                            modelValue: e(c),
-                            "onUpdate:modelValue": n[2] || (n[2] = (i) => b(c) ? c.value = i : null),
-                            type: "text",
-                            name: "name",
-                            autocomplete: "name",
-                            label: e(o)("giftCard.name"),
-                            icon: "user-alt",
-                            placeholder: e(o)("giftCard.namePlaceholder"),
-                            required: ""
-                          }, null, 8, ["modelValue", "label", "placeholder"]),
-                          t(S, {
-                            modelValue: e(h),
-                            "onUpdate:modelValue": n[3] || (n[3] = (i) => b(h) ? h.value = i : null),
-                            type: "email",
-                            name: "email",
-                            autocomplete: "email",
-                            label: e(o)("giftCard.email"),
-                            icon: "at",
-                            placeholder: e(o)("giftCard.emailPlaceholder"),
-                            required: ""
-                          }, null, 8, ["modelValue", "label", "placeholder"]),
-                          t(Fe, {
-                            modelValue: e(v),
-                            "onUpdate:modelValue": n[4] || (n[4] = (i) => b(v) ? v.value = i : null),
-                            icon: "phone-office",
-                            label: e(o)("giftCard.phone"),
-                            placeholder: e(o)("giftCard.phonePlaceholder"),
-                            required: ""
-                          }, null, 8, ["modelValue", "label", "placeholder"]),
-                          t(S, {
-                            modelValue: e(k),
-                            "onUpdate:modelValue": n[5] || (n[5] = (i) => b(k) ? k.value = i : null),
-                            type: "number",
-                            name: "value",
-                            label: e(o)("giftCard.value"),
-                            icon: "money-bill",
-                            placeholder: e(o)("giftCard.valuePlaceholder"),
-                            suffix: e(ee),
-                            required: ""
-                          }, null, 8, ["modelValue", "label", "placeholder", "suffix"]),
-                          f("", !0),
-                          f("", !0),
-                          t(_e, {
-                            modelValue: e($),
-                            "onUpdate:modelValue": n[8] || (n[8] = (i) => b($) ? $.value = i : null),
-                            label: e(o)("giftCard.quantity"),
-                            icon: "gift-card",
-                            required: ""
-                          }, null, 8, ["modelValue", "label"])
-                        ])
-                      ], 512), [
-                        [G, e(u)]
-                      ]),
-                      T(l("div", null, [
-                        l("div", {
-                          innerHTML: e(o)("giftCard.thankYou")
-                        }, null, 8, nl)
-                      ], 512), [
-                        [G, e(L)]
-                      ])
-                    ]),
-                    a.layout !== "minimal" && e(u) ? (s(), p("div", il, [
-                      l("div", sl, [
-                        t(P, {
-                          label: e(o)("giftCard.orderGiftCard"),
-                          "full-width": !0,
-                          disabled: !e(x),
-                          "is-loading": e(F),
-                          "onUpdate:isLoading": n[9] || (n[9] = (i) => b(F) ? F.value = i : null),
-                          onClickEvent: e(H)
-                        }, null, 8, ["label", "disabled", "is-loading", "onClickEvent"])
-                      ])
-                    ])) : f("", !0),
-                    e(u) ? (s(), p("div", dl, [
-                      t(S, {
-                        modelValue: e(V),
-                        "onUpdate:modelValue": n[10] || (n[10] = (i) => b(V) ? V.value = i : null),
-                        type: "textarea",
-                        name: "remark",
-                        label: e(o)("giftCard.remark"),
-                        icon: "info-circle",
-                        placeholder: e(o)("giftCard.remarkPlaceholder")
-                      }, null, 8, ["modelValue", "label", "placeholder"])
-                    ])) : f("", !0),
-                    e(u) ? (s(), p("div", rl, [
-                      t(P, {
-                        label: e(o)("giftCard.orderGiftCard"),
-                        "full-width": !0,
-                        disabled: !e(x),
-                        "data-test": "orderGiftCard",
-                        "is-loading": e(F),
-                        "onUpdate:isLoading": n[11] || (n[11] = (i) => b(F) ? F.value = i : null),
-                        onClickEvent: e(H)
-                      }, null, 8, ["label", "disabled", "is-loading", "onClickEvent"]),
-                      l("div", null, [
-                        n[12] || (n[12] = l("div", { class: "konnectio-divider" }, null, -1)),
-                        t(Oe)
-                      ]),
-                      T(l("div", ul, [
-                        t(xe)
-                      ], 512), [
-                        [G, e(Z)]
-                      ])
-                    ])) : f("", !0)
-                  ])
-                ], 8, Ye))
-              ]),
-              _: 1
-            }, 8, ["access-token", "data-layout", "callback"])
-          ]),
-          fallback: C(() => [
-            t(je)
-          ]),
-          _: 1
-        }))
-      ]),
-      _: 1
-    }, 8, ["styling"]));
-  }
-}), K = /* @__PURE__ */ R(cl, [["__scopeId", "data-v-5baf85ce"]]), pl = ue(), ml = ce, fl = ml();
-class vl extends HTMLElement {
-  vueApp;
-  constructor() {
-    super();
-  }
-  disconnectedCallback() {
-    this.vueApp.unmount();
-  }
-  connectedCallback() {
-    const r = pe(K, this.attributes);
-    this.vueApp = me(K, r), this.vueApp.provide("emitter", fl), this.vueApp.use(Te), this.vueApp.use(pl), this.vueApp.use(fe), this.vueApp.use(ve);
-    const m = document.createElement("div");
-    this.vueApp.mount(m), this.appendChild(m.children[0]);
-  }
-}
-window.customElements.define("konnectio-gift-card", vl);
-export {
-  vl as default
+//#endregion
+//#region src/components/inputs/MediaSelector.vue
+typeof X == "function" && X(Y);
+//#endregion
+//#region src/components/skeletons/GiftCardSkeleton.vue?vue&type=script&setup=true&lang.ts
+var de = { class: "gift-card-skeleton" }, fe = { class: "gift-card-skeleton-form" }, pe = /* @__PURE__ */ j(/* @__PURE__ */ c({
+	__name: "GiftCardSkeleton",
+	setup(e) {
+		return (e, t) => (d(), y("div", de, [i("div", fe, [
+			o(L),
+			o(L),
+			o(L),
+			o(L),
+			o(L, { "is-text-area": "" }),
+			o(I, { height: "44px" })
+		])]));
+	}
+}), [["__scopeId", "data-v-ba3efaa1"]]), me = { class: "konnectio-accept-terms" }, he = /* @__PURE__ */ j(/* @__PURE__ */ c({
+	__name: "_",
+	props: {
+		content: {},
+		buttonLabel: {}
+	},
+	setup(e) {
+		let { t: n } = x(), r = m(!1);
+		return (s, c) => (d(), y("div", me, [o(a(p), {
+			keypath: "general.termsAndConditionsNotice",
+			tag: "span",
+			scope: "global"
+		}, {
+			button: g(() => [i("i", null, "\"" + t(e.buttonLabel) + "\"", 1)]),
+			terms: g(() => [i("a", {
+				class: "konnectio-accept-terms-link",
+				target: "_blank",
+				onClick: c[0] ||= ee((e) => r.value = !0, ["prevent"])
+			}, [i("span", null, t(a(n)("general.termsAndConditions")), 1)])]),
+			_: 1
+		}), o(B, {
+			modelValue: r.value,
+			"onUpdate:modelValue": c[1] ||= (e) => r.value = e,
+			description: e.content
+		}, null, 8, ["modelValue", "description"])]));
+	}
+}), [["__scopeId", "data-v-689c045a"]]), ge = /* @__PURE__ */ c({
+	__name: "GiftCard",
+	setup(e) {
+		let { t } = x(), r = z();
+		return (e, i) => (d(), n(he, {
+			content: a(r).termsOfService,
+			"button-label": a(t)("giftCard.orderGiftCard")
+		}, null, 8, ["content", "button-label"]));
+	}
+}), _e = ["data-layout"], ve = { id: "konnectio-gift-card-wrapper" }, ye = { id: "konnectio-gift-card-title" }, be = { id: "konnectio-gift-card-content" }, xe = { id: "konnectio-gift-card-payment" }, Se = ["innerHTML"], Ce = { key: 0 }, we = {
+	key: 0,
+	id: "konnectio-select-place-type"
+}, Te = { class: /* @__PURE__ */ r(["konnectio-label", "required"]) }, Ee = { id: "konnectio-select-place-type-input" }, De = ["innerHTML"], Z = {
+	key: 0,
+	id: "konnectio-gift-card-order"
+}, Oe = { class: "konnectio-panel" }, ke = {
+	key: 1,
+	id: "konnectio-gift-card-remarks"
+}, Ae = {
+	key: 2,
+	id: "konnectio-gift-card-order-minimal"
+}, je = { id: "konnectio-gift-card-recaptcha" }, Q = /* @__PURE__ */ j(/* @__PURE__ */ c({
+	name: "GiftCardLayout",
+	__name: "GiftCard",
+	props: {
+		accessToken: {},
+		layout: { default: "minimal" },
+		placeType: {},
+		styling: {}
+	},
+	setup(r) {
+		let c = r, p = u(() => ({
+			panelMaxWidth: "800px",
+			...c.styling
+		})), { t: m } = x(), { name: h, email: S, phone: w, value: T, remark: E, showValue: ee, quantity: k, media: te, placeId: j, placeType: M, showFormPage: I, showPaymentPage: L, showConfirmationPage: R, places: B, hasFilledForm: V, hasForcedPlaceType: H, isWaitingForResponse: U } = D(z()), { initialize: W, orderGiftCard: G, fetchMetadata: K } = z(), { isRecaptchaEnabled: q, currency: J, hasError: Y } = D(A());
+		return b(M, () => {
+			j.value = void 0;
+		}), C(() => {
+			W(c.placeType ? parseInt(c.placeType) : void 0);
+		}), (c, u) => (d(), n(N, { styling: p.value }, {
+			default: g(() => [(d(), n(l, null, {
+				default: g(() => [o(ae, {
+					"access-token": r.accessToken,
+					"data-layout": r.layout,
+					callback: a(K)
+				}, {
+					default: g(() => [a(Y) ? (d(), n(oe, {
+						key: 1,
+						title: "Unable to render Gift card module",
+						description: "Gift card functionality hasn't been setup for this account. Please contact Octopus PMS for support."
+					})) : (d(), y("div", {
+						key: 0,
+						id: "konnectio-gift-card-module",
+						"data-layout": r.layout
+					}, [i("div", ve, [
+						i("h2", ye, [i("span", null, t(a(m)("giftCard.title")), 1)]),
+						i("div", be, [
+							_(i("div", xe, [o(ue)], 512), [[f, a(L)]]),
+							_(i("div", null, [i("p", {
+								id: "konnectio-gift-card-description",
+								innerHTML: a(m)("giftCard.description")
+							}, null, 8, Se), i("form", null, [
+								a(H) ? s("", !0) : (d(), y("div", Ce, [a(B) ? (d(), y("div", we, [i("label", Te, [i("span", null, t(a(m)("giftCard.selectType")), 1)]), i("div", Ee, [i("ul", null, [(d(!0), y(O, null, e(a(B), (e, t) => (d(), y("li", { key: t }, [o(le, {
+									modelValue: a(M),
+									"onUpdate:modelValue": u[0] ||= (e) => v(M) ? M.value = e : null,
+									type: "radio",
+									name: "placeType",
+									val: t,
+									label: e.label
+								}, null, 8, [
+									"modelValue",
+									"val",
+									"label"
+								])]))), 128))]), a(B)[a(M)] && a(B)[a(M)].data.length > 1 ? (d(), n(re, {
+									key: 0,
+									modelValue: a(j),
+									"onUpdate:modelValue": u[1] ||= (e) => v(j) ? j.value = e : null,
+									placeholder: a(m)("giftCard.selectPlacePlaceholder"),
+									options: a(B)[a(M)].data,
+									labelKey: "name",
+									valueKey: "id",
+									required: ""
+								}, null, 8, [
+									"modelValue",
+									"placeholder",
+									"options"
+								])) : s("", !0)])])) : (d(), n(ie, { key: 1 }))])),
+								o(P, {
+									modelValue: a(h),
+									"onUpdate:modelValue": u[2] ||= (e) => v(h) ? h.value = e : null,
+									type: "text",
+									name: "name",
+									autocomplete: "name",
+									label: a(m)("giftCard.name"),
+									icon: "user-alt",
+									placeholder: a(m)("giftCard.namePlaceholder"),
+									required: ""
+								}, null, 8, [
+									"modelValue",
+									"label",
+									"placeholder"
+								]),
+								o(P, {
+									modelValue: a(S),
+									"onUpdate:modelValue": u[3] ||= (e) => v(S) ? S.value = e : null,
+									type: "email",
+									name: "email",
+									autocomplete: "email",
+									label: a(m)("giftCard.email"),
+									icon: "at",
+									placeholder: a(m)("giftCard.emailPlaceholder"),
+									required: ""
+								}, null, 8, [
+									"modelValue",
+									"label",
+									"placeholder"
+								]),
+								o(se, {
+									modelValue: a(w),
+									"onUpdate:modelValue": u[4] ||= (e) => v(w) ? w.value = e : null,
+									icon: "phone-office",
+									label: a(m)("giftCard.phone"),
+									placeholder: a(m)("giftCard.phonePlaceholder"),
+									required: ""
+								}, null, 8, [
+									"modelValue",
+									"label",
+									"placeholder"
+								]),
+								o(P, {
+									modelValue: a(T),
+									"onUpdate:modelValue": u[5] ||= (e) => v(T) ? T.value = e : null,
+									type: "number",
+									name: "value",
+									label: a(m)("giftCard.value"),
+									icon: "money-bill",
+									placeholder: a(m)("giftCard.valuePlaceholder"),
+									suffix: a(J),
+									required: ""
+								}, null, 8, [
+									"modelValue",
+									"label",
+									"placeholder",
+									"suffix"
+								]),
+								s("", !0),
+								s("", !0),
+								o(ne, {
+									modelValue: a(k),
+									"onUpdate:modelValue": u[8] ||= (e) => v(k) ? k.value = e : null,
+									label: a(m)("giftCard.quantity"),
+									icon: "gift-card",
+									required: ""
+								}, null, 8, ["modelValue", "label"])
+							])], 512), [[f, a(I)]]),
+							_(i("div", null, [i("div", { innerHTML: a(m)("giftCard.thankYou") }, null, 8, De)], 512), [[f, a(R)]])
+						]),
+						r.layout !== "minimal" && a(I) ? (d(), y("div", Z, [i("div", Oe, [o(F, {
+							label: a(m)("giftCard.orderGiftCard"),
+							"full-width": !0,
+							disabled: !a(V),
+							"is-loading": a(U),
+							"onUpdate:isLoading": u[9] ||= (e) => v(U) ? U.value = e : null,
+							onClickEvent: a(G)
+						}, null, 8, [
+							"label",
+							"disabled",
+							"is-loading",
+							"onClickEvent"
+						])])])) : s("", !0),
+						a(I) ? (d(), y("div", ke, [o(P, {
+							modelValue: a(E),
+							"onUpdate:modelValue": u[10] ||= (e) => v(E) ? E.value = e : null,
+							type: "textarea",
+							name: "remark",
+							label: a(m)("giftCard.remark"),
+							icon: "info-circle",
+							placeholder: a(m)("giftCard.remarkPlaceholder")
+						}, null, 8, [
+							"modelValue",
+							"label",
+							"placeholder"
+						])])) : s("", !0),
+						a(I) ? (d(), y("div", Ae, [
+							o(F, {
+								label: a(m)("giftCard.orderGiftCard"),
+								"full-width": !0,
+								disabled: !a(V),
+								"data-test": "orderGiftCard",
+								"is-loading": a(U),
+								"onUpdate:isLoading": u[11] ||= (e) => v(U) ? U.value = e : null,
+								onClickEvent: a(G)
+							}, null, 8, [
+								"label",
+								"disabled",
+								"is-loading",
+								"onClickEvent"
+							]),
+							i("div", null, [u[12] ||= i("div", { class: "konnectio-divider" }, null, -1), o(ge)]),
+							_(i("div", je, [o(ce)], 512), [[f, a(q)]])
+						])) : s("", !0)
+					])], 8, _e))]),
+					_: 1
+				}, 8, [
+					"access-token",
+					"data-layout",
+					"callback"
+				])]),
+				fallback: g(() => [o(pe)]),
+				_: 1
+			}))]),
+			_: 1
+		}, 8, ["styling"]));
+	}
+}), [["__scopeId", "data-v-06fd20aa"]]), Me = h(), Ne = E(), $ = class extends HTMLElement {
+	vueApp;
+	constructor() {
+		super();
+	}
+	disconnectedCallback() {
+		this.vueApp.unmount();
+	}
+	connectedCallback() {
+		let e = T(Q, this.attributes);
+		this.vueApp = S(Q, e), this.vueApp.provide("emitter", Ne), this.vueApp.use(k), this.vueApp.use(Me), this.vueApp.use(w), this.vueApp.use(R);
+		let t = document.createElement("div");
+		this.vueApp.mount(t), this.appendChild(t.children[0]);
+	}
 };
-//# sourceMappingURL=gift-card.js.map
+window.customElements.define("konnectio-gift-card", $);
+//#endregion
+export { $ as default };