@konnectio/core 4.0.0 → 4.0.2

package/dist/gift-card.es.js

@@ -0,0 +1,587 @@
+import { ref as k, computed as S, defineComponent as se, openBlock as u, createBlock as M, withCtx as x, createElementVNode as i, createElementBlock as b, createVNode as m, unref as e, createCommentVNode as C, normalizeClass as de, watch as fe, onMounted as ge, resolveDirective as ve, Suspense as be, toDisplayString as oe, withDirectives as W, vShow as O, isRef as P, Fragment as he, renderList as ye, normalizeStyle as ae, pushScopeId as ke, popScopeId as Ce, createApp as _e } from "vue";
+import { o as Fe, b as Z, s as X, k as ue, G as y, p as J, v as q, S as Q, r as ce, t as Ve, w as Pe, R as le, u as pe, I as Se, _ as Be, d as Te, c as ze, a as we, i as Re } from "./NumberField.vue_vue_type_style_index_0_lang-778e8361.mjs";
+import { P as Ee, C as te, _ as $e, S as Ue, i as Ie } from "./index-76459611.mjs";
+import { u as Le } from "./ReCaptchaVuePlugin-59863bbf.mjs";
+import { T as j, _ as We } from "./SelectField.vue_vue_type_style_index_0_lang-b4fb229d.mjs";
+import { C as D, L as ne, _ as qe } from "./Clickable-26efd8d0.mjs";
+import "./_commonjsHelpers-10dfc225.mjs";
+const re = Fe("giftCard", () => {
+  const { display: f } = Z(), { bearerToken: a, metaData: o } = X(ue()), l = k(y.InitialState), B = J("freshBookingName", "", void 0, { serializer: Q.string }), p = J("freshBookingEmail", "", void 0, { serializer: Q.string }), g = J("freshBookingPhone", "", void 0, { serializer: Q.string }), _ = k(""), T = k(1), E = k(!0), U = k(""), h = k({
+    base64: "",
+    type: "",
+    name: ""
+  }), n = k(void 0), s = k(0), v = k(!1), z = k(0), F = S(() => l.value === y.InitialState || l.value === y.WaitingForResponse), w = S(() => l.value === y.ReadyToPay), I = S(() => l.value === y.PaymentSuccess), V = S(() => {
+    const c = {
+      1: {
+        label: q.t("giftCard.hotelType"),
+        data: []
+      },
+      2: {
+        label: q.t("giftCard.restaurantType"),
+        data: []
+      }
+    }, r = o.value.places;
+    return r && r.forEach((t) => {
+      c[t.placeType].data.push(t);
+    }), Object.fromEntries(
+      Object.entries(c).filter(([, t]) => t.data.length > 0)
+    );
+  }), G = S(() => z.value !== 0), R = S(() => {
+    let c;
+    if (G.value)
+      c = V.value[z.value].data[0];
+    else if (s.value !== 0) {
+      const r = n.value, t = V.value[s.value].data;
+      t.length === 1 ? c = t[0] : r !== void 0 && t.forEach((L) => {
+        String(L.id) === String(r) && (c = L);
+      });
+    }
+    return c;
+  }), A = S(() => !(!B.value || !p.value || !(g.value.length >= 5) || !_.value || R.value === void 0)), N = S(() => !(l.value === y.InitialState && v.value)), K = S(() => !!(l.value === y.WaitingForResponse && v.value));
+  async function Y() {
+    l.value = y.WaitingForResponse, v.value = !0, await ce.post("http://localhost:91/api/gift-card/create", {
+      termsOfserviceURL: "https://freshbooking.dk",
+      checkoutUrl: "https://freshbooking.dk",
+      currencyID: o.value.currency.id,
+      language: Ve(),
+      amount: _.value,
+      quantity: T.value,
+      freeText: U.value,
+      showPrice: E.value,
+      contactName: B.value,
+      contactEmail: p.value,
+      contactPhone: g.value,
+      imageBase64: Pe(h.value.base64),
+      imageName: h.value.name,
+      imageFormat: h.value.type,
+      placeType: R.value ? R.value.placeType : void 0,
+      placeID: R.value ? R.value.id : void 0
+    }, {
+      headers: {
+        Authorization: a.value,
+        Accept: "application/json",
+        "Fresh-Booking-Ver": "4.0.1"
+      }
+    }).then((c) => {
+      if (v.value = !1, c.data.easyPayment) {
+        l.value = y.ReadyToPay;
+        const r = new Reepay.EmbeddedCheckout(
+          c.data.easyPayment.paymentID,
+          { html_element: "fresh-booking-gift-card-payment" }
+        );
+        r.addEventHandler(le.Accept, () => {
+          l.value = y.PaymentSuccess, f({
+            message: q.t("alert.success.giftCardOrdered"),
+            type: "success"
+          });
+        }), r.addEventHandler(le.Error, () => {
+          f({
+            message: q.t("booking.other.errorMessage"),
+            type: "warning"
+          });
+        });
+      } else
+        l.value = y.InitialState, f({
+          message: `${q.t("booking.other.errorMessage")} (HTTP: ${c.status})`,
+          type: "warning"
+        });
+    });
+  }
+  function H(c) {
+    z.value = c;
+  }
+  return {
+    moduleState: l,
+    name: B,
+    email: p,
+    phone: g,
+    value: _,
+    remark: U,
+    showValue: E,
+    quantity: T,
+    media: h,
+    placeId: n,
+    placeType: s,
+    showFormPage: F,
+    showPaymentPage: w,
+    showConfirmationPage: I,
+    places: V,
+    hasFilledForm: A,
+    hasForcedPlaceType: G,
+    isWaitingForResponse: K,
+    isMetaDataAvailable: N,
+    orderGiftCard: Y,
+    initialize: H
+  };
+}), Me = { class: "media-selector" }, De = ["accept"], Ge = { class: "media-selector-wrapper" }, Ae = { class: "media-selector-tools" }, Ne = { key: 0 }, He = { key: 1 }, Oe = { key: 2 }, je = ["src"], xe = /* @__PURE__ */ se({
+  __name: "MediaSelector",
+  props: {
+    modelValue: {},
+    validation: { default: "image/*" },
+    iconColor: { default: "#000" },
+    label: {},
+    required: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(f, { emit: a }) {
+    const o = f, { t: l } = pe(), { display: B } = Z(), p = k(), g = S(() => o.modelValue.base64 !== "");
+    function _(n) {
+      a("update:modelValue", n);
+    }
+    function T() {
+      _({
+        base64: "",
+        name: "",
+        type: ""
+      }), p.value && (p.value.value = "");
+    }
+    function E() {
+      p.value && p.value.click();
+    }
+    function U(n, s) {
+      const [v, z] = [n.name, n.type], F = new FileReader();
+      F.onload = function(w) {
+        if (w.target) {
+          const I = w.target.result;
+          s({ base64: I, name: v, type: z });
+        } else
+          B({
+            message: l("imageUploadError"),
+            type: "error"
+          });
+      }, F.readAsDataURL(n);
+    }
+    async function h() {
+      let n;
+      (n = p.value.files) instanceof FileList && U(n[0], _);
+    }
+    return (n, s) => (u(), M(Se, {
+      label: n.label,
+      required: n.required,
+      type: "media"
+    }, {
+      default: x(() => [
+        i("div", Me, [
+          i("input", {
+            ref_key: "fileInput",
+            ref: p,
+            type: "file",
+            class: "hidden",
+            accept: n.validation,
+            single: "",
+            onChange: s[0] || (s[0] = (v) => h())
+          }, null, 40, De),
+          i("div", Ge, [
+            i("ul", Ae, [
+              g.value ? C("", !0) : (u(), b("li", Ne, [
+                m(D, {
+                  label: e(l)("uploadFile"),
+                  type: "button",
+                  icon: "upload",
+                  "icon-color": n.iconColor,
+                  onClickEvent: s[1] || (s[1] = (v) => E())
+                }, null, 8, ["label", "icon-color"])
+              ])),
+              g.value ? (u(), b("li", He, [
+                m(D, {
+                  label: e(l)("replaceFile"),
+                  type: "button",
+                  icon: "repeat-alt",
+                  "icon-color": n.iconColor,
+                  onClickEvent: s[2] || (s[2] = (v) => E())
+                }, null, 8, ["label", "icon-color"])
+              ])) : C("", !0),
+              g.value ? (u(), b("li", Oe, [
+                m(D, {
+                  label: e(l)("removeFile"),
+                  type: "button",
+                  icon: "trash-alt",
+                  "icon-color": n.iconColor,
+                  onClickEvent: s[3] || (s[3] = (v) => T())
+                }, null, 8, ["label", "icon-color"])
+              ])) : C("", !0)
+            ]),
+            i("div", {
+              class: de([
+                "media-selector-previewer",
+                { opened: g.value }
+              ])
+            }, [
+              n.modelValue ? (u(), b("img", {
+                key: 0,
+                src: n.modelValue.base64
+              }, null, 8, je)) : C("", !0)
+            ], 2)
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["label", "required"]));
+  }
+});
+function ie(f) {
+  const a = f;
+  a.__i18n = a.__i18n || [], a.__i18n.push({
+    locale: "",
+    resource: {
+      da: {
+        uploadFile: (o) => {
+          const { normalize: l } = o;
+          return l(["Upload billede"]);
+        },
+        removeFile: (o) => {
+          const { normalize: l } = o;
+          return l(["Fjern billede"]);
+        },
+        replaceFile: (o) => {
+          const { normalize: l } = o;
+          return l(["Ersat billede"]);
+        },
+        imageUploadError: (o) => {
+          const { normalize: l } = o;
+          return l(["Der skete en fejl under billede upload!"]);
+        }
+      },
+      en: {
+        uploadFile: (o) => {
+          const { normalize: l } = o;
+          return l(["Upload image"]);
+        },
+        removeFile: (o) => {
+          const { normalize: l } = o;
+          return l(["Remove image"]);
+        },
+        replaceFile: (o) => {
+          const { normalize: l } = o;
+          return l(["Replace image"]);
+        },
+        imageUploadError: (o) => {
+          const { normalize: l } = o;
+          return l(["An error occurred under image upload!"]);
+        }
+      }
+    }
+  });
+}
+typeof ie == "function" && ie(xe);
+const Ke = (f) => (ke("data-v-10b51e8f"), f = f(), Ce(), f), Ye = {
+  key: 0,
+  id: "fresh-booking-gift-card-wrapper"
+}, Je = { id: "fresh-booking-gift-card-title" }, Qe = { id: "fresh-booking-gift-card-content" }, Xe = { id: "fresh-booking-gift-card-payment" }, Ze = ["innerHTML"], eo = { key: 0 }, oo = {
+  key: 0,
+  id: "fresh-booking-select-place-type"
+}, ao = {
+  class: /* @__PURE__ */ de(["fresh-booking-label", "required"])
+}, lo = { id: "fresh-booking-select-place-type-input" }, to = ["innerHTML"], no = {
+  key: 0,
+  id: "fresh-booking-gift-card-order"
+}, ro = { class: "fresh-booking-panel" }, io = {
+  key: 1,
+  id: "fresh-booking-gift-card-remarks"
+}, so = {
+  key: 2,
+  id: "fresh-booking-gift-card-order-minimal",
+  "sticky-side": "bottom"
+}, uo = { id: "fresh-booking-gift-card-recaptcha" }, co = /* @__PURE__ */ Ke(() => /* @__PURE__ */ i("span", null, "Loading...", -1)), po = /* @__PURE__ */ se({
+  __name: "GiftCard",
+  props: {
+    accessToken: {},
+    accentColor: {},
+    buttonBackground: {},
+    buttonBorder: {},
+    buttonBorderRadius: {},
+    buttonColor: {},
+    buttonFontFamily: {},
+    buttonFontSize: {},
+    buttonTextTransform: {},
+    buttonFontWeight: {},
+    fontColor: {},
+    fontFamily: {},
+    fontSize: {},
+    fontWeight: {},
+    grayColor: {},
+    headerColor: {},
+    headerFontSize: {},
+    inputBackground: {},
+    inputBorder: {},
+    inputBorderRadius: {},
+    inputFontColor: {},
+    labelFontWeight: {},
+    labelPadding: {},
+    layout: {},
+    loadingColor: {},
+    panelBackground: {},
+    panelBorder: {},
+    panelBorderRadius: {},
+    panelPadding: {},
+    placeType: {},
+    successColor: {}
+  },
+  setup(f) {
+    const a = f, { t: o } = pe(), {
+      name: l,
+      email: B,
+      phone: p,
+      value: g,
+      remark: _,
+      showValue: T,
+      quantity: E,
+      media: U,
+      placeId: h,
+      placeType: n,
+      showFormPage: s,
+      showPaymentPage: v,
+      showConfirmationPage: z,
+      places: F,
+      hasFilledForm: w,
+      hasForcedPlaceType: I,
+      isWaitingForResponse: V,
+      isMetaDataAvailable: G
+    } = X(re()), { initialize: R, orderGiftCard: A } = re(), { isRecaptchaEnabled: N, currency: K } = X(ue()), { display: Y } = Z();
+    async function H() {
+      const r = Le();
+      if (N.value && r) {
+        await r.recaptchaLoaded();
+        const t = await r.executeRecaptcha("create_gift_card");
+        (await ce.get(`/?rest_route=/freshcase-octopus/v1/recaptcha/${t}`)).data.success ? await A() : Y({
+          message: o("alert.error.robot"),
+          type: "error"
+        });
+      } else
+        await A();
+    }
+    fe(n, () => {
+      h.value = void 0;
+    }), ge(() => {
+      R(parseInt(a.placeType));
+    });
+    const c = {
+      "--accentColor": a.accentColor,
+      "--buttonBackground": a.buttonBackground,
+      "--buttonBorder": a.buttonBorder,
+      "--buttonBorderRadius": a.buttonBorderRadius,
+      "--buttonFontFamily": a.buttonFontFamily,
+      "--buttonColor": a.buttonColor,
+      "--buttonFontSize": a.buttonFontSize,
+      "--buttonTextTransform": a.buttonTextTransform,
+      "--buttonFontWeight": a.buttonFontWeight,
+      "--fontColor": a.fontColor,
+      "--fontFamily": a.fontFamily,
+      "--fontSize": a.fontSize,
+      "--fontWeight": a.fontWeight,
+      "--grayColor": a.grayColor,
+      "--headerColor": a.headerColor,
+      "--headerFontSize": a.headerFontSize,
+      "--inputBackground": a.inputBackground,
+      "--inputBorder": a.inputBorder,
+      "--inputBorderRadius": a.inputBorderRadius,
+      "--inputFontColor": a.inputFontColor,
+      "--labelFontWeight": a.labelFontWeight,
+      "--labelPadding": a.labelPadding,
+      "--loadingColor": a.loadingColor,
+      "--panelBackground": a.panelBackground,
+      "--panelBorder": a.panelBorder,
+      "--panelBorderRadius": a.panelBorderRadius,
+      "--panelPadding": a.panelPadding,
+      "--successColor": a.successColor
+    };
+    return (r, t) => {
+      const L = ve("sticky");
+      return u(), M(be, null, {
+        default: x(() => [
+          m(Be, {
+            id: "fresh-booking-gift-card-module",
+            class: "fresh-booking-app",
+            type: "gift-card",
+            "access-token": r.accessToken,
+            "data-layout": r.layout,
+            style: c,
+            "sticky-container": ""
+          }, {
+            default: x(() => [
+              e(G) ? (u(), b("div", Ye, [
+                i("h4", Je, [
+                  i("span", null, oe(e(o)("giftCard.title")), 1)
+                ]),
+                i("div", Qe, [
+                  W(i("div", Xe, null, 512), [
+                    [O, e(v)]
+                  ]),
+                  W(i("div", null, [
+                    i("p", {
+                      id: "fresh-booking-gift-card-description",
+                      innerHTML: e(o)("giftCard.description")
+                    }, null, 8, Ze),
+                    i("form", null, [
+                      m(j, {
+                        modelValue: e(l),
+                        "onUpdate:modelValue": t[0] || (t[0] = (d) => P(l) ? l.value = d : null),
+                        type: "text",
+                        name: "name",
+                        autocomplete: "name",
+                        label: e(o)("giftCard.name"),
+                        icon: "user-alt",
+                        "icon-color": r.accentColor,
+                        placeholder: e(o)("giftCard.namePlaceholder"),
+                        required: ""
+                      }, null, 8, ["modelValue", "label", "icon-color", "placeholder"]),
+                      m(j, {
+                        modelValue: e(B),
+                        "onUpdate:modelValue": t[1] || (t[1] = (d) => P(B) ? B.value = d : null),
+                        type: "email",
+                        name: "email",
+                        autocomplete: "email",
+                        label: e(o)("giftCard.email"),
+                        icon: "at",
+                        "icon-color": r.accentColor,
+                        placeholder: e(o)("giftCard.emailPlaceholder"),
+                        required: ""
+                      }, null, 8, ["modelValue", "label", "icon-color", "placeholder"]),
+                      m(Ee, {
+                        modelValue: e(p),
+                        "onUpdate:modelValue": t[2] || (t[2] = (d) => P(p) ? p.value = d : null),
+                        icon: "phone-office",
+                        "icon-color": r.accentColor,
+                        label: e(o)("giftCard.phone"),
+                        placeholder: e(o)("giftCard.phonePlaceholder"),
+                        required: ""
+                      }, null, 8, ["modelValue", "icon-color", "label", "placeholder"]),
+                      e(I) ? C("", !0) : (u(), b("div", eo, [
+                        e(F) ? (u(), b("div", oo, [
+                          i("label", ao, [
+                            i("span", null, oe(e(o)("giftCard.selectType")), 1)
+                          ]),
+                          i("div", lo, [
+                            i("ul", null, [
+                              (u(!0), b(he, null, ye(e(F), (d, ee) => (u(), b("li", { key: ee }, [
+                                m(te, {
+                                  modelValue: e(n),
+                                  "onUpdate:modelValue": t[3] || (t[3] = (me) => P(n) ? n.value = me : null),
+                                  type: "radio",
+                                  name: "placeType",
+                                  val: ee,
+                                  label: d.label
+                                }, null, 8, ["modelValue", "val", "label"])
+                              ]))), 128))
+                            ]),
+                            e(F)[e(n)] && e(F)[e(n)].data.length > 1 ? (u(), M(We, {
+                              key: 0,
+                              modelValue: e(h),
+                              "onUpdate:modelValue": t[4] || (t[4] = (d) => P(h) ? h.value = d : null),
+                              placeholder: e(o)("giftCard.selectPlacePlaceholder"),
+                              options: e(F)[e(n)].data,
+                              labelKey: "name",
+                              valueKey: "id",
+                              required: ""
+                            }, null, 8, ["modelValue", "placeholder", "options"])) : C("", !0)
+                          ])
+                        ])) : (u(), M(ne, {
+                          key: 1,
+                          color: r.loadingColor
+                        }, null, 8, ["color"]))
+                      ])),
+                      m(j, {
+                        modelValue: e(g),
+                        "onUpdate:modelValue": t[5] || (t[5] = (d) => P(g) ? g.value = d : null),
+                        type: "number",
+                        name: "value",
+                        label: e(o)("giftCard.value"),
+                        icon: "money-bill",
+                        "icon-color": r.accentColor,
+                        placeholder: e(o)("giftCard.valuePlaceholder"),
+                        suffix: e(K),
+                        required: ""
+                      }, null, 8, ["modelValue", "label", "icon-color", "placeholder", "suffix"]),
+                      m(te, {
+                        modelValue: e(T),
+                        "onUpdate:modelValue": t[6] || (t[6] = (d) => P(T) ? T.value = d : null),
+                        type: "checkbox",
+                        name: "showValue",
+                        label: e(o)("giftCard.showValue"),
+                        checked: e(T)
+                      }, null, 8, ["modelValue", "label", "checked"]),
+                      C("", !0),
+                      C("", !0)
+                    ])
+                  ], 512), [
+                    [O, e(s)]
+                  ]),
+                  W(i("div", null, [
+                    i("div", {
+                      innerHTML: e(o)("giftCard.thankYou")
+                    }, null, 8, to)
+                  ], 512), [
+                    [O, e(z)]
+                  ])
+                ]),
+                r.layout !== "minimal" && e(s) ? (u(), b("div", no, [
+                  i("div", ro, [
+                    m(D, {
+                      label: e(o)("giftCard.orderGiftCard"),
+                      style: ae({
+                        background: r.successColor
+                      }),
+                      "full-width": !0,
+                      disabled: !e(w),
+                      "is-loading": e(V),
+                      "onUpdate:isLoading": t[9] || (t[9] = (d) => P(V) ? V.value = d : null),
+                      onClickEvent: H
+                    }, null, 8, ["label", "style", "disabled", "is-loading"])
+                  ])
+                ])) : C("", !0),
+                e(s) ? (u(), b("div", io, [
+                  m(j, {
+                    modelValue: e(_),
+                    "onUpdate:modelValue": t[10] || (t[10] = (d) => P(_) ? _.value = d : null),
+                    type: "textarea",
+                    name: "remark",
+                    label: e(o)("giftCard.remark"),
+                    icon: "info-circle",
+                    "icon-color": r.accentColor,
+                    placeholder: e(o)("giftCard.remarkPlaceholder")
+                  }, null, 8, ["modelValue", "label", "icon-color", "placeholder"])
+                ])) : C("", !0),
+                e(s) ? W((u(), b("div", so, [
+                  m(D, {
+                    label: e(o)("giftCard.orderGiftCard"),
+                    style: ae({
+                      background: r.successColor
+                    }),
+                    "full-width": !0,
+                    disabled: !e(w),
+                    "data-test": "orderGiftCard",
+                    "is-loading": e(V),
+                    "onUpdate:isLoading": t[11] || (t[11] = (d) => P(V) ? V.value = d : null),
+                    onClickEvent: H
+                  }, null, 8, ["label", "style", "disabled", "is-loading"]),
+                  W(i("div", uo, [
+                    m($e)
+                  ], 512), [
+                    [O, e(N)]
+                  ])
+                ])), [
+                  [L]
+                ]) : C("", !0)
+              ])) : (u(), M(ne, { key: 1 }))
+            ]),
+            _: 1
+          }, 8, ["access-token", "data-layout"])
+        ]),
+        fallback: x(() => [
+          co
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const mo = /* @__PURE__ */ qe(po, [["__scopeId", "data-v-10b51e8f"]]);
+process.env.NODE_ENV === "production" && Te.flare.light();
+const fo = ze(), $ = _e({ components: { GiftCard: mo } });
+$.use(we.flareVue);
+$.use(fo);
+$.use(Re);
+$.use(Ue);
+$.use(Ie, { bootstrap: !1 });
+$.mount("#fresh-booking-gift-card-app");
+//# sourceMappingURL=gift-card.es.js.map