@konnectio/core 4.0.46 → 4.0.48

package/dist/gift-card-validation.cjs

@@ -1 +1 @@
-"use strict";const e=require("./SelectField.vue_vue_type_style_index_0_lang-56f30f3f.cjs"),g=require("./ActionField-b883fc4c.cjs"),_=require("./Container-7fbc2a99.cjs");require("./_commonjsHelpers-6763f629.cjs");require("./NumberField.vue_vue_type_script_setup_true_lang-ce6a2c1f.cjs");const y=o=>(e.pushScopeId("data-v-5af38302"),o=o(),e.popScopeId(),o),B=["innerHTML"],N={key:0,id:"fresh-booking-gift-card-validation-resume",class:"fresh-booking-panel"},C=y(()=>e.createBaseVNode("span",null,"Loading...",-1)),m=e.defineComponent({name:"GiftCardValidationLayout",__name:"GiftCardValidation",props:{accessToken:{},styling:{}},setup(o){const{t:a}=e.useI18n(),{voucher:l,isValid:c,amount:u,expirationDate:p,productName:f,isLoading:i}=e.storeToRefs(e.useApplyGiftCardStore()),{currency:V}=e.storeToRefs(e.useUtilityStore()),{apply:s}=e.useApplyGiftCardStore();return(d,t)=>(e.openBlock(),e.createBlock(_.Container,{styling:d.styling},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.Suspense,null,{default:e.withCtx(()=>[e.createVNode(e._sfc_main$1,{id:"fresh-booking-gift-card-validation-module","access-token":d.accessToken,type:"gift-card"},{default:e.withCtx(()=>[e.createBaseVNode("form",{onSubmit:t[3]||(t[3]=e.withModifiers(n=>e.unref(s)(),["prevent"]))},[e.createBaseVNode("h4",null,[e.createBaseVNode("span",null,e.toDisplayString(e.unref(a)("giftCardValidation.title")),1)]),e.createBaseVNode("p",{innerHTML:e.unref(a)("giftCardValidation.description")},null,8,B),e.createVNode(g.ActionField,{modelValue:e.unref(l),"onUpdate:modelValue":t[0]||(t[0]=n=>e.isRef(l)?l.value=n:null),icon:"gift-card",label:e.unref(a)("booking.reservation.giftCardCode"),buttonLabel:e.unref(a)("giftCardValidation.submitButton"),placeholder:"XXXXXXXX","is-loading":e.unref(i),"onUpdate:isLoading":t[1]||(t[1]=n=>e.isRef(i)?i.value=n:null),onAction:t[2]||(t[2]=n=>e.unref(s)())},null,8,["modelValue","label","buttonLabel","is-loading"]),!e.unref(i)&&e.unref(c)?(e.openBlock(),e.createElementBlock("table",N,[e.createBaseVNode("thead",null,[e.createBaseVNode("tr",null,[e.createBaseVNode("th",null,[e.createBaseVNode("span",null,e.toDisplayString(e.unref(a)("giftCardValidation.giftCard")),1),e.createVNode(e.Icon,{icon:"gift-card",type:"fas",color:"header"})]),e.createBaseVNode("th",null,[e.createBaseVNode("span",null,e.toDisplayString(e.unref(a)("giftCardValidation.balance")),1),e.createVNode(e.Icon,{icon:"money-bill",type:"fas",color:"header"})]),e.createBaseVNode("th",null,[e.createBaseVNode("span",null,e.toDisplayString(e.unref(a)("giftCardValidation.expirationDate")),1),e.createVNode(e.Icon,{icon:"timer",type:"fas",color:"header"})])])]),e.createBaseVNode("tbody",null,[e.createBaseVNode("tr",null,[e.createBaseVNode("td",null,[e.createBaseVNode("span",null,e.toDisplayString(e.unref(f)),1)]),e.createBaseVNode("td",null,[e.createBaseVNode("span",null,e.toDisplayString(e.unref(e.showPrice)(e.unref(u),e.unref(V))),1)]),e.createBaseVNode("td",null,[e.createBaseVNode("span",null,e.toDisplayString(e.unref(e.showDate)(e.unref(p))),1)])])])])):e.createCommentVNode("",!0)],32)]),_:1},8,["access-token"])]),fallback:e.withCtx(()=>[C]),_:1}))]),_:1},8,["styling"]))}});const h=e._export_sfc(m,[["__scopeId","data-v-5af38302"]]),r=e.createApp({components:{GiftCardValidation:h}}),b=e.createPinia();r.use(b);r.use(e.instance);r.mount("#konnectio-gift-card-validation-app");module.exports=r;
+"use strict";const e=require("./SelectField.vue_vue_type_style_index_0_lang-481daeed.cjs"),g=require("./ActionField-1549ffbd.cjs"),_=require("./Container-f5d9422b.cjs");require("./_commonjsHelpers-6763f629.cjs");require("./NumberField.vue_vue_type_script_setup_true_lang-4fed4239.cjs");const y=o=>(e.pushScopeId("data-v-5af38302"),o=o(),e.popScopeId(),o),B=["innerHTML"],N={key:0,id:"fresh-booking-gift-card-validation-resume",class:"fresh-booking-panel"},C=y(()=>e.createBaseVNode("span",null,"Loading...",-1)),m=e.defineComponent({name:"GiftCardValidationLayout",__name:"GiftCardValidation",props:{accessToken:{},styling:{}},setup(o){const{t:a}=e.useI18n(),{voucher:l,isValid:c,amount:u,expirationDate:p,productName:f,isLoading:i}=e.storeToRefs(e.useApplyGiftCardStore()),{currency:V}=e.storeToRefs(e.useUtilityStore()),{apply:s}=e.useApplyGiftCardStore();return(d,t)=>(e.openBlock(),e.createBlock(_.Container,{styling:d.styling},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.Suspense,null,{default:e.withCtx(()=>[e.createVNode(e._sfc_main$1,{id:"fresh-booking-gift-card-validation-module","access-token":d.accessToken,type:"gift-card"},{default:e.withCtx(()=>[e.createBaseVNode("form",{onSubmit:t[3]||(t[3]=e.withModifiers(n=>e.unref(s)(),["prevent"]))},[e.createBaseVNode("h4",null,[e.createBaseVNode("span",null,e.toDisplayString(e.unref(a)("giftCardValidation.title")),1)]),e.createBaseVNode("p",{innerHTML:e.unref(a)("giftCardValidation.description")},null,8,B),e.createVNode(g.ActionField,{modelValue:e.unref(l),"onUpdate:modelValue":t[0]||(t[0]=n=>e.isRef(l)?l.value=n:null),icon:"gift-card",label:e.unref(a)("booking.reservation.giftCardCode"),buttonLabel:e.unref(a)("giftCardValidation.submitButton"),placeholder:"XXXXXXXX","is-loading":e.unref(i),"onUpdate:isLoading":t[1]||(t[1]=n=>e.isRef(i)?i.value=n:null),onAction:t[2]||(t[2]=n=>e.unref(s)())},null,8,["modelValue","label","buttonLabel","is-loading"]),!e.unref(i)&&e.unref(c)?(e.openBlock(),e.createElementBlock("table",N,[e.createBaseVNode("thead",null,[e.createBaseVNode("tr",null,[e.createBaseVNode("th",null,[e.createBaseVNode("span",null,e.toDisplayString(e.unref(a)("giftCardValidation.giftCard")),1),e.createVNode(e.Icon,{icon:"gift-card",type:"fas",color:"header"})]),e.createBaseVNode("th",null,[e.createBaseVNode("span",null,e.toDisplayString(e.unref(a)("giftCardValidation.balance")),1),e.createVNode(e.Icon,{icon:"money-bill",type:"fas",color:"header"})]),e.createBaseVNode("th",null,[e.createBaseVNode("span",null,e.toDisplayString(e.unref(a)("giftCardValidation.expirationDate")),1),e.createVNode(e.Icon,{icon:"timer",type:"fas",color:"header"})])])]),e.createBaseVNode("tbody",null,[e.createBaseVNode("tr",null,[e.createBaseVNode("td",null,[e.createBaseVNode("span",null,e.toDisplayString(e.unref(f)),1)]),e.createBaseVNode("td",null,[e.createBaseVNode("span",null,e.toDisplayString(e.unref(e.showPrice)(e.unref(u),e.unref(V))),1)]),e.createBaseVNode("td",null,[e.createBaseVNode("span",null,e.toDisplayString(e.unref(e.showDate)(e.unref(p))),1)])])])])):e.createCommentVNode("",!0)],32)]),_:1},8,["access-token"])]),fallback:e.withCtx(()=>[C]),_:1}))]),_:1},8,["styling"]))}});const h=e._export_sfc(m,[["__scopeId","data-v-5af38302"]]),r=e.createApp({components:{GiftCardValidation:h}}),b=e.createPinia();r.use(b);r.use(e.instance);r.mount("#konnectio-gift-card-validation-app");module.exports=r;

package/dist/gift-card-validation.js

@@ -1,8 +1,8 @@
-import { k as S, F as X, s as _, a as y, c as w, m as u, n as C, w as r, G as x, p as l, A as a, H as o, q as t, J as V, v as A, K as c, L as G, M as I, x as B, N, P as T, Q as D, R as M, _ as U, U as H, V as P, W as R } from "./SelectField.vue_vue_type_style_index_0_lang-64d83bbf.js";
-import { A as $ } from "./ActionField-bab5237c.js";
-import { C as F } from "./Container-b16559ce.js";
+import { k as S, F as X, s as _, a as y, c as w, m as u, n as C, w as r, G as x, p as l, A as a, H as o, q as t, J as V, v as A, K as c, L as G, M as I, x as B, N, P as T, Q as D, R as M, _ as U, U as H, V as P, W as R } from "./SelectField.vue_vue_type_style_index_0_lang-5a110cc7.js";
+import { A as $ } from "./ActionField-a357f85c.js";
+import { C as F } from "./Container-f7abb048.js";
 import "./_commonjsHelpers-aeeeeb92.js";
-import "./NumberField.vue_vue_type_script_setup_true_lang-41b14077.js";
+import "./NumberField.vue_vue_type_script_setup_true_lang-75bc35e1.js";
 const q = (s) => (D("data-v-5af38302"), s = s(), M(), s), E = ["innerHTML"], J = {
   key: 0,
   id: "fresh-booking-gift-card-validation-resume",

package/dist/gift-card.cjs

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

package/dist/gift-card.js

@@ -1,15 +1,15 @@
-import { d as ce, u as pe, s as X, c as Z, r as v, ad as P, e as Y, f as g, j as le, S as Q, h as me, i as fe, ae as ve, k as ee, F as re, b as ge, m as s, n as G, w as A, A as i, v as c, p as n, q as e, C as D, x as y, y as de, I as ye, _ as ue, a2 as be, o as _e, G as he, H as te, af as N, ag as j, a3 as ke, a4 as Ce, J as V, B as Ve, a5 as oe, T as H, P as Fe, V as we, U as Pe, W as Se, a9 as Te } from "./SelectField.vue_vue_type_style_index_0_lang-64d83bbf.js";
-import { C as $e } from "./Container-b16559ce.js";
-import { a as Ue, C as ne, P as Re, _ as qe } from "./CheckoutWindow-7c0d94ac.js";
-import { E as Ee } from "./_-de5d9a78.js";
-import { F as L } from "./Field-15886b67.js";
+import { d as ce, u as pe, s as X, c as Z, r as g, ad as w, e as Y, f as y, j as le, S as Q, h as me, i as fe, ae as ve, k as ee, F as re, b as ge, m as s, n as G, w as A, A as i, v as c, p as n, q as e, C as D, x as b, y as de, I as ye, _ as ue, a2 as be, o as _e, G as he, H as te, af as N, ag as j, a3 as ke, a4 as Ce, J as V, B as Ve, a5 as oe, T as H, P as Fe, V as Pe, U as we, W as Te, a9 as Se } from "./SelectField.vue_vue_type_style_index_0_lang-5a110cc7.js";
+import { C as $e } from "./Container-f7abb048.js";
+import { a as Ue, C as ne, P as Re, _ as qe } from "./CheckoutWindow-19671ec6.js";
+import { E as Ee } from "./_-94fcf267.js";
+import { F as L } from "./Field-f6185c85.js";
 import "./_commonjsHelpers-aeeeeb92.js";
 const ie = ce("giftCard", () => {
-  const { pay: S } = pe(), { bearerToken: b, metaData: q, currencyId: t } = X(Z()), { verifyRecaptcha: _ } = Z(), d = v(P.InitialState), u = Y("konnectio_name", "", void 0, { serializer: Q.string }), p = Y("konnectio_email", "", void 0, { serializer: Q.string }), h = Y("konnectio_phone", "", void 0, { serializer: Q.string }), k = v(""), E = v(1), I = v(!0), F = v(""), l = v({
+  const { pay: T } = pe(), { bearerToken: p, metaData: E, currencyId: t } = X(Z()), { verifyRecaptcha: _ } = Z(), d = g(w.InitialState), u = Y("konnectio_name", "", void 0, { serializer: Q.string }), m = Y("konnectio_email", "", void 0, { serializer: Q.string }), h = Y("konnectio_phone", "", void 0, { serializer: Q.string }), k = g(""), I = g(1), M = g(!0), F = g(""), l = g({
     base64: "",
     type: "",
     name: ""
-  }), r = v(void 0), f = v(0), T = v(!1), m = v(0), U = g(() => d.value === P.InitialState || d.value === P.WaitingForResponse), M = g(() => d.value === P.ReadyToPay), $ = g(() => d.value === P.PaymentSuccess), x = g(() => {
+  }), r = g(void 0), v = g(0), S = g(!1), f = g(0), R = y(() => d.value === w.InitialState || d.value === w.WaitingForResponse), x = y(() => d.value === w.ReadyToPay), $ = y(() => d.value === w.PaymentSuccess), B = y(() => {
     const a = {
       1: {
         label: le.t("giftCard.hotelType"),
@@ -19,26 +19,26 @@ const ie = ce("giftCard", () => {
         label: le.t("giftCard.restaurantType"),
         data: []
       }
-    }, w = q.value.hotels[0].places;
-    return w && w.forEach((C) => {
+    }, P = E.value.hotels[0].places;
+    return P && P.forEach((C) => {
       a[C.placeType].data.push(C);
     }), Object.fromEntries(
       Object.entries(a).filter(([, C]) => C.data.length > 0)
     );
-  }), z = g(() => m.value !== 0), R = g(() => {
+  }), z = y(() => f.value !== 0), U = y(() => {
     let a;
     if (z.value)
-      a = x.value[m.value].data[0];
-    else if (f.value !== 0) {
-      const w = r.value, C = x.value[f.value].data;
-      C.length === 1 ? a = C[0] : w !== void 0 && C.forEach((ae) => {
-        String(ae.id) === String(w) && (a = ae);
+      a = B.value[f.value].data[0];
+    else if (v.value !== 0) {
+      const P = r.value, C = B.value[v.value].data;
+      C.length === 1 ? a = C[0] : P !== void 0 && C.forEach((ae) => {
+        String(ae.id) === String(P) && (a = ae);
       });
     }
     return a;
-  }), K = g(() => !(!u.value || !p.value || !(h.value.length >= 5) || !k.value || R.value === void 0)), J = g(() => !(d.value === P.InitialState && T.value)), W = g(() => !!(d.value === P.WaitingForResponse && T.value));
-  async function B() {
-    d.value = P.WaitingForResponse, T.value = !0, _({
+  }), K = y(() => !(!u.value || !m.value || !(h.value.length >= 5) || !k.value || U.value === void 0)), J = y(() => !(d.value === w.InitialState && S.value)), W = y(() => !!(d.value === w.WaitingForResponse && S.value));
+  async function q() {
+    d.value = w.WaitingForResponse, S.value = !0, _({
       type: "create_gift_card",
       callback: async () => {
         await me.post("https://production.hotel-service.konnectio.dk/api/gift-card/create", {
@@ -47,25 +47,25 @@ const ie = ce("giftCard", () => {
           currencyID: t.value,
           language: fe(),
           amount: k.value,
-          quantity: E.value,
+          quantity: I.value,
           freeText: F.value,
-          showPrice: I.value,
+          showPrice: M.value,
           contactName: u.value,
-          contactEmail: p.value,
+          contactEmail: m.value,
           contactPhone: h.value,
           imageBase64: ve(l.value.base64),
           imageName: l.value.name,
           imageFormat: l.value.type,
-          placeType: R.value ? R.value.placeType : void 0,
-          placeID: R.value ? R.value.id : void 0
+          placeType: U.value ? U.value.placeType : void 0,
+          placeID: U.value ? U.value.id : void 0
         }, {
           headers: {
-            Authorization: b.value,
+            Authorization: p.value,
             Accept: "application/json",
-            "Fresh-Booking-Ver": "4.0.46"
+            "Fresh-Booking-Ver": "4.0.48"
           }
         }).then((a) => {
-          d.value = P.ReadyToPay, T.value = !1, S({
+          d.value = w.ReadyToPay, S.value = !1, T({
             callback: () => console.log("Callback!"),
             response: a.data
           });
@@ -74,32 +74,33 @@ const ie = ce("giftCard", () => {
     });
   }
   function o(a) {
-    a && (m.value = a);
+    a && (f.value = a);
   }
   return {
+    selectedPlace: U,
     moduleState: d,
     name: u,
-    email: p,
+    email: m,
     phone: h,
     value: k,
     remark: F,
-    showValue: I,
-    quantity: E,
+    showValue: M,
+    quantity: I,
     media: l,
     placeId: r,
-    placeType: f,
-    showFormPage: U,
-    showPaymentPage: M,
+    placeType: v,
+    showFormPage: R,
+    showPaymentPage: x,
     showConfirmationPage: $,
-    places: x,
+    places: B,
     hasFilledForm: K,
     hasForcedPlaceType: z,
     isWaitingForResponse: W,
     isMetaDataAvailable: J,
-    orderGiftCard: B,
+    orderGiftCard: q,
     initialize: o
   };
-}), Ge = { class: "media-selector" }, Ie = ["accept"], Me = { class: "media-selector-wrapper" }, xe = { class: "media-selector-tools" }, Be = { key: 0 }, Le = { key: 1 }, Ae = { key: 2 }, De = ["src"], ze = /* @__PURE__ */ ee({
+}), Ie = { class: "media-selector" }, Ge = ["accept"], Me = { class: "media-selector-wrapper" }, xe = { class: "media-selector-tools" }, Be = { key: 0 }, Le = { key: 1 }, Ae = { key: 2 }, De = ["src"], ze = /* @__PURE__ */ ee({
   __name: "MediaSelector",
   props: {
     modelValue: {},
@@ -109,10 +110,10 @@ const ie = ce("giftCard", () => {
     required: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(S, { emit: b }) {
-    const q = b, t = S, { t: _ } = re(), { display: d } = ge(), u = v(), p = g(() => t.modelValue.base64 !== "");
+  setup(T, { emit: p }) {
+    const E = p, t = T, { t: _ } = re(), { display: d } = ge(), u = g(), m = y(() => t.modelValue.base64 !== "");
     function h(l) {
-      q("update:modelValue", l);
+      E("update:modelValue", l);
     }
     function k() {
       h({
@@ -121,25 +122,25 @@ const ie = ce("giftCard", () => {
         type: ""
       }), u.value && (u.value.value = "");
     }
-    function E() {
+    function I() {
       u.value && u.value.click();
     }
-    function I(l, r) {
-      const [f, T] = [l.name, l.type], m = new FileReader();
-      m.onload = function(U) {
-        if (U.target) {
-          const M = U.target.result;
-          r({ base64: M, name: f, type: T });
+    function M(l, r) {
+      const [v, S] = [l.name, l.type], f = new FileReader();
+      f.onload = function(R) {
+        if (R.target) {
+          const x = R.target.result;
+          r({ base64: x, name: v, type: S });
         } else
           d({
             message: _("imageUploadError"),
             type: "error"
           });
-      }, m.readAsDataURL(l);
+      }, f.readAsDataURL(l);
     }
     async function F() {
       let l;
-      (l = u.value.files) instanceof FileList && I(l[0], h);
+      (l = u.value.files) instanceof FileList && M(l[0], h);
     }
     return (l, r) => (s(), G(ye, {
       label: l.label,
@@ -147,7 +148,7 @@ const ie = ce("giftCard", () => {
       type: "media"
     }, {
       default: A(() => [
-        i("div", Ge, [
+        i("div", Ie, [
           i("input", {
             ref_key: "fileInput",
             ref: u,
@@ -155,48 +156,48 @@ const ie = ce("giftCard", () => {
             class: "hidden",
             accept: l.validation,
             single: "",
-            onChange: r[0] || (r[0] = (f) => F())
-          }, null, 40, Ie),
+            onChange: r[0] || (r[0] = (v) => F())
+          }, null, 40, Ge),
           i("div", Me, [
             i("ul", xe, [
-              p.value ? y("", !0) : (s(), c("li", Be, [
+              m.value ? b("", !0) : (s(), c("li", Be, [
                 n(D, {
                   label: e(_)("uploadFile"),
                   type: "button",
                   icon: "upload",
                   "icon-color": l.iconColor,
-                  onClickEvent: r[1] || (r[1] = (f) => E())
+                  onClickEvent: r[1] || (r[1] = (v) => I())
                 }, null, 8, ["label", "icon-color"])
               ])),
-              p.value ? (s(), c("li", Le, [
+              m.value ? (s(), c("li", Le, [
                 n(D, {
                   label: e(_)("replaceFile"),
                   type: "button",
                   icon: "repeat-alt",
                   "icon-color": l.iconColor,
-                  onClickEvent: r[2] || (r[2] = (f) => E())
+                  onClickEvent: r[2] || (r[2] = (v) => I())
                 }, null, 8, ["label", "icon-color"])
-              ])) : y("", !0),
-              p.value ? (s(), c("li", Ae, [
+              ])) : b("", !0),
+              m.value ? (s(), c("li", Ae, [
                 n(D, {
                   label: e(_)("removeFile"),
                   type: "button",
                   icon: "trash-alt",
                   "icon-color": l.iconColor,
-                  onClickEvent: r[3] || (r[3] = (f) => k())
+                  onClickEvent: r[3] || (r[3] = (v) => k())
                 }, null, 8, ["label", "icon-color"])
-              ])) : y("", !0)
+              ])) : b("", !0)
             ]),
             i("div", {
               class: de([
                 "media-selector-previewer",
-                { opened: p.value }
+                { opened: m.value }
               ])
             }, [
               l.modelValue ? (s(), c("img", {
                 key: 0,
                 src: l.modelValue.base64
-              }, null, 8, De)) : y("", !0)
+              }, null, 8, De)) : b("", !0)
             ], 2)
           ])
         ])
@@ -205,9 +206,9 @@ const ie = ce("giftCard", () => {
     }, 8, ["label", "required"]));
   }
 });
-function se(S) {
-  const b = S;
-  b.__i18n = b.__i18n || [], b.__i18n.push({
+function se(T) {
+  const p = T;
+  p.__i18n = p.__i18n || [], p.__i18n.push({
     locale: "",
     resource: {
       da: {
@@ -228,8 +229,8 @@ function se(S) {
 typeof se == "function" && se(ze);
 const We = { class: "gift-card-skeleton" }, Ne = { class: "gift-card-skeleton-form" }, je = /* @__PURE__ */ ee({
   __name: "GiftCardSkeleton",
-  setup(S) {
-    return (b, q) => (s(), c("div", We, [
+  setup(T) {
+    return (p, E) => (s(), c("div", We, [
       i("div", Ne, [
         n(L),
         n(L),
@@ -267,49 +268,50 @@ const He = /* @__PURE__ */ ue(je, [["__scopeId", "data-v-e35c75b3"]]), Oe = {
     placeType: {},
     styling: {}
   },
-  setup(S) {
-    const b = S, q = g(() => ({
+  setup(T) {
+    const p = T, E = y(() => ({
       panelMaxWidth: "800px",
-      ...b.styling
+      ...p.styling
     })), { t } = re(), {
       name: _,
       email: d,
       phone: u,
-      value: p,
+      value: m,
       remark: h,
       showValue: k,
-      quantity: E,
-      media: I,
+      quantity: I,
+      media: M,
       placeId: F,
       placeType: l,
       showFormPage: r,
-      showPaymentPage: f,
-      showConfirmationPage: T,
-      places: m,
-      hasFilledForm: U,
-      hasForcedPlaceType: M,
+      showPaymentPage: v,
+      showConfirmationPage: S,
+      places: f,
+      hasFilledForm: R,
+      hasForcedPlaceType: x,
       isWaitingForResponse: $,
-      isMetaDataAvailable: x
-    } = X(ie()), { initialize: z, orderGiftCard: R } = ie(), { isRecaptchaEnabled: K, currency: J } = X(Z());
+      isMetaDataAvailable: B
+    } = X(ie()), { initialize: z, orderGiftCard: U } = ie(), { isRecaptchaEnabled: K, currency: J } = X(Z());
     async function W() {
-      await R();
+      await U();
     }
     return be(l, () => {
       F.value = void 0;
     }), _e(() => {
-      z();
-    }), (B, o) => (s(), G($e, { styling: q.value }, {
+      const q = p.placeType ? parseInt(p.placeType) : void 0;
+      z(q);
+    }), (q, o) => (s(), G($e, { styling: E.value }, {
       default: A(() => [
         (s(), G(he, null, {
           default: A(() => [
             n(Fe, {
               id: "konnectio-gift-card-module",
               type: "gift-card",
-              "access-token": B.accessToken,
-              "data-layout": B.layout
+              "access-token": q.accessToken,
+              "data-layout": q.layout
             }, {
               default: A(() => [
-                e(x) ? (s(), c("div", Oe, [
+                e(B) ? (s(), c("div", Oe, [
                   i("h2", Ke, [
                     i("span", null, te(e(t)("giftCard.title")), 1)
                   ]),
@@ -317,7 +319,7 @@ const He = /* @__PURE__ */ ue(je, [["__scopeId", "data-v-e35c75b3"]]), Oe = {
                     N(i("div", Ye, [
                       n(Ue)
                     ], 512), [
-                      [j, e(f)]
+                      [j, e(v)]
                     ]),
                     N(i("div", null, [
                       i("p", {
@@ -325,34 +327,34 @@ const He = /* @__PURE__ */ ue(je, [["__scopeId", "data-v-e35c75b3"]]), Oe = {
                         innerHTML: e(t)("giftCard.description")
                       }, null, 8, Qe),
                       i("form", null, [
-                        e(M) ? y("", !0) : (s(), c("div", Xe, [
-                          e(m) ? (s(), c("div", Ze, [
+                        e(x) ? b("", !0) : (s(), c("div", Xe, [
+                          e(f) ? (s(), c("div", Ze, [
                             i("label", ea, [
                               i("span", null, te(e(t)("giftCard.selectType")), 1)
                             ]),
                             i("div", aa, [
                               i("ul", null, [
-                                (s(!0), c(ke, null, Ce(e(m), (a, w) => (s(), c("li", { key: w }, [
+                                (s(!0), c(ke, null, Ce(e(f), (a, P) => (s(), c("li", { key: P }, [
                                   n(ne, {
                                     modelValue: e(l),
                                     "onUpdate:modelValue": o[0] || (o[0] = (C) => V(l) ? l.value = C : null),
                                     type: "radio",
                                     name: "placeType",
-                                    val: w,
+                                    val: P,
                                     label: a.label
                                   }, null, 8, ["modelValue", "val", "label"])
                                 ]))), 128))
                               ]),
-                              e(m)[e(l)] && e(m)[e(l)].data.length > 1 ? (s(), G(Ve, {
+                              e(f)[e(l)] && e(f)[e(l)].data.length > 1 ? (s(), G(Ve, {
                                 key: 0,
                                 modelValue: e(F),
                                 "onUpdate:modelValue": o[1] || (o[1] = (a) => V(F) ? F.value = a : null),
                                 placeholder: e(t)("giftCard.selectPlacePlaceholder"),
-                                options: e(m)[e(l)].data,
+                                options: e(f)[e(l)].data,
                                 labelKey: "name",
                                 valueKey: "id",
                                 required: ""
-                              }, null, 8, ["modelValue", "placeholder", "options"])) : y("", !0)
+                              }, null, 8, ["modelValue", "placeholder", "options"])) : b("", !0)
                             ])
                           ])) : (s(), G(oe, { key: 1 }))
                         ])),
@@ -387,8 +389,8 @@ const He = /* @__PURE__ */ ue(je, [["__scopeId", "data-v-e35c75b3"]]), Oe = {
                           required: ""
                         }, null, 8, ["modelValue", "label", "placeholder"]),
                         n(H, {
-                          modelValue: e(p),
-                          "onUpdate:modelValue": o[5] || (o[5] = (a) => V(p) ? p.value = a : null),
+                          modelValue: e(m),
+                          "onUpdate:modelValue": o[5] || (o[5] = (a) => V(m) ? m.value = a : null),
                           type: "number",
                           name: "value",
                           label: e(t)("giftCard.value"),
@@ -405,8 +407,8 @@ const He = /* @__PURE__ */ ue(je, [["__scopeId", "data-v-e35c75b3"]]), Oe = {
                           label: e(t)("giftCard.showValue"),
                           checked: e(k)
                         }, null, 8, ["modelValue", "label", "checked"]),
-                        y("", !0),
-                        y("", !0)
+                        b("", !0),
+                        b("", !0)
                       ])
                     ], 512), [
                       [j, e(r)]
@@ -416,21 +418,21 @@ const He = /* @__PURE__ */ ue(je, [["__scopeId", "data-v-e35c75b3"]]), Oe = {
                         innerHTML: e(t)("giftCard.thankYou")
                       }, null, 8, la)
                     ], 512), [
-                      [j, e(T)]
+                      [j, e(S)]
                     ])
                   ]),
-                  B.layout !== "minimal" && e(r) ? (s(), c("div", ta, [
+                  q.layout !== "minimal" && e(r) ? (s(), c("div", ta, [
                     i("div", oa, [
                       n(D, {
                         label: e(t)("giftCard.orderGiftCard"),
                         "full-width": !0,
-                        disabled: !e(U),
+                        disabled: !e(R),
                         "is-loading": e($),
                         "onUpdate:isLoading": o[9] || (o[9] = (a) => V($) ? $.value = a : null),
                         onClickEvent: W
                       }, null, 8, ["label", "disabled", "is-loading"])
                     ])
-                  ])) : y("", !0),
+                  ])) : b("", !0),
                   e(r) ? (s(), c("div", na, [
                     n(H, {
                       modelValue: e(h),
@@ -441,12 +443,12 @@ const He = /* @__PURE__ */ ue(je, [["__scopeId", "data-v-e35c75b3"]]), Oe = {
                       icon: "info-circle",
                       placeholder: e(t)("giftCard.remarkPlaceholder")
                     }, null, 8, ["modelValue", "label", "placeholder"])
-                  ])) : y("", !0),
+                  ])) : b("", !0),
                   e(r) ? (s(), c("div", ia, [
                     n(D, {
                       label: e(t)("giftCard.orderGiftCard"),
                       "full-width": !0,
-                      disabled: !e(U),
+                      disabled: !e(R),
                       "data-test": "orderGiftCard",
                       "is-loading": e($),
                       "onUpdate:isLoading": o[11] || (o[11] = (a) => V($) ? $.value = a : null),
@@ -457,7 +459,7 @@ const He = /* @__PURE__ */ ue(je, [["__scopeId", "data-v-e35c75b3"]]), Oe = {
                     ], 512), [
                       [j, e(K)]
                     ])
-                  ])) : y("", !0)
+                  ])) : b("", !0)
                 ])) : (s(), G(oe, { key: 1 }))
               ]),
               _: 1
@@ -473,8 +475,8 @@ const He = /* @__PURE__ */ ue(je, [["__scopeId", "data-v-e35c75b3"]]), Oe = {
     }, 8, ["styling"]));
   }
 });
-const da = /* @__PURE__ */ ue(ra, [["__scopeId", "data-v-d9cb156e"]]), ua = we(), O = Pe({ components: { GiftCard: da } });
+const da = /* @__PURE__ */ ue(ra, [["__scopeId", "data-v-111b608c"]]), ua = Pe(), O = we({ components: { GiftCard: da } });
 O.use(ua);
-O.use(Se);
-O.use(Te, { bootstrap: !0 });
+O.use(Te);
+O.use(Se, { bootstrap: !0 });
 O.mount("#konnectio-gift-card-app");