@konnectio/core 4.0.44 → 4.0.46

package/dist/gift-card-validation.js

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

package/dist/gift-card.cjs

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