@konnectio/core 4.0.12 → 4.0.14

package/dist/gift-card.cjs

@@ -1 +1 @@
-"use strict";const e=require("./SelectField.vue_vue_type_style_index_0_lang-4755fb8a.cjs"),V=require("./index-345407fb.cjs"),M=require("./_-0895679a.cjs"),x=require("./TextField-6f7e37d9.cjs"),R=require("./Field-dcffacf2.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),p=e.useStorage("freshBookingName","",void 0,{serializer:e.StorageSerializers.string}),g=e.useStorage("freshBookingEmail","",void 0,{serializer:e.StorageSerializers.string}),s=e.useStorage("freshBookingPhone","",void 0,{serializer:e.StorageSerializers.string}),f=e.ref(""),C=e.ref(1),w=e.ref(!0),v=e.ref(""),u=e.ref({base64:"",type:"",name:""}),k=e.ref(void 0),n=e.ref(0),i=e.ref(!1),d=e.ref(0),B=e.computed(()=>t.value===e.GiftCardModuleState.InitialState||t.value===e.GiftCardModuleState.WaitingForResponse),N=e.computed(()=>t.value===e.GiftCardModuleState.ReadyToPay),m=e.computed(()=>t.value===e.GiftCardModuleState.PaymentSuccess),h=e.computed(()=>{const c={1:{label:e.i18n.t("giftCard.hotelType"),data:[]},2:{label:e.i18n.t("giftCard.restaurantType"),data:[]}},a=o.value.places;return a&&a.forEach(_=>{c[_.placeType].data.push(_)}),Object.fromEntries(Object.entries(c).filter(([,_])=>_.data.length>0))}),T=e.computed(()=>d.value!==0),b=e.computed(()=>{let c;if(T.value)c=h.value[d.value].data[0];else if(n.value!==0){const a=k.value,_=h.value[n.value].data;_.length===1?c=_[0]:a!==void 0&&_.forEach(z=>{String(z.id)===String(a)&&(c=z)})}return c}),E=e.computed(()=>!(!p.value||!g.value||!(s.value.length>=5)||!f.value||b.value===void 0)),q=e.computed(()=>!(t.value===e.GiftCardModuleState.InitialState&&i.value)),P=e.computed(()=>!!(t.value===e.GiftCardModuleState.WaitingForResponse&&i.value));async function S(){t.value=e.GiftCardModuleState.WaitingForResponse,i.value=!0,await e.axios.post("https://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:f.value,quantity:C.value,freeText:v.value,showPrice:w.value,contactName:p.value,contactEmail:g.value,contactPhone:s.value,imageBase64:e.b2a(u.value.base64),imageName:u.value.name,imageFormat:u.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.12"}}).then(c=>{t.value=e.GiftCardModuleState.ReadyToPay,i.value=!1,y({callback:()=>console.log("Callback!"),response:c.data})})}function r(c){c&&(d.value=c)}return{moduleState:t,name:p,email:g,phone:s,value:f,remark:v,showValue:w,quantity:C,media:u,placeId:k,placeType:n,showFormPage:B,showPaymentPage:N,showConfirmationPage:m,places:h,hasFilledForm:E,hasForcedPlaceType:T,isWaitingForResponse:P,isMetaDataAvailable:q,orderGiftCard:S,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=l,t=y,{t:p}=e.useI18n(),{display:g}=e.useAlertStore(),s=e.ref(),f=e.computed(()=>t.modelValue.base64!=="");function C(n){o("update:modelValue",n)}function w(){C({base64:"",name:"",type:""}),s.value&&(s.value.value="")}function v(){s.value&&s.value.click()}function u(n,i){const[d,B]=[n.name,n.type],N=new FileReader;N.onload=function(m){if(m.target){const h=m.target.result;i({base64:h,name:d,type:B})}else g({message:p("imageUploadError"),type:"error"})},N.readAsDataURL(n)}async function k(){let n;(n=s.value.files)instanceof FileList&&u(n[0],C)}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:s,type:"file",class:"hidden",accept:n.validation,single:"",onChange:i[0]||(i[0]=d=>k())},null,40,D),e.createBaseVNode("div",I,[e.createBaseVNode("ul",L,[f.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("li",A,[e.createVNode(e.Clickable,{label:e.unref(p)("uploadFile"),type:"button",icon:"upload","icon-color":n.iconColor,onClickEvent:i[1]||(i[1]=d=>v())},null,8,["label","icon-color"])])),f.value?(e.openBlock(),e.createElementBlock("li",W,[e.createVNode(e.Clickable,{label:e.unref(p)("replaceFile"),type:"button",icon:"repeat-alt","icon-color":n.iconColor,onClickEvent:i[2]||(i[2]=d=>v())},null,8,["label","icon-color"])])):e.createCommentVNode("",!0),f.value?(e.openBlock(),e.createElementBlock("li",j,[e.createVNode(e.Clickable,{label:e.unref(p)("removeFile"),type:"button",icon:"trash-alt","icon-color":n.iconColor,onClickEvent:i[3]||(i[3]=d=>w())},null,8,["label","icon-color"])])):e.createCommentVNode("",!0)]),e.createBaseVNode("div",{class:e.normalizeClass(["media-selector-previewer",{opened:f.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:p,value:g,remark:s,showValue:f,quantity:C,media:w,placeId:v,placeType:u,showFormPage:k,showPaymentPage:n,showConfirmationPage:i,places:d,hasFilledForm:B,hasForcedPlaceType:N,isWaitingForResponse:m,isMetaDataAvailable:h}=e.storeToRefs(U()),{initialize:T,orderGiftCard:b}=U(),{isRecaptchaEnabled:E,currency:q}=e.storeToRefs(e.useUtilityStore());async function P(){await b()}return e.watch(u,()=>{v.value=void 0}),e.onMounted(()=>{T()}),(S,r)=>{const c=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":S.accessToken,"data-layout":S.layout,styling:S.styling,"sticky-container":""},{default:e.withCtx(()=>[e.unref(h)?(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(n)]]),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(p),"onUpdate:modelValue":r[2]||(r[2]=a=>e.isRef(p)?p.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(N)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",le,[e.unref(d)?(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(d),(a,_)=>(e.openBlock(),e.createElementBlock("li",{key:_},[e.createVNode(V.Checkbox,{modelValue:e.unref(u),"onUpdate:modelValue":r[3]||(r[3]=z=>e.isRef(u)?u.value=z:null),type:"radio",name:"placeType",val:_,label:a.label},null,8,["modelValue","val","label"])]))),128))]),e.unref(d)[e.unref(u)]&&e.unref(d)[e.unref(u)].data.length>1?(e.openBlock(),e.createBlock(x._sfc_main,{key:0,modelValue:e.unref(v),"onUpdate:modelValue":r[4]||(r[4]=a=>e.isRef(v)?v.value=a:null),placeholder:e.unref(l)("giftCard.selectPlacePlaceholder"),options:e.unref(d)[e.unref(u)].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(g),"onUpdate:modelValue":r[5]||(r[5]=a=>e.isRef(g)?g.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(f),"onUpdate:modelValue":r[6]||(r[6]=a=>e.isRef(f)?f.value=a:null),type:"checkbox",name:"showValue",label:e.unref(l)("giftCard.showValue"),checked:e.unref(f)},null,8,["modelValue","label","checked"]),e.createCommentVNode("",!0),e.createCommentVNode("",!0)])],512),[[e.vShow,e.unref(k)]]),e.withDirectives(e.createBaseVNode("div",null,[e.createBaseVNode("div",{innerHTML:e.unref(l)("giftCard.thankYou")},null,8,ie)],512),[[e.vShow,e.unref(i)]])]),S.layout!=="minimal"&&e.unref(k)?(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(B),"is-loading":e.unref(m),"onUpdate:isLoading":r[9]||(r[9]=a=>e.isRef(m)?m.value=a:null),onClickEvent:P},null,8,["label","disabled","is-loading"])])])):e.createCommentVNode("",!0),e.unref(k)?(e.openBlock(),e.createElementBlock("div",ue,[e.createVNode(x.TextField,{modelValue:e.unref(s),"onUpdate:modelValue":r[10]||(r[10]=a=>e.isRef(s)?s.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(k)?e.withDirectives((e.openBlock(),e.createElementBlock("div",ce,[e.createVNode(e.Clickable,{label:e.unref(l)("giftCard.orderGiftCard"),"full-width":!0,disabled:!e.unref(B),"data-test":"orderGiftCard","is-loading":e.unref(m),"onUpdate:isLoading":r[11]||(r[11]=a=>e.isRef(m)?m.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)]])])),[[c]]):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(),F=e.createApp({components:{GiftCard:me}});F.use(_e);F.use(e.instance);F.use(ve);F.use(V.StickyPlugin);F.use(V.install,{bootstrap:!1});F.mount("#konnectio-gift-card-app");
+"use strict";const e=require("./SelectField.vue_vue_type_style_index_0_lang-43c8a651.cjs"),V=require("./index-751b236a.cjs"),$=require("./_-de6b4115.cjs"),z=require("./TextField-379793fe.cjs"),x=require("./Field-cbc16db4.cjs");require("./_commonjsHelpers-6763f629.cjs");const U=e.defineStore("giftCard",()=>{e.useAlertStore();const{pay:y}=$.usePaymentStore(),{bearerToken:l,metaData:o}=e.storeToRefs(e.useUtilityStore()),t=e.ref(e.GiftCardModuleState.InitialState),p=e.useStorage("freshBookingName","",void 0,{serializer:e.StorageSerializers.string}),g=e.useStorage("freshBookingEmail","",void 0,{serializer:e.StorageSerializers.string}),s=e.useStorage("freshBookingPhone","",void 0,{serializer:e.StorageSerializers.string}),f=e.ref(""),C=e.ref(1),w=e.ref(!0),v=e.ref(""),u=e.ref({base64:"",type:"",name:""}),k=e.ref(void 0),n=e.ref(0),i=e.ref(!1),d=e.ref(0),B=e.computed(()=>t.value===e.GiftCardModuleState.InitialState||t.value===e.GiftCardModuleState.WaitingForResponse),N=e.computed(()=>t.value===e.GiftCardModuleState.ReadyToPay),m=e.computed(()=>t.value===e.GiftCardModuleState.PaymentSuccess),h=e.computed(()=>{const c={1:{label:e.i18n.t("giftCard.hotelType"),data:[]},2:{label:e.i18n.t("giftCard.restaurantType"),data:[]}},a=o.value.places;return a&&a.forEach(_=>{c[_.placeType].data.push(_)}),Object.fromEntries(Object.entries(c).filter(([,_])=>_.data.length>0))}),R=e.computed(()=>d.value!==0),b=e.computed(()=>{let c;if(R.value)c=h.value[d.value].data[0];else if(n.value!==0){const a=k.value,_=h.value[n.value].data;_.length===1?c=_[0]:a!==void 0&&_.forEach(P=>{String(P.id)===String(a)&&(c=P)})}return c}),E=e.computed(()=>!(!p.value||!g.value||!(s.value.length>=5)||!f.value||b.value===void 0)),q=e.computed(()=>!(t.value===e.GiftCardModuleState.InitialState&&i.value)),T=e.computed(()=>!!(t.value===e.GiftCardModuleState.WaitingForResponse&&i.value));async function S(){t.value=e.GiftCardModuleState.WaitingForResponse,i.value=!0,await e.axios.post("https://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:f.value,quantity:C.value,freeText:v.value,showPrice:w.value,contactName:p.value,contactEmail:g.value,contactPhone:s.value,imageBase64:e.b2a(u.value.base64),imageName:u.value.name,imageFormat:u.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.14"}}).then(c=>{t.value=e.GiftCardModuleState.ReadyToPay,i.value=!1,y({callback:()=>console.log("Callback!"),response:c.data})})}function r(c){c&&(d.value=c)}return{moduleState:t,name:p,email:g,phone:s,value:f,remark:v,showValue:w,quantity:C,media:u,placeId:k,placeType:n,showFormPage:B,showPaymentPage:N,showConfirmationPage:m,places:h,hasFilledForm:E,hasForcedPlaceType:R,isWaitingForResponse:T,isMetaDataAvailable:q,orderGiftCard:S,initialize:r}}),M={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=l,t=y,{t:p}=e.useI18n(),{display:g}=e.useAlertStore(),s=e.ref(),f=e.computed(()=>t.modelValue.base64!=="");function C(n){o("update:modelValue",n)}function w(){C({base64:"",name:"",type:""}),s.value&&(s.value.value="")}function v(){s.value&&s.value.click()}function u(n,i){const[d,B]=[n.name,n.type],N=new FileReader;N.onload=function(m){if(m.target){const h=m.target.result;i({base64:h,name:d,type:B})}else g({message:p("imageUploadError"),type:"error"})},N.readAsDataURL(n)}async function k(){let n;(n=s.value.files)instanceof FileList&&u(n[0],C)}return(n,i)=>(e.openBlock(),e.createBlock(e.InputField,{label:n.label,required:n.required,type:"media"},{default:e.withCtx(()=>[e.createBaseVNode("div",M,[e.createBaseVNode("input",{ref_key:"fileInput",ref:s,type:"file",class:"hidden",accept:n.validation,single:"",onChange:i[0]||(i[0]=d=>k())},null,40,D),e.createBaseVNode("div",I,[e.createBaseVNode("ul",L,[f.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("li",A,[e.createVNode(e.Clickable,{label:e.unref(p)("uploadFile"),type:"button",icon:"upload","icon-color":n.iconColor,onClickEvent:i[1]||(i[1]=d=>v())},null,8,["label","icon-color"])])),f.value?(e.openBlock(),e.createElementBlock("li",W,[e.createVNode(e.Clickable,{label:e.unref(p)("replaceFile"),type:"button",icon:"repeat-alt","icon-color":n.iconColor,onClickEvent:i[2]||(i[2]=d=>v())},null,8,["label","icon-color"])])):e.createCommentVNode("",!0),f.value?(e.openBlock(),e.createElementBlock("li",j,[e.createVNode(e.Clickable,{label:e.unref(p)("removeFile"),type:"button",icon:"trash-alt","icon-color":n.iconColor,onClickEvent:i[3]||(i[3]=d=>w())},null,8,["label","icon-color"])])):e.createCommentVNode("",!0)]),e.createBaseVNode("div",{class:e.normalizeClass(["media-selector-previewer",{opened:f.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(x.Field),e.createVNode(x.Field),e.createVNode(x.Field),e.createVNode(x.Field),e.createVNode(x.Field,{"is-text-area":""}),e.createVNode($.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:p,value:g,remark:s,showValue:f,quantity:C,media:w,placeId:v,placeType:u,showFormPage:k,showPaymentPage:n,showConfirmationPage:i,places:d,hasFilledForm:B,hasForcedPlaceType:N,isWaitingForResponse:m,isMetaDataAvailable:h}=e.storeToRefs(U()),{initialize:R,orderGiftCard:b}=U(),{isRecaptchaEnabled:E,currency:q}=e.storeToRefs(e.useUtilityStore());async function T(){await b()}return e.watch(u,()=>{v.value=void 0}),e.onMounted(()=>{R()}),(S,r)=>{const c=e.resolveDirective("sticky");return e.openBlock(),e.createBlock(e.Suspense,null,{default:e.withCtx(()=>[e.createVNode(e._sfc_main$1,{id:"fresh-booking-gift-card-module",type:"gift-card","access-token":S.accessToken,"data-layout":S.layout,styling:S.styling,"sticky-container":""},{default:e.withCtx(()=>[e.unref(h)?(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(n)]]),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(z.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(z.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(p),"onUpdate:modelValue":r[2]||(r[2]=a=>e.isRef(p)?p.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(N)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",le,[e.unref(d)?(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(d),(a,_)=>(e.openBlock(),e.createElementBlock("li",{key:_},[e.createVNode(V.Checkbox,{modelValue:e.unref(u),"onUpdate:modelValue":r[3]||(r[3]=P=>e.isRef(u)?u.value=P:null),type:"radio",name:"placeType",val:_,label:a.label},null,8,["modelValue","val","label"])]))),128))]),e.unref(d)[e.unref(u)]&&e.unref(d)[e.unref(u)].data.length>1?(e.openBlock(),e.createBlock(e._sfc_main,{key:0,modelValue:e.unref(v),"onUpdate:modelValue":r[4]||(r[4]=a=>e.isRef(v)?v.value=a:null),placeholder:e.unref(l)("giftCard.selectPlacePlaceholder"),options:e.unref(d)[e.unref(u)].data,labelKey:"name",valueKey:"id",required:""},null,8,["modelValue","placeholder","options"])):e.createCommentVNode("",!0)])])):(e.openBlock(),e.createBlock(e.Loading,{key:1}))])),e.createVNode(z.TextField,{modelValue:e.unref(g),"onUpdate:modelValue":r[5]||(r[5]=a=>e.isRef(g)?g.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(f),"onUpdate:modelValue":r[6]||(r[6]=a=>e.isRef(f)?f.value=a:null),type:"checkbox",name:"showValue",label:e.unref(l)("giftCard.showValue"),checked:e.unref(f)},null,8,["modelValue","label","checked"]),e.createCommentVNode("",!0),e.createCommentVNode("",!0)])],512),[[e.vShow,e.unref(k)]]),e.withDirectives(e.createBaseVNode("div",null,[e.createBaseVNode("div",{innerHTML:e.unref(l)("giftCard.thankYou")},null,8,ie)],512),[[e.vShow,e.unref(i)]])]),S.layout!=="minimal"&&e.unref(k)?(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(B),"is-loading":e.unref(m),"onUpdate:isLoading":r[9]||(r[9]=a=>e.isRef(m)?m.value=a:null),onClickEvent:T},null,8,["label","disabled","is-loading"])])])):e.createCommentVNode("",!0),e.unref(k)?(e.openBlock(),e.createElementBlock("div",ue,[e.createVNode(z.TextField,{modelValue:e.unref(s),"onUpdate:modelValue":r[10]||(r[10]=a=>e.isRef(s)?s.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(k)?e.withDirectives((e.openBlock(),e.createElementBlock("div",ce,[e.createVNode(e.Clickable,{label:e.unref(l)("giftCard.orderGiftCard"),"full-width":!0,disabled:!e.unref(B),"data-test":"orderGiftCard","is-loading":e.unref(m),"onUpdate:isLoading":r[11]||(r[11]=a=>e.isRef(m)?m.value=a:null),onClickEvent:T},null,8,["label","disabled","is-loading"]),e.withDirectives(e.createBaseVNode("div",fe,[e.createVNode(V._sfc_main)],512),[[e.vShow,e.unref(E)]])])),[[c]]):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(),F=e.createApp({components:{GiftCard:me}});F.use(_e);F.use(e.instance);F.use(ve);F.use(V.StickyPlugin);F.use(V.install,{bootstrap:!1});F.mount("#konnectio-gift-card-app");

package/dist/gift-card.js

@@ -1,12 +1,12 @@
-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 se, k as d, l as L, w as j, x as r, q as g, m as s, n as e, C as x, t as k, v as re, 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-e2f4edc3.js";
-import { a as Se, P as we, C as le, _ as ze, S as Te, i as $e } from "./index-b5d8f4fc.js";
-import { u as Ue, E as qe } from "./_-8772cf9a.js";
-import { T as H, _ as Re } from "./TextField-cd93b966.js";
-import { F as M } from "./Field-ff599d13.js";
+import { d as ue, u as ne, s as Y, a as ie, r as b, aa as w, b as J, c as F, i as Z, S as Q, e as ce, f as pe, ab as me, h as X, z as se, k as d, l as M, w as H, x as r, q as g, m as s, n as e, C as x, t as k, v as re, I as fe, _ as de, a0 as ve, o as ge, ac as he, A as ee, ad as I, ae as W, B as V, a1 as ye, a2 as _e, y as be, a3 as ae, J as ke, K as Ce, P as Ve, a7 as Fe, N as Pe, Q as Se } from "./SelectField.vue_vue_type_style_index_0_lang-96b84c98.js";
+import { a as we, P as ze, C as le, _ as Te, S as $e, i as Ue } from "./index-cadcbd9e.js";
+import { u as qe, E as Re } from "./_-cd5be070.js";
+import { T as j } from "./TextField-7150eae7.js";
+import { F as L } from "./Field-48a50c44.js";
 import "./_commonjsHelpers-c5d32002.js";
 const te = ue("giftCard", () => {
   ne();
-  const { pay: z } = Ue(), { bearerToken: t, metaData: o } = Q(ie()), a = b(w.InitialState), h = J("freshBookingName", "", void 0, { serializer: Y.string }), P = J("freshBookingEmail", "", void 0, { serializer: Y.string }), p = J("freshBookingPhone", "", void 0, { serializer: Y.string }), v = b(""), U = b(1), G = b(!0), C = b(""), m = b({
+  const { pay: z } = qe(), { bearerToken: t, metaData: o } = Y(ie()), a = b(w.InitialState), h = J("freshBookingName", "", void 0, { serializer: Q.string }), P = J("freshBookingEmail", "", void 0, { serializer: Q.string }), p = J("freshBookingPhone", "", void 0, { serializer: Q.string }), v = b(""), U = b(1), G = b(!0), C = b(""), m = b({
     base64: "",
     type: "",
     name: ""
@@ -37,7 +37,7 @@ const te = ue("giftCard", () => {
       });
     }
     return f;
-  }), O = F(() => !(!h.value || !P.value || !(p.value.length >= 5) || !v.value || $.value === void 0)), K = F(() => !(a.value === w.InitialState && u.value)), A = F(() => !!(a.value === w.WaitingForResponse && u.value));
+  }), K = F(() => !(!h.value || !P.value || !(p.value.length >= 5) || !v.value || $.value === void 0)), O = F(() => !(a.value === w.InitialState && u.value)), A = F(() => !!(a.value === w.WaitingForResponse && u.value));
   async function E() {
     a.value = w.WaitingForResponse, u.value = !0, await ce.post("https://stage.hotel-service.konnectio.dk/api/gift-card/create", {
       termsOfserviceURL: "https://freshbooking.dk",
@@ -60,7 +60,7 @@ const te = ue("giftCard", () => {
       headers: {
         Authorization: t.value,
         Accept: "application/json",
-        "Fresh-Booking-Ver": "4.0.12"
+        "Fresh-Booking-Ver": "4.0.14"
       }
     }).then((f) => {
       a.value = w.ReadyToPay, u.value = !1, z({
@@ -88,14 +88,14 @@ const te = ue("giftCard", () => {
     showPaymentPage: R,
     showConfirmationPage: y,
     places: T,
-    hasFilledForm: O,
+    hasFilledForm: K,
     hasForcedPlaceType: D,
     isWaitingForResponse: A,
-    isMetaDataAvailable: K,
+    isMetaDataAvailable: O,
     orderGiftCard: E,
     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({
+}), Ee = { class: "media-selector" }, Be = ["accept"], Ge = { class: "media-selector-wrapper" }, Ie = { class: "media-selector-tools" }, Le = { key: 0 }, Me = { key: 1 }, xe = { key: 2 }, De = ["src"], Ae = /* @__PURE__ */ X({
   __name: "MediaSelector",
   props: {
     modelValue: {},
@@ -137,12 +137,12 @@ const te = ue("giftCard", () => {
       let n;
       (n = p.value.files) instanceof FileList && m(n[0], U);
     }
-    return (n, u) => (d(), L(fe, {
+    return (n, u) => (d(), M(fe, {
       label: n.label,
       required: n.required,
       type: "media"
     }, {
-      default: j(() => [
+      default: H(() => [
         r("div", Ee, [
           r("input", {
             ref_key: "fileInput",
@@ -155,7 +155,7 @@ const te = ue("giftCard", () => {
           }, null, 40, Be),
           r("div", Ge, [
             r("ul", Ie, [
-              v.value ? k("", !0) : (d(), g("li", Me, [
+              v.value ? k("", !0) : (d(), g("li", Le, [
                 s(x, {
                   label: e(h)("uploadFile"),
                   type: "button",
@@ -164,7 +164,7 @@ const te = ue("giftCard", () => {
                   onClickEvent: u[1] || (u[1] = (c) => C())
                 }, null, 8, ["label", "icon-color"])
               ])),
-              v.value ? (d(), g("li", Le, [
+              v.value ? (d(), g("li", Me, [
                 s(x, {
                   label: e(h)("replaceFile"),
                   type: "button",
@@ -246,25 +246,25 @@ function oe(z) {
   });
 }
 typeof oe == "function" && oe(Ae);
-const Ne = { class: "gift-card-skeleton" }, We = { class: "gift-card-skeleton-form" }, He = /* @__PURE__ */ X({
+const Ne = { class: "gift-card-skeleton" }, We = { class: "gift-card-skeleton-form" }, je = /* @__PURE__ */ X({
   __name: "GiftCardSkeleton",
   setup(z) {
     return (t, o) => (d(), g("div", Ne, [
       r("div", We, [
-        s(M),
-        s(M),
-        s(M),
-        s(M),
-        s(M, { "is-text-area": "" }),
-        s(qe, { height: "44px" })
+        s(L),
+        s(L),
+        s(L),
+        s(L),
+        s(L, { "is-text-area": "" }),
+        s(Re, { height: "44px" })
       ])
     ]));
   }
 });
-const je = /* @__PURE__ */ de(He, [["__scopeId", "data-v-2600a731"]]), Oe = {
+const He = /* @__PURE__ */ de(je, [["__scopeId", "data-v-2600a731"]]), Ke = {
   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 = {
+}, Oe = { id: "fresh-booking-gift-card-title" }, Je = { id: "fresh-booking-gift-card-content" }, Qe = { id: "fresh-booking-gift-card-payment" }, Ye = ["innerHTML"], Xe = { key: 0 }, Ze = {
   key: 0,
   id: "fresh-booking-select-place-type"
 }, ea = {
@@ -308,7 +308,7 @@ const je = /* @__PURE__ */ de(He, [["__scopeId", "data-v-2600a731"]]), Oe = {
       hasForcedPlaceType: R,
       isWaitingForResponse: y,
       isMetaDataAvailable: T
-    } = Q(te()), { initialize: D, orderGiftCard: $ } = te(), { isRecaptchaEnabled: O, currency: K } = Q(ie());
+    } = Y(te()), { initialize: D, orderGiftCard: $ } = te(), { isRecaptchaEnabled: K, currency: O } = Y(ie());
     async function A() {
       await $();
     }
@@ -318,9 +318,9 @@ const je = /* @__PURE__ */ de(He, [["__scopeId", "data-v-2600a731"]]), Oe = {
       D();
     }), (E, i) => {
       const f = he("sticky");
-      return d(), L(ke, null, {
-        default: j(() => [
-          s(be, {
+      return d(), M(Ce, null, {
+        default: H(() => [
+          s(ke, {
             id: "fresh-booking-gift-card-module",
             type: "gift-card",
             "access-token": E.accessToken,
@@ -328,14 +328,14 @@ const je = /* @__PURE__ */ de(He, [["__scopeId", "data-v-2600a731"]]), Oe = {
             styling: E.styling,
             "sticky-container": ""
           }, {
-            default: j(() => [
-              e(T) ? (d(), g("div", Oe, [
-                r("h4", Ke, [
+            default: H(() => [
+              e(T) ? (d(), g("div", Ke, [
+                r("h4", Oe, [
                   r("span", null, ee(e(t)("giftCard.title")), 1)
                 ]),
                 r("div", Je, [
-                  I(r("div", Ye, [
-                    s(Se)
+                  I(r("div", Qe, [
+                    s(we)
                   ], 512), [
                     [W, e(n)]
                   ]),
@@ -343,9 +343,9 @@ const je = /* @__PURE__ */ de(He, [["__scopeId", "data-v-2600a731"]]), Oe = {
                     r("p", {
                       id: "fresh-booking-gift-card-description",
                       innerHTML: e(t)("giftCard.description")
-                    }, null, 8, Qe),
+                    }, null, 8, Ye),
                     r("form", null, [
-                      s(H, {
+                      s(j, {
                         modelValue: e(o),
                         "onUpdate:modelValue": i[0] || (i[0] = (l) => V(o) ? o.value = l : null),
                         type: "text",
@@ -356,7 +356,7 @@ const je = /* @__PURE__ */ de(He, [["__scopeId", "data-v-2600a731"]]), Oe = {
                         placeholder: e(t)("giftCard.namePlaceholder"),
                         required: ""
                       }, null, 8, ["modelValue", "label", "placeholder"]),
-                      s(H, {
+                      s(j, {
                         modelValue: e(a),
                         "onUpdate:modelValue": i[1] || (i[1] = (l) => V(a) ? a.value = l : null),
                         type: "email",
@@ -367,7 +367,7 @@ const je = /* @__PURE__ */ de(He, [["__scopeId", "data-v-2600a731"]]), Oe = {
                         placeholder: e(t)("giftCard.emailPlaceholder"),
                         required: ""
                       }, null, 8, ["modelValue", "label", "placeholder"]),
-                      s(we, {
+                      s(ze, {
                         modelValue: e(h),
                         "onUpdate:modelValue": i[2] || (i[2] = (l) => V(h) ? h.value = l : null),
                         icon: "phone-office",
@@ -393,7 +393,7 @@ const je = /* @__PURE__ */ de(He, [["__scopeId", "data-v-2600a731"]]), Oe = {
                                 }, null, 8, ["modelValue", "val", "label"])
                               ]))), 128))
                             ]),
-                            e(c)[e(m)] && e(c)[e(m)].data.length > 1 ? (d(), L(Re, {
+                            e(c)[e(m)] && e(c)[e(m)].data.length > 1 ? (d(), M(be, {
                               key: 0,
                               modelValue: e(C),
                               "onUpdate:modelValue": i[4] || (i[4] = (l) => V(C) ? C.value = l : null),
@@ -404,9 +404,9 @@ const je = /* @__PURE__ */ de(He, [["__scopeId", "data-v-2600a731"]]), Oe = {
                               required: ""
                             }, null, 8, ["modelValue", "placeholder", "options"])) : k("", !0)
                           ])
-                        ])) : (d(), L(ae, { key: 1 }))
+                        ])) : (d(), M(ae, { key: 1 }))
                       ])),
-                      s(H, {
+                      s(j, {
                         modelValue: e(P),
                         "onUpdate:modelValue": i[5] || (i[5] = (l) => V(P) ? P.value = l : null),
                         type: "number",
@@ -414,7 +414,7 @@ const je = /* @__PURE__ */ de(He, [["__scopeId", "data-v-2600a731"]]), Oe = {
                         label: e(t)("giftCard.value"),
                         icon: "money-bill",
                         placeholder: e(t)("giftCard.valuePlaceholder"),
-                        suffix: e(K),
+                        suffix: e(O),
                         required: ""
                       }, null, 8, ["modelValue", "label", "placeholder", "suffix"]),
                       s(le, {
@@ -452,7 +452,7 @@ const je = /* @__PURE__ */ de(He, [["__scopeId", "data-v-2600a731"]]), Oe = {
                   ])
                 ])) : k("", !0),
                 e(S) ? (d(), g("div", na, [
-                  s(H, {
+                  s(j, {
                     modelValue: e(p),
                     "onUpdate:modelValue": i[10] || (i[10] = (l) => V(p) ? p.value = l : null),
                     type: "textarea",
@@ -473,30 +473,30 @@ const je = /* @__PURE__ */ de(He, [["__scopeId", "data-v-2600a731"]]), Oe = {
                     onClickEvent: A
                   }, null, 8, ["label", "disabled", "is-loading"]),
                   I(r("div", sa, [
-                    s(ze)
+                    s(Te)
                   ], 512), [
-                    [W, e(O)]
+                    [W, e(K)]
                   ])
                 ])), [
                   [f]
                 ]) : k("", !0)
-              ])) : (d(), L(ae, { key: 1 }))
+              ])) : (d(), M(ae, { key: 1 }))
             ]),
             _: 1
           }, 8, ["access-token", "data-layout", "styling"])
         ]),
-        fallback: j(() => [
-          s(je)
+        fallback: H(() => [
+          s(He)
         ]),
         _: 1
       });
     };
   }
 });
-const da = /* @__PURE__ */ de(ra, [["__scopeId", "data-v-e4aa1e4c"]]), ua = Ce(), ca = Ve(), B = Fe({ components: { GiftCard: da } });
+const da = /* @__PURE__ */ de(ra, [["__scopeId", "data-v-e4aa1e4c"]]), ua = Ve(), ca = Fe(), B = Pe({ components: { GiftCard: da } });
 B.use(ua);
-B.use(Pe);
+B.use(Se);
 B.use(ca);
-B.use(Te);
-B.use($e, { bootstrap: !1 });
+B.use($e);
+B.use(Ue, { bootstrap: !1 });
 B.mount("#konnectio-gift-card-app");