@konnectio/core 4.0.27 → 4.0.28

package/dist/gift-card-validation.js

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

package/dist/gift-card.cjs

@@ -1 +1 @@
-"use strict";const e=require("./SelectField.vue_vue_type_style_index_0_lang-cc9c833c.cjs"),U=require("./_-cf306835.cjs"),N=require("./index-072f9f67.cjs"),R=require("./Field-2dd44110.cjs");require("./_commonjsHelpers-6763f629.cjs");const q=e.defineStore("giftCard",()=>{e.useAlertStore();const{pay:y}=U.usePaymentStore(),{bearerToken:l,metaData:o}=e.storeToRefs(e.useUtilityStore()),t=e.ref(e.GiftCardModuleState.InitialState),p=e.useStorage("konnectio_name","",void 0,{serializer:e.StorageSerializers.string}),g=e.useStorage("konnectio_email","",void 0,{serializer:e.StorageSerializers.string}),c=e.useStorage("konnectio_phone","",void 0,{serializer:e.StorageSerializers.string}),f=e.ref(""),V=e.ref(1),w=e.ref(!0),v=e.ref(""),s=e.ref({base64:"",type:"",name:""}),k=e.ref(void 0),n=e.ref(0),i=e.ref(!1),d=e.ref(0),C=e.computed(()=>t.value===e.GiftCardModuleState.InitialState||t.value===e.GiftCardModuleState.WaitingForResponse),B=e.computed(()=>t.value===e.GiftCardModuleState.ReadyToPay),m=e.computed(()=>t.value===e.GiftCardModuleState.PaymentSuccess),h=e.computed(()=>{const u={1:{label:e.i18n.t("giftCard.hotelType"),data:[]},2:{label:e.i18n.t("giftCard.restaurantType"),data:[]}},a=o.value.places;return a&&a.forEach(_=>{u[_.placeType].data.push(_)}),Object.fromEntries(Object.entries(u).filter(([,_])=>_.data.length>0))}),x=e.computed(()=>d.value!==0),b=e.computed(()=>{let u;if(x.value)u=h.value[d.value].data[0];else if(n.value!==0){const a=k.value,_=h.value[n.value].data;_.length===1?u=_[0]:a!==void 0&&_.forEach(P=>{String(P.id)===String(a)&&(u=P)})}return u}),z=e.computed(()=>!(!p.value||!g.value||!(c.value.length>=5)||!f.value||b.value===void 0)),E=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:V.value,freeText:v.value,showPrice:w.value,contactName:p.value,contactEmail:g.value,contactPhone:c.value,imageBase64:e.b2a(s.value.base64),imageName:s.value.name,imageFormat:s.value.type,placeType:b.value?b.value.placeType:void 0,placeID:b.value?b.value.id:void 0},{headers:{Authorization:l.value,Accept:"application/json","Fresh-Booking-Ver":"4.0.27"}}).then(u=>{t.value=e.GiftCardModuleState.ReadyToPay,i.value=!1,y({callback:()=>console.log("Callback!"),response:u.data})})}function r(u){u&&(d.value=u)}return{moduleState:t,name:p,email:g,phone:c,value:f,remark:v,showValue:w,quantity:V,media:s,placeId:k,placeType:n,showFormPage:C,showPaymentPage:B,showConfirmationPage:m,places:h,hasFilledForm:z,hasForcedPlaceType:x,isWaitingForResponse:T,isMetaDataAvailable:E,orderGiftCard:S,initialize:r}}),$={class:"media-selector"},M=["accept"],D={class:"media-selector-wrapper"},I={class:"media-selector-tools"},L={key:0},A={key:1},W={key:2},j=["src"],H=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(),c=e.ref(),f=e.computed(()=>t.modelValue.base64!=="");function V(n){o("update:modelValue",n)}function w(){V({base64:"",name:"",type:""}),c.value&&(c.value.value="")}function v(){c.value&&c.value.click()}function s(n,i){const[d,C]=[n.name,n.type],B=new FileReader;B.onload=function(m){if(m.target){const h=m.target.result;i({base64:h,name:d,type:C})}else g({message:p("imageUploadError"),type:"error"})},B.readAsDataURL(n)}async function k(){let n;(n=c.value.files)instanceof FileList&&s(n[0],V)}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:c,type:"file",class:"hidden",accept:n.validation,single:"",onChange:i[0]||(i[0]=d=>k())},null,40,M),e.createBaseVNode("div",D,[e.createBaseVNode("ul",I,[f.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("li",L,[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",A,[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",W,[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,j)):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(H);const O={class:"gift-card-skeleton"},K={class:"gift-card-skeleton-form"},Y=e.defineComponent({__name:"GiftCardSkeleton",setup(y){return(l,o)=>(e.openBlock(),e.createElementBlock("div",O,[e.createBaseVNode("div",K,[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(U.Element,{height:"44px"})])]))}});const J=e._export_sfc(Y,[["__scopeId","data-v-2600a731"]]),Q={key:0,id:"fresh-booking-gift-card-wrapper"},X={id:"fresh-booking-gift-card-title"},Z={id:"fresh-booking-gift-card-content"},ee={id:"fresh-booking-gift-card-payment"},te=["innerHTML"],ae={key:0},le={key:0,id:"fresh-booking-select-place-type"},oe={class:e.normalizeClass(["fresh-booking-label","required"])},ne={id:"fresh-booking-select-place-type-input"},re=["innerHTML"],ie={key:0,id:"fresh-booking-gift-card-order"},de={class:"fresh-booking-panel"},ce={key:1,id:"fresh-booking-gift-card-remarks"},se={key:2,id:"fresh-booking-gift-card-order-minimal","sticky-side":"bottom"},ue={id:"fresh-booking-gift-card-recaptcha"},fe=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:c,showValue:f,quantity:V,media:w,placeId:v,placeType:s,showFormPage:k,showPaymentPage:n,showConfirmationPage:i,places:d,hasFilledForm:C,hasForcedPlaceType:B,isWaitingForResponse:m,isMetaDataAvailable:h}=e.storeToRefs(q()),{initialize:x,orderGiftCard:b}=q(),{isRecaptchaEnabled:z,currency:E}=e.storeToRefs(e.useUtilityStore());async function T(){await b()}return e.watch(s,()=>{v.value=void 0}),e.onMounted(()=>{x()}),(S,r)=>{const u=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",Q,[e.createBaseVNode("h4",X,[e.createBaseVNode("span",null,e.toDisplayString(e.unref(l)("giftCard.title")),1)]),e.createBaseVNode("div",Z,[e.withDirectives(e.createBaseVNode("div",ee,[e.createVNode(N.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,te),e.createBaseVNode("form",null,[e.createVNode(e.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(e.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(N.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(B)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ae,[e.unref(d)?(e.openBlock(),e.createElementBlock("div",le,[e.createBaseVNode("label",oe,[e.createBaseVNode("span",null,e.toDisplayString(e.unref(l)("giftCard.selectType")),1)]),e.createBaseVNode("div",ne,[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(N.Checkbox,{modelValue:e.unref(s),"onUpdate:modelValue":r[3]||(r[3]=P=>e.isRef(s)?s.value=P:null),type:"radio",name:"placeType",val:_,label:a.label},null,8,["modelValue","val","label"])]))),128))]),e.unref(d)[e.unref(s)]&&e.unref(d)[e.unref(s)].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(s)].data,labelKey:"name",valueKey:"id",required:""},null,8,["modelValue","placeholder","options"])):e.createCommentVNode("",!0)])])):(e.openBlock(),e.createBlock(e.Loading,{key:1}))])),e.createVNode(e.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(E),required:""},null,8,["modelValue","label","placeholder","suffix"]),e.createVNode(N.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,re)],512),[[e.vShow,e.unref(i)]])]),S.layout!=="minimal"&&e.unref(k)?(e.openBlock(),e.createElementBlock("div",ie,[e.createBaseVNode("div",de,[e.createVNode(e.Clickable,{label:e.unref(l)("giftCard.orderGiftCard"),"full-width":!0,disabled:!e.unref(C),"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",ce,[e.createVNode(e.TextField,{modelValue:e.unref(c),"onUpdate:modelValue":r[10]||(r[10]=a=>e.isRef(c)?c.value=a:null),type:"textarea",name:"remark",label:e.unref(l)("giftCard.remark"),icon:"info-circle",placeholder:e.unref(l)("giftCard.remarkPlaceholder")},null,8,["modelValue","label","placeholder"])])):e.createCommentVNode("",!0),e.unref(k)?e.withDirectives((e.openBlock(),e.createElementBlock("div",se,[e.createVNode(e.Clickable,{label:e.unref(l)("giftCard.orderGiftCard"),"full-width":!0,disabled:!e.unref(C),"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",ue,[e.createVNode(N._sfc_main)],512),[[e.vShow,e.unref(z)]])])),[[u]]):e.createCommentVNode("",!0)])):(e.openBlock(),e.createBlock(e.Loading,{key:1}))]),_:1},8,["access-token","data-layout","styling"])]),fallback:e.withCtx(()=>[e.createVNode(J)]),_:1})}}});const pe=e._export_sfc(fe,[["__scopeId","data-v-e4aa1e4c"]]),me=e.createPinia(),_e=e.Go(),F=e.createApp({components:{GiftCard:pe}});F.use(me);F.use(e.instance);F.use(_e);F.use(N.StickyPlugin);F.use(e.install,{bootstrap:!0});F.mount("#konnectio-gift-card-app");
+"use strict";const e=require("./SelectField.vue_vue_type_style_index_0_lang-aa9c0c1a.cjs"),N=require("./index-bf17dd6e.cjs"),U=require("./_-b36ce0a6.cjs"),R=require("./Field-6b050caf.cjs");require("./_commonjsHelpers-6763f629.cjs");const q=e.defineStore("giftCard",()=>{e.useAlertStore();const{pay:y}=e.usePaymentStore(),{bearerToken:l,metaData:o}=e.storeToRefs(e.useUtilityStore()),t=e.ref(e.GiftCardModuleState.InitialState),p=e.useStorage("konnectio_name","",void 0,{serializer:e.StorageSerializers.string}),g=e.useStorage("konnectio_email","",void 0,{serializer:e.StorageSerializers.string}),c=e.useStorage("konnectio_phone","",void 0,{serializer:e.StorageSerializers.string}),f=e.ref(""),V=e.ref(1),w=e.ref(!0),v=e.ref(""),s=e.ref({base64:"",type:"",name:""}),k=e.ref(void 0),n=e.ref(0),i=e.ref(!1),d=e.ref(0),C=e.computed(()=>t.value===e.GiftCardModuleState.InitialState||t.value===e.GiftCardModuleState.WaitingForResponse),B=e.computed(()=>t.value===e.GiftCardModuleState.ReadyToPay),m=e.computed(()=>t.value===e.GiftCardModuleState.PaymentSuccess),h=e.computed(()=>{const u={1:{label:e.i18n.t("giftCard.hotelType"),data:[]},2:{label:e.i18n.t("giftCard.restaurantType"),data:[]}},a=o.value.places;return a&&a.forEach(_=>{u[_.placeType].data.push(_)}),Object.fromEntries(Object.entries(u).filter(([,_])=>_.data.length>0))}),x=e.computed(()=>d.value!==0),b=e.computed(()=>{let u;if(x.value)u=h.value[d.value].data[0];else if(n.value!==0){const a=k.value,_=h.value[n.value].data;_.length===1?u=_[0]:a!==void 0&&_.forEach(P=>{String(P.id)===String(a)&&(u=P)})}return u}),z=e.computed(()=>!(!p.value||!g.value||!(c.value.length>=5)||!f.value||b.value===void 0)),E=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:V.value,freeText:v.value,showPrice:w.value,contactName:p.value,contactEmail:g.value,contactPhone:c.value,imageBase64:e.b2a(s.value.base64),imageName:s.value.name,imageFormat:s.value.type,placeType:b.value?b.value.placeType:void 0,placeID:b.value?b.value.id:void 0},{headers:{Authorization:l.value,Accept:"application/json","Fresh-Booking-Ver":"4.0.28"}}).then(u=>{t.value=e.GiftCardModuleState.ReadyToPay,i.value=!1,y({callback:()=>console.log("Callback!"),response:u.data})})}function r(u){u&&(d.value=u)}return{moduleState:t,name:p,email:g,phone:c,value:f,remark:v,showValue:w,quantity:V,media:s,placeId:k,placeType:n,showFormPage:C,showPaymentPage:B,showConfirmationPage:m,places:h,hasFilledForm:z,hasForcedPlaceType:x,isWaitingForResponse:T,isMetaDataAvailable:E,orderGiftCard:S,initialize:r}}),$={class:"media-selector"},M=["accept"],D={class:"media-selector-wrapper"},I={class:"media-selector-tools"},L={key:0},A={key:1},W={key:2},j=["src"],H=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(),c=e.ref(),f=e.computed(()=>t.modelValue.base64!=="");function V(n){o("update:modelValue",n)}function w(){V({base64:"",name:"",type:""}),c.value&&(c.value.value="")}function v(){c.value&&c.value.click()}function s(n,i){const[d,C]=[n.name,n.type],B=new FileReader;B.onload=function(m){if(m.target){const h=m.target.result;i({base64:h,name:d,type:C})}else g({message:p("imageUploadError"),type:"error"})},B.readAsDataURL(n)}async function k(){let n;(n=c.value.files)instanceof FileList&&s(n[0],V)}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:c,type:"file",class:"hidden",accept:n.validation,single:"",onChange:i[0]||(i[0]=d=>k())},null,40,M),e.createBaseVNode("div",D,[e.createBaseVNode("ul",I,[f.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("li",L,[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",A,[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",W,[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,j)):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(H);const O={class:"gift-card-skeleton"},K={class:"gift-card-skeleton-form"},Y=e.defineComponent({__name:"GiftCardSkeleton",setup(y){return(l,o)=>(e.openBlock(),e.createElementBlock("div",O,[e.createBaseVNode("div",K,[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(U.Element,{height:"44px"})])]))}});const J=e._export_sfc(Y,[["__scopeId","data-v-2600a731"]]),Q={key:0,id:"fresh-booking-gift-card-wrapper"},X={id:"fresh-booking-gift-card-title"},Z={id:"fresh-booking-gift-card-content"},ee={id:"fresh-booking-gift-card-payment"},te=["innerHTML"],ae={key:0},le={key:0,id:"fresh-booking-select-place-type"},oe={class:e.normalizeClass(["fresh-booking-label","required"])},ne={id:"fresh-booking-select-place-type-input"},re=["innerHTML"],ie={key:0,id:"fresh-booking-gift-card-order"},de={class:"fresh-booking-panel"},ce={key:1,id:"fresh-booking-gift-card-remarks"},se={key:2,id:"fresh-booking-gift-card-order-minimal","sticky-side":"bottom"},ue={id:"fresh-booking-gift-card-recaptcha"},fe=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:c,showValue:f,quantity:V,media:w,placeId:v,placeType:s,showFormPage:k,showPaymentPage:n,showConfirmationPage:i,places:d,hasFilledForm:C,hasForcedPlaceType:B,isWaitingForResponse:m,isMetaDataAvailable:h}=e.storeToRefs(q()),{initialize:x,orderGiftCard:b}=q(),{isRecaptchaEnabled:z,currency:E}=e.storeToRefs(e.useUtilityStore());async function T(){await b()}return e.watch(s,()=>{v.value=void 0}),e.onMounted(()=>{x()}),(S,r)=>{const u=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",Q,[e.createBaseVNode("h4",X,[e.createBaseVNode("span",null,e.toDisplayString(e.unref(l)("giftCard.title")),1)]),e.createBaseVNode("div",Z,[e.withDirectives(e.createBaseVNode("div",ee,[e.createVNode(N.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,te),e.createBaseVNode("form",null,[e.createVNode(e.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(e.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(N.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(B)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ae,[e.unref(d)?(e.openBlock(),e.createElementBlock("div",le,[e.createBaseVNode("label",oe,[e.createBaseVNode("span",null,e.toDisplayString(e.unref(l)("giftCard.selectType")),1)]),e.createBaseVNode("div",ne,[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(N.Checkbox,{modelValue:e.unref(s),"onUpdate:modelValue":r[3]||(r[3]=P=>e.isRef(s)?s.value=P:null),type:"radio",name:"placeType",val:_,label:a.label},null,8,["modelValue","val","label"])]))),128))]),e.unref(d)[e.unref(s)]&&e.unref(d)[e.unref(s)].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(s)].data,labelKey:"name",valueKey:"id",required:""},null,8,["modelValue","placeholder","options"])):e.createCommentVNode("",!0)])])):(e.openBlock(),e.createBlock(e.Loading,{key:1}))])),e.createVNode(e.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(E),required:""},null,8,["modelValue","label","placeholder","suffix"]),e.createVNode(N.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,re)],512),[[e.vShow,e.unref(i)]])]),S.layout!=="minimal"&&e.unref(k)?(e.openBlock(),e.createElementBlock("div",ie,[e.createBaseVNode("div",de,[e.createVNode(e.Clickable,{label:e.unref(l)("giftCard.orderGiftCard"),"full-width":!0,disabled:!e.unref(C),"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",ce,[e.createVNode(e.TextField,{modelValue:e.unref(c),"onUpdate:modelValue":r[10]||(r[10]=a=>e.isRef(c)?c.value=a:null),type:"textarea",name:"remark",label:e.unref(l)("giftCard.remark"),icon:"info-circle",placeholder:e.unref(l)("giftCard.remarkPlaceholder")},null,8,["modelValue","label","placeholder"])])):e.createCommentVNode("",!0),e.unref(k)?e.withDirectives((e.openBlock(),e.createElementBlock("div",se,[e.createVNode(e.Clickable,{label:e.unref(l)("giftCard.orderGiftCard"),"full-width":!0,disabled:!e.unref(C),"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",ue,[e.createVNode(N._sfc_main)],512),[[e.vShow,e.unref(z)]])])),[[u]]):e.createCommentVNode("",!0)])):(e.openBlock(),e.createBlock(e.Loading,{key:1}))]),_:1},8,["access-token","data-layout","styling"])]),fallback:e.withCtx(()=>[e.createVNode(J)]),_:1})}}});const pe=e._export_sfc(fe,[["__scopeId","data-v-e4aa1e4c"]]),me=e.createPinia(),_e=e.Go(),F=e.createApp({components:{GiftCard:pe}});F.use(me);F.use(e.instance);F.use(_e);F.use(N.StickyPlugin);F.use(e.install,{bootstrap:!0});F.mount("#konnectio-gift-card-app");

package/dist/gift-card.js

@@ -1,15 +1,15 @@
-import { d as ue, u as ne, s as Y, a as ie, r as b, ad as w, b as J, c as F, i as Z, S as Q, e as ce, f as pe, ae 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, a1 as ve, o as ge, af as he, A as ee, ag as B, ah as W, T as j, B as V, a2 as ye, a3 as _e, y as be, a4 as ae, J as ke, K as Ce, P as Ve, a8 as Fe, N as Pe, Q as Se, a9 as we } from "./SelectField.vue_vue_type_style_index_0_lang-3f482f0a.js";
-import { u as ze, E as Te } from "./_-963a5633.js";
-import { a as $e, P as Ue, C as le, _ as qe, S as Re } from "./index-3e49491a.js";
-import { F as L } from "./Field-1630bef3.js";
+import { d as ue, b as ne, u as ce, s as Q, c as ie, r as b, ae as w, e as Y, f as F, j as Z, S as J, h as pe, i as me, af as fe, k as X, D as se, m as d, n as L, w as H, A as r, v as g, p as s, q as e, C as D, x as k, y as re, I as ve, _ as de, a1 as ge, o as he, ag as ye, F as ee, ah as M, ai as W, T as j, G as V, a2 as _e, a3 as be, B as ke, a4 as ae, M as Ce, N as Ve, U as Fe, a8 as Pe, R as Se, V as we, a9 as Te } from "./SelectField.vue_vue_type_style_index_0_lang-d631c22b.js";
+import { a as ze, P as $e, C as le, _ as Ue, S as Re } from "./index-ddf58f34.js";
+import { E as qe } from "./_-f9c3008a.js";
+import { F as B } from "./Field-79fc7dfa.js";
 import "./_commonjsHelpers-aeeeeb92.js";
 const te = ue("giftCard", () => {
   ne();
-  const { pay: z } = ze(), { bearerToken: t, metaData: o } = Y(ie()), a = b(w.InitialState), h = J("konnectio_name", "", void 0, { serializer: Q.string }), P = J("konnectio_email", "", void 0, { serializer: Q.string }), p = J("konnectio_phone", "", void 0, { serializer: Q.string }), v = b(""), U = b(1), I = b(!0), C = b(""), m = b({
+  const { pay: T } = ce(), { bearerToken: t, metaData: o } = Q(ie()), a = b(w.InitialState), h = Y("konnectio_name", "", void 0, { serializer: J.string }), P = Y("konnectio_email", "", void 0, { serializer: J.string }), p = Y("konnectio_phone", "", void 0, { serializer: J.string }), v = b(""), U = b(1), I = b(!0), C = b(""), m = b({
     base64: "",
     type: "",
     name: ""
-  }), S = b(void 0), n = b(0), u = b(!1), c = b(0), q = F(() => a.value === w.InitialState || a.value === w.WaitingForResponse), R = F(() => a.value === w.ReadyToPay), y = F(() => a.value === w.PaymentSuccess), T = F(() => {
+  }), S = b(void 0), n = b(0), u = b(!1), c = b(0), R = F(() => a.value === w.InitialState || a.value === w.WaitingForResponse), q = F(() => a.value === w.ReadyToPay), y = F(() => a.value === w.PaymentSuccess), z = F(() => {
     const f = {
       1: {
         label: Z.t("giftCard.hotelType"),
@@ -25,24 +25,24 @@ const te = ue("giftCard", () => {
     }), Object.fromEntries(
       Object.entries(f).filter(([, _]) => _.data.length > 0)
     );
-  }), D = F(() => c.value !== 0), $ = F(() => {
+  }), x = F(() => c.value !== 0), $ = F(() => {
     let f;
-    if (D.value)
-      f = T.value[c.value].data[0];
+    if (x.value)
+      f = z.value[c.value].data[0];
     else if (n.value !== 0) {
-      const l = S.value, _ = T.value[n.value].data;
+      const l = S.value, _ = z.value[n.value].data;
       _.length === 1 ? f = _[0] : l !== void 0 && _.forEach((N) => {
         String(N.id) === String(l) && (f = N);
       });
     }
     return f;
-  }), 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));
+  }), 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));
   async function E() {
-    a.value = w.WaitingForResponse, u.value = !0, await ce.post("https://stage.hotel-service.konnectio.dk/api/gift-card/create", {
+    a.value = w.WaitingForResponse, u.value = !0, await pe.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: pe(),
+      language: me(),
       amount: v.value,
       quantity: U.value,
       freeText: C.value,
@@ -50,7 +50,7 @@ const te = ue("giftCard", () => {
       contactName: h.value,
       contactEmail: P.value,
       contactPhone: p.value,
-      imageBase64: me(m.value.base64),
+      imageBase64: fe(m.value.base64),
       imageName: m.value.name,
       imageFormat: m.value.type,
       placeType: $.value ? $.value.placeType : void 0,
@@ -59,10 +59,10 @@ const te = ue("giftCard", () => {
       headers: {
         Authorization: t.value,
         Accept: "application/json",
-        "Fresh-Booking-Ver": "4.0.27"
+        "Fresh-Booking-Ver": "4.0.28"
       }
     }).then((f) => {
-      a.value = w.ReadyToPay, u.value = !1, z({
+      a.value = w.ReadyToPay, u.value = !1, T({
         callback: () => console.log("Callback!"),
         response: f.data
       });
@@ -83,18 +83,18 @@ const te = ue("giftCard", () => {
     media: m,
     placeId: S,
     placeType: n,
-    showFormPage: q,
-    showPaymentPage: R,
+    showFormPage: R,
+    showPaymentPage: q,
     showConfirmationPage: y,
-    places: T,
-    hasFilledForm: K,
-    hasForcedPlaceType: D,
+    places: z,
+    hasFilledForm: O,
+    hasForcedPlaceType: x,
     isWaitingForResponse: A,
-    isMetaDataAvailable: O,
+    isMetaDataAvailable: K,
     orderGiftCard: E,
     initialize: i
   };
-}), Ee = { class: "media-selector" }, Ge = ["accept"], Ie = { class: "media-selector-wrapper" }, Be = { class: "media-selector-tools" }, Le = { key: 0 }, Me = { key: 1 }, xe = { key: 2 }, De = ["src"], Ae = /* @__PURE__ */ X({
+}), Ee = { class: "media-selector" }, Ge = ["accept"], Ie = { class: "media-selector-wrapper" }, Me = { class: "media-selector-tools" }, Be = { key: 0 }, Le = { key: 1 }, De = { key: 2 }, xe = ["src"], Ae = /* @__PURE__ */ X({
   __name: "MediaSelector",
   props: {
     modelValue: {},
@@ -104,8 +104,8 @@ const te = ue("giftCard", () => {
     required: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(z, { emit: t }) {
-    const o = t, a = z, { t: h } = se(), { display: P } = ne(), p = b(), v = F(() => a.modelValue.base64 !== "");
+  setup(T, { emit: t }) {
+    const o = t, a = T, { t: h } = se(), { display: P } = ne(), p = b(), v = F(() => a.modelValue.base64 !== "");
     function U(n) {
       o("update:modelValue", n);
     }
@@ -120,23 +120,23 @@ const te = ue("giftCard", () => {
       p.value && p.value.click();
     }
     function m(n, u) {
-      const [c, q] = [n.name, n.type], R = new FileReader();
-      R.onload = function(y) {
+      const [c, R] = [n.name, n.type], q = new FileReader();
+      q.onload = function(y) {
         if (y.target) {
-          const T = y.target.result;
-          u({ base64: T, name: c, type: q });
+          const z = y.target.result;
+          u({ base64: z, name: c, type: R });
         } else
           P({
             message: h("imageUploadError"),
             type: "error"
           });
-      }, R.readAsDataURL(n);
+      }, q.readAsDataURL(n);
     }
     async function S() {
       let n;
       (n = p.value.files) instanceof FileList && m(n[0], U);
     }
-    return (n, u) => (d(), M(fe, {
+    return (n, u) => (d(), L(ve, {
       label: n.label,
       required: n.required,
       type: "media"
@@ -153,9 +153,9 @@ const te = ue("giftCard", () => {
             onChange: u[0] || (u[0] = (c) => S())
           }, null, 40, Ge),
           r("div", Ie, [
-            r("ul", Be, [
-              v.value ? k("", !0) : (d(), g("li", Le, [
-                s(x, {
+            r("ul", Me, [
+              v.value ? k("", !0) : (d(), g("li", Be, [
+                s(D, {
                   label: e(h)("uploadFile"),
                   type: "button",
                   icon: "upload",
@@ -163,8 +163,8 @@ const te = ue("giftCard", () => {
                   onClickEvent: u[1] || (u[1] = (c) => C())
                 }, null, 8, ["label", "icon-color"])
               ])),
-              v.value ? (d(), g("li", Me, [
-                s(x, {
+              v.value ? (d(), g("li", Le, [
+                s(D, {
                   label: e(h)("replaceFile"),
                   type: "button",
                   icon: "repeat-alt",
@@ -172,8 +172,8 @@ const te = ue("giftCard", () => {
                   onClickEvent: u[2] || (u[2] = (c) => C())
                 }, null, 8, ["label", "icon-color"])
               ])) : k("", !0),
-              v.value ? (d(), g("li", xe, [
-                s(x, {
+              v.value ? (d(), g("li", De, [
+                s(D, {
                   label: e(h)("removeFile"),
                   type: "button",
                   icon: "trash-alt",
@@ -191,7 +191,7 @@ const te = ue("giftCard", () => {
               n.modelValue ? (d(), g("img", {
                 key: 0,
                 src: n.modelValue.base64
-              }, null, 8, De)) : k("", !0)
+              }, null, 8, xe)) : k("", !0)
             ], 2)
           ])
         ])
@@ -200,8 +200,8 @@ const te = ue("giftCard", () => {
     }, 8, ["label", "required"]));
   }
 });
-function oe(z) {
-  const t = z;
+function oe(T) {
+  const t = T;
   t.__i18n = t.__i18n || [], t.__i18n.push({
     locale: "",
     resource: {
@@ -247,23 +247,23 @@ function oe(z) {
 typeof oe == "function" && oe(Ae);
 const Ne = { class: "gift-card-skeleton" }, We = { class: "gift-card-skeleton-form" }, je = /* @__PURE__ */ X({
   __name: "GiftCardSkeleton",
-  setup(z) {
+  setup(T) {
     return (t, o) => (d(), g("div", Ne, [
       r("div", We, [
-        s(L),
-        s(L),
-        s(L),
-        s(L),
-        s(L, { "is-text-area": "" }),
-        s(Te, { height: "44px" })
+        s(B),
+        s(B),
+        s(B),
+        s(B),
+        s(B, { "is-text-area": "" }),
+        s(qe, { height: "44px" })
       ])
     ]));
   }
 });
-const He = /* @__PURE__ */ de(je, [["__scopeId", "data-v-2600a731"]]), Ke = {
+const He = /* @__PURE__ */ de(je, [["__scopeId", "data-v-2600a731"]]), Oe = {
   key: 0,
   id: "fresh-booking-gift-card-wrapper"
-}, 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 = {
+}, Ke = { id: "fresh-booking-gift-card-title" }, Ye = { id: "fresh-booking-gift-card-content" }, Je = { id: "fresh-booking-gift-card-payment" }, Qe = ["innerHTML"], Xe = { key: 0 }, Ze = {
   key: 0,
   id: "fresh-booking-select-place-type"
 }, ea = {
@@ -287,7 +287,7 @@ const He = /* @__PURE__ */ de(je, [["__scopeId", "data-v-2600a731"]]), Ke = {
     placeType: {},
     styling: {}
   },
-  setup(z) {
+  setup(T) {
     const { t } = se(), {
       name: o,
       email: a,
@@ -303,23 +303,23 @@ const He = /* @__PURE__ */ de(je, [["__scopeId", "data-v-2600a731"]]), Ke = {
       showPaymentPage: n,
       showConfirmationPage: u,
       places: c,
-      hasFilledForm: q,
-      hasForcedPlaceType: R,
+      hasFilledForm: R,
+      hasForcedPlaceType: q,
       isWaitingForResponse: y,
-      isMetaDataAvailable: T
-    } = Y(te()), { initialize: D, orderGiftCard: $ } = te(), { isRecaptchaEnabled: K, currency: O } = Y(ie());
+      isMetaDataAvailable: z
+    } = Q(te()), { initialize: x, orderGiftCard: $ } = te(), { isRecaptchaEnabled: O, currency: K } = Q(ie());
     async function A() {
       await $();
     }
-    return ve(m, () => {
+    return ge(m, () => {
       C.value = void 0;
-    }), ge(() => {
-      D();
+    }), he(() => {
+      x();
     }), (E, i) => {
-      const f = he("sticky");
-      return d(), M(Ce, null, {
+      const f = ye("sticky");
+      return d(), L(Ve, null, {
         default: H(() => [
-          s(ke, {
+          s(Ce, {
             id: "fresh-booking-gift-card-module",
             type: "gift-card",
             "access-token": E.accessToken,
@@ -328,21 +328,21 @@ const He = /* @__PURE__ */ de(je, [["__scopeId", "data-v-2600a731"]]), Ke = {
             "sticky-container": ""
           }, {
             default: H(() => [
-              e(T) ? (d(), g("div", Ke, [
-                r("h4", Oe, [
+              e(z) ? (d(), g("div", Oe, [
+                r("h4", Ke, [
                   r("span", null, ee(e(t)("giftCard.title")), 1)
                 ]),
-                r("div", Je, [
-                  B(r("div", Qe, [
-                    s($e)
+                r("div", Ye, [
+                  M(r("div", Je, [
+                    s(ze)
                   ], 512), [
                     [W, e(n)]
                   ]),
-                  B(r("div", null, [
+                  M(r("div", null, [
                     r("p", {
                       id: "fresh-booking-gift-card-description",
                       innerHTML: e(t)("giftCard.description")
-                    }, null, 8, Ye),
+                    }, null, 8, Qe),
                     r("form", null, [
                       s(j, {
                         modelValue: e(o),
@@ -366,7 +366,7 @@ const He = /* @__PURE__ */ de(je, [["__scopeId", "data-v-2600a731"]]), Ke = {
                         placeholder: e(t)("giftCard.emailPlaceholder"),
                         required: ""
                       }, null, 8, ["modelValue", "label", "placeholder"]),
-                      s(Ue, {
+                      s($e, {
                         modelValue: e(h),
                         "onUpdate:modelValue": i[2] || (i[2] = (l) => V(h) ? h.value = l : null),
                         icon: "phone-office",
@@ -374,14 +374,14 @@ const He = /* @__PURE__ */ de(je, [["__scopeId", "data-v-2600a731"]]), Ke = {
                         placeholder: e(t)("giftCard.phonePlaceholder"),
                         required: ""
                       }, null, 8, ["modelValue", "label", "placeholder"]),
-                      e(R) ? k("", !0) : (d(), g("div", Xe, [
+                      e(q) ? k("", !0) : (d(), g("div", Xe, [
                         e(c) ? (d(), g("div", Ze, [
                           r("label", ea, [
                             r("span", null, ee(e(t)("giftCard.selectType")), 1)
                           ]),
                           r("div", aa, [
                             r("ul", null, [
-                              (d(!0), g(ye, null, _e(e(c), (l, _) => (d(), g("li", { key: _ }, [
+                              (d(!0), g(_e, null, be(e(c), (l, _) => (d(), g("li", { key: _ }, [
                                 s(le, {
                                   modelValue: e(m),
                                   "onUpdate:modelValue": i[3] || (i[3] = (N) => V(m) ? m.value = N : null),
@@ -392,7 +392,7 @@ const He = /* @__PURE__ */ de(je, [["__scopeId", "data-v-2600a731"]]), Ke = {
                                 }, null, 8, ["modelValue", "val", "label"])
                               ]))), 128))
                             ]),
-                            e(c)[e(m)] && e(c)[e(m)].data.length > 1 ? (d(), M(be, {
+                            e(c)[e(m)] && e(c)[e(m)].data.length > 1 ? (d(), L(ke, {
                               key: 0,
                               modelValue: e(C),
                               "onUpdate:modelValue": i[4] || (i[4] = (l) => V(C) ? C.value = l : null),
@@ -403,7 +403,7 @@ const He = /* @__PURE__ */ de(je, [["__scopeId", "data-v-2600a731"]]), Ke = {
                               required: ""
                             }, null, 8, ["modelValue", "placeholder", "options"])) : k("", !0)
                           ])
-                        ])) : (d(), M(ae, { key: 1 }))
+                        ])) : (d(), L(ae, { key: 1 }))
                       ])),
                       s(j, {
                         modelValue: e(P),
@@ -413,7 +413,7 @@ const He = /* @__PURE__ */ de(je, [["__scopeId", "data-v-2600a731"]]), Ke = {
                         label: e(t)("giftCard.value"),
                         icon: "money-bill",
                         placeholder: e(t)("giftCard.valuePlaceholder"),
-                        suffix: e(O),
+                        suffix: e(K),
                         required: ""
                       }, null, 8, ["modelValue", "label", "placeholder", "suffix"]),
                       s(le, {
@@ -430,7 +430,7 @@ const He = /* @__PURE__ */ de(je, [["__scopeId", "data-v-2600a731"]]), Ke = {
                   ], 512), [
                     [W, e(S)]
                   ]),
-                  B(r("div", null, [
+                  M(r("div", null, [
                     r("div", {
                       innerHTML: e(t)("giftCard.thankYou")
                     }, null, 8, la)
@@ -440,10 +440,10 @@ const He = /* @__PURE__ */ de(je, [["__scopeId", "data-v-2600a731"]]), Ke = {
                 ]),
                 E.layout !== "minimal" && e(S) ? (d(), g("div", ta, [
                   r("div", oa, [
-                    s(x, {
+                    s(D, {
                       label: e(t)("giftCard.orderGiftCard"),
                       "full-width": !0,
-                      disabled: !e(q),
+                      disabled: !e(R),
                       "is-loading": e(y),
                       "onUpdate:isLoading": i[9] || (i[9] = (l) => V(y) ? y.value = l : null),
                       onClickEvent: A
@@ -461,25 +461,25 @@ const He = /* @__PURE__ */ de(je, [["__scopeId", "data-v-2600a731"]]), Ke = {
                     placeholder: e(t)("giftCard.remarkPlaceholder")
                   }, null, 8, ["modelValue", "label", "placeholder"])
                 ])) : k("", !0),
-                e(S) ? B((d(), g("div", ia, [
-                  s(x, {
+                e(S) ? M((d(), g("div", ia, [
+                  s(D, {
                     label: e(t)("giftCard.orderGiftCard"),
                     "full-width": !0,
-                    disabled: !e(q),
+                    disabled: !e(R),
                     "data-test": "orderGiftCard",
                     "is-loading": e(y),
                     "onUpdate:isLoading": i[11] || (i[11] = (l) => V(y) ? y.value = l : null),
                     onClickEvent: A
                   }, null, 8, ["label", "disabled", "is-loading"]),
-                  B(r("div", sa, [
-                    s(qe)
+                  M(r("div", sa, [
+                    s(Ue)
                   ], 512), [
-                    [W, e(K)]
+                    [W, e(O)]
                   ])
                 ])), [
                   [f]
                 ]) : k("", !0)
-              ])) : (d(), M(ae, { key: 1 }))
+              ])) : (d(), L(ae, { key: 1 }))
             ]),
             _: 1
           }, 8, ["access-token", "data-layout", "styling"])
@@ -492,10 +492,10 @@ const He = /* @__PURE__ */ de(je, [["__scopeId", "data-v-2600a731"]]), Ke = {
     };
   }
 });
-const da = /* @__PURE__ */ de(ra, [["__scopeId", "data-v-e4aa1e4c"]]), ua = Ve(), ca = Fe(), G = Pe({ components: { GiftCard: da } });
+const da = /* @__PURE__ */ de(ra, [["__scopeId", "data-v-e4aa1e4c"]]), ua = Fe(), ca = Pe(), G = Se({ components: { GiftCard: da } });
 G.use(ua);
-G.use(Se);
+G.use(we);
 G.use(ca);
 G.use(Re);
-G.use(we, { bootstrap: !0 });
+G.use(Te, { bootstrap: !0 });
 G.mount("#konnectio-gift-card-app");