@konnectio/core 4.0.51 → 4.0.53

package/dist/gift-card.cjs

@@ -1 +1 @@
-"use strict";const e=require("./SelectField.vue_vue_type_style_index_0_lang-ab8bdbaa.cjs"),I=require("./Container-f044532f.cjs"),x=require("./CheckoutWindow-5f0acea5.cjs"),L=require("./_-8aaa6e92.cjs"),T=require("./Field-2839d976.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.51"}}).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");
+"use strict";const e=require("./SelectField.vue_vue_type_style_index_0_lang-f4c7c28a.cjs"),I=require("./Container-0b6c4829.cjs"),x=require("./CheckoutWindow-f9cd7561.cjs"),L=require("./_-8f85509a.cjs"),T=require("./Field-4d35e324.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.53"}}).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,8 +1,8 @@
-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-113f6c36.js";
-import { C as $e } from "./Container-a006e569.js";
-import { a as Ue, C as ne, P as Re, _ as qe } from "./CheckoutWindow-98e3584c.js";
-import { E as Ee } from "./_-ef7cbf18.js";
-import { F as L } from "./Field-1121f643.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-6a191855.js";
+import { C as $e } from "./Container-b2931bf7.js";
+import { a as Ue, C as ne, P as Re, _ as qe } from "./CheckoutWindow-ca95e6f3.js";
+import { E as Ee } from "./_-3d23ad37.js";
+import { F as L } from "./Field-b0f63dbd.js";
 import "./_commonjsHelpers-aeeeeb92.js";
 const ie = ce("giftCard", () => {
   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({
@@ -62,7 +62,7 @@ const ie = ce("giftCard", () => {
           headers: {
             Authorization: p.value,
             Accept: "application/json",
-            "Fresh-Booking-Ver": "4.0.51"
+            "Fresh-Booking-Ver": "4.0.53"
           }
         }).then((a) => {
           d.value = w.ReadyToPay, S.value = !1, T({