@konnectio/core 4.0.55 → 4.0.56-rc2

package/dist/{CheckoutWindow-df8612e3.js → CheckoutWindow-S9xKe_Wf.js}

@@ -1,5 +1,6 @@
-import { k as g, l as k, r as _, o as S, m as p, n as $, w as A, A as d, p as V, q as i, T as C, I as B, _ as v, ah as I, y as h, ai as T, aj as w, v as b, H as u, x as P, F as N, a6 as f, s as F, c as G, ak as j, Q as E, R as H } from "./SelectField.vue_vue_type_style_index_0_lang-11cea6ba.js";
-const O = { class: "fresh-booking-phone-input" }, R = /* @__PURE__ */ g({
+import { defineComponent as b, ref as k, onMounted as $, openBlock as p, createBlock as I, unref as i, withCtx as T, createElementVNode as r, createVNode as V, normalizeClass as h, mergeProps as B, normalizeStyle as _, withKeys as N, createElementBlock as g, toDisplayString as u, createCommentVNode as C, createTextVNode as f, pushScopeId as w, popScopeId as G } from "vue";
+import { r as P, I as A, T as S, _ as v, l as E, s as F, c as O, P as U } from "./SelectField.vue_vue_type_style_index_0_lang-30hJu8vr.js";
+const j = { class: "fresh-booking-phone-input" }, z = /* @__PURE__ */ b({
   __name: "PhoneField",
   props: {
     modelValue: {},
@@ -15,29 +16,29 @@ const O = { class: "fresh-booking-phone-input" }, R = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(a, { emit: l }) {
-    const t = l, n = a, c = n.id || k(), e = _("+45"), s = _("");
+    const t = l, n = a, c = n.id || P(), e = k("+45"), d = k("");
     function m() {
-      t("update:modelValue", `${e.value} ${s.value}`);
+      t("update:modelValue", `${e.value} ${d.value}`);
     }
-    return S(() => {
+    return $(() => {
       if (n.modelValue) {
         const o = n.modelValue.split(" ");
-        e.value = o[0], s.value = o[1];
+        e.value = o[0], d.value = o[1];
       }
-    }), (o, r) => (p(), $(B, {
+    }), (o, s) => (p(), I(A, {
       label: o.label,
       id: i(c),
       type: "phone",
       required: o.required,
       readonly: o.readonly
     }, {
-      default: A(() => [
-        d("div", O, [
-          V(C, {
+      default: T(() => [
+        r("div", j, [
+          V(S, {
             modelValue: e.value,
-            "onUpdate:modelValue": r[0] || (r[0] = (y) => e.value = y),
+            "onUpdate:modelValue": s[0] || (s[0] = (y) => e.value = y),
             type: "text",
-            id: i(k)(),
+            id: i(P)(),
             name: "phone-code",
             autocomplete: "tel-country-code",
             icon: o.icon,
@@ -47,11 +48,11 @@ const O = { class: "fresh-booking-phone-input" }, R = /* @__PURE__ */ g({
             required: o.required,
             readonly: o.readonly,
             "input-style": o.inputStyle,
-            onInput: r[1] || (r[1] = (y) => m())
+            onInput: s[1] || (s[1] = (y) => m())
           }, null, 8, ["modelValue", "id", "icon", "icon-color", "icon-type", "required", "readonly", "input-style"]),
-          V(C, {
-            modelValue: s.value,
-            "onUpdate:modelValue": r[2] || (r[2] = (y) => s.value = y),
+          V(S, {
+            modelValue: d.value,
+            "onUpdate:modelValue": s[2] || (s[2] = (y) => d.value = y),
             type: "number",
             name: "phone",
             autocomplete: "tel-national",
@@ -60,15 +61,14 @@ const O = { class: "fresh-booking-phone-input" }, R = /* @__PURE__ */ g({
             required: o.required,
             readonly: o.readonly,
             "input-style": o.inputStyle,
-            onInput: r[3] || (r[3] = (y) => m())
+            onInput: s[3] || (s[3] = (y) => m())
           }, null, 8, ["modelValue", "id", "placeholder", "required", "readonly", "input-style"])
         ])
       ]),
       _: 1
     }, 8, ["label", "id", "required", "readonly"]));
   }
-});
-const x = /* @__PURE__ */ v(R, [["__scopeId", "data-v-5cd094ab"]]), U = ["required", "type", "name", "readonly", "disabled", "value", "checked"], W = ["data-test"], z = { key: 0 }, D = /* @__PURE__ */ g({
+}), ee = /* @__PURE__ */ v(z, [["__scopeId", "data-v-5cd094ab"]]), D = ["required", "type", "name", "readonly", "disabled", "value", "checked"], H = ["data-test"], K = { key: 0 }, M = /* @__PURE__ */ b({
   __name: "Checkbox",
   props: {
     modelValue: { type: [String, Boolean, Number] },
@@ -92,13 +92,13 @@ const x = /* @__PURE__ */ v(R, [["__scopeId", "data-v-5cd094ab"]]), U = ["requir
         t.type === "radio" ? t.val : t.numeric ? t.modelValue ? 0 : 1 : !t.modelValue
       );
     }
-    return (e, s) => (p(), $(B, {
+    return (e, d) => (p(), I(A, {
       required: e.required,
       type: e.type,
       readonly: e.readonly
     }, {
-      default: A(() => [
-        d("label", {
+      default: T(() => [
+        r("label", {
           class: h([
             "fresh-booking-click-box-container",
             { "is-readonly": e.readonly },
@@ -106,7 +106,7 @@ const x = /* @__PURE__ */ v(R, [["__scopeId", "data-v-5cd094ab"]]), U = ["requir
             e.type === "radio" ? "radio" : "checkbox"
           ])
         }, [
-          d("input", I(e.$attrs, {
+          r("input", B(e.$attrs, {
             required: !!e.required,
             type: e.type,
             name: e.name,
@@ -115,40 +115,45 @@ const x = /* @__PURE__ */ v(R, [["__scopeId", "data-v-5cd094ab"]]), U = ["requir
             disabled: !!e.readonly,
             value: e.type === "radio" ? e.val : e.modelValue,
             checked: e.type === "radio" ? e.val === e.modelValue : !!e.modelValue,
-            onChange: s[0] || (s[0] = (m) => c())
-          }), null, 16, U),
-          d("div", {
+            onChange: d[0] || (d[0] = (m) => c())
+          }), null, 16, D),
+          r("div", {
             class: h([
               "fresh-booking-click-box",
               { checked: e.type === "radio" ? e.val === e.modelValue : !!e.modelValue }
             ]),
             tabindex: "0",
-            style: T(e.inputStyle),
+            style: _(e.inputStyle),
             "data-test": e.name,
-            onKeyup: s[1] || (s[1] = w((m) => c(), ["enter"]))
-          }, null, 46, W),
-          e.label ? (p(), b("div", {
+            onKeyup: d[1] || (d[1] = N((m) => c(), ["enter"]))
+          }, null, 46, H),
+          e.label ? (p(), g("div", {
             key: 0,
             class: h(["fresh-booking-click-box-label", { "with-price": e.price }])
           }, [
-            d("span", null, u(e.label), 1),
-            e.price ? (p(), b("span", z, u(e.price), 1)) : P("", !0)
-          ], 2)) : P("", !0)
+            r("span", null, u(e.label), 1),
+            e.price ? (p(), g("span", K, u(e.price), 1)) : C("", !0)
+          ], 2)) : C("", !0)
         ], 2)
       ]),
       _: 1
     }, 8, ["required", "type", "readonly"]));
   }
-});
-const ee = /* @__PURE__ */ v(D, [["__scopeId", "data-v-7ef656cb"]]), K = { href: "https://policies.google.com/privacy" }, M = { href: "https://policies.google.com/terms" }, Q = /* @__PURE__ */ g({
+}), oe = /* @__PURE__ */ v(M, [["__scopeId", "data-v-7ef656cb"]]), R = {
+  href: "https://policies.google.com/privacy",
+  target: "_blank"
+}, W = {
+  href: "https://policies.google.com/terms",
+  target: "_blank"
+}, J = /* @__PURE__ */ b({
   __name: "GoogleNotice",
   setup(a) {
-    const { t: l } = N();
-    return (t, n) => (p(), b("span", null, [
+    const { t: l } = E();
+    return (t, n) => (p(), g("span", null, [
       f(u(i(l)("googleNotice")) + " ", 1),
-      d("a", K, u(i(l)("googlePrivacyPolicy")), 1),
+      r("a", R, u(i(l)("googlePrivacyPolicy")), 1),
       f(" " + u(i(l)("googleAnd")) + " ", 1),
-      d("a", M, u(i(l)("googleTOS")), 1),
+      r("a", W, u(i(l)("googleTOS")), 1),
       f(" " + u(i(l)("googleApply")) + ". ", 1)
     ]));
   }
@@ -175,28 +180,27 @@ function q(a) {
     }
   });
 }
-typeof q == "function" && q(Q);
-const J = (a) => (E("data-v-340cb9ce"), a = a(), H(), a), L = /* @__PURE__ */ J(() => /* @__PURE__ */ d("div", { id: "fresh-booking-payment-checkout" }, null, -1)), X = [
-  L
-], Y = /* @__PURE__ */ g({
+typeof q == "function" && q(J);
+const L = (a) => (w("data-v-340cb9ce"), a = a(), G(), a), Q = /* @__PURE__ */ L(() => /* @__PURE__ */ r("div", { id: "fresh-booking-payment-checkout" }, null, -1)), X = [
+  Q
+], Y = /* @__PURE__ */ b({
   __name: "CheckoutWindow",
   setup(a) {
-    const { paymentGatewayId: l } = F(G());
-    return S(() => {
+    const { paymentGatewayId: l } = F(O());
+    return $(() => {
       const t = document.createElement("script"), n = document.createElement("script");
       t.setAttribute("src", "https://checkout.dibspayment.eu/v1/checkout.js?v=1"), n.setAttribute("src", "https://checkout.reepay.com/checkout.js"), document.head.appendChild(t), document.head.appendChild(n);
-    }), (t, n) => (p(), b("div", null, [
-      d("div", {
+    }), (t, n) => (p(), g("div", null, [
+      r("div", {
         id: "fresh-booking-payment-checkout-wrapper",
-        class: h({ reePay: i(l) === i(j).ReePay })
+        class: h({ reePay: i(l) === i(U).ReePay })
       }, X, 2)
     ]));
   }
-});
-const oe = /* @__PURE__ */ v(Y, [["__scopeId", "data-v-340cb9ce"]]);
+}), le = /* @__PURE__ */ v(Y, [["__scopeId", "data-v-340cb9ce"]]);
 export {
-  ee as C,
-  x as P,
-  Q as _,
-  oe as a
+  oe as C,
+  ee as P,
+  J as _,
+  le as a
 };

package/dist/Container-Fl2PKj-u.js

@@ -0,0 +1,59 @@
+import { defineComponent as n, computed as a, onMounted as l, openBlock as u, createElementBlock as p, renderSlot as d } from "vue";
+import { _ as i } from "./SelectField.vue_vue_type_style_index_0_lang-30hJu8vr.js";
+const s = { class: "konnectio-container" }, c = /* @__PURE__ */ n({
+  __name: "Container",
+  props: {
+    styling: {}
+  },
+  setup(t) {
+    const r = t, e = a(() => ({
+      accentColor: "#6ab1e6",
+      accentColorSecondary: "#dae9f8",
+      buttonBackground: "#6ab1e6",
+      buttonBorder: null,
+      buttonBorderRadius: "4px",
+      buttonColor: "#FFF",
+      buttonFontFamily: "inherit",
+      buttonFontSize: "14px",
+      buttonFontWeight: "400",
+      buttonIconColor: "#FFF",
+      buttonTextTransform: "uppercase",
+      dangerColor: "red",
+      fontColor: "#3b3b3b",
+      fontFamily: "inherit",
+      fontSize: "16px",
+      grayColor: "grey",
+      headerColor: "#000",
+      inputBorder: "1px solid rgba(0, 0, 0, 0.15)",
+      inputBackground: "#f8f8f8",
+      inputBorderWidth: "0px 0px 1px",
+      inputBorderRadius: "6px",
+      inputFontColor: "#000000",
+      labelFontColor: "#000000",
+      labelFontWeight: "bold",
+      labelFontSize: "15px",
+      labelPadding: "6px",
+      linkColor: "#5d6dca",
+      linkHoverColor: "#2e3d90",
+      loadingColor: "#000",
+      panelBackground: "#ffffff",
+      panelBorder: null,
+      panelBorderRadius: "5px",
+      panelInnerPadding: "12px",
+      panelMaxWidth: "none",
+      panelPadding: "24px",
+      panelShadow: "0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)",
+      successColor: "green",
+      ...r.styling
+    }));
+    return l(() => {
+      const o = document.documentElement.style;
+      o.setProperty("--accentColor", e.value.accentColor), o.setProperty("--accentColorSecondary", e.value.accentColorSecondary), o.setProperty("--buttonBackground", e.value.buttonBackground), o.setProperty("--buttonBorder", e.value.buttonBorder), o.setProperty("--buttonBorderRadius", e.value.buttonBorderRadius), o.setProperty("--buttonColor", e.value.buttonColor), o.setProperty("--buttonFontFamily", e.value.buttonFontFamily), o.setProperty("--buttonFontSize", e.value.buttonFontSize), o.setProperty("--buttonFontWeight", e.value.buttonFontWeight), o.setProperty("--buttonTextTransform", e.value.buttonTextTransform), o.setProperty("--dangerColor", e.value.dangerColor), o.setProperty("--fontColor", e.value.fontColor), o.setProperty("--fontFamily", e.value.fontFamily), o.setProperty("--fontSize", e.value.fontSize), o.setProperty("--grayColor", e.value.grayColor), o.setProperty("--headerColor", e.value.headerColor), o.setProperty("--inputBackground", e.value.inputBackground), o.setProperty("--inputBorder", e.value.inputBorder), o.setProperty("--inputBorderRadius", e.value.inputBorderRadius), o.setProperty("--inputBorderWidth", e.value.inputBorderWidth), o.setProperty("--inputFontColor", e.value.inputFontColor), o.setProperty("--labelFontColor", e.value.labelFontColor), o.setProperty("--labelFontWeight", e.value.labelFontWeight), o.setProperty("--labelFontSize", e.value.labelFontSize), o.setProperty("--labelPadding", e.value.labelPadding), o.setProperty("--linkColor", e.value.linkColor), o.setProperty("--linkHoverColor", e.value.linkHoverColor), o.setProperty("--loadingColor", e.value.loadingColor), o.setProperty("--panelBackground", e.value.panelBackground), o.setProperty("--panelBorder", e.value.panelBorder), o.setProperty("--panelBorderRadius", e.value.panelBorderRadius), o.setProperty("--panelInnerPadding", e.value.panelInnerPadding), o.setProperty("--panelMaxWidth", e.value.panelMaxWidth), o.setProperty("--panelPadding", e.value.panelPadding), o.setProperty("--panelShadow", e.value.panelShadow), o.setProperty("--successColor", e.value.successColor);
+    }), (o, y) => (u(), p("div", s, [
+      d(o.$slots, "default", {}, void 0, !0)
+    ]));
+  }
+}), C = /* @__PURE__ */ i(c, [["__scopeId", "data-v-b8c97ab0"]]);
+export {
+  C
+};

package/dist/Container-Y6_3uTWy.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),l=require("./SelectField.vue_vue_type_style_index_0_lang-eLyZ247i.cjs"),a={class:"konnectio-container"},u=t.defineComponent({__name:"Container",props:{styling:{}},setup(r){const n=r,o=t.computed(()=>({accentColor:"#6ab1e6",accentColorSecondary:"#dae9f8",buttonBackground:"#6ab1e6",buttonBorder:null,buttonBorderRadius:"4px",buttonColor:"#FFF",buttonFontFamily:"inherit",buttonFontSize:"14px",buttonFontWeight:"400",buttonIconColor:"#FFF",buttonTextTransform:"uppercase",dangerColor:"red",fontColor:"#3b3b3b",fontFamily:"inherit",fontSize:"16px",grayColor:"grey",headerColor:"#000",inputBorder:"1px solid rgba(0, 0, 0, 0.15)",inputBackground:"#f8f8f8",inputBorderWidth:"0px 0px 1px",inputBorderRadius:"6px",inputFontColor:"#000000",labelFontColor:"#000000",labelFontWeight:"bold",labelFontSize:"15px",labelPadding:"6px",linkColor:"#5d6dca",linkHoverColor:"#2e3d90",loadingColor:"#000",panelBackground:"#ffffff",panelBorder:null,panelBorderRadius:"5px",panelInnerPadding:"12px",panelMaxWidth:"none",panelPadding:"24px",panelShadow:"0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)",successColor:"green",...n.styling}));return t.onMounted(()=>{const e=document.documentElement.style;e.setProperty("--accentColor",o.value.accentColor),e.setProperty("--accentColorSecondary",o.value.accentColorSecondary),e.setProperty("--buttonBackground",o.value.buttonBackground),e.setProperty("--buttonBorder",o.value.buttonBorder),e.setProperty("--buttonBorderRadius",o.value.buttonBorderRadius),e.setProperty("--buttonColor",o.value.buttonColor),e.setProperty("--buttonFontFamily",o.value.buttonFontFamily),e.setProperty("--buttonFontSize",o.value.buttonFontSize),e.setProperty("--buttonFontWeight",o.value.buttonFontWeight),e.setProperty("--buttonTextTransform",o.value.buttonTextTransform),e.setProperty("--dangerColor",o.value.dangerColor),e.setProperty("--fontColor",o.value.fontColor),e.setProperty("--fontFamily",o.value.fontFamily),e.setProperty("--fontSize",o.value.fontSize),e.setProperty("--grayColor",o.value.grayColor),e.setProperty("--headerColor",o.value.headerColor),e.setProperty("--inputBackground",o.value.inputBackground),e.setProperty("--inputBorder",o.value.inputBorder),e.setProperty("--inputBorderRadius",o.value.inputBorderRadius),e.setProperty("--inputBorderWidth",o.value.inputBorderWidth),e.setProperty("--inputFontColor",o.value.inputFontColor),e.setProperty("--labelFontColor",o.value.labelFontColor),e.setProperty("--labelFontWeight",o.value.labelFontWeight),e.setProperty("--labelFontSize",o.value.labelFontSize),e.setProperty("--labelPadding",o.value.labelPadding),e.setProperty("--linkColor",o.value.linkColor),e.setProperty("--linkHoverColor",o.value.linkHoverColor),e.setProperty("--loadingColor",o.value.loadingColor),e.setProperty("--panelBackground",o.value.panelBackground),e.setProperty("--panelBorder",o.value.panelBorder),e.setProperty("--panelBorderRadius",o.value.panelBorderRadius),e.setProperty("--panelInnerPadding",o.value.panelInnerPadding),e.setProperty("--panelMaxWidth",o.value.panelMaxWidth),e.setProperty("--panelPadding",o.value.panelPadding),e.setProperty("--panelShadow",o.value.panelShadow),e.setProperty("--successColor",o.value.successColor)}),(e,d)=>(t.openBlock(),t.createElementBlock("div",a,[t.renderSlot(e.$slots,"default",{},void 0,!0)]))}}),p=l._export_sfc(u,[["__scopeId","data-v-b8c97ab0"]]);exports.Container=p;