@konnectio/core 4.0.6 → 4.0.9

package/dist/gift-card.js

@@ -0,0 +1,590 @@
+import { d as me, u as X, s as J, a as de, r as h, ab as b, b as Y, c as P, i as q, S as Z, e as ge, f as ve, ac as be, ad as le, h as ee, t as ue, k as c, l as M, w as N, q as s, y as f, m as d, n as e, C as x, D as y, Q as ce, I as he, _ as pe, P as ye, o as ke, ae as Ce, v as oe, af as I, ag as A, x as B, Z as _e, $ as Fe, a0 as te, a9 as ne, G as Ve, H as Be, M as Pe, L as Se, N as Te } from "./SelectField.vue_vue_type_style_index_0_lang-701aecad.js";
+import { P as ze, C as ie, _ as Re, S as we, i as $e } from "./index-d080b5a0.js";
+import { T as H, _ as Ee } from "./TextField-b8f4462a.js";
+import { F as W, E as Ue } from "./Field-6bfeedce.js";
+import "./_commonjsHelpers-c5d32002.js";
+const re = me("giftCard", () => {
+  const { display: k } = X(), { bearerToken: l, metaData: a } = J(de()), o = h(b.InitialState), S = Y("freshBookingName", "", void 0, { serializer: Z.string }), p = Y("freshBookingEmail", "", void 0, { serializer: Z.string }), m = Y("freshBookingPhone", "", void 0, { serializer: Z.string }), C = h(""), T = h(1), $ = h(!0), E = h(""), v = h({
+    base64: "",
+    type: "",
+    name: ""
+  }), n = h(void 0), u = h(0), g = h(!1), z = h(0), _ = P(() => o.value === b.InitialState || o.value === b.WaitingForResponse), R = P(() => o.value === b.ReadyToPay), U = P(() => o.value === b.PaymentSuccess), F = P(() => {
+    const i = {
+      1: {
+        label: q.t("giftCard.hotelType"),
+        data: []
+      },
+      2: {
+        label: q.t("giftCard.restaurantType"),
+        data: []
+      }
+    }, t = a.value.places;
+    return t && t.forEach((V) => {
+      i[V.placeType].data.push(V);
+    }), Object.fromEntries(
+      Object.entries(i).filter(([, V]) => V.data.length > 0)
+    );
+  }), L = P(() => z.value !== 0), w = P(() => {
+    let i;
+    if (L.value)
+      i = F.value[z.value].data[0];
+    else if (u.value !== 0) {
+      const t = n.value, V = F.value[u.value].data;
+      V.length === 1 ? i = V[0] : t !== void 0 && V.forEach((r) => {
+        String(r.id) === String(t) && (i = r);
+      });
+    }
+    return i;
+  }), j = P(() => !(!S.value || !p.value || !(m.value.length >= 5) || !C.value || w.value === void 0)), O = P(() => !(o.value === b.InitialState && g.value)), K = P(() => !!(o.value === b.WaitingForResponse && g.value));
+  async function D() {
+    o.value = b.WaitingForResponse, g.value = !0, await ge.post("https://stage.hotel-service.freshbooking.dk/api/gift-card/create", {
+      termsOfserviceURL: "https://freshbooking.dk",
+      checkoutUrl: "https://freshbooking.dk",
+      currencyID: a.value.currency.id,
+      language: ve(),
+      amount: C.value,
+      quantity: T.value,
+      freeText: E.value,
+      showPrice: $.value,
+      contactName: S.value,
+      contactEmail: p.value,
+      contactPhone: m.value,
+      imageBase64: be(v.value.base64),
+      imageName: v.value.name,
+      imageFormat: v.value.type,
+      placeType: w.value ? w.value.placeType : void 0,
+      placeID: w.value ? w.value.id : void 0
+    }, {
+      headers: {
+        Authorization: l.value,
+        Accept: "application/json",
+        "Fresh-Booking-Ver": "4.0.9"
+      }
+    }).then((i) => {
+      if (g.value = !1, i.data.easyPayment) {
+        o.value = b.ReadyToPay;
+        const t = new Reepay.EmbeddedCheckout(
+          i.data.easyPayment.paymentID,
+          { html_element: "fresh-booking-gift-card-payment" }
+        );
+        t.addEventHandler(le.Accept, () => {
+          o.value = b.PaymentSuccess, k({
+            message: q.t("alert.success.giftCardOrdered"),
+            type: "success"
+          });
+        }), t.addEventHandler(le.Error, () => {
+          k({
+            message: q.t("booking.other.errorMessage"),
+            type: "warning"
+          });
+        });
+      } else
+        o.value = b.InitialState, k({
+          message: `${q.t("booking.other.errorMessage")} (HTTP: ${i.status})`,
+          type: "warning"
+        });
+    });
+  }
+  function Q(i) {
+    z.value = i;
+  }
+  return {
+    moduleState: o,
+    name: S,
+    email: p,
+    phone: m,
+    value: C,
+    remark: E,
+    showValue: $,
+    quantity: T,
+    media: v,
+    placeId: n,
+    placeType: u,
+    showFormPage: _,
+    showPaymentPage: R,
+    showConfirmationPage: U,
+    places: F,
+    hasFilledForm: j,
+    hasForcedPlaceType: L,
+    isWaitingForResponse: K,
+    isMetaDataAvailable: O,
+    orderGiftCard: D,
+    initialize: Q
+  };
+}), qe = { class: "media-selector" }, Ie = ["accept"], We = { class: "media-selector-wrapper" }, Me = { class: "media-selector-tools" }, xe = { key: 0 }, Ge = { key: 1 }, Le = { key: 2 }, De = ["src"], Ae = /* @__PURE__ */ ee({
+  __name: "MediaSelector",
+  props: {
+    modelValue: {},
+    validation: { default: "image/*" },
+    iconColor: { default: "#000" },
+    label: {},
+    required: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(k, { emit: l }) {
+    const a = k, { t: o } = ue(), { display: S } = X(), p = h(), m = P(() => a.modelValue.base64 !== "");
+    function C(n) {
+      l("update:modelValue", n);
+    }
+    function T() {
+      C({
+        base64: "",
+        name: "",
+        type: ""
+      }), p.value && (p.value.value = "");
+    }
+    function $() {
+      p.value && p.value.click();
+    }
+    function E(n, u) {
+      const [g, z] = [n.name, n.type], _ = new FileReader();
+      _.onload = function(R) {
+        if (R.target) {
+          const U = R.target.result;
+          u({ base64: U, name: g, type: z });
+        } else
+          S({
+            message: o("imageUploadError"),
+            type: "error"
+          });
+      }, _.readAsDataURL(n);
+    }
+    async function v() {
+      let n;
+      (n = p.value.files) instanceof FileList && E(n[0], C);
+    }
+    return (n, u) => (c(), M(he, {
+      label: n.label,
+      required: n.required,
+      type: "media"
+    }, {
+      default: N(() => [
+        s("div", qe, [
+          s("input", {
+            ref_key: "fileInput",
+            ref: p,
+            type: "file",
+            class: "hidden",
+            accept: n.validation,
+            single: "",
+            onChange: u[0] || (u[0] = (g) => v())
+          }, null, 40, Ie),
+          s("div", We, [
+            s("ul", Me, [
+              m.value ? y("", !0) : (c(), f("li", xe, [
+                d(x, {
+                  label: e(o)("uploadFile"),
+                  type: "button",
+                  icon: "upload",
+                  "icon-color": n.iconColor,
+                  onClickEvent: u[1] || (u[1] = (g) => $())
+                }, null, 8, ["label", "icon-color"])
+              ])),
+              m.value ? (c(), f("li", Ge, [
+                d(x, {
+                  label: e(o)("replaceFile"),
+                  type: "button",
+                  icon: "repeat-alt",
+                  "icon-color": n.iconColor,
+                  onClickEvent: u[2] || (u[2] = (g) => $())
+                }, null, 8, ["label", "icon-color"])
+              ])) : y("", !0),
+              m.value ? (c(), f("li", Le, [
+                d(x, {
+                  label: e(o)("removeFile"),
+                  type: "button",
+                  icon: "trash-alt",
+                  "icon-color": n.iconColor,
+                  onClickEvent: u[3] || (u[3] = (g) => T())
+                }, null, 8, ["label", "icon-color"])
+              ])) : y("", !0)
+            ]),
+            s("div", {
+              class: ce([
+                "media-selector-previewer",
+                { opened: m.value }
+              ])
+            }, [
+              n.modelValue ? (c(), f("img", {
+                key: 0,
+                src: n.modelValue.base64
+              }, null, 8, De)) : y("", !0)
+            ], 2)
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["label", "required"]));
+  }
+});
+function se(k) {
+  const l = k;
+  l.__i18n = l.__i18n || [], l.__i18n.push({
+    locale: "",
+    resource: {
+      da: {
+        uploadFile: (a) => {
+          const { normalize: o } = a;
+          return o(["Upload billede"]);
+        },
+        removeFile: (a) => {
+          const { normalize: o } = a;
+          return o(["Fjern billede"]);
+        },
+        replaceFile: (a) => {
+          const { normalize: o } = a;
+          return o(["Ersat billede"]);
+        },
+        imageUploadError: (a) => {
+          const { normalize: o } = a;
+          return o(["Der skete en fejl under billede upload!"]);
+        }
+      },
+      en: {
+        uploadFile: (a) => {
+          const { normalize: o } = a;
+          return o(["Upload image"]);
+        },
+        removeFile: (a) => {
+          const { normalize: o } = a;
+          return o(["Remove image"]);
+        },
+        replaceFile: (a) => {
+          const { normalize: o } = a;
+          return o(["Replace image"]);
+        },
+        imageUploadError: (a) => {
+          const { normalize: o } = a;
+          return o(["An error occurred under image upload!"]);
+        }
+      }
+    }
+  });
+}
+typeof se == "function" && se(Ae);
+const He = { class: "gift-card-skeleton" }, Ne = { class: "gift-card-skeleton-form" }, je = /* @__PURE__ */ ee({
+  __name: "GiftCardSkeleton",
+  setup(k) {
+    return (l, a) => (c(), f("div", He, [
+      s("div", Ne, [
+        d(W),
+        d(W),
+        d(W),
+        d(W),
+        d(W, { "is-text-area": "" }),
+        d(Ue, { height: "44px" })
+      ])
+    ]));
+  }
+});
+const Oe = /* @__PURE__ */ pe(je, [["__scopeId", "data-v-2600a731"]]), Ke = {
+  key: 0,
+  id: "fresh-booking-gift-card-wrapper"
+}, Qe = { id: "fresh-booking-gift-card-title" }, Ye = { id: "fresh-booking-gift-card-content" }, Ze = { id: "fresh-booking-gift-card-payment" }, Je = ["innerHTML"], Xe = { key: 0 }, ea = {
+  key: 0,
+  id: "fresh-booking-select-place-type"
+}, aa = {
+  class: /* @__PURE__ */ ce(["fresh-booking-label", "required"])
+}, la = { id: "fresh-booking-select-place-type-input" }, oa = ["innerHTML"], ta = {
+  key: 0,
+  id: "fresh-booking-gift-card-order"
+}, na = { class: "fresh-booking-panel" }, ia = {
+  key: 1,
+  id: "fresh-booking-gift-card-remarks"
+}, ra = {
+  key: 2,
+  id: "fresh-booking-gift-card-order-minimal",
+  "sticky-side": "bottom"
+}, sa = { id: "fresh-booking-gift-card-recaptcha" }, da = /* @__PURE__ */ ee({
+  __name: "GiftCard",
+  props: {
+    accessToken: {},
+    accentColor: { default: "#6ab1e6" },
+    buttonBackground: { default: "#068175" },
+    buttonBorder: { default: null },
+    buttonBorderRadius: { default: "4px" },
+    buttonColor: { default: "#FFF" },
+    buttonFontFamily: { default: "inherit" },
+    buttonFontSize: { default: "14px" },
+    buttonTextTransform: { default: "uppercase" },
+    buttonFontWeight: { default: "400" },
+    fontColor: { default: "#3b3b3b" },
+    fontFamily: { default: "inherit" },
+    fontSize: { default: "16px" },
+    fontWeight: {},
+    grayColor: { default: "grey" },
+    headerColor: { default: "#000" },
+    headerFontSize: {},
+    inputBackground: { default: "#fff" },
+    inputBorder: { default: "1px solid rgba(0, 0, 0, 0.15)" },
+    inputBorderRadius: { default: "0px" },
+    inputBorderWidth: { default: "1px" },
+    inputFontColor: { default: "#000000" },
+    labelFontWeight: { default: "bold" },
+    labelPadding: { default: "6px" },
+    layout: { default: "minimal" },
+    loadingColor: { default: "#000" },
+    panelBackground: { default: "#ffffff" },
+    panelBorder: { default: null },
+    panelBorderRadius: { default: "8px" },
+    panelPadding: { default: "24px" },
+    placeType: {},
+    successColor: { default: "green" }
+  },
+  setup(k) {
+    const l = k, { t: a } = ue(), {
+      name: o,
+      email: S,
+      phone: p,
+      value: m,
+      remark: C,
+      showValue: T,
+      quantity: $,
+      media: E,
+      placeId: v,
+      placeType: n,
+      showFormPage: u,
+      showPaymentPage: g,
+      showConfirmationPage: z,
+      places: _,
+      hasFilledForm: R,
+      hasForcedPlaceType: U,
+      isWaitingForResponse: F,
+      isMetaDataAvailable: L
+    } = J(re()), { initialize: w, orderGiftCard: j } = re(), { isRecaptchaEnabled: O, currency: K } = J(de());
+    X();
+    async function D() {
+      await j();
+    }
+    ye(n, () => {
+      v.value = void 0;
+    }), ke(() => {
+      w(parseInt(l.placeType));
+    });
+    const Q = {
+      "--accentColor": l.accentColor,
+      "--buttonBackground": l.buttonBackground,
+      "--buttonBorder": l.buttonBorder,
+      "--buttonBorderRadius": l.buttonBorderRadius,
+      "--buttonFontFamily": l.buttonFontFamily,
+      "--buttonColor": l.buttonColor,
+      "--buttonFontSize": l.buttonFontSize,
+      "--buttonTextTransform": l.buttonTextTransform,
+      "--buttonFontWeight": l.buttonFontWeight,
+      "--fontColor": l.fontColor,
+      "--fontFamily": l.fontFamily,
+      "--fontSize": l.fontSize,
+      "--fontWeight": l.fontWeight,
+      "--grayColor": l.grayColor,
+      "--headerColor": l.headerColor,
+      "--headerFontSize": l.headerFontSize,
+      "--inputBackground": l.inputBackground,
+      "--inputBorder": l.inputBorder,
+      "--inputBorderRadius": l.inputBorderRadius,
+      "--inputFontColor": l.inputFontColor,
+      "--inputBorderWidth": l.inputBorderWidth,
+      "--labelFontWeight": l.labelFontWeight,
+      "--labelPadding": l.labelPadding,
+      "--loadingColor": l.loadingColor,
+      "--panelBackground": l.panelBackground,
+      "--panelBorder": l.panelBorder,
+      "--panelBorderRadius": l.panelBorderRadius,
+      "--panelPadding": l.panelPadding,
+      "--successColor": l.successColor
+    };
+    return (i, t) => {
+      const V = Ce("sticky");
+      return c(), M(Be, null, {
+        default: N(() => [
+          d(Ve, {
+            id: "fresh-booking-gift-card-module",
+            class: "fresh-booking-app",
+            type: "gift-card",
+            "access-token": i.accessToken,
+            "data-layout": i.layout,
+            style: Q,
+            "sticky-container": ""
+          }, {
+            default: N(() => [
+              e(L) ? (c(), f("div", Ke, [
+                s("h4", Qe, [
+                  s("span", null, oe(e(a)("giftCard.title")), 1)
+                ]),
+                s("div", Ye, [
+                  I(s("div", Ze, null, 512), [
+                    [A, e(g)]
+                  ]),
+                  I(s("div", null, [
+                    s("p", {
+                      id: "fresh-booking-gift-card-description",
+                      innerHTML: e(a)("giftCard.description")
+                    }, null, 8, Je),
+                    s("form", null, [
+                      d(H, {
+                        modelValue: e(o),
+                        "onUpdate:modelValue": t[0] || (t[0] = (r) => B(o) ? o.value = r : null),
+                        type: "text",
+                        name: "name",
+                        autocomplete: "name",
+                        label: e(a)("giftCard.name"),
+                        icon: "user-alt",
+                        "icon-color": i.accentColor,
+                        placeholder: e(a)("giftCard.namePlaceholder"),
+                        required: ""
+                      }, null, 8, ["modelValue", "label", "icon-color", "placeholder"]),
+                      d(H, {
+                        modelValue: e(S),
+                        "onUpdate:modelValue": t[1] || (t[1] = (r) => B(S) ? S.value = r : null),
+                        type: "email",
+                        name: "email",
+                        autocomplete: "email",
+                        label: e(a)("giftCard.email"),
+                        icon: "at",
+                        "icon-color": i.accentColor,
+                        placeholder: e(a)("giftCard.emailPlaceholder"),
+                        required: ""
+                      }, null, 8, ["modelValue", "label", "icon-color", "placeholder"]),
+                      d(ze, {
+                        modelValue: e(p),
+                        "onUpdate:modelValue": t[2] || (t[2] = (r) => B(p) ? p.value = r : null),
+                        icon: "phone-office",
+                        "icon-color": i.accentColor,
+                        label: e(a)("giftCard.phone"),
+                        placeholder: e(a)("giftCard.phonePlaceholder"),
+                        required: ""
+                      }, null, 8, ["modelValue", "icon-color", "label", "placeholder"]),
+                      e(U) ? y("", !0) : (c(), f("div", Xe, [
+                        e(_) ? (c(), f("div", ea, [
+                          s("label", aa, [
+                            s("span", null, oe(e(a)("giftCard.selectType")), 1)
+                          ]),
+                          s("div", la, [
+                            s("ul", null, [
+                              (c(!0), f(_e, null, Fe(e(_), (r, ae) => (c(), f("li", { key: ae }, [
+                                d(ie, {
+                                  modelValue: e(n),
+                                  "onUpdate:modelValue": t[3] || (t[3] = (fe) => B(n) ? n.value = fe : null),
+                                  type: "radio",
+                                  name: "placeType",
+                                  val: ae,
+                                  label: r.label
+                                }, null, 8, ["modelValue", "val", "label"])
+                              ]))), 128))
+                            ]),
+                            e(_)[e(n)] && e(_)[e(n)].data.length > 1 ? (c(), M(Ee, {
+                              key: 0,
+                              modelValue: e(v),
+                              "onUpdate:modelValue": t[4] || (t[4] = (r) => B(v) ? v.value = r : null),
+                              placeholder: e(a)("giftCard.selectPlacePlaceholder"),
+                              options: e(_)[e(n)].data,
+                              labelKey: "name",
+                              valueKey: "id",
+                              required: ""
+                            }, null, 8, ["modelValue", "placeholder", "options"])) : y("", !0)
+                          ])
+                        ])) : (c(), M(te, {
+                          key: 1,
+                          color: i.loadingColor
+                        }, null, 8, ["color"]))
+                      ])),
+                      d(H, {
+                        modelValue: e(m),
+                        "onUpdate:modelValue": t[5] || (t[5] = (r) => B(m) ? m.value = r : null),
+                        type: "number",
+                        name: "value",
+                        label: e(a)("giftCard.value"),
+                        icon: "money-bill",
+                        "icon-color": i.accentColor,
+                        placeholder: e(a)("giftCard.valuePlaceholder"),
+                        suffix: e(K),
+                        required: ""
+                      }, null, 8, ["modelValue", "label", "icon-color", "placeholder", "suffix"]),
+                      d(ie, {
+                        modelValue: e(T),
+                        "onUpdate:modelValue": t[6] || (t[6] = (r) => B(T) ? T.value = r : null),
+                        type: "checkbox",
+                        name: "showValue",
+                        label: e(a)("giftCard.showValue"),
+                        checked: e(T)
+                      }, null, 8, ["modelValue", "label", "checked"]),
+                      y("", !0),
+                      y("", !0)
+                    ])
+                  ], 512), [
+                    [A, e(u)]
+                  ]),
+                  I(s("div", null, [
+                    s("div", {
+                      innerHTML: e(a)("giftCard.thankYou")
+                    }, null, 8, oa)
+                  ], 512), [
+                    [A, e(z)]
+                  ])
+                ]),
+                i.layout !== "minimal" && e(u) ? (c(), f("div", ta, [
+                  s("div", na, [
+                    d(x, {
+                      label: e(a)("giftCard.orderGiftCard"),
+                      style: ne({
+                        background: i.successColor
+                      }),
+                      "full-width": !0,
+                      disabled: !e(R),
+                      "is-loading": e(F),
+                      "onUpdate:isLoading": t[9] || (t[9] = (r) => B(F) ? F.value = r : null),
+                      onClickEvent: D
+                    }, null, 8, ["label", "style", "disabled", "is-loading"])
+                  ])
+                ])) : y("", !0),
+                e(u) ? (c(), f("div", ia, [
+                  d(H, {
+                    modelValue: e(C),
+                    "onUpdate:modelValue": t[10] || (t[10] = (r) => B(C) ? C.value = r : null),
+                    type: "textarea",
+                    name: "remark",
+                    label: e(a)("giftCard.remark"),
+                    icon: "info-circle",
+                    "icon-color": i.accentColor,
+                    placeholder: e(a)("giftCard.remarkPlaceholder")
+                  }, null, 8, ["modelValue", "label", "icon-color", "placeholder"])
+                ])) : y("", !0),
+                e(u) ? I((c(), f("div", ra, [
+                  d(x, {
+                    label: e(a)("giftCard.orderGiftCard"),
+                    style: ne({
+                      background: i.successColor
+                    }),
+                    "full-width": !0,
+                    disabled: !e(R),
+                    "data-test": "orderGiftCard",
+                    "is-loading": e(F),
+                    "onUpdate:isLoading": t[11] || (t[11] = (r) => B(F) ? F.value = r : null),
+                    onClickEvent: D
+                  }, null, 8, ["label", "style", "disabled", "is-loading"]),
+                  I(s("div", sa, [
+                    d(Re)
+                  ], 512), [
+                    [A, e(O)]
+                  ])
+                ])), [
+                  [V]
+                ]) : y("", !0)
+              ])) : (c(), M(te, { key: 1 }))
+            ]),
+            _: 1
+          }, 8, ["access-token", "data-layout"])
+        ]),
+        fallback: N(() => [
+          d(Oe)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const ua = /* @__PURE__ */ pe(da, [["__scopeId", "data-v-05b676e9"]]), ca = Pe(), G = Se({ components: { GiftCard: ua } });
+G.use(ca);
+G.use(Te);
+G.use(we);
+G.use($e, { bootstrap: !1 });
+G.mount("#konnectio-gift-card-app");