@konnectio/core 4.0.12 → 4.0.13

package/dist/{ActionField-311942d2.js → ActionField-54349124.js}

@@ -1,6 +1,6 @@
-import { h as f, j as V, c as p, k as d, l as i, w as v, x as g, n as t, m as q, C as k, I as B, _ as I } from "./SelectField.vue_vue_type_style_index_0_lang-e2f4edc3.js";
-import { _ as C, T as F } from "./TextField-cd93b966.js";
-import { _ as A } from "./NumberField.vue_vue_type_script_setup_true_lang-2eb1b46f.js";
+import { h as f, j as V, c as p, k as d, l as i, w as v, x as g, y as q, n as t, m as k, C as B, I, _ as C } from "./SelectField.vue_vue_type_style_index_0_lang-ba987c3e.js";
+import { T as F } from "./TextField-cbed3348.js";
+import { _ as A } from "./NumberField.vue_vue_type_script_setup_true_lang-001ceb59.js";
 const h = { class: "fresh-booking-action-field" }, L = /* @__PURE__ */ f({
   __name: "ActionField",
   props: {
@@ -41,7 +41,7 @@ const h = { class: "fresh-booking-action-field" }, L = /* @__PURE__ */ f({
     function c() {
       s("action");
     }
-    return (e, a) => (d(), i(B, {
+    return (e, a) => (d(), i(I, {
       label: e.label,
       id: t(o),
       icon: e.icon,
@@ -52,7 +52,7 @@ const h = { class: "fresh-booking-action-field" }, L = /* @__PURE__ */ f({
     }, {
       default: v(() => [
         g("div", h, [
-          e.type === "dropdown" && e.data ? (d(), i(C, {
+          e.type === "dropdown" && e.data ? (d(), i(q, {
             key: 0,
             modelValue: n.value,
             "onUpdate:modelValue": a[0] || (a[0] = (l) => n.value = l),
@@ -77,7 +77,7 @@ const h = { class: "fresh-booking-action-field" }, L = /* @__PURE__ */ f({
             required: e.required,
             placeholder: e.placeholder
           }, null, 8, ["modelValue", "id", "name", "required", "placeholder"])),
-          q(k, {
+          k(B, {
             "data-test": `${e.name}Submit`,
             icon: e.buttonIcon,
             label: e.buttonLabel,
@@ -95,7 +95,7 @@ const h = { class: "fresh-booking-action-field" }, L = /* @__PURE__ */ f({
     }, 8, ["label", "id", "icon", "icon-type", "required", "type", "readonly"]));
   }
 });
-const U = /* @__PURE__ */ I(L, [["__scopeId", "data-v-07d4466b"]]);
+const U = /* @__PURE__ */ C(L, [["__scopeId", "data-v-07d4466b"]]);
 export {
   U as A
 };

package/dist/{ActionField-23ce1b2a.cjs → ActionField-74fc14cf.cjs}

@@ -1 +1 @@
-"use strict";const l=require("./SelectField.vue_vue_type_style_index_0_lang-4755fb8a.cjs"),s=require("./TextField-6f7e37d9.cjs"),y=require("./NumberField.vue_vue_type_script_setup_true_lang-50fc08f1.cjs"),b={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:c}){const i=c,t=p,a=t.id||l.ranId();function u(e){i("update:modelValue",e)}const d=l.computed({get:()=>t.modelValue,set:e=>u(e)}),r=l.computed({get:()=>t.modelValue,set:e=>u(e)});function m(){i("action")}return(e,o)=>(l.openBlock(),l.createBlock(l.InputField,{label:e.label,id:l.unref(a),icon:e.icon,"icon-type":e.iconType,required:e.required,type:e.type,readonly:e.readonly},{default:l.withCtx(()=>[l.createBaseVNode("div",b,[e.type==="dropdown"&&e.data?(l.openBlock(),l.createBlock(s._sfc_main,{key:0,modelValue:d.value,"onUpdate:modelValue":o[0]||(o[0]=n=>d.value=n),id:l.unref(a),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(y._sfc_main,{key:1,modelValue:r.value,"onUpdate:modelValue":o[1]||(o[1]=n=>r.value=n),id:l.unref(a),"min-value":e.minValue,"max-value":e.maxValue},null,8,["modelValue","id","min-value","max-value"])):(l.openBlock(),l.createBlock(s.TextField,{key:2,modelValue:d.value,"onUpdate:modelValue":o[2]||(o[2]=n=>d.value=n),id:l.unref(a),name:e.name,required:e.required,placeholder:e.placeholder},null,8,["modelValue","id","name","required","placeholder"])),l.createVNode(l.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=>m())},null,8,["data-test","icon","label","icon-color","styling","is-loading","disabled","secondary"])])]),_:1},8,["label","id","icon","icon-type","required","type","readonly"]))}});const V=l._export_sfc(f,[["__scopeId","data-v-07d4466b"]]);exports.ActionField=V;
+"use strict";const l=require("./SelectField.vue_vue_type_style_index_0_lang-b92d158e.cjs"),m=require("./TextField-52bc45b8.cjs"),y=require("./NumberField.vue_vue_type_script_setup_true_lang-8525b2cd.cjs"),b={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(s,{emit:p}){const i=p,t=s,a=t.id||l.ranId();function u(e){i("update:modelValue",e)}const d=l.computed({get:()=>t.modelValue,set:e=>u(e)}),r=l.computed({get:()=>t.modelValue,set:e=>u(e)});function c(){i("action")}return(e,o)=>(l.openBlock(),l.createBlock(l.InputField,{label:e.label,id:l.unref(a),icon:e.icon,"icon-type":e.iconType,required:e.required,type:e.type,readonly:e.readonly},{default:l.withCtx(()=>[l.createBaseVNode("div",b,[e.type==="dropdown"&&e.data?(l.openBlock(),l.createBlock(l._sfc_main,{key:0,modelValue:d.value,"onUpdate:modelValue":o[0]||(o[0]=n=>d.value=n),id:l.unref(a),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(y._sfc_main,{key:1,modelValue:r.value,"onUpdate:modelValue":o[1]||(o[1]=n=>r.value=n),id:l.unref(a),"min-value":e.minValue,"max-value":e.maxValue},null,8,["modelValue","id","min-value","max-value"])):(l.openBlock(),l.createBlock(m.TextField,{key:2,modelValue:d.value,"onUpdate:modelValue":o[2]||(o[2]=n=>d.value=n),id:l.unref(a),name:e.name,required:e.required,placeholder:e.placeholder},null,8,["modelValue","id","name","required","placeholder"])),l.createVNode(l.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"]))}});const V=l._export_sfc(f,[["__scopeId","data-v-07d4466b"]]);exports.ActionField=V;

package/dist/AvailabilitySkeleton-34890eb5.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./SelectField.vue_vue_type_style_index_0_lang-b92d158e.cjs"),m=require("./DateField.vue_vue_type_style_index_0_lang-41b83959.cjs"),V=require("./NumberField.vue_vue_type_script_setup_true_lang-8525b2cd.cjs"),x=require("./_-f5fc7dd6.cjs"),_=require("./Field-c8c55b91.cjs"),A=["onSubmit"],w=e.defineComponent({__name:"_",props:{type:{default:"submit"}},emits:["submit"],setup(p,{emit:a}){const n=e.ref(!1),s=a,d=p,{verifyRecaptcha:o}=e.useUtilityStore();function r(){n.value=!0,o({callback:v,type:d.type}).then(()=>n.value=!1)}function v(){s("submit")}return(y,b)=>(e.openBlock(),e.createElementBlock("form",{onSubmit:e.withModifiers(r,["prevent"])},[e.renderSlot(y.$slots,"default",{isLoading:n.value})],40,A))}}),C={id:"fresh-booking-availability-date-selection"},$={key:0,id:"fresh-booking-availability-guest-selection"},E={id:"fresh-booking-availability-confirmation"},R=e.defineComponent({__name:"HotelAvailabilityForm",props:{booking:{type:Boolean,default:!1},link:{}},setup(p){const{t:a}=e.useI18n(),n=p,{adults:s,children:d,arrivalDate:o,departureDate:r,location:v,isExpired:y}=e.storeToRefs(m.useAvailabilityStore()),{reset:b}=m.useAvailabilityStore(),{fetchAvailabilityData:S}=m.useHotelStore(),{areListingsLoading:F,hotelList:D}=e.storeToRefs(m.useHotelStore()),{firstSelectableDateOffset:k,lastSelectableDateOffset:g,disableChildSelection:c,disableAdultSelection:u}=e.storeToRefs(e.useUtilityStore()),f=e.ref([]),z=e.computed(()=>new Date(new Date().setDate(new Date().getDate()+(k.value-1)))),M=e.computed(()=>new Date(new Date().setDate(new Date().getDate()+g.value))),j=e.computed(()=>new Date(new Date().setDate(o.value.getDate()+k.value))),G=e.computed(()=>new Date(new Date().setDate(o.value.getDate()+(g.value+1)))),h=e.computed(()=>!(!u&&s.value===0));function B(){n.booking===!1?window.location.replace(n.link):h.value&&S()}return e.watch(o,i=>{const t=new Date(new Date(i).setDate(new Date(i).getDate()+1));new Date(r.value)<t&&(r.value=t)}),e.watch(f,i=>{o.value=i[0],r.value=i[1]}),e.onMounted(()=>{y.value&&n.booking&&b(),f.value=[o.value,r.value]}),(i,t)=>(e.openBlock(),e.createBlock(w,{id:"konnectio-availability-form",class:e.normalizeClass({reservation:i.booking}),type:"availability",onSubmit:B},{default:e.withCtx(({isLoading:N})=>[e.unref(D)?(e.openBlock(),e.createBlock(e._sfc_main,{key:0,modelValue:e.unref(v),"onUpdate:modelValue":t[0]||(t[0]=l=>e.isRef(v)?v.value=l:null),label:e.unref(a)("general.location"),icon:"location-dot","icon-type":"fas","icon-placement":"label",options:e.unref(D),style:{marginBottom:"15px"}},null,8,["modelValue","label","options"])):e.createCommentVNode("",!0),e.createBaseVNode("ul",{id:"konnectio-availability-form-content",class:e.normalizeClass([{"is-not-booking-page":!i.booking},{"only-adult-guests":!e.unref(u)&&e.unref(c)},{"only-child-guests":!e.unref(c)&&e.unref(u)},{"no-guests":e.unref(u)&&e.unref(c)},{"all-guests":!e.unref(u)&&!e.unref(c)}])},[e.createBaseVNode("li",C,[e.createVNode(m._sfc_main,{modelValue:f.value,"onUpdate:modelValue":t[1]||(t[1]=l=>f.value=l),label:e.unref(a)("availability.checkInOut"),"icon-type":"fas","icon-placement":"label","min-range":1,range:""},null,8,["modelValue","label"]),e.createCommentVNode("",!0)]),!e.unref(u)||!e.unref(c)?(e.openBlock(),e.createElementBlock("li",$,[e.unref(u)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(V._sfc_main,{key:0,modelValue:e.unref(s),"onUpdate:modelValue":t[4]||(t[4]=l=>e.isRef(s)?s.value=l:null),label:e.unref(a)("availability.adults"),"icon-type":"fas","icon-placement":"label",name:"adults",icon:"male"},null,8,["modelValue","label"])),e.unref(c)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(V._sfc_main,{key:1,modelValue:e.unref(d),"onUpdate:modelValue":t[5]||(t[5]=l=>e.isRef(d)?d.value=l:null),label:e.unref(a)("availability.children"),"icon-type":"fas","icon-placement":"label",name:"children",icon:"child"},null,8,["modelValue","label"]))])):e.createCommentVNode("",!0),e.createBaseVNode("li",E,[e.createVNode(e.Clickable,{type:"submit",label:e.unref(a)("availability.buttonLabel"),disabled:!h.value,"is-loading":e.unref(F)||N},null,8,["label","disabled","is-loading"])])],2)]),_:1},8,["class"]))}});const U=e._export_sfc(R,[["__scopeId","data-v-a8d56da3"]]),q={class:"availability-skeleton"},H={key:0,class:"availability-skeleton-navigation"},L={key:1,class:"availability-skeleton-hotel"},I={key:2,class:"availability-skeleton-event"},O=e.defineComponent({__name:"AvailabilitySkeleton",props:{view:{default:"hotel"}},setup(p){return(a,n)=>(e.openBlock(),e.createElementBlock("div",q,[a.view==="both"?(e.openBlock(),e.createElementBlock("div",H,[e.createVNode(x.Element,{height:"28px",width:"60px","border-radius":"20px"}),e.createVNode(x.Element,{height:"28px",width:"60px","border-radius":"20px"})])):e.createCommentVNode("",!0),a.view!=="event"?(e.openBlock(),e.createElementBlock("div",L,[e.createVNode(_.Field,{"with-icon":""}),e.createVNode(_.Field,{"with-icon":""}),e.createVNode(_.Field,{"with-icon":""}),e.createVNode(_.Field,{"with-icon":"","no-label":""})])):(e.openBlock(),e.createElementBlock("div",I,[e.createVNode(_.Field,{"with-icon":""}),e.createVNode(_.Field,{"with-icon":"","no-label":""})]))]))}});const T=e._export_sfc(O,[["__scopeId","data-v-c266ccbc"]]);exports.AvailabilitySkeleton=T;exports.HotelAvailabilityForm=U;exports._sfc_main=w;

package/dist/AvailabilitySkeleton-f7c1b363.js

@@ -0,0 +1,189 @@
+import { h as $, r as I, a as O, k as i, q as b, a8 as G, H as J, z as K, s as w, c as y, a0 as F, o as P, l as k, w as Q, n as e, y as W, B as V, t as p, x, m as l, C as X, v as H, _ as q } from "./SelectField.vue_vue_type_style_index_0_lang-ba987c3e.js";
+import { u as L, a as R, _ as Y } from "./DateField.vue_vue_type_style_index_0_lang-c5873e66.js";
+import { _ as E } from "./NumberField.vue_vue_type_script_setup_true_lang-001ceb59.js";
+import { E as N } from "./_-66cf2aa1.js";
+import { F as v } from "./Field-0b82e3dc.js";
+const Z = ["onSubmit"], ee = /* @__PURE__ */ $({
+  __name: "_",
+  props: {
+    type: { default: "submit" }
+  },
+  emits: ["submit"],
+  setup(D, { emit: t }) {
+    const o = I(!1), c = t, f = D, { verifyRecaptcha: r } = O();
+    function d() {
+      o.value = !0, r({
+        callback: _,
+        type: f.type
+      }).then(() => o.value = !1);
+    }
+    function _() {
+      c("submit");
+    }
+    return (g, A) => (i(), b("form", {
+      onSubmit: J(d, ["prevent"])
+    }, [
+      G(g.$slots, "default", { isLoading: o.value })
+    ], 40, Z));
+  }
+}), ae = { id: "fresh-booking-availability-date-selection" }, te = {
+  key: 0,
+  id: "fresh-booking-availability-guest-selection"
+}, le = { id: "fresh-booking-availability-confirmation" }, ie = /* @__PURE__ */ $({
+  __name: "HotelAvailabilityForm",
+  props: {
+    booking: { type: Boolean, default: !1 },
+    link: {}
+  },
+  setup(D) {
+    const { t } = K(), o = D, {
+      adults: c,
+      children: f,
+      arrivalDate: r,
+      departureDate: d,
+      location: _,
+      isExpired: g
+    } = w(L()), { reset: A } = L(), { fetchAvailabilityData: z } = R(), { areListingsLoading: M, hotelList: S } = w(R()), {
+      firstSelectableDateOffset: B,
+      lastSelectableDateOffset: C,
+      disableChildSelection: m,
+      disableAdultSelection: u
+    } = w(O()), h = I([]), ce = y(() => new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + (B.value - 1)))), de = y(() => new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + C.value))), me = y(() => new Date((/* @__PURE__ */ new Date()).setDate(r.value.getDate() + B.value))), ve = y(() => new Date((/* @__PURE__ */ new Date()).setDate(r.value.getDate() + (C.value + 1)))), U = y(() => !(!u && c.value === 0));
+    function T() {
+      o.booking === !1 ? window.location.replace(o.link) : U.value && z();
+    }
+    return F(r, (s) => {
+      const a = new Date(new Date(s).setDate(new Date(s).getDate() + 1));
+      new Date(d.value) < a && (d.value = a);
+    }), F(h, (s) => {
+      r.value = s[0], d.value = s[1];
+    }), P(() => {
+      g.value && o.booking && A(), h.value = [r.value, d.value];
+    }), (s, a) => (i(), k(ee, {
+      id: "konnectio-availability-form",
+      class: H({ reservation: s.booking }),
+      type: "availability",
+      onSubmit: T
+    }, {
+      default: Q(({ isLoading: j }) => [
+        e(S) ? (i(), k(W, {
+          key: 0,
+          modelValue: e(_),
+          "onUpdate:modelValue": a[0] || (a[0] = (n) => V(_) ? _.value = n : null),
+          label: e(t)("general.location"),
+          icon: "location-dot",
+          "icon-type": "fas",
+          "icon-placement": "label",
+          options: e(S),
+          style: { marginBottom: "15px" }
+        }, null, 8, ["modelValue", "label", "options"])) : p("", !0),
+        x("ul", {
+          id: "konnectio-availability-form-content",
+          class: H([
+            { "is-not-booking-page": !s.booking },
+            { "only-adult-guests": !e(u) && e(m) },
+            { "only-child-guests": !e(m) && e(u) },
+            { "no-guests": e(u) && e(m) },
+            { "all-guests": !e(u) && !e(m) }
+          ])
+        }, [
+          x("li", ae, [
+            l(Y, {
+              modelValue: h.value,
+              "onUpdate:modelValue": a[1] || (a[1] = (n) => h.value = n),
+              label: e(t)("availability.checkInOut"),
+              "icon-type": "fas",
+              "icon-placement": "label",
+              "min-range": 1,
+              range: ""
+            }, null, 8, ["modelValue", "label"]),
+            p("", !0)
+          ]),
+          !e(u) || !e(m) ? (i(), b("li", te, [
+            e(u) ? p("", !0) : (i(), k(E, {
+              key: 0,
+              modelValue: e(c),
+              "onUpdate:modelValue": a[4] || (a[4] = (n) => V(c) ? c.value = n : null),
+              label: e(t)("availability.adults"),
+              "icon-type": "fas",
+              "icon-placement": "label",
+              name: "adults",
+              icon: "male"
+            }, null, 8, ["modelValue", "label"])),
+            e(m) ? p("", !0) : (i(), k(E, {
+              key: 1,
+              modelValue: e(f),
+              "onUpdate:modelValue": a[5] || (a[5] = (n) => V(f) ? f.value = n : null),
+              label: e(t)("availability.children"),
+              "icon-type": "fas",
+              "icon-placement": "label",
+              name: "children",
+              icon: "child"
+            }, null, 8, ["modelValue", "label"]))
+          ])) : p("", !0),
+          x("li", le, [
+            l(X, {
+              type: "submit",
+              label: e(t)("availability.buttonLabel"),
+              disabled: !U.value,
+              "is-loading": e(M) || j
+            }, null, 8, ["label", "disabled", "is-loading"])
+          ])
+        ], 2)
+      ]),
+      _: 1
+    }, 8, ["class"]));
+  }
+});
+const De = /* @__PURE__ */ q(ie, [["__scopeId", "data-v-a8d56da3"]]), ne = { class: "availability-skeleton" }, oe = {
+  key: 0,
+  class: "availability-skeleton-navigation"
+}, se = {
+  key: 1,
+  class: "availability-skeleton-hotel"
+}, re = {
+  key: 2,
+  class: "availability-skeleton-event"
+}, ue = /* @__PURE__ */ $({
+  __name: "AvailabilitySkeleton",
+  props: {
+    view: { default: "hotel" }
+  },
+  setup(D) {
+    return (t, o) => (i(), b("div", ne, [
+      t.view === "both" ? (i(), b("div", oe, [
+        l(N, {
+          height: "28px",
+          width: "60px",
+          "border-radius": "20px"
+        }),
+        l(N, {
+          height: "28px",
+          width: "60px",
+          "border-radius": "20px"
+        })
+      ])) : p("", !0),
+      t.view !== "event" ? (i(), b("div", se, [
+        l(v, { "with-icon": "" }),
+        l(v, { "with-icon": "" }),
+        l(v, { "with-icon": "" }),
+        l(v, {
+          "with-icon": "",
+          "no-label": ""
+        })
+      ])) : (i(), b("div", re, [
+        l(v, { "with-icon": "" }),
+        l(v, {
+          "with-icon": "",
+          "no-label": ""
+        })
+      ]))
+    ]));
+  }
+});
+const he = /* @__PURE__ */ q(ue, [["__scopeId", "data-v-c266ccbc"]]);
+export {
+  he as A,
+  De as H,
+  ee as _
+};