@konnectio/core 4.0.6 → 4.0.9

package/dist/ActionField-b87d2fd7.cjs

@@ -0,0 +1 @@
+"use strict";const l=require("./SelectField.vue_vue_type_style_index_0_lang-a370e66d.cjs"),s=require("./TextField-99e69631.cjs"),m=require("./applyGiftCard-c21f13ac.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:i}){const t=p,n=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(n),icon:e.icon,"icon-type":e.iconType,required:e.required,type:e.type,readonly:e.readonly},{default:l.withCtx(()=>[l.createBaseVNode("div",y,[e.type==="dropdown"&&e.data?(l.openBlock(),l.createBlock(s._sfc_main,{key:0,modelValue:d.value,"onUpdate:modelValue":o[0]||(o[0]=a=>d.value=a),id:l.unref(n),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(m._sfc_main,{key:1,modelValue:r.value,"onUpdate:modelValue":o[1]||(o[1]=a=>r.value=a),id:l.unref(n),"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]=a=>d.value=a),id:l.unref(n),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]=a=>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 b=l._export_sfc(f,[["__scopeId","data-v-07d4466b"]]);exports.ActionField=b;

package/dist/{ActionField-5ecfc9dc.js → ActionField-f3d5b218.js}

@@ -1,6 +1,6 @@
-import { h as f, j as c, c as m, k as d, l as i, w as V, x as v, n as t, m as g, C as q, I as k, _ as B } from "./NumberField.vue_vue_type_style_index_0_lang-ab747739.js";
-import { _ as I, T as C } from "./SelectField.vue_vue_type_style_index_0_lang-5bdd7db9.js";
-import { _ as F } from "./applyGiftCard-c5e4aaad.js";
+import { h as f, j as c, c as m, k as d, l as i, w as V, q as v, n as t, m as q, C as g, I as k, _ as B } from "./SelectField.vue_vue_type_style_index_0_lang-701aecad.js";
+import { _ as I, T as C } from "./TextField-b8f4462a.js";
+import { _ as F } from "./applyGiftCard-dea77ba6.js";
 const A = { class: "fresh-booking-action-field" }, h = /* @__PURE__ */ f({
   __name: "ActionField",
   props: {
@@ -77,7 +77,7 @@ const A = { class: "fresh-booking-action-field" }, h = /* @__PURE__ */ f({
             required: e.required,
             placeholder: e.placeholder
           }, null, 8, ["modelValue", "id", "name", "required", "placeholder"])),
-          g(q, {
+          q(g, {
             "data-test": `${e.name}Submit`,
             icon: e.buttonIcon,
             label: e.buttonLabel,

package/dist/AvailabilitySkeleton-019ec202.js

@@ -0,0 +1,150 @@
+import { h as F, t as O, s as V, a as R, r as q, c as _, P as x, o as z, k as i, y as r, q as k, D as u, m as a, n as e, l as A, x as S, C as L, Q as C, _ as H } from "./SelectField.vue_vue_type_style_index_0_lang-701aecad.js";
+import { a as $, _ as M } from "./payment-cce506b8.js";
+import { _ as B } from "./applyGiftCard-dea77ba6.js";
+import { E, F as c } from "./Field-6bfeedce.js";
+const P = { id: "fresh-booking-availability-date-selection" }, Q = {
+  key: 0,
+  id: "fresh-booking-availability-guest-selection"
+}, T = { id: "fresh-booking-availability-confirmation" }, j = /* @__PURE__ */ F({
+  __name: "HotelAvailabilityForm",
+  props: {
+    booking: { type: Boolean, default: !1 },
+    link: {}
+  },
+  setup(h) {
+    const n = h, { t: d } = O(), {
+      adults: m,
+      children: y,
+      arrivalDate: v,
+      departureDate: p,
+      location: Y,
+      isExpired: I
+    } = V($()), { reset: U } = $(), {
+      firstSelectableDateOffset: w,
+      lastSelectableDateOffset: D,
+      disableChildSelection: s,
+      disableAdultSelection: o
+    } = V(R()), f = q([]);
+    _(() => new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + (w.value - 1)))), _(() => new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + D.value))), _(() => new Date((/* @__PURE__ */ new Date()).setDate(v.value.getDate() + w.value))), _(() => new Date((/* @__PURE__ */ new Date()).setDate(v.value.getDate() + (D.value + 1))));
+    const g = _(() => !(!o && m.value === 0));
+    function N() {
+      n.booking === !1 ? window.location.replace(n.link) : g.value && window.location.reload();
+    }
+    return x(v, (l) => {
+      const t = new Date(new Date(l).setDate(new Date(l).getDate() + 1));
+      new Date(p.value) < t && (p.value = t);
+    }), x(f, (l) => {
+      v.value = l[0], p.value = l[1];
+    }), z(() => {
+      I.value && n.booking && U(), f.value = [v.value, p.value];
+    }), (l, t) => (i(), r("form", {
+      id: "fresh-booking-availability-form",
+      class: C({ reservation: l.booking })
+    }, [
+      k("ul", {
+        id: "fresh-booking-availability-form-content",
+        class: C([
+          { "is-not-booking-page": !l.booking },
+          { "only-adult-guests": !e(o) && e(s) },
+          { "only-child-guests": !e(s) && e(o) },
+          { "no-guests": e(o) && e(s) },
+          { "all-guests": !e(o) && !e(s) }
+        ])
+      }, [
+        k("li", P, [
+          u("", !0),
+          a(M, {
+            modelValue: f.value,
+            "onUpdate:modelValue": t[1] || (t[1] = (b) => f.value = b),
+            label: e(d)("availability.checkInOut"),
+            "icon-type": "fas",
+            "icon-placement": "label",
+            "min-range": 1,
+            range: ""
+          }, null, 8, ["modelValue", "label"]),
+          u("", !0)
+        ]),
+        !e(o) || !e(s) ? (i(), r("li", Q, [
+          e(o) ? u("", !0) : (i(), A(B, {
+            key: 0,
+            modelValue: e(m),
+            "onUpdate:modelValue": t[4] || (t[4] = (b) => S(m) ? m.value = b : null),
+            label: e(d)("availability.adults"),
+            "icon-type": "fas",
+            "icon-placement": "label",
+            name: "adults",
+            icon: "male"
+          }, null, 8, ["modelValue", "label"])),
+          e(s) ? u("", !0) : (i(), A(B, {
+            key: 1,
+            modelValue: e(y),
+            "onUpdate:modelValue": t[5] || (t[5] = (b) => S(y) ? y.value = b : null),
+            label: e(d)("availability.children"),
+            "icon-type": "fas",
+            "icon-placement": "label",
+            name: "children",
+            icon: "child"
+          }, null, 8, ["modelValue", "label"]))
+        ])) : u("", !0),
+        k("li", T, [
+          a(L, {
+            label: e(d)("availability.buttonLabel"),
+            disabled: !g.value,
+            onClickEvent: N
+          }, null, 8, ["label", "disabled"])
+        ])
+      ], 2)
+    ], 2));
+  }
+});
+const le = /* @__PURE__ */ H(j, [["__scopeId", "data-v-c19d5469"]]), G = { class: "availability-skeleton" }, J = {
+  key: 0,
+  class: "availability-skeleton-navigation"
+}, K = {
+  key: 1,
+  class: "availability-skeleton-hotel"
+}, W = {
+  key: 2,
+  class: "availability-skeleton-event"
+}, X = /* @__PURE__ */ F({
+  __name: "AvailabilitySkeleton",
+  props: {
+    view: { default: "hotel" }
+  },
+  setup(h) {
+    return (n, d) => (i(), r("div", G, [
+      n.view === "both" ? (i(), r("div", J, [
+        a(E, {
+          height: "28px",
+          width: "60px",
+          "border-radius": "20px"
+        }),
+        a(E, {
+          height: "28px",
+          width: "60px",
+          "border-radius": "20px"
+        })
+      ])) : u("", !0),
+      n.view !== "event" ? (i(), r("div", K, [
+        a(c, { "with-icon": "" }),
+        a(c, { "with-icon": "" }),
+        a(c, { "with-icon": "" }),
+        a(c, {
+          "with-icon": "",
+          "no-label": ""
+        })
+      ])) : (i(), r("div", W, [
+        a(c, { "with-icon": "" }),
+        a(c, {
+          "with-icon": "",
+          "no-label": ""
+        })
+      ]))
+    ]));
+  }
+});
+const ie = /* @__PURE__ */ H(X, [["__scopeId", "data-v-2c3e37a4"]]);
+export {
+  ie as A,
+  le as H
+};

package/dist/AvailabilitySkeleton-e288f5be.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./SelectField.vue_vue_type_style_index_0_lang-a370e66d.cjs"),f=require("./payment-95b2392a.cjs"),y=require("./applyGiftCard-c21f13ac.cjs"),a=require("./Field-21bb32d7.cjs"),D={id:"fresh-booking-availability-date-selection"},V={key:0,id:"fresh-booking-availability-guest-selection"},B={id:"fresh-booking-availability-confirmation"},N=e.defineComponent({__name:"HotelAvailabilityForm",props:{booking:{type:Boolean,default:!1},link:{}},setup(b){const i=b,{t:s}=e.useI18n(),{adults:u,children:m,arrivalDate:c,departureDate:d,location:R,isExpired:h}=e.storeToRefs(f.useAvailabilityStore()),{reset:w}=f.useAvailabilityStore(),{firstSelectableDateOffset:p,lastSelectableDateOffset:_,disableChildSelection:n,disableAdultSelection:o}=e.storeToRefs(e.useUtilityStore()),v=e.ref([]);e.computed(()=>new Date(new Date().setDate(new Date().getDate()+(p.value-1)))),e.computed(()=>new Date(new Date().setDate(new Date().getDate()+_.value))),e.computed(()=>new Date(new Date().setDate(c.value.getDate()+p.value))),e.computed(()=>new Date(new Date().setDate(c.value.getDate()+(_.value+1))));const k=e.computed(()=>!(!o&&u.value===0));function g(){i.booking===!1?window.location.replace(i.link):k.value&&window.location.reload()}return e.watch(c,l=>{const t=new Date(new Date(l).setDate(new Date(l).getDate()+1));new Date(d.value)<t&&(d.value=t)}),e.watch(v,l=>{c.value=l[0],d.value=l[1]}),e.onMounted(()=>{h.value&&i.booking&&w(),v.value=[c.value,d.value]}),(l,t)=>(e.openBlock(),e.createElementBlock("form",{id:"fresh-booking-availability-form",class:e.normalizeClass({reservation:l.booking})},[e.createBaseVNode("ul",{id:"fresh-booking-availability-form-content",class:e.normalizeClass([{"is-not-booking-page":!l.booking},{"only-adult-guests":!e.unref(o)&&e.unref(n)},{"only-child-guests":!e.unref(n)&&e.unref(o)},{"no-guests":e.unref(o)&&e.unref(n)},{"all-guests":!e.unref(o)&&!e.unref(n)}])},[e.createBaseVNode("li",D,[e.createCommentVNode("",!0),e.createVNode(f._sfc_main,{modelValue:v.value,"onUpdate:modelValue":t[1]||(t[1]=r=>v.value=r),label:e.unref(s)("availability.checkInOut"),"icon-type":"fas","icon-placement":"label","min-range":1,range:""},null,8,["modelValue","label"]),e.createCommentVNode("",!0)]),!e.unref(o)||!e.unref(n)?(e.openBlock(),e.createElementBlock("li",V,[e.unref(o)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(y._sfc_main,{key:0,modelValue:e.unref(u),"onUpdate:modelValue":t[4]||(t[4]=r=>e.isRef(u)?u.value=r:null),label:e.unref(s)("availability.adults"),"icon-type":"fas","icon-placement":"label",name:"adults",icon:"male"},null,8,["modelValue","label"])),e.unref(n)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(y._sfc_main,{key:1,modelValue:e.unref(m),"onUpdate:modelValue":t[5]||(t[5]=r=>e.isRef(m)?m.value=r:null),label:e.unref(s)("availability.children"),"icon-type":"fas","icon-placement":"label",name:"children",icon:"child"},null,8,["modelValue","label"]))])):e.createCommentVNode("",!0),e.createBaseVNode("li",B,[e.createVNode(e.Clickable,{label:e.unref(s)("availability.buttonLabel"),disabled:!k.value,onClickEvent:g},null,8,["label","disabled"])])],2)],2))}});const C=e._export_sfc(N,[["__scopeId","data-v-c19d5469"]]),A={class:"availability-skeleton"},F={key:0,class:"availability-skeleton-navigation"},S={key:1,class:"availability-skeleton-hotel"},x={key:2,class:"availability-skeleton-event"},E=e.defineComponent({__name:"AvailabilitySkeleton",props:{view:{default:"hotel"}},setup(b){return(i,s)=>(e.openBlock(),e.createElementBlock("div",A,[i.view==="both"?(e.openBlock(),e.createElementBlock("div",F,[e.createVNode(a.Element,{height:"28px",width:"60px","border-radius":"20px"}),e.createVNode(a.Element,{height:"28px",width:"60px","border-radius":"20px"})])):e.createCommentVNode("",!0),i.view!=="event"?(e.openBlock(),e.createElementBlock("div",S,[e.createVNode(a.Field,{"with-icon":""}),e.createVNode(a.Field,{"with-icon":""}),e.createVNode(a.Field,{"with-icon":""}),e.createVNode(a.Field,{"with-icon":"","no-label":""})])):(e.openBlock(),e.createElementBlock("div",x,[e.createVNode(a.Field,{"with-icon":""}),e.createVNode(a.Field,{"with-icon":"","no-label":""})]))]))}});const q=e._export_sfc(E,[["__scopeId","data-v-2c3e37a4"]]);exports.AvailabilitySkeleton=q;exports.HotelAvailabilityForm=C;

package/dist/Field-21bb32d7.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./SelectField.vue_vue_type_style_index_0_lang-a370e66d.cjs"),s={class:"placeholder"},n=e.defineComponent({__name:"_",props:{area:{default:"unset"},height:{default:"100%"},width:{default:"100%"},borderRadius:{default:"3px"}},setup(a){return e.useCssVars(t=>({"165163ce":t.area,"95e5fab6":t.width,"5a774fb0":t.height,f6a883c2:t.borderRadius})),(t,l)=>(e.openBlock(),e.createElementBlock("div",s))}});const o=e._export_sfc(n,[["__scopeId","data-v-1c1931a4"]]),_={key:0,class:"skeleton-field-label"},c={key:1},d=e.defineComponent({__name:"Field",props:{withIcon:{type:Boolean,default:!1},noLabel:{type:Boolean,default:!1},isTextArea:{type:Boolean,default:!1}},setup(a){return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["skeleton-field",{"is-text-area":t.isTextArea}])},[t.noLabel?(e.openBlock(),e.createElementBlock("div",c)):(e.openBlock(),e.createElementBlock("div",_,[t.withIcon?(e.openBlock(),e.createBlock(o,{key:0,height:"15px",width:"15px"})):e.createCommentVNode("",!0),e.createVNode(o,{height:"15px",width:"30%"})])),e.createVNode(o,{height:t.isTextArea?"82px":"44px",width:"100%","border-radius":"6px"},null,8,["height"])],2))}});const i=e._export_sfc(d,[["__scopeId","data-v-4bff6dc8"]]);exports.Element=o;exports.Field=i;

package/dist/Field-6bfeedce.js

@@ -0,0 +1,59 @@
+import { h as d, R as i, k as a, y as s, _ as l, l as r, D as c, m as o, Q as p } from "./SelectField.vue_vue_type_style_index_0_lang-701aecad.js";
+const h = { class: "placeholder" }, f = /* @__PURE__ */ d({
+  __name: "_",
+  props: {
+    area: { default: "unset" },
+    height: { default: "100%" },
+    width: { default: "100%" },
+    borderRadius: { default: "3px" }
+  },
+  setup(_) {
+    return i((e) => ({
+      "165163ce": e.area,
+      "95e5fab6": e.width,
+      "5a774fb0": e.height,
+      f6a883c2: e.borderRadius
+    })), (e, n) => (a(), s("div", h));
+  }
+});
+const t = /* @__PURE__ */ l(f, [["__scopeId", "data-v-1c1931a4"]]), u = {
+  key: 0,
+  class: "skeleton-field-label"
+}, m = { key: 1 }, y = /* @__PURE__ */ d({
+  __name: "Field",
+  props: {
+    withIcon: { type: Boolean, default: !1 },
+    noLabel: { type: Boolean, default: !1 },
+    isTextArea: { type: Boolean, default: !1 }
+  },
+  setup(_) {
+    return (e, n) => (a(), s("div", {
+      class: p([
+        "skeleton-field",
+        { "is-text-area": e.isTextArea }
+      ])
+    }, [
+      e.noLabel ? (a(), s("div", m)) : (a(), s("div", u, [
+        e.withIcon ? (a(), r(t, {
+          key: 0,
+          height: "15px",
+          width: "15px"
+        })) : c("", !0),
+        o(t, {
+          height: "15px",
+          width: "30%"
+        })
+      ])),
+      o(t, {
+        height: e.isTextArea ? "82px" : "44px",
+        width: "100%",
+        "border-radius": "6px"
+      }, null, 8, ["height"])
+    ], 2));
+  }
+});
+const v = /* @__PURE__ */ l(y, [["__scopeId", "data-v-4bff6dc8"]]);
+export {
+  t as E,
+  v as F
+};