@konnectio/core 4.0.16 → 4.0.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@konnectio/core",
-  "version": "4.0.16",
+  "version": "4.0.18",
   "author": "Konnectio <info@freshcase.dk> (https://konnectio.dk)",
   "homepage": "https://konnectio.dk",
   "description": "Konnectio Core Frontend Integration.",
@@ -10,10 +10,10 @@
   ],
   "exports": {
     "./availability": "./dist/availability.js",
-    "./hotel": "./dist/hotel.es.js",
-    "./event": "./dist/event.es.js",
-    "./gift-card": "./dist/gift-card.es.js",
-    "./gift-card-validation": "./dist/gift-card-validation.es.js"
+    "./hotel": "./dist/hotel.js",
+    "./event": "./dist/event.js",
+    "./gift-card": "./dist/gift-card.js",
+    "./gift-card-validation": "./dist/gift-card-validation.js"
   },
   "scripts": {
     "dev": "vite",
@@ -39,8 +39,8 @@
     "@unhead/vue": "1.8.3",
     "@vuepic/vue-datepicker": "7.2.2",
     "@vueup/vue-quill": "1.2.0",
-    "@vueuse/core": "10.5.0",
-    "axios": "1.6.0",
+    "@vueuse/core": "10.6.0",
+    "axios": "1.6.1",
     "core-js": "3.33.2",
     "cqfill": "0.6.1",
     "dotenv": "16.3.1",
@@ -66,11 +66,11 @@
     "@types/node": "20.9.0",
     "@typescript-eslint/eslint-plugin": "6.10.0",
     "@typescript-eslint/parser": "6.10.0",
-    "@vitejs/plugin-vue": "4.4.0",
+    "@vitejs/plugin-vue": "4.4.1",
     "@vue/eslint-config-typescript": "12.0.0",
     "@vue/test-utils": "2.4.1",
     "cross-env": "7.0.3",
-    "cypress": "13.4.0",
+    "cypress": "13.5.0",
     "eslint": "8.53.0",
     "eslint-plugin-vue": "9.18.1",
     "rollup-plugin-typescript2": "0.36.0",

package/dist/ActionField-3450fcba.cjs

@@ -1 +0,0 @@
-"use strict";const l=require("./SelectField.vue_vue_type_style_index_0_lang-2d4e943b.cjs"),m=require("./TextField-2ccfa48b.cjs"),y=require("./NumberField.vue_vue_type_script_setup_true_lang-1aefdd0e.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/ActionField-c1dc7f3e.js

@@ -1,101 +0,0 @@
-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-ab6da587.js";
-import { T as F } from "./TextField-45a6d0f3.js";
-import { _ as A } from "./NumberField.vue_vue_type_script_setup_true_lang-aad02565.js";
-const h = { class: "fresh-booking-action-field" }, L = /* @__PURE__ */ f({
-  __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(y, { emit: b }) {
-    const s = b, u = y, o = u.id || V();
-    function r(e) {
-      s("update:modelValue", e);
-    }
-    const n = p({
-      get: () => u.modelValue,
-      set: (e) => r(e)
-    }), m = p({
-      get: () => u.modelValue,
-      set: (e) => r(e)
-    });
-    function c() {
-      s("action");
-    }
-    return (e, a) => (d(), i(I, {
-      label: e.label,
-      id: t(o),
-      icon: e.icon,
-      "icon-type": e.iconType,
-      required: e.required,
-      type: e.type,
-      readonly: e.readonly
-    }, {
-      default: v(() => [
-        g("div", h, [
-          e.type === "dropdown" && e.data ? (d(), i(q, {
-            key: 0,
-            modelValue: n.value,
-            "onUpdate:modelValue": a[0] || (a[0] = (l) => n.value = l),
-            id: t(o),
-            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(A, {
-            key: 1,
-            modelValue: m.value,
-            "onUpdate:modelValue": a[1] || (a[1] = (l) => m.value = l),
-            id: t(o),
-            "min-value": e.minValue,
-            "max-value": e.maxValue
-          }, null, 8, ["modelValue", "id", "min-value", "max-value"])) : (d(), i(F, {
-            key: 2,
-            modelValue: n.value,
-            "onUpdate:modelValue": a[2] || (a[2] = (l) => n.value = l),
-            id: t(o),
-            name: e.name,
-            required: e.required,
-            placeholder: e.placeholder
-          }, null, 8, ["modelValue", "id", "name", "required", "placeholder"])),
-          k(B, {
-            "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: a[3] || (a[3] = (l) => 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 U = /* @__PURE__ */ C(L, [["__scopeId", "data-v-07d4466b"]]);
-export {
-  U as A
-};

package/dist/AvailabilitySkeleton-454ad0ec.js

@@ -1,190 +0,0 @@
-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-ab6da587.js";
-import { u as L, a as R, _ as Y } from "./DateField.vue_vue_type_style_index_0_lang-f7e8a940.js";
-import { _ as E } from "./NumberField.vue_vue_type_script_setup_true_lang-aad02565.js";
-import { E as N } from "./_-f8481bc2.js";
-import { F as v } from "./Field-c0c88ff7.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),
-          searchable: !1,
-          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-de473a43"]]), 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 _
-};

package/dist/AvailabilitySkeleton-f0e12cb1.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("./SelectField.vue_vue_type_style_index_0_lang-2d4e943b.cjs"),m=require("./DateField.vue_vue_type_style_index_0_lang-4f2f4c47.cjs"),V=require("./NumberField.vue_vue_type_script_setup_true_lang-1aefdd0e.cjs"),x=require("./_-0a59e9b5.cjs"),_=require("./Field-91254e17.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),searchable:!1,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-de473a43"]]),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;