@konnectio/core 4.0.7 → 4.0.10

package/dist/gift-card.es.js

@@ -1,584 +0,0 @@
-import { d as fe, u as X, s as Z, a as se, r as k, a5 as y, b as J, c as P, i as I, S as Q, e as de, f as ge, a6 as ve, a7 as ae, h as ue, q as ce, k as u, l as L, w as O, x as s, v as b, m, n as e, C as W, y as C, A as pe, I as be, t as he, o as ye, a8 as ke, B as oe, a9 as M, aa as j, z as B, Y as Ce, Z as _e, $ as le, ab as te, J as Fe, K as Ve, L as Be, M as Pe, _ as Se, P as ze, N as Te, Q as we } from "./NumberField.vue_vue_type_style_index_0_lang-ab747739.js";
-import { P as Re, C as ne, _ as $e, S as Ue, i as Ee } from "./index-00262c16.js";
-import { u as qe } from "./ReCaptchaVuePlugin-05b8ec39.js";
-import { T as x, _ as Ie } from "./SelectField.vue_vue_type_style_index_0_lang-5bdd7db9.js";
-import "./_commonjsHelpers-aeeeeb92.js";
-const re = fe("giftCard", () => {
-  const { display: f } = X(), { bearerToken: o, metaData: a } = Z(se()), l = k(y.InitialState), S = 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 = P(() => l.value === y.InitialState || l.value === y.WaitingForResponse), w = P(() => l.value === y.ReadyToPay), E = P(() => l.value === y.PaymentSuccess), V = P(() => {
-    const c = {
-      1: {
-        label: I.t("giftCard.hotelType"),
-        data: []
-      },
-      2: {
-        label: I.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)
-    );
-  }), A = P(() => T.value !== 0), R = P(() => {
-    let c;
-    if (A.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;
-  }), G = P(() => !(!S.value || !p.value || !(g.value.length >= 5) || !_.value || R.value === void 0)), N = P(() => !(l.value === y.InitialState && v.value)), K = P(() => !!(l.value === y.WaitingForResponse && v.value));
-  async function Y() {
-    l.value = y.WaitingForResponse, v.value = !0, await de.post("http://localhost:91/api/gift-card/create", {
-      termsOfserviceURL: "https://freshbooking.dk",
-      checkoutUrl: "https://freshbooking.dk",
-      currencyID: a.value.currency.id,
-      language: ge(),
-      amount: _.value,
-      quantity: z.value,
-      freeText: U.value,
-      showPrice: $.value,
-      contactName: S.value,
-      contactEmail: p.value,
-      contactPhone: g.value,
-      imageBase64: ve(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.6"
-      }
-    }).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(ae.Accept, () => {
-          l.value = y.PaymentSuccess, f({
-            message: I.t("alert.success.giftCardOrdered"),
-            type: "success"
-          });
-        }), r.addEventHandler(ae.Error, () => {
-          f({
-            message: I.t("booking.other.errorMessage"),
-            type: "warning"
-          });
-        });
-      } else
-        l.value = y.InitialState, f({
-          message: `${I.t("booking.other.errorMessage")} (HTTP: ${c.status})`,
-          type: "warning"
-        });
-    });
-  }
-  function H(c) {
-    T.value = c;
-  }
-  return {
-    moduleState: l,
-    name: S,
-    email: p,
-    phone: g,
-    value: _,
-    remark: U,
-    showValue: $,
-    quantity: z,
-    media: h,
-    placeId: n,
-    placeType: d,
-    showFormPage: F,
-    showPaymentPage: w,
-    showConfirmationPage: E,
-    places: V,
-    hasFilledForm: G,
-    hasForcedPlaceType: A,
-    isWaitingForResponse: K,
-    isMetaDataAvailable: N,
-    orderGiftCard: Y,
-    initialize: H
-  };
-}), Me = { class: "media-selector" }, Le = ["accept"], We = { class: "media-selector-wrapper" }, De = { class: "media-selector-tools" }, Ae = { key: 0 }, Ge = { key: 1 }, Ne = { key: 2 }, He = ["src"], je = /* @__PURE__ */ ue({
-  __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 } = ce(), { display: S } = X(), p = k(), g = P(() => 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 E = w.target.result;
-          d({ base64: E, name: v, type: T });
-        } else
-          S({
-            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(), L(be, {
-      label: n.label,
-      required: n.required,
-      type: "media"
-    }, {
-      default: O(() => [
-        s("div", Me, [
-          s("input", {
-            ref_key: "fileInput",
-            ref: p,
-            type: "file",
-            class: "hidden",
-            accept: n.validation,
-            single: "",
-            onChange: d[0] || (d[0] = (v) => h())
-          }, null, 40, Le),
-          s("div", We, [
-            s("ul", De, [
-              g.value ? C("", !0) : (u(), b("li", Ae, [
-                m(W, {
-                  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", Ge, [
-                m(W, {
-                  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", Ne, [
-                m(W, {
-                  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: pe([
-                "media-selector-previewer",
-                { opened: g.value }
-              ])
-            }, [
-              n.modelValue ? (u(), b("img", {
-                key: 0,
-                src: n.modelValue.base64
-              }, null, 8, He)) : 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(je);
-const xe = (f) => (Be("data-v-259a8073"), f = f(), Pe(), f), Oe = {
-  key: 0,
-  id: "fresh-booking-gift-card-wrapper"
-}, Ke = { id: "fresh-booking-gift-card-title" }, Ye = { id: "fresh-booking-gift-card-content" }, Je = { id: "fresh-booking-gift-card-payment" }, Qe = ["innerHTML"], Ze = { key: 0 }, Xe = {
-  key: 0,
-  id: "fresh-booking-select-place-type"
-}, ea = {
-  class: /* @__PURE__ */ pe(["fresh-booking-label", "required"])
-}, aa = { id: "fresh-booking-select-place-type-input" }, oa = ["innerHTML"], la = {
-  key: 0,
-  id: "fresh-booking-gift-card-order"
-}, ta = { class: "fresh-booking-panel" }, na = {
-  key: 1,
-  id: "fresh-booking-gift-card-remarks"
-}, ra = {
-  key: 2,
-  id: "fresh-booking-gift-card-order-minimal",
-  "sticky-side": "bottom"
-}, ia = { id: "fresh-booking-gift-card-recaptcha" }, sa = /* @__PURE__ */ xe(() => /* @__PURE__ */ s("span", null, "Loading...", -1)), da = /* @__PURE__ */ ue({
-  __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 } = ce(), {
-      name: l,
-      email: S,
-      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: E,
-      isWaitingForResponse: V,
-      isMetaDataAvailable: A
-    } = Z(re()), { initialize: R, orderGiftCard: G } = re(), { isRecaptchaEnabled: N, currency: K } = Z(se()), { display: Y } = X();
-    async function H() {
-      const r = qe();
-      if (N.value && r) {
-        await r.recaptchaLoaded();
-        const t = await r.executeRecaptcha("create_gift_card");
-        (await de.get(`/?rest_route=/freshcase-octopus/v1/recaptcha/${t}`)).data.success ? await G() : Y({
-          message: a("alert.error.robot"),
-          type: "error"
-        });
-      } else
-        await G();
-    }
-    he(n, () => {
-      h.value = void 0;
-    }), ye(() => {
-      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 = ke("sticky");
-      return u(), L(Ve, null, {
-        default: O(() => [
-          m(Fe, {
-            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: O(() => [
-              e(A) ? (u(), b("div", Oe, [
-                s("h4", Ke, [
-                  s("span", null, oe(e(a)("giftCard.title")), 1)
-                ]),
-                s("div", Ye, [
-                  M(s("div", Je, null, 512), [
-                    [j, e(v)]
-                  ]),
-                  M(s("div", null, [
-                    s("p", {
-                      id: "fresh-booking-gift-card-description",
-                      innerHTML: e(a)("giftCard.description")
-                    }, null, 8, Qe),
-                    s("form", null, [
-                      m(x, {
-                        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(x, {
-                        modelValue: e(S),
-                        "onUpdate:modelValue": t[1] || (t[1] = (i) => B(S) ? S.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(Re, {
-                        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(E) ? C("", !0) : (u(), b("div", Ze, [
-                        e(F) ? (u(), b("div", Xe, [
-                          s("label", ea, [
-                            s("span", null, oe(e(a)("giftCard.selectType")), 1)
-                          ]),
-                          s("div", aa, [
-                            s("ul", null, [
-                              (u(!0), b(Ce, null, _e(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(), L(Ie, {
-                              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(), L(le, {
-                          key: 1,
-                          color: r.loadingColor
-                        }, null, 8, ["color"]))
-                      ])),
-                      m(x, {
-                        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), [
-                    [j, e(d)]
-                  ]),
-                  M(s("div", null, [
-                    s("div", {
-                      innerHTML: e(a)("giftCard.thankYou")
-                    }, null, 8, oa)
-                  ], 512), [
-                    [j, e(T)]
-                  ])
-                ]),
-                r.layout !== "minimal" && e(d) ? (u(), b("div", la, [
-                  s("div", ta, [
-                    m(W, {
-                      label: e(a)("giftCard.orderGiftCard"),
-                      style: te({
-                        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", na, [
-                  m(x, {
-                    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) ? M((u(), b("div", ra, [
-                  m(W, {
-                    label: e(a)("giftCard.orderGiftCard"),
-                    style: te({
-                      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"]),
-                  M(s("div", ia, [
-                    m($e)
-                  ], 512), [
-                    [j, e(N)]
-                  ])
-                ])), [
-                  [q]
-                ]) : C("", !0)
-              ])) : (u(), L(le, { key: 1 }))
-            ]),
-            _: 1
-          }, 8, ["access-token", "data-layout"])
-        ]),
-        fallback: O(() => [
-          sa
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-const ua = /* @__PURE__ */ Se(da, [["__scopeId", "data-v-259a8073"]]), ca = ze(), D = Te({ components: { GiftCard: ua } });
-D.use(ca);
-D.use(we);
-D.use(Ue);
-D.use(Ee, { bootstrap: !1 });
-D.mount("#fresh-booking-gift-card-app");
-export {
-  D as default
-};