@konnectio/core 4.0.18 → 4.0.20

package/dist/gift-card-validation.js

@@ -1,13 +1,12 @@
-import { h as L, t as S, s as g, a as X, o as _, p as I, w as p, q as l, l as a, v as o, x as t, y, j as w, I as u, z as x, A, k as B, B as G, C as D, D as T, F as N, G as H, _ as M, H as U, J as $, K as F } from "./SelectField.vue_vue_type_style_index_0_lang-51defa22.js";
-import { u as C } from "./applyGiftCard-f2282bd2.js";
-import { A as P } from "./ActionField-25ef64cf.js";
+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-3fb22f7d.js";
+import { u as b } from "./NumberField.vue_vue_type_script_setup_true_lang-d5f3da80.js";
+import { A as F } from "./ActionField-b64a1572.js";
 import "./_commonjsHelpers-aeeeeb92.js";
-import "./NumberField.vue_vue_type_style_index_0_lang-94fa5765.js";
-const R = (s) => (N("data-v-5d5827dc"), s = s(), H(), s), j = ["innerHTML"], q = {
+const R = (s) => (T("data-v-5d5827dc"), s = s(), M(), s), q = ["innerHTML"], z = {
   key: 0,
   id: "fresh-booking-gift-card-validation-resume",
   class: "fresh-booking-panel"
-}, z = /* @__PURE__ */ R(() => /* @__PURE__ */ a("span", null, "Loading...", -1)), E = /* @__PURE__ */ L({
+}, E = /* @__PURE__ */ R(() => /* @__PURE__ */ a("span", null, "Loading...", -1)), J = /* @__PURE__ */ L({
   name: "GiftCardValidationLayout",
   __name: "GiftCardValidation",
   props: {
@@ -17,31 +16,31 @@ const R = (s) => (N("data-v-5d5827dc"), s = s(), H(), s), j = ["innerHTML"], q =
   setup(s) {
     const { t: e } = S(), {
       voucher: r,
-      isValid: b,
+      isValid: C,
       amount: V,
       expirationDate: h,
       productName: k,
       isLoading: d
-    } = g(C()), { currency: v } = g(X()), { apply: f } = C();
-    return (m, n) => (_(), I(T, null, {
-      default: p(() => [
+    } = g(b()), { currency: v } = g(X()), { apply: f } = b();
+    return (m, n) => (_(), w(N, null, {
+      default: u(() => [
         l(D, {
           id: "fresh-booking-gift-card-validation-module",
           "access-token": m.accessToken,
           type: "gift-card",
           styling: m.styling
         }, {
-          default: p(() => [
+          default: u(() => [
             a("form", {
-              onSubmit: n[3] || (n[3] = G((i) => t(f)(), ["prevent"]))
+              onSubmit: n[3] || (n[3] = I((i) => t(f)(), ["prevent"]))
             }, [
               a("h4", null, [
                 a("span", null, o(t(e)("giftCardValidation.title")), 1)
               ]),
               a("p", {
                 innerHTML: t(e)("giftCardValidation.description")
-              }, null, 8, j),
-              l(P, {
+              }, null, 8, q),
+              l(F, {
                 modelValue: t(r),
                 "onUpdate:modelValue": n[0] || (n[0] = (i) => y(r) ? r.value = i : null),
                 icon: "gift-card",
@@ -52,12 +51,12 @@ const R = (s) => (N("data-v-5d5827dc"), s = s(), H(), s), j = ["innerHTML"], q =
                 "onUpdate:isLoading": n[1] || (n[1] = (i) => y(d) ? d.value = i : null),
                 onAction: n[2] || (n[2] = (i) => t(f)())
               }, null, 8, ["modelValue", "label", "buttonLabel", "is-loading"]),
-              !t(d) && t(b) ? (_(), w("table", q, [
+              !t(d) && t(C) ? (_(), x("table", z, [
                 a("thead", null, [
                   a("tr", null, [
                     a("th", null, [
                       a("span", null, o(t(e)("giftCardValidation.giftCard")), 1),
-                      l(u, {
+                      l(p, {
                         icon: "gift-card",
                         type: "fas",
                         color: "header"
@@ -65,7 +64,7 @@ const R = (s) => (N("data-v-5d5827dc"), s = s(), H(), s), j = ["innerHTML"], q =
                     ]),
                     a("th", null, [
                       a("span", null, o(t(e)("giftCardValidation.balance")), 1),
-                      l(u, {
+                      l(p, {
                         icon: "money-bill",
                         type: "fas",
                         color: "header"
@@ -73,7 +72,7 @@ const R = (s) => (N("data-v-5d5827dc"), s = s(), H(), s), j = ["innerHTML"], q =
                     ]),
                     a("th", null, [
                       a("span", null, o(t(e)("giftCardValidation.expirationDate")), 1),
-                      l(u, {
+                      l(p, {
                         icon: "timer",
                         type: "fas",
                         color: "header"
@@ -87,29 +86,29 @@ const R = (s) => (N("data-v-5d5827dc"), s = s(), H(), s), j = ["innerHTML"], q =
                       a("span", null, o(t(k)), 1)
                     ]),
                     a("td", null, [
-                      a("span", null, o(t(x)(t(V), t(v))), 1)
+                      a("span", null, o(t(A)(t(V), t(v))), 1)
                     ]),
                     a("td", null, [
-                      a("span", null, o(t(A)(t(h))), 1)
+                      a("span", null, o(t(B)(t(h))), 1)
                     ])
                   ])
                 ])
-              ])) : B("", !0)
+              ])) : G("", !0)
             ], 32)
           ]),
           _: 1
         }, 8, ["access-token", "styling"])
       ]),
-      fallback: p(() => [
-        z
+      fallback: u(() => [
+        E
       ]),
       _: 1
     }));
   }
 });
-const J = /* @__PURE__ */ M(E, [["__scopeId", "data-v-5d5827dc"]]), c = U({ components: { GiftCardValidation: J } }), K = $();
-c.use(K);
-c.use(F);
+const K = /* @__PURE__ */ H(J, [["__scopeId", "data-v-5d5827dc"]]), c = P({ components: { GiftCardValidation: K } }), Q = U();
+c.use(Q);
+c.use($);
 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-03794d02.cjs"),V=require("./index-7ef3288b.cjs"),G=require("./_-917dcead.cjs");require("./NumberField.vue_vue_type_style_index_0_lang-a779a531.cjs");const R=require("./Field-a7c1ed62.cjs");require("./_commonjsHelpers-6763f629.cjs");const q=e.defineStore("giftCard",()=>{e.useAlertStore();const{pay:y}=G.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(""),C=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),B=e.computed(()=>t.value===e.GiftCardModuleState.InitialState||t.value===e.GiftCardModuleState.WaitingForResponse),S=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(z=>{String(z.id)===String(a)&&(u=z)})}return u}),P=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 N(){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: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.18"}}).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:C,media:s,placeId:k,placeType:n,showFormPage:B,showPaymentPage:S,showConfirmationPage:m,places:h,hasFilledForm:P,hasForcedPlaceType:x,isWaitingForResponse:T,isMetaDataAvailable:E,orderGiftCard:N,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 C(n){o("update:modelValue",n)}function w(){C({base64:"",name:"",type:""}),c.value&&(c.value.value="")}function v(){c.value&&c.value.click()}function s(n,i){const[d,B]=[n.name,n.type],S=new FileReader;S.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"})},S.readAsDataURL(n)}async function k(){let n;(n=c.value.files)instanceof FileList&&s(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: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 U(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 U=="function"&&U(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(G.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:C,media:w,placeId:v,placeType:s,showFormPage:k,showPaymentPage:n,showConfirmationPage:i,places:d,hasFilledForm:B,hasForcedPlaceType:S,isWaitingForResponse:m,isMetaDataAvailable:h}=e.storeToRefs(q()),{initialize:x,orderGiftCard:b}=q(),{isRecaptchaEnabled:P,currency:E}=e.storeToRefs(e.useUtilityStore());async function T(){await b()}return e.watch(s,()=>{v.value=void 0}),e.onMounted(()=>{x()}),(N,r)=>{const u=e.resolveDirective("sticky");return e.openBlock(),e.createBlock(e.Suspense,null,{default:e.withCtx(()=>[e.createVNode(e._sfc_main,{id:"fresh-booking-gift-card-module",type:"gift-card","access-token":N.accessToken,"data-layout":N.layout,styling:N.styling,"sticky-container":""},{default:e.withCtx(()=>[e.unref(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(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,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(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(S)?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(V.Checkbox,{modelValue:e.unref(s),"onUpdate:modelValue":r[3]||(r[3]=z=>e.isRef(s)?s.value=z:null),type:"radio",name:"placeType",val:_,label:a.label},null,8,["modelValue","val","label"])]))),128))]),e.unref(d)[e.unref(s)]&&e.unref(d)[e.unref(s)].data.length>1?(e.openBlock(),e.createBlock(e._sfc_main$1,{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(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,re)],512),[[e.vShow,e.unref(i)]])]),N.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(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",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(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",ue,[e.createVNode(V._sfc_main)],512),[[e.vShow,e.unref(P)]])])),[[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.zo(),F=e.createApp({components:{GiftCard:pe}});F.use(me);F.use(e.instance);F.use(_e);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-5d0dffb8.cjs"),V=require("./index-c6a01479.cjs"),G=require("./_-29774432.cjs"),R=require("./Field-efcdcec2.cjs");require("./_commonjsHelpers-6763f629.cjs");const q=e.defineStore("giftCard",()=>{e.useAlertStore();const{pay:y}=G.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(""),C=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),B=e.computed(()=>t.value===e.GiftCardModuleState.InitialState||t.value===e.GiftCardModuleState.WaitingForResponse),S=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(z=>{String(z.id)===String(a)&&(u=z)})}return u}),P=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 N(){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: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.20"}}).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:C,media:s,placeId:k,placeType:n,showFormPage:B,showPaymentPage:S,showConfirmationPage:m,places:h,hasFilledForm:P,hasForcedPlaceType:x,isWaitingForResponse:T,isMetaDataAvailable:E,orderGiftCard:N,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 C(n){o("update:modelValue",n)}function w(){C({base64:"",name:"",type:""}),c.value&&(c.value.value="")}function v(){c.value&&c.value.click()}function s(n,i){const[d,B]=[n.name,n.type],S=new FileReader;S.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"})},S.readAsDataURL(n)}async function k(){let n;(n=c.value.files)instanceof FileList&&s(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: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 U(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 U=="function"&&U(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(G.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:C,media:w,placeId:v,placeType:s,showFormPage:k,showPaymentPage:n,showConfirmationPage:i,places:d,hasFilledForm:B,hasForcedPlaceType:S,isWaitingForResponse:m,isMetaDataAvailable:h}=e.storeToRefs(q()),{initialize:x,orderGiftCard:b}=q(),{isRecaptchaEnabled:P,currency:E}=e.storeToRefs(e.useUtilityStore());async function T(){await b()}return e.watch(s,()=>{v.value=void 0}),e.onMounted(()=>{x()}),(N,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":N.accessToken,"data-layout":N.layout,styling:N.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(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,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(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(S)?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(V.Checkbox,{modelValue:e.unref(s),"onUpdate:modelValue":r[3]||(r[3]=z=>e.isRef(s)?s.value=z:null),type:"radio",name:"placeType",val:_,label:a.label},null,8,["modelValue","val","label"])]))),128))]),e.unref(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(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,re)],512),[[e.vShow,e.unref(i)]])]),N.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(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",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(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",ue,[e.createVNode(V._sfc_main)],512),[[e.vShow,e.unref(P)]])])),[[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.zo(),F=e.createApp({components:{GiftCard:pe}});F.use(me);F.use(e.instance);F.use(_e);F.use(V.StickyPlugin);F.use(V.install,{bootstrap:!1});F.mount("#konnectio-gift-card-app");

package/dist/gift-card.js

@@ -1,8 +1,7 @@
-import { d as ue, u as ne, s as Y, a as ie, r as b, ab as w, b as J, c as F, i as Z, S as Q, e as ce, f as pe, ac as me, h as X, t as se, o as d, p as B, w as H, l as r, j as g, q as s, x as e, V as D, k, n as re, Q as fe, _ as de, a1 as ve, N as ge, ad as he, v as ee, ae as L, af as W, U as j, y as V, a2 as ye, a3 as _e, T as be, a4 as ae, C as ke, D as Ce, J as Ve, a8 as Fe, H as Pe, K as Se } from "./SelectField.vue_vue_type_style_index_0_lang-51defa22.js";
-import { a as we, P as ze, C as le, _ as Te, S as $e, i as Ue } from "./index-5e1ea6f0.js";
-import { u as qe, E as Re } from "./_-0787261e.js";
-import "./NumberField.vue_vue_type_style_index_0_lang-94fa5765.js";
-import { F as M } from "./Field-03e6b847.js";
+import { d as ue, u as ne, s as Y, a as ie, r as b, ab as w, b as J, c as F, i as Z, S as Q, e as ce, f as pe, ac 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, ad as he, A as ee, ae as B, af 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 } from "./SelectField.vue_vue_type_style_index_0_lang-3fb22f7d.js";
+import { a as we, P as ze, C as le, _ as Te, S as $e, i as Ue } from "./index-61423a7a.js";
+import { u as qe, E as Re } from "./_-4e24cc83.js";
+import { F as L } from "./Field-b1950c55.js";
 import "./_commonjsHelpers-aeeeeb92.js";
 const te = ue("giftCard", () => {
   ne();
@@ -26,9 +25,9 @@ const te = ue("giftCard", () => {
     }), Object.fromEntries(
       Object.entries(f).filter(([, _]) => _.data.length > 0)
     );
-  }), x = F(() => c.value !== 0), $ = F(() => {
+  }), D = F(() => c.value !== 0), $ = F(() => {
     let f;
-    if (x.value)
+    if (D.value)
       f = T.value[c.value].data[0];
     else if (n.value !== 0) {
       const l = S.value, _ = T.value[n.value].data;
@@ -60,7 +59,7 @@ const te = ue("giftCard", () => {
       headers: {
         Authorization: t.value,
         Accept: "application/json",
-        "Fresh-Booking-Ver": "4.0.18"
+        "Fresh-Booking-Ver": "4.0.20"
       }
     }).then((f) => {
       a.value = w.ReadyToPay, u.value = !1, z({
@@ -89,13 +88,13 @@ const te = ue("giftCard", () => {
     showConfirmationPage: y,
     places: T,
     hasFilledForm: K,
-    hasForcedPlaceType: x,
+    hasForcedPlaceType: D,
     isWaitingForResponse: A,
     isMetaDataAvailable: O,
     orderGiftCard: E,
     initialize: i
   };
-}), Ee = { class: "media-selector" }, Ge = ["accept"], Ie = { class: "media-selector-wrapper" }, Le = { class: "media-selector-tools" }, Me = { key: 0 }, Be = { key: 1 }, De = { key: 2 }, xe = ["src"], Ae = /* @__PURE__ */ X({
+}), 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({
   __name: "MediaSelector",
   props: {
     modelValue: {},
@@ -137,7 +136,7 @@ const te = ue("giftCard", () => {
       let n;
       (n = p.value.files) instanceof FileList && m(n[0], U);
     }
-    return (n, u) => (d(), B(fe, {
+    return (n, u) => (d(), M(fe, {
       label: n.label,
       required: n.required,
       type: "media"
@@ -154,9 +153,9 @@ const te = ue("giftCard", () => {
             onChange: u[0] || (u[0] = (c) => S())
           }, null, 40, Ge),
           r("div", Ie, [
-            r("ul", Le, [
-              v.value ? k("", !0) : (d(), g("li", Me, [
-                s(D, {
+            r("ul", Be, [
+              v.value ? k("", !0) : (d(), g("li", Le, [
+                s(x, {
                   label: e(h)("uploadFile"),
                   type: "button",
                   icon: "upload",
@@ -164,8 +163,8 @@ const te = ue("giftCard", () => {
                   onClickEvent: u[1] || (u[1] = (c) => C())
                 }, null, 8, ["label", "icon-color"])
               ])),
-              v.value ? (d(), g("li", Be, [
-                s(D, {
+              v.value ? (d(), g("li", Me, [
+                s(x, {
                   label: e(h)("replaceFile"),
                   type: "button",
                   icon: "repeat-alt",
@@ -173,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", De, [
-                s(D, {
+              v.value ? (d(), g("li", xe, [
+                s(x, {
                   label: e(h)("removeFile"),
                   type: "button",
                   icon: "trash-alt",
@@ -192,7 +191,7 @@ const te = ue("giftCard", () => {
               n.modelValue ? (d(), g("img", {
                 key: 0,
                 src: n.modelValue.base64
-              }, null, 8, xe)) : k("", !0)
+              }, null, 8, De)) : k("", !0)
             ], 2)
           ])
         ])
@@ -251,11 +250,11 @@ const Ne = { class: "gift-card-skeleton" }, We = { class: "gift-card-skeleton-fo
   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(L),
+        s(L),
+        s(L),
+        s(L),
+        s(L, { "is-text-area": "" }),
         s(Re, { height: "44px" })
       ])
     ]));
@@ -308,17 +307,17 @@ const He = /* @__PURE__ */ de(je, [["__scopeId", "data-v-2600a731"]]), Ke = {
       hasForcedPlaceType: R,
       isWaitingForResponse: y,
       isMetaDataAvailable: T
-    } = Y(te()), { initialize: x, orderGiftCard: $ } = te(), { isRecaptchaEnabled: K, currency: O } = Y(ie());
+    } = Y(te()), { initialize: D, orderGiftCard: $ } = te(), { isRecaptchaEnabled: K, currency: O } = Y(ie());
     async function A() {
       await $();
     }
     return ve(m, () => {
       C.value = void 0;
     }), ge(() => {
-      x();
+      D();
     }), (E, i) => {
       const f = he("sticky");
-      return d(), B(Ce, null, {
+      return d(), M(Ce, null, {
         default: H(() => [
           s(ke, {
             id: "fresh-booking-gift-card-module",
@@ -334,12 +333,12 @@ const He = /* @__PURE__ */ de(je, [["__scopeId", "data-v-2600a731"]]), Ke = {
                   r("span", null, ee(e(t)("giftCard.title")), 1)
                 ]),
                 r("div", Je, [
-                  L(r("div", Qe, [
+                  B(r("div", Qe, [
                     s(we)
                   ], 512), [
                     [W, e(n)]
                   ]),
-                  L(r("div", null, [
+                  B(r("div", null, [
                     r("p", {
                       id: "fresh-booking-gift-card-description",
                       innerHTML: e(t)("giftCard.description")
@@ -393,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(), B(be, {
+                            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,7 +403,7 @@ const He = /* @__PURE__ */ de(je, [["__scopeId", "data-v-2600a731"]]), Ke = {
                               required: ""
                             }, null, 8, ["modelValue", "placeholder", "options"])) : k("", !0)
                           ])
-                        ])) : (d(), B(ae, { key: 1 }))
+                        ])) : (d(), M(ae, { key: 1 }))
                       ])),
                       s(j, {
                         modelValue: e(P),
@@ -431,7 +430,7 @@ const He = /* @__PURE__ */ de(je, [["__scopeId", "data-v-2600a731"]]), Ke = {
                   ], 512), [
                     [W, e(S)]
                   ]),
-                  L(r("div", null, [
+                  B(r("div", null, [
                     r("div", {
                       innerHTML: e(t)("giftCard.thankYou")
                     }, null, 8, la)
@@ -441,7 +440,7 @@ const He = /* @__PURE__ */ de(je, [["__scopeId", "data-v-2600a731"]]), Ke = {
                 ]),
                 E.layout !== "minimal" && e(S) ? (d(), g("div", ta, [
                   r("div", oa, [
-                    s(D, {
+                    s(x, {
                       label: e(t)("giftCard.orderGiftCard"),
                       "full-width": !0,
                       disabled: !e(q),
@@ -462,8 +461,8 @@ const He = /* @__PURE__ */ de(je, [["__scopeId", "data-v-2600a731"]]), Ke = {
                     placeholder: e(t)("giftCard.remarkPlaceholder")
                   }, null, 8, ["modelValue", "label", "placeholder"])
                 ])) : k("", !0),
-                e(S) ? L((d(), g("div", ia, [
-                  s(D, {
+                e(S) ? B((d(), g("div", ia, [
+                  s(x, {
                     label: e(t)("giftCard.orderGiftCard"),
                     "full-width": !0,
                     disabled: !e(q),
@@ -472,7 +471,7 @@ const He = /* @__PURE__ */ de(je, [["__scopeId", "data-v-2600a731"]]), Ke = {
                     "onUpdate:isLoading": i[11] || (i[11] = (l) => V(y) ? y.value = l : null),
                     onClickEvent: A
                   }, null, 8, ["label", "disabled", "is-loading"]),
-                  L(r("div", sa, [
+                  B(r("div", sa, [
                     s(Te)
                   ], 512), [
                     [W, e(K)]
@@ -480,7 +479,7 @@ const He = /* @__PURE__ */ de(je, [["__scopeId", "data-v-2600a731"]]), Ke = {
                 ])), [
                   [f]
                 ]) : k("", !0)
-              ])) : (d(), B(ae, { key: 1 }))
+              ])) : (d(), M(ae, { key: 1 }))
             ]),
             _: 1
           }, 8, ["access-token", "data-layout", "styling"])