@konnectio/core 4.0.7 → 4.0.10

package/dist/gift-card-validation.js

@@ -0,0 +1,116 @@
+import { h as L, y as S, s as g, a as X, k as _, l as w, w as u, m as l, x as a, z as o, n as t, A as y, q as x, B as p, D as A, F as B, t as G, G as I, H as D, J as N, K as T, L as M, _ as H, M as P, N as U, P as $ } from "./SelectField.vue_vue_type_style_index_0_lang-c973d794.js";
+import { u as b } from "./NumberField.vue_vue_type_script_setup_true_lang-a32b2a11.js";
+import { A as F } from "./ActionField-68f65af4.js";
+import "./TextField-8f6e5ef5.js";
+import "./_commonjsHelpers-c5d32002.js";
+const R = (s) => (T("data-v-5d5827dc"), s = s(), M(), s), q = ["innerHTML"], z = {
+  key: 0,
+  id: "fresh-booking-gift-card-validation-resume",
+  class: "fresh-booking-panel"
+}, E = /* @__PURE__ */ R(() => /* @__PURE__ */ a("span", null, "Loading...", -1)), J = /* @__PURE__ */ L({
+  name: "GiftCardValidationLayout",
+  __name: "GiftCardValidation",
+  props: {
+    accessToken: {},
+    styling: {}
+  },
+  setup(s) {
+    const { t: e } = S(), {
+      voucher: r,
+      isValid: C,
+      amount: V,
+      expirationDate: h,
+      productName: k,
+      isLoading: d
+    } = g(b()), { currency: v } = g(X()), { apply: f } = b();
+    return (m, n) => (_(), w(N, null, {
+      default: u(() => [
+        l(D, {
+          id: "fresh-booking-gift-card-validation-module",
+          "access-token": m.accessToken,
+          type: "gift-card",
+          styling: m.styling
+        }, {
+          default: u(() => [
+            a("form", {
+              onSubmit: n[3] || (n[3] = I((i) => t(f)(), ["prevent"]))
+            }, [
+              a("h4", null, [
+                a("span", null, o(t(e)("giftCardValidation.title")), 1)
+              ]),
+              a("p", {
+                innerHTML: t(e)("giftCardValidation.description")
+              }, null, 8, q),
+              l(F, {
+                modelValue: t(r),
+                "onUpdate:modelValue": n[0] || (n[0] = (i) => y(r) ? r.value = i : null),
+                icon: "gift-card",
+                label: t(e)("booking.reservation.giftCardCode"),
+                buttonLabel: t(e)("giftCardValidation.submitButton"),
+                placeholder: "XXXXXXXX",
+                "is-loading": t(d),
+                "onUpdate:isLoading": n[1] || (n[1] = (i) => y(d) ? d.value = i : null),
+                onAction: n[2] || (n[2] = (i) => t(f)())
+              }, null, 8, ["modelValue", "label", "buttonLabel", "is-loading"]),
+              !t(d) && t(C) ? (_(), x("table", z, [
+                a("thead", null, [
+                  a("tr", null, [
+                    a("th", null, [
+                      a("span", null, o(t(e)("giftCardValidation.giftCard")), 1),
+                      l(p, {
+                        icon: "gift-card",
+                        type: "fas",
+                        color: "header"
+                      })
+                    ]),
+                    a("th", null, [
+                      a("span", null, o(t(e)("giftCardValidation.balance")), 1),
+                      l(p, {
+                        icon: "money-bill",
+                        type: "fas",
+                        color: "header"
+                      })
+                    ]),
+                    a("th", null, [
+                      a("span", null, o(t(e)("giftCardValidation.expirationDate")), 1),
+                      l(p, {
+                        icon: "timer",
+                        type: "fas",
+                        color: "header"
+                      })
+                    ])
+                  ])
+                ]),
+                a("tbody", null, [
+                  a("tr", null, [
+                    a("td", null, [
+                      a("span", null, o(t(k)), 1)
+                    ]),
+                    a("td", null, [
+                      a("span", null, o(t(A)(t(V), t(v))), 1)
+                    ]),
+                    a("td", null, [
+                      a("span", null, o(t(B)(t(h))), 1)
+                    ])
+                  ])
+                ])
+              ])) : G("", !0)
+            ], 32)
+          ]),
+          _: 1
+        }, 8, ["access-token", "styling"])
+      ]),
+      fallback: u(() => [
+        E
+      ]),
+      _: 1
+    }));
+  }
+});
+const K = /* @__PURE__ */ H(J, [["__scopeId", "data-v-5d5827dc"]]), c = P({ components: { GiftCardValidation: K } }), j = U();
+c.use(j);
+c.use($);
+c.mount("#konnectio-gift-card-validation-app");
+export {
+  c as default
+};

package/dist/gift-card.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./SelectField.vue_vue_type_style_index_0_lang-2bf82818.cjs"),V=require("./index-a46a0876.cjs"),M=require("./_-3cff5490.cjs"),x=require("./TextField-528ca68c.cjs"),R=require("./Field-d926807f.cjs");require("./_commonjsHelpers-6763f629.cjs");const U=e.defineStore("giftCard",()=>{e.useAlertStore();const{pay:y}=M.usePaymentStore(),{bearerToken:l,metaData:o}=e.storeToRefs(e.useUtilityStore()),t=e.ref(e.GiftCardModuleState.InitialState),g=e.useStorage("freshBookingName","",void 0,{serializer:e.StorageSerializers.string}),d=e.useStorage("freshBookingEmail","",void 0,{serializer:e.StorageSerializers.string}),c=e.useStorage("freshBookingPhone","",void 0,{serializer:e.StorageSerializers.string}),p=e.ref(""),F=e.ref(1),C=e.ref(!0),k=e.ref(""),s=e.ref({base64:"",type:"",name:""}),n=e.ref(void 0),i=e.ref(0),f=e.ref(!1),m=e.ref(0),h=e.computed(()=>t.value===e.GiftCardModuleState.InitialState||t.value===e.GiftCardModuleState.WaitingForResponse),B=e.computed(()=>t.value===e.GiftCardModuleState.ReadyToPay),v=e.computed(()=>t.value===e.GiftCardModuleState.PaymentSuccess),w=e.computed(()=>{const u={1:{label:e.i18n.t("giftCard.hotelType"),data:[]},2:{label:e.i18n.t("giftCard.restaurantType"),data:[]}},a=o.value.places;return a&&a.forEach(_=>{u[_.placeType].data.push(_)}),Object.fromEntries(Object.entries(u).filter(([,_])=>_.data.length>0))}),T=e.computed(()=>m.value!==0),b=e.computed(()=>{let u;if(T.value)u=w.value[m.value].data[0];else if(i.value!==0){const a=n.value,_=w.value[i.value].data;_.length===1?u=_[0]:a!==void 0&&_.forEach(z=>{String(z.id)===String(a)&&(u=z)})}return u}),E=e.computed(()=>!(!g.value||!d.value||!(c.value.length>=5)||!p.value||b.value===void 0)),q=e.computed(()=>!(t.value===e.GiftCardModuleState.InitialState&&f.value)),P=e.computed(()=>!!(t.value===e.GiftCardModuleState.WaitingForResponse&&f.value));async function N(){t.value=e.GiftCardModuleState.WaitingForResponse,f.value=!0,await e.axios.post("http://stage.hotel_service.konnectio.dk/api/gift-card/create",{termsOfserviceURL:"https://freshbooking.dk",checkoutUrl:"https://freshbooking.dk",currencyID:o.value.currency.id,language:e.getUserLanguage(),amount:p.value,quantity:F.value,freeText:k.value,showPrice:C.value,contactName:g.value,contactEmail:d.value,contactPhone:c.value,imageBase64:e.b2a(s.value.base64),imageName:s.value.name,imageFormat:s.value.type,placeType:b.value?b.value.placeType:void 0,placeID:b.value?b.value.id:void 0},{headers:{Authorization:l.value,Accept:"application/json","Fresh-Booking-Ver":"4.0.9"}}).then(u=>{t.value=e.GiftCardModuleState.ReadyToPay,f.value=!1,y({callback:()=>console.log("Callback!"),response:u.data})})}function r(u){u&&(m.value=u)}return{moduleState:t,name:g,email:d,phone:c,value:p,remark:k,showValue:C,quantity:F,media:s,placeId:n,placeType:i,showFormPage:h,showPaymentPage:B,showConfirmationPage:v,places:w,hasFilledForm:E,hasForcedPlaceType:T,isWaitingForResponse:P,isMetaDataAvailable:q,orderGiftCard:N,initialize:r}}),$={class:"media-selector"},D=["accept"],I={class:"media-selector-wrapper"},L={class:"media-selector-tools"},A={key:0},W={key:1},j={key:2},H=["src"],O=e.defineComponent({__name:"MediaSelector",props:{modelValue:{},validation:{default:"image/*"},iconColor:{default:"#000"},label:{},required:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(y,{emit:l}){const o=y,{t}=e.useI18n(),{display:g}=e.useAlertStore(),d=e.ref(),c=e.computed(()=>o.modelValue.base64!=="");function p(n){l("update:modelValue",n)}function F(){p({base64:"",name:"",type:""}),d.value&&(d.value.value="")}function C(){d.value&&d.value.click()}function k(n,i){const[f,m]=[n.name,n.type],h=new FileReader;h.onload=function(B){if(B.target){const v=B.target.result;i({base64:v,name:f,type:m})}else g({message:t("imageUploadError"),type:"error"})},h.readAsDataURL(n)}async function s(){let n;(n=d.value.files)instanceof FileList&&k(n[0],p)}return(n,i)=>(e.openBlock(),e.createBlock(e.InputField,{label:n.label,required:n.required,type:"media"},{default:e.withCtx(()=>[e.createBaseVNode("div",$,[e.createBaseVNode("input",{ref_key:"fileInput",ref:d,type:"file",class:"hidden",accept:n.validation,single:"",onChange:i[0]||(i[0]=f=>s())},null,40,D),e.createBaseVNode("div",I,[e.createBaseVNode("ul",L,[c.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("li",A,[e.createVNode(e.Clickable,{label:e.unref(t)("uploadFile"),type:"button",icon:"upload","icon-color":n.iconColor,onClickEvent:i[1]||(i[1]=f=>C())},null,8,["label","icon-color"])])),c.value?(e.openBlock(),e.createElementBlock("li",W,[e.createVNode(e.Clickable,{label:e.unref(t)("replaceFile"),type:"button",icon:"repeat-alt","icon-color":n.iconColor,onClickEvent:i[2]||(i[2]=f=>C())},null,8,["label","icon-color"])])):e.createCommentVNode("",!0),c.value?(e.openBlock(),e.createElementBlock("li",j,[e.createVNode(e.Clickable,{label:e.unref(t)("removeFile"),type:"button",icon:"trash-alt","icon-color":n.iconColor,onClickEvent:i[3]||(i[3]=f=>F())},null,8,["label","icon-color"])])):e.createCommentVNode("",!0)]),e.createBaseVNode("div",{class:e.normalizeClass(["media-selector-previewer",{opened:c.value}])},[n.modelValue?(e.openBlock(),e.createElementBlock("img",{key:0,src:n.modelValue.base64},null,8,H)):e.createCommentVNode("",!0)],2)])])]),_:1},8,["label","required"]))}});function G(y){const l=y;l.__i18n=l.__i18n||[],l.__i18n.push({locale:"",resource:{da:{uploadFile:o=>{const{normalize:t}=o;return t(["Upload billede"])},removeFile:o=>{const{normalize:t}=o;return t(["Fjern billede"])},replaceFile:o=>{const{normalize:t}=o;return t(["Ersat billede"])},imageUploadError:o=>{const{normalize:t}=o;return t(["Der skete en fejl under billede upload!"])}},en:{uploadFile:o=>{const{normalize:t}=o;return t(["Upload image"])},removeFile:o=>{const{normalize:t}=o;return t(["Remove image"])},replaceFile:o=>{const{normalize:t}=o;return t(["Replace image"])},imageUploadError:o=>{const{normalize:t}=o;return t(["An error occurred under image upload!"])}}}})}typeof G=="function"&&G(O);const K={class:"gift-card-skeleton"},Y={class:"gift-card-skeleton-form"},J=e.defineComponent({__name:"GiftCardSkeleton",setup(y){return(l,o)=>(e.openBlock(),e.createElementBlock("div",K,[e.createBaseVNode("div",Y,[e.createVNode(R.Field),e.createVNode(R.Field),e.createVNode(R.Field),e.createVNode(R.Field),e.createVNode(R.Field,{"is-text-area":""}),e.createVNode(M.Element,{height:"44px"})])]))}});const Q=e._export_sfc(J,[["__scopeId","data-v-2600a731"]]),X={key:0,id:"fresh-booking-gift-card-wrapper"},Z={id:"fresh-booking-gift-card-title"},ee={id:"fresh-booking-gift-card-content"},te={id:"fresh-booking-gift-card-payment"},ae=["innerHTML"],le={key:0},oe={key:0,id:"fresh-booking-select-place-type"},ne={class:e.normalizeClass(["fresh-booking-label","required"])},re={id:"fresh-booking-select-place-type-input"},ie=["innerHTML"],de={key:0,id:"fresh-booking-gift-card-order"},se={class:"fresh-booking-panel"},ue={key:1,id:"fresh-booking-gift-card-remarks"},ce={key:2,id:"fresh-booking-gift-card-order-minimal","sticky-side":"bottom"},fe={id:"fresh-booking-gift-card-recaptcha"},pe=e.defineComponent({name:"GiftCardLayout",__name:"GiftCard",props:{accessToken:{},layout:{default:"minimal"},placeType:{},styling:{}},setup(y){const{t:l}=e.useI18n(),{name:o,email:t,phone:g,value:d,remark:c,showValue:p,quantity:F,media:C,placeId:k,placeType:s,showFormPage:n,showPaymentPage:i,showConfirmationPage:f,places:m,hasFilledForm:h,hasForcedPlaceType:B,isWaitingForResponse:v,isMetaDataAvailable:w}=e.storeToRefs(U()),{initialize:T,orderGiftCard:b}=U(),{isRecaptchaEnabled:E,currency:q}=e.storeToRefs(e.useUtilityStore());async function P(){await b()}return e.watch(s,()=>{k.value=void 0}),e.onMounted(()=>{T()}),(N,r)=>{const u=e.resolveDirective("sticky");return e.openBlock(),e.createBlock(e.Suspense,null,{default:e.withCtx(()=>[e.createVNode(e._sfc_main,{id:"fresh-booking-gift-card-module",type:"gift-card","access-token":N.accessToken,"data-layout":N.layout,styling:N.styling,"sticky-container":""},{default:e.withCtx(()=>[e.unref(w)?(e.openBlock(),e.createElementBlock("div",X,[e.createBaseVNode("h4",Z,[e.createBaseVNode("span",null,e.toDisplayString(e.unref(l)("giftCard.title")),1)]),e.createBaseVNode("div",ee,[e.withDirectives(e.createBaseVNode("div",te,[e.createVNode(V.CheckoutWindow)],512),[[e.vShow,e.unref(i)]]),e.withDirectives(e.createBaseVNode("div",null,[e.createBaseVNode("p",{id:"fresh-booking-gift-card-description",innerHTML:e.unref(l)("giftCard.description")},null,8,ae),e.createBaseVNode("form",null,[e.createVNode(x.TextField,{modelValue:e.unref(o),"onUpdate:modelValue":r[0]||(r[0]=a=>e.isRef(o)?o.value=a:null),type:"text",name:"name",autocomplete:"name",label:e.unref(l)("giftCard.name"),icon:"user-alt",placeholder:e.unref(l)("giftCard.namePlaceholder"),required:""},null,8,["modelValue","label","placeholder"]),e.createVNode(x.TextField,{modelValue:e.unref(t),"onUpdate:modelValue":r[1]||(r[1]=a=>e.isRef(t)?t.value=a:null),type:"email",name:"email",autocomplete:"email",label:e.unref(l)("giftCard.email"),icon:"at",placeholder:e.unref(l)("giftCard.emailPlaceholder"),required:""},null,8,["modelValue","label","placeholder"]),e.createVNode(V.PhoneField,{modelValue:e.unref(g),"onUpdate:modelValue":r[2]||(r[2]=a=>e.isRef(g)?g.value=a:null),icon:"phone-office",label:e.unref(l)("giftCard.phone"),placeholder:e.unref(l)("giftCard.phonePlaceholder"),required:""},null,8,["modelValue","label","placeholder"]),e.unref(B)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",le,[e.unref(m)?(e.openBlock(),e.createElementBlock("div",oe,[e.createBaseVNode("label",ne,[e.createBaseVNode("span",null,e.toDisplayString(e.unref(l)("giftCard.selectType")),1)]),e.createBaseVNode("div",re,[e.createBaseVNode("ul",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(m),(a,_)=>(e.openBlock(),e.createElementBlock("li",{key:_},[e.createVNode(V.Checkbox,{modelValue:e.unref(s),"onUpdate:modelValue":r[3]||(r[3]=z=>e.isRef(s)?s.value=z:null),type:"radio",name:"placeType",val:_,label:a.label},null,8,["modelValue","val","label"])]))),128))]),e.unref(m)[e.unref(s)]&&e.unref(m)[e.unref(s)].data.length>1?(e.openBlock(),e.createBlock(x._sfc_main,{key:0,modelValue:e.unref(k),"onUpdate:modelValue":r[4]||(r[4]=a=>e.isRef(k)?k.value=a:null),placeholder:e.unref(l)("giftCard.selectPlacePlaceholder"),options:e.unref(m)[e.unref(s)].data,labelKey:"name",valueKey:"id",required:""},null,8,["modelValue","placeholder","options"])):e.createCommentVNode("",!0)])])):(e.openBlock(),e.createBlock(e.Loading,{key:1}))])),e.createVNode(x.TextField,{modelValue:e.unref(d),"onUpdate:modelValue":r[5]||(r[5]=a=>e.isRef(d)?d.value=a:null),type:"number",name:"value",label:e.unref(l)("giftCard.value"),icon:"money-bill",placeholder:e.unref(l)("giftCard.valuePlaceholder"),suffix:e.unref(q),required:""},null,8,["modelValue","label","placeholder","suffix"]),e.createVNode(V.Checkbox,{modelValue:e.unref(p),"onUpdate:modelValue":r[6]||(r[6]=a=>e.isRef(p)?p.value=a:null),type:"checkbox",name:"showValue",label:e.unref(l)("giftCard.showValue"),checked:e.unref(p)},null,8,["modelValue","label","checked"]),e.createCommentVNode("",!0),e.createCommentVNode("",!0)])],512),[[e.vShow,e.unref(n)]]),e.withDirectives(e.createBaseVNode("div",null,[e.createBaseVNode("div",{innerHTML:e.unref(l)("giftCard.thankYou")},null,8,ie)],512),[[e.vShow,e.unref(f)]])]),N.layout!=="minimal"&&e.unref(n)?(e.openBlock(),e.createElementBlock("div",de,[e.createBaseVNode("div",se,[e.createVNode(e.Clickable,{label:e.unref(l)("giftCard.orderGiftCard"),"full-width":!0,disabled:!e.unref(h),"is-loading":e.unref(v),"onUpdate:isLoading":r[9]||(r[9]=a=>e.isRef(v)?v.value=a:null),onClickEvent:P},null,8,["label","disabled","is-loading"])])])):e.createCommentVNode("",!0),e.unref(n)?(e.openBlock(),e.createElementBlock("div",ue,[e.createVNode(x.TextField,{modelValue:e.unref(c),"onUpdate:modelValue":r[10]||(r[10]=a=>e.isRef(c)?c.value=a:null),type:"textarea",name:"remark",label:e.unref(l)("giftCard.remark"),icon:"info-circle",placeholder:e.unref(l)("giftCard.remarkPlaceholder")},null,8,["modelValue","label","placeholder"])])):e.createCommentVNode("",!0),e.unref(n)?e.withDirectives((e.openBlock(),e.createElementBlock("div",ce,[e.createVNode(e.Clickable,{label:e.unref(l)("giftCard.orderGiftCard"),"full-width":!0,disabled:!e.unref(h),"data-test":"orderGiftCard","is-loading":e.unref(v),"onUpdate:isLoading":r[11]||(r[11]=a=>e.isRef(v)?v.value=a:null),onClickEvent:P},null,8,["label","disabled","is-loading"]),e.withDirectives(e.createBaseVNode("div",fe,[e.createVNode(V._sfc_main)],512),[[e.vShow,e.unref(E)]])])),[[u]]):e.createCommentVNode("",!0)])):(e.openBlock(),e.createBlock(e.Loading,{key:1}))]),_:1},8,["access-token","data-layout","styling"])]),fallback:e.withCtx(()=>[e.createVNode(Q)]),_:1})}}});const me=e._export_sfc(pe,[["__scopeId","data-v-e4aa1e4c"]]),_e=e.createPinia(),ve=e.zo(),S=e.createApp({components:{GiftCard:me}});S.use(_e);S.use(e.instance);S.use(ve);S.use(V.StickyPlugin);S.use(V.install,{bootstrap:!1});S.mount("#konnectio-gift-card-app");

package/dist/gift-card.d.ts

@@ -1,3 +1 @@
 export * from './entries/gift-card'
-import _default from './entries/gift-card'
-export default _default

package/dist/gift-card.js

@@ -0,0 +1,502 @@
+import { d as ue, u as ne, s as Q, a as ie, r as b, a8 as w, b as J, c as F, i as Z, S as Y, e as ce, f as pe, a9 as me, h as X, y as re, k as d, l as L, w as j, x as s, q as f, m as r, n as e, C as x, t as k, v as se, I as fe, _ as de, $ as ve, o as ge, aa as he, z as ee, ab as I, ac as W, A as V, a0 as ye, a1 as _e, a2 as ae, H as be, J as ke, N as Ce, a6 as Ve, M as Fe, P as Pe } from "./SelectField.vue_vue_type_style_index_0_lang-c973d794.js";
+import { a as Se, P as we, C as le, _ as ze, S as Te, i as $e } from "./index-c28f52d1.js";
+import { u as Ue, E as qe } from "./_-734c9d50.js";
+import { T as H, _ as Re } from "./TextField-8f6e5ef5.js";
+import { F as M } from "./Field-b76d82cb.js";
+import "./_commonjsHelpers-c5d32002.js";
+const te = ue("giftCard", () => {
+  ne();
+  const { pay: z } = Ue(), { bearerToken: t, metaData: o } = Q(ie()), a = b(w.InitialState), P = J("freshBookingName", "", void 0, { serializer: Y.string }), c = J("freshBookingEmail", "", void 0, { serializer: Y.string }), v = J("freshBookingPhone", "", void 0, { serializer: Y.string }), h = b(""), B = b(1), U = b(!0), S = b(""), p = b({
+    base64: "",
+    type: "",
+    name: ""
+  }), n = b(void 0), u = b(0), g = b(!1), y = b(0), T = F(() => a.value === w.InitialState || a.value === w.WaitingForResponse), q = F(() => a.value === w.ReadyToPay), C = F(() => a.value === w.PaymentSuccess), G = F(() => {
+    const m = {
+      1: {
+        label: Z.t("giftCard.hotelType"),
+        data: []
+      },
+      2: {
+        label: Z.t("giftCard.restaurantType"),
+        data: []
+      }
+    }, l = o.value.places;
+    return l && l.forEach((_) => {
+      m[_.placeType].data.push(_);
+    }), Object.fromEntries(
+      Object.entries(m).filter(([, _]) => _.data.length > 0)
+    );
+  }), D = F(() => y.value !== 0), $ = F(() => {
+    let m;
+    if (D.value)
+      m = G.value[y.value].data[0];
+    else if (u.value !== 0) {
+      const l = n.value, _ = G.value[u.value].data;
+      _.length === 1 ? m = _[0] : l !== void 0 && _.forEach((N) => {
+        String(N.id) === String(l) && (m = N);
+      });
+    }
+    return m;
+  }), O = F(() => !(!P.value || !c.value || !(v.value.length >= 5) || !h.value || $.value === void 0)), K = F(() => !(a.value === w.InitialState && g.value)), A = F(() => !!(a.value === w.WaitingForResponse && g.value));
+  async function R() {
+    a.value = w.WaitingForResponse, g.value = !0, await ce.post("http://stage.hotel_service.konnectio.dk/api/gift-card/create", {
+      termsOfserviceURL: "https://freshbooking.dk",
+      checkoutUrl: "https://freshbooking.dk",
+      currencyID: o.value.currency.id,
+      language: pe(),
+      amount: h.value,
+      quantity: B.value,
+      freeText: S.value,
+      showPrice: U.value,
+      contactName: P.value,
+      contactEmail: c.value,
+      contactPhone: v.value,
+      imageBase64: me(p.value.base64),
+      imageName: p.value.name,
+      imageFormat: p.value.type,
+      placeType: $.value ? $.value.placeType : void 0,
+      placeID: $.value ? $.value.id : void 0
+    }, {
+      headers: {
+        Authorization: t.value,
+        Accept: "application/json",
+        "Fresh-Booking-Ver": "4.0.9"
+      }
+    }).then((m) => {
+      a.value = w.ReadyToPay, g.value = !1, z({
+        callback: () => console.log("Callback!"),
+        response: m.data
+      });
+    });
+  }
+  function i(m) {
+    m && (y.value = m);
+  }
+  return {
+    moduleState: a,
+    name: P,
+    email: c,
+    phone: v,
+    value: h,
+    remark: S,
+    showValue: U,
+    quantity: B,
+    media: p,
+    placeId: n,
+    placeType: u,
+    showFormPage: T,
+    showPaymentPage: q,
+    showConfirmationPage: C,
+    places: G,
+    hasFilledForm: O,
+    hasForcedPlaceType: D,
+    isWaitingForResponse: A,
+    isMetaDataAvailable: K,
+    orderGiftCard: R,
+    initialize: i
+  };
+}), Ee = { class: "media-selector" }, Be = ["accept"], Ge = { class: "media-selector-wrapper" }, Ie = { class: "media-selector-tools" }, Me = { key: 0 }, Le = { key: 1 }, xe = { key: 2 }, De = ["src"], Ae = /* @__PURE__ */ X({
+  __name: "MediaSelector",
+  props: {
+    modelValue: {},
+    validation: { default: "image/*" },
+    iconColor: { default: "#000" },
+    label: {},
+    required: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(z, { emit: t }) {
+    const o = z, { t: a } = re(), { display: P } = ne(), c = b(), v = F(() => o.modelValue.base64 !== "");
+    function h(n) {
+      t("update:modelValue", n);
+    }
+    function B() {
+      h({
+        base64: "",
+        name: "",
+        type: ""
+      }), c.value && (c.value.value = "");
+    }
+    function U() {
+      c.value && c.value.click();
+    }
+    function S(n, u) {
+      const [g, y] = [n.name, n.type], T = new FileReader();
+      T.onload = function(q) {
+        if (q.target) {
+          const C = q.target.result;
+          u({ base64: C, name: g, type: y });
+        } else
+          P({
+            message: a("imageUploadError"),
+            type: "error"
+          });
+      }, T.readAsDataURL(n);
+    }
+    async function p() {
+      let n;
+      (n = c.value.files) instanceof FileList && S(n[0], h);
+    }
+    return (n, u) => (d(), L(fe, {
+      label: n.label,
+      required: n.required,
+      type: "media"
+    }, {
+      default: j(() => [
+        s("div", Ee, [
+          s("input", {
+            ref_key: "fileInput",
+            ref: c,
+            type: "file",
+            class: "hidden",
+            accept: n.validation,
+            single: "",
+            onChange: u[0] || (u[0] = (g) => p())
+          }, null, 40, Be),
+          s("div", Ge, [
+            s("ul", Ie, [
+              v.value ? k("", !0) : (d(), f("li", Me, [
+                r(x, {
+                  label: e(a)("uploadFile"),
+                  type: "button",
+                  icon: "upload",
+                  "icon-color": n.iconColor,
+                  onClickEvent: u[1] || (u[1] = (g) => U())
+                }, null, 8, ["label", "icon-color"])
+              ])),
+              v.value ? (d(), f("li", Le, [
+                r(x, {
+                  label: e(a)("replaceFile"),
+                  type: "button",
+                  icon: "repeat-alt",
+                  "icon-color": n.iconColor,
+                  onClickEvent: u[2] || (u[2] = (g) => U())
+                }, null, 8, ["label", "icon-color"])
+              ])) : k("", !0),
+              v.value ? (d(), f("li", xe, [
+                r(x, {
+                  label: e(a)("removeFile"),
+                  type: "button",
+                  icon: "trash-alt",
+                  "icon-color": n.iconColor,
+                  onClickEvent: u[3] || (u[3] = (g) => B())
+                }, null, 8, ["label", "icon-color"])
+              ])) : k("", !0)
+            ]),
+            s("div", {
+              class: se([
+                "media-selector-previewer",
+                { opened: v.value }
+              ])
+            }, [
+              n.modelValue ? (d(), f("img", {
+                key: 0,
+                src: n.modelValue.base64
+              }, null, 8, De)) : k("", !0)
+            ], 2)
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["label", "required"]));
+  }
+});
+function oe(z) {
+  const t = z;
+  t.__i18n = t.__i18n || [], t.__i18n.push({
+    locale: "",
+    resource: {
+      da: {
+        uploadFile: (o) => {
+          const { normalize: a } = o;
+          return a(["Upload billede"]);
+        },
+        removeFile: (o) => {
+          const { normalize: a } = o;
+          return a(["Fjern billede"]);
+        },
+        replaceFile: (o) => {
+          const { normalize: a } = o;
+          return a(["Ersat billede"]);
+        },
+        imageUploadError: (o) => {
+          const { normalize: a } = o;
+          return a(["Der skete en fejl under billede upload!"]);
+        }
+      },
+      en: {
+        uploadFile: (o) => {
+          const { normalize: a } = o;
+          return a(["Upload image"]);
+        },
+        removeFile: (o) => {
+          const { normalize: a } = o;
+          return a(["Remove image"]);
+        },
+        replaceFile: (o) => {
+          const { normalize: a } = o;
+          return a(["Replace image"]);
+        },
+        imageUploadError: (o) => {
+          const { normalize: a } = o;
+          return a(["An error occurred under image upload!"]);
+        }
+      }
+    }
+  });
+}
+typeof oe == "function" && oe(Ae);
+const Ne = { class: "gift-card-skeleton" }, We = { class: "gift-card-skeleton-form" }, He = /* @__PURE__ */ X({
+  __name: "GiftCardSkeleton",
+  setup(z) {
+    return (t, o) => (d(), f("div", Ne, [
+      s("div", We, [
+        r(M),
+        r(M),
+        r(M),
+        r(M),
+        r(M, { "is-text-area": "" }),
+        r(qe, { height: "44px" })
+      ])
+    ]));
+  }
+});
+const je = /* @__PURE__ */ de(He, [["__scopeId", "data-v-2600a731"]]), Oe = {
+  key: 0,
+  id: "fresh-booking-gift-card-wrapper"
+}, Ke = { id: "fresh-booking-gift-card-title" }, Je = { id: "fresh-booking-gift-card-content" }, Ye = { id: "fresh-booking-gift-card-payment" }, Qe = ["innerHTML"], Xe = { key: 0 }, Ze = {
+  key: 0,
+  id: "fresh-booking-select-place-type"
+}, ea = {
+  class: /* @__PURE__ */ se(["fresh-booking-label", "required"])
+}, aa = { id: "fresh-booking-select-place-type-input" }, la = ["innerHTML"], ta = {
+  key: 0,
+  id: "fresh-booking-gift-card-order"
+}, oa = { class: "fresh-booking-panel" }, na = {
+  key: 1,
+  id: "fresh-booking-gift-card-remarks"
+}, ia = {
+  key: 2,
+  id: "fresh-booking-gift-card-order-minimal",
+  "sticky-side": "bottom"
+}, ra = { id: "fresh-booking-gift-card-recaptcha" }, sa = /* @__PURE__ */ X({
+  name: "GiftCardLayout",
+  __name: "GiftCard",
+  props: {
+    accessToken: {},
+    layout: { default: "minimal" },
+    placeType: {},
+    styling: {}
+  },
+  setup(z) {
+    const { t } = re(), {
+      name: o,
+      email: a,
+      phone: P,
+      value: c,
+      remark: v,
+      showValue: h,
+      quantity: B,
+      media: U,
+      placeId: S,
+      placeType: p,
+      showFormPage: n,
+      showPaymentPage: u,
+      showConfirmationPage: g,
+      places: y,
+      hasFilledForm: T,
+      hasForcedPlaceType: q,
+      isWaitingForResponse: C,
+      isMetaDataAvailable: G
+    } = Q(te()), { initialize: D, orderGiftCard: $ } = te(), { isRecaptchaEnabled: O, currency: K } = Q(ie());
+    async function A() {
+      await $();
+    }
+    return ve(p, () => {
+      S.value = void 0;
+    }), ge(() => {
+      D();
+    }), (R, i) => {
+      const m = he("sticky");
+      return d(), L(ke, null, {
+        default: j(() => [
+          r(be, {
+            id: "fresh-booking-gift-card-module",
+            type: "gift-card",
+            "access-token": R.accessToken,
+            "data-layout": R.layout,
+            styling: R.styling,
+            "sticky-container": ""
+          }, {
+            default: j(() => [
+              e(G) ? (d(), f("div", Oe, [
+                s("h4", Ke, [
+                  s("span", null, ee(e(t)("giftCard.title")), 1)
+                ]),
+                s("div", Je, [
+                  I(s("div", Ye, [
+                    r(Se)
+                  ], 512), [
+                    [W, e(u)]
+                  ]),
+                  I(s("div", null, [
+                    s("p", {
+                      id: "fresh-booking-gift-card-description",
+                      innerHTML: e(t)("giftCard.description")
+                    }, null, 8, Qe),
+                    s("form", null, [
+                      r(H, {
+                        modelValue: e(o),
+                        "onUpdate:modelValue": i[0] || (i[0] = (l) => V(o) ? o.value = l : null),
+                        type: "text",
+                        name: "name",
+                        autocomplete: "name",
+                        label: e(t)("giftCard.name"),
+                        icon: "user-alt",
+                        placeholder: e(t)("giftCard.namePlaceholder"),
+                        required: ""
+                      }, null, 8, ["modelValue", "label", "placeholder"]),
+                      r(H, {
+                        modelValue: e(a),
+                        "onUpdate:modelValue": i[1] || (i[1] = (l) => V(a) ? a.value = l : null),
+                        type: "email",
+                        name: "email",
+                        autocomplete: "email",
+                        label: e(t)("giftCard.email"),
+                        icon: "at",
+                        placeholder: e(t)("giftCard.emailPlaceholder"),
+                        required: ""
+                      }, null, 8, ["modelValue", "label", "placeholder"]),
+                      r(we, {
+                        modelValue: e(P),
+                        "onUpdate:modelValue": i[2] || (i[2] = (l) => V(P) ? P.value = l : null),
+                        icon: "phone-office",
+                        label: e(t)("giftCard.phone"),
+                        placeholder: e(t)("giftCard.phonePlaceholder"),
+                        required: ""
+                      }, null, 8, ["modelValue", "label", "placeholder"]),
+                      e(q) ? k("", !0) : (d(), f("div", Xe, [
+                        e(y) ? (d(), f("div", Ze, [
+                          s("label", ea, [
+                            s("span", null, ee(e(t)("giftCard.selectType")), 1)
+                          ]),
+                          s("div", aa, [
+                            s("ul", null, [
+                              (d(!0), f(ye, null, _e(e(y), (l, _) => (d(), f("li", { key: _ }, [
+                                r(le, {
+                                  modelValue: e(p),
+                                  "onUpdate:modelValue": i[3] || (i[3] = (N) => V(p) ? p.value = N : null),
+                                  type: "radio",
+                                  name: "placeType",
+                                  val: _,
+                                  label: l.label
+                                }, null, 8, ["modelValue", "val", "label"])
+                              ]))), 128))
+                            ]),
+                            e(y)[e(p)] && e(y)[e(p)].data.length > 1 ? (d(), L(Re, {
+                              key: 0,
+                              modelValue: e(S),
+                              "onUpdate:modelValue": i[4] || (i[4] = (l) => V(S) ? S.value = l : null),
+                              placeholder: e(t)("giftCard.selectPlacePlaceholder"),
+                              options: e(y)[e(p)].data,
+                              labelKey: "name",
+                              valueKey: "id",
+                              required: ""
+                            }, null, 8, ["modelValue", "placeholder", "options"])) : k("", !0)
+                          ])
+                        ])) : (d(), L(ae, { key: 1 }))
+                      ])),
+                      r(H, {
+                        modelValue: e(c),
+                        "onUpdate:modelValue": i[5] || (i[5] = (l) => V(c) ? c.value = l : null),
+                        type: "number",
+                        name: "value",
+                        label: e(t)("giftCard.value"),
+                        icon: "money-bill",
+                        placeholder: e(t)("giftCard.valuePlaceholder"),
+                        suffix: e(K),
+                        required: ""
+                      }, null, 8, ["modelValue", "label", "placeholder", "suffix"]),
+                      r(le, {
+                        modelValue: e(h),
+                        "onUpdate:modelValue": i[6] || (i[6] = (l) => V(h) ? h.value = l : null),
+                        type: "checkbox",
+                        name: "showValue",
+                        label: e(t)("giftCard.showValue"),
+                        checked: e(h)
+                      }, null, 8, ["modelValue", "label", "checked"]),
+                      k("", !0),
+                      k("", !0)
+                    ])
+                  ], 512), [
+                    [W, e(n)]
+                  ]),
+                  I(s("div", null, [
+                    s("div", {
+                      innerHTML: e(t)("giftCard.thankYou")
+                    }, null, 8, la)
+                  ], 512), [
+                    [W, e(g)]
+                  ])
+                ]),
+                R.layout !== "minimal" && e(n) ? (d(), f("div", ta, [
+                  s("div", oa, [
+                    r(x, {
+                      label: e(t)("giftCard.orderGiftCard"),
+                      "full-width": !0,
+                      disabled: !e(T),
+                      "is-loading": e(C),
+                      "onUpdate:isLoading": i[9] || (i[9] = (l) => V(C) ? C.value = l : null),
+                      onClickEvent: A
+                    }, null, 8, ["label", "disabled", "is-loading"])
+                  ])
+                ])) : k("", !0),
+                e(n) ? (d(), f("div", na, [
+                  r(H, {
+                    modelValue: e(v),
+                    "onUpdate:modelValue": i[10] || (i[10] = (l) => V(v) ? v.value = l : null),
+                    type: "textarea",
+                    name: "remark",
+                    label: e(t)("giftCard.remark"),
+                    icon: "info-circle",
+                    placeholder: e(t)("giftCard.remarkPlaceholder")
+                  }, null, 8, ["modelValue", "label", "placeholder"])
+                ])) : k("", !0),
+                e(n) ? I((d(), f("div", ia, [
+                  r(x, {
+                    label: e(t)("giftCard.orderGiftCard"),
+                    "full-width": !0,
+                    disabled: !e(T),
+                    "data-test": "orderGiftCard",
+                    "is-loading": e(C),
+                    "onUpdate:isLoading": i[11] || (i[11] = (l) => V(C) ? C.value = l : null),
+                    onClickEvent: A
+                  }, null, 8, ["label", "disabled", "is-loading"]),
+                  I(s("div", ra, [
+                    r(ze)
+                  ], 512), [
+                    [W, e(O)]
+                  ])
+                ])), [
+                  [m]
+                ]) : k("", !0)
+              ])) : (d(), L(ae, { key: 1 }))
+            ]),
+            _: 1
+          }, 8, ["access-token", "data-layout", "styling"])
+        ]),
+        fallback: j(() => [
+          r(je)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const da = /* @__PURE__ */ de(sa, [["__scopeId", "data-v-e4aa1e4c"]]), ua = Ce(), ca = Ve(), E = Fe({ components: { GiftCard: da } });
+E.use(ua);
+E.use(Pe);
+E.use(ca);
+E.use(Te);
+E.use($e, { bootstrap: !1 });
+E.mount("#konnectio-gift-card-app");