@konnectio/core 4.0.54 → 4.0.56-rc1

package/README.md

@@ -1,4 +1,4 @@
-# FreshBooking integration for Octopus PMS for WordPress
+# Konnectio Core Integration for Octopus PMS
 
 <p align="center">
 <a href="https://vuejs.org/"><img src="https://img.shields.io/badge/vue-3-brightgreen.svg"/></a>
@@ -50,13 +50,13 @@ The availability shortcode would most likely be inserted on the front page, and
 The availability shortcode can be inserted anywhere on the wordpress site using the following name:
 
 ```
-[fresh-booking-availability]
+[konnectio-availability]
 ```
 
 You can add custom properties to the availability shortcode like so:
 
 ```
-[fresh-booking-availability panel-padding="24px"]
+[konnectio-availability panel-padding="24px"]
 ```
 
 The availability shortcode supports the following properties (the default property settings are listed in the right side of the arrows):
@@ -95,7 +95,7 @@ The availability shortcode supports the following properties (the default proper
 The hotel shortcode can be inserted anywhere on the wordpress site using the following name:
 
 ```
-[fresh-booking-hotel]
+[konnectio-hotel]
 ```
 
 The hotel shortcode supports the following properties:
@@ -139,7 +139,7 @@ The hotel shortcode supports the following properties:
 The gift card shortcode can be inserted anywhere on the wordpress site using the following name:
 
 ```
-[fresh-booking-gift-card]
+[konnectio-gift-card]
 ```
 
 The gift card shortcode supports the following properties:
@@ -182,7 +182,7 @@ The gift card shortcode supports the following properties:
 The gift card validation shortcode can be inserted anywhere on the wordpress site using the following name:
 
 ```
-[fresh-booking-gift-card-validation]
+[konnectio-gift-card-validation]
 ```
 
 The gift card validation shortcode supports the following properties:
@@ -223,7 +223,7 @@ The gift card validation shortcode supports the following properties:
 The event shortcode can be inserted anywhere on the wordpress site using the following name:
 
 ```
-[fresh-booking-event]
+[konnectio-event]
 ```
 
 The event validation shortcode supports the following properties:

package/dist/{ActionField-df9dc875.js → ActionField-d9rG0jaU.js}

@@ -1,6 +1,6 @@
-import { k as b, l as V, f as m, m as d, n as i, w as v, A as q, B as g, q as t, T as k, p as B, C as I, I as C, _ as A } from "./SelectField.vue_vue_type_style_index_0_lang-1e3caa45.js";
-import { _ as F } from "./NumberField.vue_vue_type_script_setup_true_lang-02508bda.js";
-const L = { class: "fresh-booking-action-field" }, T = /* @__PURE__ */ b({
+import { defineComponent as c, computed as p, openBlock as d, createBlock as i, unref as t, withCtx as V, createElementVNode as v, createVNode as q } from "vue";
+import { r as g, I as k, j as I, k as B, T as C, C as F, _ as A } from "./SelectField.vue_vue_type_style_index_0_lang-nNdXDbm1.js";
+const L = { class: "fresh-booking-action-field" }, T = /* @__PURE__ */ c({
   __name: "ActionField",
   props: {
     modelValue: {},
@@ -26,57 +26,57 @@ const L = { class: "fresh-booking-action-field" }, T = /* @__PURE__ */ b({
   },
   emits: ["update:modelValue", "action"],
   setup(y, { emit: f }) {
-    const s = f, u = y, o = u.id || V();
-    function r(e) {
-      s("update:modelValue", e);
+    const r = f, u = y, a = u.id || g();
+    function s(e) {
+      r("update:modelValue", e);
     }
-    const n = m({
+    const n = p({
       get: () => u.modelValue,
-      set: (e) => r(e)
-    }), p = m({
+      set: (e) => s(e)
+    }), m = p({
       get: () => u.modelValue,
-      set: (e) => r(e)
+      set: (e) => s(e)
     });
-    function c() {
-      s("action");
+    function b() {
+      r("action");
     }
-    return (e, a) => (d(), i(C, {
+    return (e, l) => (d(), i(k, {
       label: e.label,
-      id: t(o),
+      id: t(a),
       icon: e.icon,
       "icon-type": e.iconType,
       required: e.required,
       type: e.type,
       readonly: e.readonly
     }, {
-      default: v(() => [
-        q("div", L, [
-          e.type === "dropdown" && e.data ? (d(), i(g, {
+      default: V(() => [
+        v("div", L, [
+          e.type === "dropdown" && e.data ? (d(), i(I, {
             key: 0,
             modelValue: n.value,
-            "onUpdate:modelValue": a[0] || (a[0] = (l) => n.value = l),
-            id: t(o),
+            "onUpdate:modelValue": l[0] || (l[0] = (o) => n.value = o),
+            id: t(a),
             options: e.data,
             name: e.name,
             required: e.required,
             placeholder: e.placeholder
-          }, null, 8, ["modelValue", "id", "options", "name", "required", "placeholder"])) : e.type === "number" ? (d(), i(F, {
+          }, null, 8, ["modelValue", "id", "options", "name", "required", "placeholder"])) : e.type === "number" ? (d(), i(B, {
             key: 1,
-            modelValue: p.value,
-            "onUpdate:modelValue": a[1] || (a[1] = (l) => p.value = l),
-            id: t(o),
+            modelValue: m.value,
+            "onUpdate:modelValue": l[1] || (l[1] = (o) => m.value = o),
+            id: t(a),
             "min-value": e.minValue,
             "max-value": e.maxValue
-          }, null, 8, ["modelValue", "id", "min-value", "max-value"])) : (d(), i(k, {
+          }, null, 8, ["modelValue", "id", "min-value", "max-value"])) : (d(), i(C, {
             key: 2,
             modelValue: n.value,
-            "onUpdate:modelValue": a[2] || (a[2] = (l) => n.value = l),
-            id: t(o),
+            "onUpdate:modelValue": l[2] || (l[2] = (o) => n.value = o),
+            id: t(a),
             name: e.name,
             required: e.required,
             placeholder: e.placeholder
           }, null, 8, ["modelValue", "id", "name", "required", "placeholder"])),
-          B(I, {
+          q(F, {
             "data-test": `${e.name}Submit`,
             icon: e.buttonIcon,
             label: e.buttonLabel,
@@ -86,15 +86,14 @@ const L = { class: "fresh-booking-action-field" }, T = /* @__PURE__ */ b({
             "is-loading": e.isLoading,
             disabled: e.buttonDisabled,
             secondary: e.secondary,
-            onClickEvent: a[3] || (a[3] = (l) => c())
+            onClickEvent: l[3] || (l[3] = (o) => b())
           }, null, 8, ["data-test", "icon", "label", "icon-color", "styling", "is-loading", "disabled", "secondary"])
         ])
       ]),
       _: 1
     }, 8, ["label", "id", "icon", "icon-type", "required", "type", "readonly"]));
   }
-});
-const w = /* @__PURE__ */ A(T, [["__scopeId", "data-v-3e77e321"]]);
+}), U = /* @__PURE__ */ A(T, [["__scopeId", "data-v-3e77e321"]]);
 export {
-  w as A
+  U as A
 };

package/dist/ActionField-nq9V0_JV.cjs

@@ -0,0 +1 @@
+"use strict";const l=require("vue"),a=require("./SelectField.vue_vue_type_style_index_0_lang-rqiMQ02F.cjs"),y={class:"fresh-booking-action-field"},f=l.defineComponent({__name:"ActionField",props:{modelValue:{},label:{},buttonLabel:{},buttonIcon:{},buttonIconColor:{},buttonDisabled:{type:Boolean,default:!1},secondary:{type:Boolean,default:!1},name:{},id:{},type:{default:"text"},placeholder:{},icon:{},iconType:{default:"fal"},required:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},data:{},action:{},minValue:{},maxValue:{},isLoading:{type:Boolean,default:!1}},emits:["update:modelValue","action"],setup(p,{emit:m}){const u=m,i=p,d=i.id||a.ranId();function r(e){u("update:modelValue",e)}const t=l.computed({get:()=>i.modelValue,set:e=>r(e)}),s=l.computed({get:()=>i.modelValue,set:e=>r(e)});function c(){u("action")}return(e,o)=>(l.openBlock(),l.createBlock(a.InputField,{label:e.label,id:l.unref(d),icon:e.icon,"icon-type":e.iconType,required:e.required,type:e.type,readonly:e.readonly},{default:l.withCtx(()=>[l.createElementVNode("div",y,[e.type==="dropdown"&&e.data?(l.openBlock(),l.createBlock(a._sfc_main,{key:0,modelValue:t.value,"onUpdate:modelValue":o[0]||(o[0]=n=>t.value=n),id:l.unref(d),options:e.data,name:e.name,required:e.required,placeholder:e.placeholder},null,8,["modelValue","id","options","name","required","placeholder"])):e.type==="number"?(l.openBlock(),l.createBlock(a._sfc_main$1,{key:1,modelValue:s.value,"onUpdate:modelValue":o[1]||(o[1]=n=>s.value=n),id:l.unref(d),"min-value":e.minValue,"max-value":e.maxValue},null,8,["modelValue","id","min-value","max-value"])):(l.openBlock(),l.createBlock(a.TextField,{key:2,modelValue:t.value,"onUpdate:modelValue":o[2]||(o[2]=n=>t.value=n),id:l.unref(d),name:e.name,required:e.required,placeholder:e.placeholder},null,8,["modelValue","id","name","required","placeholder"])),l.createVNode(a.Clickable,{"data-test":`${e.name}Submit`,icon:e.buttonIcon,label:e.buttonLabel,"icon-color":e.buttonIconColor,styling:e.action,type:"button","is-loading":e.isLoading,disabled:e.buttonDisabled,secondary:e.secondary,onClickEvent:o[3]||(o[3]=n=>c())},null,8,["data-test","icon","label","icon-color","styling","is-loading","disabled","secondary"])])]),_:1},8,["label","id","icon","icon-type","required","type","readonly"]))}}),b=a._export_sfc(f,[["__scopeId","data-v-3e77e321"]]);exports.ActionField=b;

package/dist/AvailabilitySkeleton-S7O6QTqw.js

@@ -0,0 +1,242 @@
+import { defineComponent as $, ref as j, openBlock as t, createElementBlock as u, withModifiers as Y, renderSlot as Z, computed as v, watch as E, onMounted as ee, createBlock as k, normalizeClass as L, withCtx as ae, createElementVNode as S, unref as e, createVNode as n, isRef as h, createCommentVNode as y, Fragment as H } from "vue";
+import { c as q, l as le, s as x, F as I, G as N, j as te, T as O, k as T, C as z, f as ie, _ as G } from "./SelectField.vue_vue_type_style_index_0_lang-nNdXDbm1.js";
+import { _ as ne } from "./DateField.vue_vue_type_style_index_0_lang-P6b6EBxJ.js";
+import { E as M } from "./_-8x0VO3o7.js";
+import { F as f } from "./Field-6RS3B8_R.js";
+const oe = /* @__PURE__ */ $({
+  __name: "_",
+  props: {
+    type: { default: "submit" }
+  },
+  emits: ["submit"],
+  setup(w, { emit: a }) {
+    const i = j(!1), c = a, d = w, { verifyRecaptcha: r } = q();
+    function b() {
+      i.value = !0, r({
+        callback: g,
+        type: d.type
+      }).then(() => i.value = !1);
+    }
+    function g() {
+      c("submit");
+    }
+    return (V, C) => (t(), u("form", {
+      onSubmit: Y(b, ["prevent"])
+    }, [
+      Z(V.$slots, "default", { isLoading: i.value })
+    ], 32));
+  }
+}), se = {
+  key: 0,
+  class: "konnectio-availability-location"
+}, ce = { id: "fresh-booking-availability-date-selection" }, ue = {
+  key: 1,
+  id: "fresh-booking-availability-guest-selection"
+}, de = { id: "fresh-booking-availability-confirmation" }, re = /* @__PURE__ */ $({
+  __name: "HotelAvailabilityForm",
+  props: {
+    booking: { type: Boolean, default: !1 },
+    link: {}
+  },
+  setup(w) {
+    const { t: a } = le(), i = w, {
+      adults: c,
+      children: d,
+      arrivalDate: r,
+      departureDate: b,
+      location: g,
+      isExpired: V
+    } = x(I()), { reset: C } = I(), { fetchAvailabilityData: J } = N(), { areListingsLoading: R, hotelList: K, hasHotelList: D } = x(N()), {
+      firstSelectableDateOffset: U,
+      lastSelectableDateOffset: F,
+      disableChildSelection: p,
+      disableAdultSelection: m
+    } = x(q()), _ = j([]), P = v(() => new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + (U.value - 1))));
+    v(() => new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + F.value))), v(() => new Date((/* @__PURE__ */ new Date()).setDate(r.value.getDate() + U.value)));
+    const Q = v(() => new Date((/* @__PURE__ */ new Date()).setDate(r.value.getDate() + (F.value + 1)))), A = v(() => !(!m && c.value === 0)), W = v(() => typeof i.link != "string");
+    function X() {
+      if (i.booking === !1)
+        if (W.value) {
+          const o = ie();
+          i.link[o] ? window.location.replace(i.link[o]) : i.link.en ? window.location.replace(i.link.en) : console.log("Sprog understøttes ikke");
+        } else
+          window.location.replace(i.link);
+      else
+        A.value && J();
+    }
+    return E(r, (o) => {
+      const l = new Date(new Date(o).setDate(new Date(o).getDate() + 1));
+      new Date(b.value) < l && (b.value = l);
+    }), E(_, (o) => {
+      r.value = o[0], b.value = o[1];
+    }), ee(() => {
+      V.value && C(), _.value = [r.value, b.value];
+    }), (o, l) => (t(), k(oe, {
+      id: "konnectio-availability-form",
+      class: L({ reservation: o.booking }),
+      type: "availability",
+      onSubmit: X
+    }, {
+      default: ae(({ isLoading: B }) => [
+        S("ul", {
+          id: "konnectio-availability-form-content",
+          class: L([
+            { "is-booking-page": o.booking },
+            { "only-adult-guests": !e(m) && e(p) },
+            { "only-child-guests": !e(p) && e(m) },
+            { "no-guests": e(m) && e(p) },
+            { "all-guests": !e(m) && !e(p) },
+            { "has-location": e(D) }
+          ])
+        }, [
+          e(D) ? (t(), u("li", se, [
+            n(te, {
+              modelValue: e(g),
+              "onUpdate:modelValue": l[0] || (l[0] = (s) => h(g) ? g.value = s : null),
+              label: e(a)("general.location"),
+              icon: "location-dot",
+              "icon-type": "fas",
+              "icon-placement": "label",
+              options: e(K),
+              searchable: !1
+            }, null, 8, ["modelValue", "label", "options"])
+          ])) : y("", !0),
+          S("li", ce, [
+            n(ne, {
+              modelValue: _.value,
+              "onUpdate:modelValue": l[1] || (l[1] = (s) => _.value = s),
+              label: e(a)("availability.checkInOut"),
+              "icon-type": "fas",
+              "icon-placement": "label",
+              "min-range": 1,
+              "min-date": P.value,
+              "max-date": Q.value,
+              range: ""
+            }, null, 8, ["modelValue", "label", "min-date", "max-date"]),
+            y("", !0)
+          ]),
+          !e(m) || !e(p) ? (t(), u("li", ue, [
+            e(m) ? y("", !0) : (t(), u(H, { key: 0 }, [
+              e(D) ? (t(), k(O, {
+                key: 0,
+                modelValue: e(c),
+                "onUpdate:modelValue": l[4] || (l[4] = (s) => h(c) ? c.value = s : null),
+                label: e(a)("availability.adults"),
+                description: e(a)("general.adultAgeRange"),
+                "icon-type": "fas",
+                "icon-placement": "label",
+                name: "adults",
+                icon: "male"
+              }, null, 8, ["modelValue", "label", "description"])) : (t(), k(T, {
+                key: 1,
+                modelValue: e(c),
+                "onUpdate:modelValue": l[5] || (l[5] = (s) => h(c) ? c.value = s : null),
+                label: e(a)("availability.adults"),
+                description: e(a)("general.adultAgeRange"),
+                "icon-type": "fas",
+                "icon-placement": "label",
+                name: "adults",
+                icon: "male"
+              }, null, 8, ["modelValue", "label", "description"]))
+            ], 64)),
+            e(p) ? y("", !0) : (t(), u(H, { key: 1 }, [
+              e(D) ? (t(), k(O, {
+                key: 0,
+                modelValue: e(d),
+                "onUpdate:modelValue": l[6] || (l[6] = (s) => h(d) ? d.value = s : null),
+                label: e(a)("availability.children"),
+                description: e(a)("general.childAgeRange"),
+                "icon-type": "fas",
+                "icon-placement": "label",
+                name: "children",
+                icon: "child"
+              }, null, 8, ["modelValue", "label", "description"])) : (t(), k(T, {
+                key: 1,
+                modelValue: e(d),
+                "onUpdate:modelValue": l[7] || (l[7] = (s) => h(d) ? d.value = s : null),
+                label: e(a)("availability.children"),
+                description: e(a)("general.childAgeRange"),
+                "icon-type": "fas",
+                "icon-placement": "label",
+                name: "children",
+                icon: "child"
+              }, null, 8, ["modelValue", "label", "description"]))
+            ], 64))
+          ])) : y("", !0),
+          S("li", de, [
+            n(z, {
+              class: "konnectio-availability-submit-small",
+              type: "submit",
+              icon: "search",
+              "icon-type": "fas",
+              disabled: !A.value,
+              "is-loading": e(R) || B
+            }, null, 8, ["disabled", "is-loading"]),
+            n(z, {
+              class: "konnectio-availability-submit-large",
+              type: "submit",
+              label: e(a)("availability.buttonLabel"),
+              disabled: !A.value,
+              "is-loading": e(R) || B
+            }, null, 8, ["label", "disabled", "is-loading"])
+          ])
+        ], 2)
+      ]),
+      _: 1
+    }, 8, ["class"]));
+  }
+}), we = /* @__PURE__ */ G(re, [["__scopeId", "data-v-9ec1beba"]]), me = { class: "availability-skeleton" }, be = {
+  key: 0,
+  class: "availability-skeleton-navigation"
+}, pe = {
+  key: 2,
+  class: "availability-skeleton-event"
+}, ve = /* @__PURE__ */ $({
+  __name: "AvailabilitySkeleton",
+  props: {
+    view: { default: "hotel" },
+    hotel: { type: Boolean, default: !1 }
+  },
+  setup(w) {
+    return (a, i) => (t(), u("div", me, [
+      a.view === "both" ? (t(), u("div", be, [
+        n(M, {
+          height: "28px",
+          width: "60px",
+          "border-radius": "20px"
+        }),
+        n(M, {
+          height: "28px",
+          width: "60px",
+          "border-radius": "20px"
+        })
+      ])) : y("", !0),
+      a.view !== "event" ? (t(), u("div", {
+        key: 1,
+        class: L([
+          "availability-skeleton-hotel",
+          { "within-hotel": a.hotel }
+        ])
+      }, [
+        n(f, { "with-icon": "" }),
+        n(f, { "with-icon": "" }),
+        n(f, { "with-icon": "" }),
+        n(f, {
+          "with-icon": "",
+          "no-label": ""
+        })
+      ], 2)) : (t(), u("div", pe, [
+        n(f, { "with-icon": "" }),
+        n(f, {
+          "with-icon": "",
+          "no-label": ""
+        })
+      ]))
+    ]));
+  }
+}), De = /* @__PURE__ */ G(ve, [["__scopeId", "data-v-be195a3f"]]);
+export {
+  De as A,
+  we as H,
+  oe as _
+};

package/dist/AvailabilitySkeleton-t04vAe88.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),l=require("./SelectField.vue_vue_type_style_index_0_lang-rqiMQ02F.cjs"),R=require("./DateField.vue_vue_type_style_index_0_lang-UexfS9Zy.cjs"),B=require("./_-ZDO-C_Wh.cjs"),f=require("./Field-5wMDM5la.cjs"),N=e.defineComponent({__name:"_",props:{type:{default:"submit"}},emits:["submit"],setup(b,{emit:t}){const n=e.ref(!1),s=t,c=b,{verifyRecaptcha:r}=l.useUtilityStore();function d(){n.value=!0,r({callback:p,type:c.type}).then(()=>n.value=!1)}function p(){s("submit")}return(y,_)=>(e.openBlock(),e.createElementBlock("form",{onSubmit:e.withModifiers(d,["prevent"])},[e.renderSlot(y.$slots,"default",{isLoading:n.value})],32))}}),L={key:0,class:"konnectio-availability-location"},$={id:"fresh-booking-availability-date-selection"},U={key:1,id:"fresh-booking-availability-guest-selection"},q={id:"fresh-booking-availability-confirmation"},H=e.defineComponent({__name:"HotelAvailabilityForm",props:{booking:{type:Boolean,default:!1},link:{}},setup(b){const{t}=l.useI18n(),n=b,{adults:s,children:c,arrivalDate:r,departureDate:d,location:p,isExpired:y}=l.storeToRefs(l.useAvailabilityStore()),{reset:_}=l.useAvailabilityStore(),{fetchAvailabilityData:S}=l.useHotelStore(),{areListingsLoading:h,hotelList:C,hasHotelList:v}=l.storeToRefs(l.useHotelStore()),{firstSelectableDateOffset:V,lastSelectableDateOffset:w,disableChildSelection:m,disableAdultSelection:u}=l.storeToRefs(l.useUtilityStore()),k=e.ref([]),A=e.computed(()=>new Date(new Date().setDate(new Date().getDate()+(V.value-1))));e.computed(()=>new Date(new Date().setDate(new Date().getDate()+w.value))),e.computed(()=>new Date(new Date().setDate(r.value.getDate()+V.value)));const F=e.computed(()=>new Date(new Date().setDate(r.value.getDate()+(w.value+1)))),g=e.computed(()=>!(!u&&s.value===0)),E=e.computed(()=>typeof n.link!="string");function x(){if(n.booking===!1)if(E.value){const i=l.getUserLanguage();n.link[i]?window.location.replace(n.link[i]):n.link.en?window.location.replace(n.link.en):console.log("Sprog understøttes ikke")}else window.location.replace(n.link);else g.value&&S()}return e.watch(r,i=>{const a=new Date(new Date(i).setDate(new Date(i).getDate()+1));new Date(d.value)<a&&(d.value=a)}),e.watch(k,i=>{r.value=i[0],d.value=i[1]}),e.onMounted(()=>{y.value&&_(),k.value=[r.value,d.value]}),(i,a)=>(e.openBlock(),e.createBlock(N,{id:"konnectio-availability-form",class:e.normalizeClass({reservation:i.booking}),type:"availability",onSubmit:x},{default:e.withCtx(({isLoading:D})=>[e.createElementVNode("ul",{id:"konnectio-availability-form-content",class:e.normalizeClass([{"is-booking-page":i.booking},{"only-adult-guests":!e.unref(u)&&e.unref(m)},{"only-child-guests":!e.unref(m)&&e.unref(u)},{"no-guests":e.unref(u)&&e.unref(m)},{"all-guests":!e.unref(u)&&!e.unref(m)},{"has-location":e.unref(v)}])},[e.unref(v)?(e.openBlock(),e.createElementBlock("li",L,[e.createVNode(l._sfc_main,{modelValue:e.unref(p),"onUpdate:modelValue":a[0]||(a[0]=o=>e.isRef(p)?p.value=o:null),label:e.unref(t)("general.location"),icon:"location-dot","icon-type":"fas","icon-placement":"label",options:e.unref(C),searchable:!1},null,8,["modelValue","label","options"])])):e.createCommentVNode("",!0),e.createElementVNode("li",$,[e.createVNode(R._sfc_main,{modelValue:k.value,"onUpdate:modelValue":a[1]||(a[1]=o=>k.value=o),label:e.unref(t)("availability.checkInOut"),"icon-type":"fas","icon-placement":"label","min-range":1,"min-date":A.value,"max-date":F.value,range:""},null,8,["modelValue","label","min-date","max-date"]),e.createCommentVNode("",!0)]),!e.unref(u)||!e.unref(m)?(e.openBlock(),e.createElementBlock("li",U,[e.unref(u)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(v)?(e.openBlock(),e.createBlock(l.TextField,{key:0,modelValue:e.unref(s),"onUpdate:modelValue":a[4]||(a[4]=o=>e.isRef(s)?s.value=o:null),label:e.unref(t)("availability.adults"),description:e.unref(t)("general.adultAgeRange"),"icon-type":"fas","icon-placement":"label",name:"adults",icon:"male"},null,8,["modelValue","label","description"])):(e.openBlock(),e.createBlock(l._sfc_main$1,{key:1,modelValue:e.unref(s),"onUpdate:modelValue":a[5]||(a[5]=o=>e.isRef(s)?s.value=o:null),label:e.unref(t)("availability.adults"),description:e.unref(t)("general.adultAgeRange"),"icon-type":"fas","icon-placement":"label",name:"adults",icon:"male"},null,8,["modelValue","label","description"]))],64)),e.unref(m)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.unref(v)?(e.openBlock(),e.createBlock(l.TextField,{key:0,modelValue:e.unref(c),"onUpdate:modelValue":a[6]||(a[6]=o=>e.isRef(c)?c.value=o:null),label:e.unref(t)("availability.children"),description:e.unref(t)("general.childAgeRange"),"icon-type":"fas","icon-placement":"label",name:"children",icon:"child"},null,8,["modelValue","label","description"])):(e.openBlock(),e.createBlock(l._sfc_main$1,{key:1,modelValue:e.unref(c),"onUpdate:modelValue":a[7]||(a[7]=o=>e.isRef(c)?c.value=o:null),label:e.unref(t)("availability.children"),description:e.unref(t)("general.childAgeRange"),"icon-type":"fas","icon-placement":"label",name:"children",icon:"child"},null,8,["modelValue","label","description"]))],64))])):e.createCommentVNode("",!0),e.createElementVNode("li",q,[e.createVNode(l.Clickable,{class:"konnectio-availability-submit-small",type:"submit",icon:"search","icon-type":"fas",disabled:!g.value,"is-loading":e.unref(h)||D},null,8,["disabled","is-loading"]),e.createVNode(l.Clickable,{class:"konnectio-availability-submit-large",type:"submit",label:e.unref(t)("availability.buttonLabel"),disabled:!g.value,"is-loading":e.unref(h)||D},null,8,["label","disabled","is-loading"])])],2)]),_:1},8,["class"]))}}),T=l._export_sfc(H,[["__scopeId","data-v-9ec1beba"]]),z={class:"availability-skeleton"},I={key:0,class:"availability-skeleton-navigation"},O={key:2,class:"availability-skeleton-event"},M=e.defineComponent({__name:"AvailabilitySkeleton",props:{view:{default:"hotel"},hotel:{type:Boolean,default:!1}},setup(b){return(t,n)=>(e.openBlock(),e.createElementBlock("div",z,[t.view==="both"?(e.openBlock(),e.createElementBlock("div",I,[e.createVNode(B.Element,{height:"28px",width:"60px","border-radius":"20px"}),e.createVNode(B.Element,{height:"28px",width:"60px","border-radius":"20px"})])):e.createCommentVNode("",!0),t.view!=="event"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["availability-skeleton-hotel",{"within-hotel":t.hotel}])},[e.createVNode(f.Field,{"with-icon":""}),e.createVNode(f.Field,{"with-icon":""}),e.createVNode(f.Field,{"with-icon":""}),e.createVNode(f.Field,{"with-icon":"","no-label":""})],2)):(e.openBlock(),e.createElementBlock("div",O,[e.createVNode(f.Field,{"with-icon":""}),e.createVNode(f.Field,{"with-icon":"","no-label":""})]))]))}}),j=l._export_sfc(M,[["__scopeId","data-v-be195a3f"]]);exports.AvailabilitySkeleton=j;exports.HotelAvailabilityForm=T;exports._sfc_main=N;

package/dist/{CheckoutWindow-5b6a7880.js → CheckoutWindow-qcH3-VM_.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-1e3caa45.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-nNdXDbm1.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
 };