@konnectio/core 4.0.1 → 4.0.3

package/dist/gift-card.es.js

@@ -0,0 +1,586 @@
+import { r as k, f as S, d as se, o as u, h as W, w as x, b as s, c as b, a as m, u as e, C as D, k as C, n as de, s as fe, g as ge, y as ve, t as ae, z as L, A as O, i as B, F as be, v as he, L as oe, B as le, S as ye, p as ke, l as Ce, _ as _e, m as Fe } from "./Clickable-eb931b15.mjs";
+import { o as Ve, b as Z, s as X, k as ue, G as y, p as J, v as M, S as Q, r as ce, t as Be, w as Se, R as te, u as pe, I as Pe, _ as ze, d as Te, c as we, a as Re, i as $e } from "./NumberField.vue_vue_type_style_index_0_lang-737bf674.mjs";
+import { P as Ee, C as ne, _ as Ue, S as Ie, i as qe } from "./index-937554a9.mjs";
+import { u as Le } from "./ReCaptchaVuePlugin-e4f378b2.mjs";
+import { T as j, _ as Me } from "./SelectField.vue_vue_type_style_index_0_lang-d7f0bf68.mjs";
+import "./_commonjsHelpers-c5d32002.mjs";
+const re = Ve("giftCard", () => {
+  const { display: f } = Z(), { bearerToken: o, metaData: a } = X(ue()), l = k(y.InitialState), P = J("freshBookingName", "", void 0, { serializer: Q.string }), p = J("freshBookingEmail", "", void 0, { serializer: Q.string }), g = J("freshBookingPhone", "", void 0, { serializer: Q.string }), _ = k(""), z = k(1), $ = k(!0), U = k(""), h = k({
+    base64: "",
+    type: "",
+    name: ""
+  }), n = k(void 0), d = k(0), v = k(!1), T = 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: M.t("giftCard.hotelType"),
+        data: []
+      },
+      2: {
+        label: M.t("giftCard.restaurantType"),
+        data: []
+      }
+    }, r = a.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(() => T.value !== 0), R = S(() => {
+    let c;
+    if (G.value)
+      c = V.value[T.value].data[0];
+    else if (d.value !== 0) {
+      const r = n.value, t = V.value[d.value].data;
+      t.length === 1 ? c = t[0] : r !== void 0 && t.forEach((q) => {
+        String(q.id) === String(r) && (c = q);
+      });
+    }
+    return c;
+  }), A = S(() => !(!P.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: a.value.currency.id,
+      language: Be(),
+      amount: _.value,
+      quantity: z.value,
+      freeText: U.value,
+      showPrice: $.value,
+      contactName: P.value,
+      contactEmail: p.value,
+      contactPhone: g.value,
+      imageBase64: Se(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: o.value,
+        Accept: "application/json",
+        "Fresh-Booking-Ver": "4.0.3"
+      }
+    }).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(te.Accept, () => {
+          l.value = y.PaymentSuccess, f({
+            message: M.t("alert.success.giftCardOrdered"),
+            type: "success"
+          });
+        }), r.addEventHandler(te.Error, () => {
+          f({
+            message: M.t("booking.other.errorMessage"),
+            type: "warning"
+          });
+        });
+      } else
+        l.value = y.InitialState, f({
+          message: `${M.t("booking.other.errorMessage")} (HTTP: ${c.status})`,
+          type: "warning"
+        });
+    });
+  }
+  function H(c) {
+    T.value = c;
+  }
+  return {
+    moduleState: l,
+    name: P,
+    email: p,
+    phone: g,
+    value: _,
+    remark: U,
+    showValue: $,
+    quantity: z,
+    media: h,
+    placeId: n,
+    placeType: d,
+    showFormPage: F,
+    showPaymentPage: w,
+    showConfirmationPage: I,
+    places: V,
+    hasFilledForm: A,
+    hasForcedPlaceType: G,
+    isWaitingForResponse: K,
+    isMetaDataAvailable: N,
+    orderGiftCard: Y,
+    initialize: H
+  };
+}), We = { 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: o }) {
+    const a = f, { t: l } = pe(), { display: P } = Z(), p = k(), g = S(() => a.modelValue.base64 !== "");
+    function _(n) {
+      o("update:modelValue", n);
+    }
+    function z() {
+      _({
+        base64: "",
+        name: "",
+        type: ""
+      }), p.value && (p.value.value = "");
+    }
+    function $() {
+      p.value && p.value.click();
+    }
+    function U(n, d) {
+      const [v, T] = [n.name, n.type], F = new FileReader();
+      F.onload = function(w) {
+        if (w.target) {
+          const I = w.target.result;
+          d({ base64: I, name: v, type: T });
+        } else
+          P({
+            message: l("imageUploadError"),
+            type: "error"
+          });
+      }, F.readAsDataURL(n);
+    }
+    async function h() {
+      let n;
+      (n = p.value.files) instanceof FileList && U(n[0], _);
+    }
+    return (n, d) => (u(), W(Pe, {
+      label: n.label,
+      required: n.required,
+      type: "media"
+    }, {
+      default: x(() => [
+        s("div", We, [
+          s("input", {
+            ref_key: "fileInput",
+            ref: p,
+            type: "file",
+            class: "hidden",
+            accept: n.validation,
+            single: "",
+            onChange: d[0] || (d[0] = (v) => h())
+          }, null, 40, De),
+          s("div", Ge, [
+            s("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: d[1] || (d[1] = (v) => $())
+                }, 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: d[2] || (d[2] = (v) => $())
+                }, 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: d[3] || (d[3] = (v) => z())
+                }, null, 8, ["label", "icon-color"])
+              ])) : C("", !0)
+            ]),
+            s("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 o = f;
+  o.__i18n = o.__i18n || [], o.__i18n.push({
+    locale: "",
+    resource: {
+      da: {
+        uploadFile: (a) => {
+          const { normalize: l } = a;
+          return l(["Upload billede"]);
+        },
+        removeFile: (a) => {
+          const { normalize: l } = a;
+          return l(["Fjern billede"]);
+        },
+        replaceFile: (a) => {
+          const { normalize: l } = a;
+          return l(["Ersat billede"]);
+        },
+        imageUploadError: (a) => {
+          const { normalize: l } = a;
+          return l(["Der skete en fejl under billede upload!"]);
+        }
+      },
+      en: {
+        uploadFile: (a) => {
+          const { normalize: l } = a;
+          return l(["Upload image"]);
+        },
+        removeFile: (a) => {
+          const { normalize: l } = a;
+          return l(["Remove image"]);
+        },
+        replaceFile: (a) => {
+          const { normalize: l } = a;
+          return l(["Replace image"]);
+        },
+        imageUploadError: (a) => {
+          const { normalize: l } = a;
+          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"], ea = { key: 0 }, aa = {
+  key: 0,
+  id: "fresh-booking-select-place-type"
+}, oa = {
+  class: /* @__PURE__ */ de(["fresh-booking-label", "required"])
+}, la = { id: "fresh-booking-select-place-type-input" }, ta = ["innerHTML"], na = {
+  key: 0,
+  id: "fresh-booking-gift-card-order"
+}, ra = { class: "fresh-booking-panel" }, ia = {
+  key: 1,
+  id: "fresh-booking-gift-card-remarks"
+}, sa = {
+  key: 2,
+  id: "fresh-booking-gift-card-order-minimal",
+  "sticky-side": "bottom"
+}, da = { id: "fresh-booking-gift-card-recaptcha" }, ua = /* @__PURE__ */ Ke(() => /* @__PURE__ */ s("span", null, "Loading...", -1)), ca = /* @__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 o = f, { t: a } = pe(), {
+      name: l,
+      email: P,
+      phone: p,
+      value: g,
+      remark: _,
+      showValue: z,
+      quantity: $,
+      media: U,
+      placeId: h,
+      placeType: n,
+      showFormPage: d,
+      showPaymentPage: v,
+      showConfirmationPage: T,
+      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: a("alert.error.robot"),
+          type: "error"
+        });
+      } else
+        await A();
+    }
+    fe(n, () => {
+      h.value = void 0;
+    }), ge(() => {
+      R(parseInt(o.placeType));
+    });
+    const c = {
+      "--accentColor": o.accentColor,
+      "--buttonBackground": o.buttonBackground,
+      "--buttonBorder": o.buttonBorder,
+      "--buttonBorderRadius": o.buttonBorderRadius,
+      "--buttonFontFamily": o.buttonFontFamily,
+      "--buttonColor": o.buttonColor,
+      "--buttonFontSize": o.buttonFontSize,
+      "--buttonTextTransform": o.buttonTextTransform,
+      "--buttonFontWeight": o.buttonFontWeight,
+      "--fontColor": o.fontColor,
+      "--fontFamily": o.fontFamily,
+      "--fontSize": o.fontSize,
+      "--fontWeight": o.fontWeight,
+      "--grayColor": o.grayColor,
+      "--headerColor": o.headerColor,
+      "--headerFontSize": o.headerFontSize,
+      "--inputBackground": o.inputBackground,
+      "--inputBorder": o.inputBorder,
+      "--inputBorderRadius": o.inputBorderRadius,
+      "--inputFontColor": o.inputFontColor,
+      "--labelFontWeight": o.labelFontWeight,
+      "--labelPadding": o.labelPadding,
+      "--loadingColor": o.loadingColor,
+      "--panelBackground": o.panelBackground,
+      "--panelBorder": o.panelBorder,
+      "--panelBorderRadius": o.panelBorderRadius,
+      "--panelPadding": o.panelPadding,
+      "--successColor": o.successColor
+    };
+    return (r, t) => {
+      const q = ve("sticky");
+      return u(), W(ye, null, {
+        default: x(() => [
+          m(ze, {
+            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, [
+                s("h4", Je, [
+                  s("span", null, ae(e(a)("giftCard.title")), 1)
+                ]),
+                s("div", Qe, [
+                  L(s("div", Xe, null, 512), [
+                    [O, e(v)]
+                  ]),
+                  L(s("div", null, [
+                    s("p", {
+                      id: "fresh-booking-gift-card-description",
+                      innerHTML: e(a)("giftCard.description")
+                    }, null, 8, Ze),
+                    s("form", null, [
+                      m(j, {
+                        modelValue: e(l),
+                        "onUpdate:modelValue": t[0] || (t[0] = (i) => B(l) ? l.value = i : null),
+                        type: "text",
+                        name: "name",
+                        autocomplete: "name",
+                        label: e(a)("giftCard.name"),
+                        icon: "user-alt",
+                        "icon-color": r.accentColor,
+                        placeholder: e(a)("giftCard.namePlaceholder"),
+                        required: ""
+                      }, null, 8, ["modelValue", "label", "icon-color", "placeholder"]),
+                      m(j, {
+                        modelValue: e(P),
+                        "onUpdate:modelValue": t[1] || (t[1] = (i) => B(P) ? P.value = i : null),
+                        type: "email",
+                        name: "email",
+                        autocomplete: "email",
+                        label: e(a)("giftCard.email"),
+                        icon: "at",
+                        "icon-color": r.accentColor,
+                        placeholder: e(a)("giftCard.emailPlaceholder"),
+                        required: ""
+                      }, null, 8, ["modelValue", "label", "icon-color", "placeholder"]),
+                      m(Ee, {
+                        modelValue: e(p),
+                        "onUpdate:modelValue": t[2] || (t[2] = (i) => B(p) ? p.value = i : null),
+                        icon: "phone-office",
+                        "icon-color": r.accentColor,
+                        label: e(a)("giftCard.phone"),
+                        placeholder: e(a)("giftCard.phonePlaceholder"),
+                        required: ""
+                      }, null, 8, ["modelValue", "icon-color", "label", "placeholder"]),
+                      e(I) ? C("", !0) : (u(), b("div", ea, [
+                        e(F) ? (u(), b("div", aa, [
+                          s("label", oa, [
+                            s("span", null, ae(e(a)("giftCard.selectType")), 1)
+                          ]),
+                          s("div", la, [
+                            s("ul", null, [
+                              (u(!0), b(be, null, he(e(F), (i, ee) => (u(), b("li", { key: ee }, [
+                                m(ne, {
+                                  modelValue: e(n),
+                                  "onUpdate:modelValue": t[3] || (t[3] = (me) => B(n) ? n.value = me : null),
+                                  type: "radio",
+                                  name: "placeType",
+                                  val: ee,
+                                  label: i.label
+                                }, null, 8, ["modelValue", "val", "label"])
+                              ]))), 128))
+                            ]),
+                            e(F)[e(n)] && e(F)[e(n)].data.length > 1 ? (u(), W(Me, {
+                              key: 0,
+                              modelValue: e(h),
+                              "onUpdate:modelValue": t[4] || (t[4] = (i) => B(h) ? h.value = i : null),
+                              placeholder: e(a)("giftCard.selectPlacePlaceholder"),
+                              options: e(F)[e(n)].data,
+                              labelKey: "name",
+                              valueKey: "id",
+                              required: ""
+                            }, null, 8, ["modelValue", "placeholder", "options"])) : C("", !0)
+                          ])
+                        ])) : (u(), W(oe, {
+                          key: 1,
+                          color: r.loadingColor
+                        }, null, 8, ["color"]))
+                      ])),
+                      m(j, {
+                        modelValue: e(g),
+                        "onUpdate:modelValue": t[5] || (t[5] = (i) => B(g) ? g.value = i : null),
+                        type: "number",
+                        name: "value",
+                        label: e(a)("giftCard.value"),
+                        icon: "money-bill",
+                        "icon-color": r.accentColor,
+                        placeholder: e(a)("giftCard.valuePlaceholder"),
+                        suffix: e(K),
+                        required: ""
+                      }, null, 8, ["modelValue", "label", "icon-color", "placeholder", "suffix"]),
+                      m(ne, {
+                        modelValue: e(z),
+                        "onUpdate:modelValue": t[6] || (t[6] = (i) => B(z) ? z.value = i : null),
+                        type: "checkbox",
+                        name: "showValue",
+                        label: e(a)("giftCard.showValue"),
+                        checked: e(z)
+                      }, null, 8, ["modelValue", "label", "checked"]),
+                      C("", !0),
+                      C("", !0)
+                    ])
+                  ], 512), [
+                    [O, e(d)]
+                  ]),
+                  L(s("div", null, [
+                    s("div", {
+                      innerHTML: e(a)("giftCard.thankYou")
+                    }, null, 8, ta)
+                  ], 512), [
+                    [O, e(T)]
+                  ])
+                ]),
+                r.layout !== "minimal" && e(d) ? (u(), b("div", na, [
+                  s("div", ra, [
+                    m(D, {
+                      label: e(a)("giftCard.orderGiftCard"),
+                      style: le({
+                        background: r.successColor
+                      }),
+                      "full-width": !0,
+                      disabled: !e(w),
+                      "is-loading": e(V),
+                      "onUpdate:isLoading": t[9] || (t[9] = (i) => B(V) ? V.value = i : null),
+                      onClickEvent: H
+                    }, null, 8, ["label", "style", "disabled", "is-loading"])
+                  ])
+                ])) : C("", !0),
+                e(d) ? (u(), b("div", ia, [
+                  m(j, {
+                    modelValue: e(_),
+                    "onUpdate:modelValue": t[10] || (t[10] = (i) => B(_) ? _.value = i : null),
+                    type: "textarea",
+                    name: "remark",
+                    label: e(a)("giftCard.remark"),
+                    icon: "info-circle",
+                    "icon-color": r.accentColor,
+                    placeholder: e(a)("giftCard.remarkPlaceholder")
+                  }, null, 8, ["modelValue", "label", "icon-color", "placeholder"])
+                ])) : C("", !0),
+                e(d) ? L((u(), b("div", sa, [
+                  m(D, {
+                    label: e(a)("giftCard.orderGiftCard"),
+                    style: le({
+                      background: r.successColor
+                    }),
+                    "full-width": !0,
+                    disabled: !e(w),
+                    "data-test": "orderGiftCard",
+                    "is-loading": e(V),
+                    "onUpdate:isLoading": t[11] || (t[11] = (i) => B(V) ? V.value = i : null),
+                    onClickEvent: H
+                  }, null, 8, ["label", "style", "disabled", "is-loading"]),
+                  L(s("div", da, [
+                    m(Ue)
+                  ], 512), [
+                    [O, e(N)]
+                  ])
+                ])), [
+                  [q]
+                ]) : C("", !0)
+              ])) : (u(), W(oe, { key: 1 }))
+            ]),
+            _: 1
+          }, 8, ["access-token", "data-layout"])
+        ]),
+        fallback: x(() => [
+          ua
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const pa = /* @__PURE__ */ _e(ca, [["__scopeId", "data-v-10b51e8f"]]);
+process.env.NODE_ENV === "production" && Te.flare.light();
+const ma = we(), E = Fe({ components: { GiftCard: pa } });
+E.use(Re.flareVue);
+E.use(ma);
+E.use($e);
+E.use(Ie);
+E.use(qe, { bootstrap: !1 });
+E.mount("#fresh-booking-gift-card-app");
+//# sourceMappingURL=gift-card.es.js.map