@konnectio/core 4.0.45 → 4.0.47

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-656991fc.js";
-import { A as $ } from "./ActionField-1e9b784f.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-523f077b.js";
+import { A as $ } from "./ActionField-4f3afb7a.js";
+import { C as F } from "./Container-6b2be57c.js";
 import "./_commonjsHelpers-aeeeeb92.js";
-import "./NumberField.vue_vue_type_script_setup_true_lang-f3b45625.js";
-const F = (s) => (T("data-v-5d5827dc"), s = s(), M(), s), q = ["innerHTML"], E = {
+import "./NumberField.vue_vue_type_script_setup_true_lang-6444e842.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-b66917f6.cjs"),R=require("./CheckoutWindow-b0b45e70.cjs"),I=require("./_-e7cd8ef2.cjs"),T=require("./Field-327ae27e.cjs");require("./_commonjsHelpers-6763f629.cjs");const $=e.defineStore("giftCard",()=>{const{pay:h}=e.usePaymentStore(),{bearerToken:t,metaData:g,currencyId:b}=e.storeToRefs(e.useUtilityStore()),{verifyRecaptcha:p}=e.useUtilityStore(),n=e.ref(e.GiftCardModuleState.InitialState),d=e.useStorage("konnectio_name","",void 0,{serializer:e.StorageSerializers.string}),u=e.useStorage("konnectio_email","",void 0,{serializer:e.StorageSerializers.string}),V=e.useStorage("konnectio_phone","",void 0,{serializer:e.StorageSerializers.string}),B=e.ref(""),m=e.ref(1),s=e.ref(!0),_=e.ref(""),a=e.ref({base64:"",type:"",name:""}),i=e.ref(void 0),r=e.ref(0),v=e.ref(!1),y=e.ref(0),f=e.computed(()=>n.value===e.GiftCardModuleState.InitialState||n.value===e.GiftCardModuleState.WaitingForResponse),F=e.computed(()=>n.value===e.GiftCardModuleState.ReadyToPay),q=e.computed(()=>n.value===e.GiftCardModuleState.PaymentSuccess),w=e.computed(()=>{const c={1:{label:e.i18n.t("giftCard.hotelType"),data:[]},2:{label:e.i18n.t("giftCard.restaurantType"),data:[]}},S=g.value.hotels[0].places;return S&&S.forEach(k=>{c[k.placeType].data.push(k)}),Object.fromEntries(Object.entries(c).filter(([,k])=>k.data.length>0))}),E=e.computed(()=>y.value!==0),C=e.computed(()=>{let c;if(E.value)c=w.value[y.value].data[0];else if(r.value!==0){const S=i.value,k=w.value[r.value].data;k.length===1?c=k[0]:S!==void 0&&k.forEach(G=>{String(G.id)===String(S)&&(c=G)})}return c}),P=e.computed(()=>!(!d.value||!u.value||!(V.value.length>=5)||!B.value||C.value===void 0)),N=e.computed(()=>!(n.value===e.GiftCardModuleState.InitialState&&v.value)),o=e.computed(()=>!!(n.value===e.GiftCardModuleState.WaitingForResponse&&v.value));async function l(){n.value=e.GiftCardModuleState.WaitingForResponse,v.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:b.value,language:e.getUserLanguage(),amount:B.value,quantity:m.value,freeText:_.value,showPrice:s.value,contactName:d.value,contactEmail:u.value,contactPhone:V.value,imageBase64:e.b2a(a.value.base64),imageName:a.value.name,imageFormat:a.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.45"}}).then(c=>{n.value=e.GiftCardModuleState.ReadyToPay,v.value=!1,h({callback:()=>console.log("Callback!"),response:c.data})})}})}function U(c){c&&(y.value=c)}return{moduleState:n,name:d,email:u,phone:V,value:B,remark:_,showValue:s,quantity:m,media:a,placeId:i,placeType:r,showFormPage:f,showPaymentPage:F,showConfirmationPage:q,places:w,hasFilledForm:P,hasForcedPlaceType:E,isWaitingForResponse:o,isMetaDataAvailable:N,orderGiftCard:l,initialize:U}}),L={class:"media-selector"},D=["accept"],z={class:"media-selector-wrapper"},A={class:"media-selector-tools"},W={key:0},j={key:1},H={key:2},O=["src"],K=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 g=t,b=h,{t:p}=e.useI18n(),{display:n}=e.useAlertStore(),d=e.ref(),u=e.computed(()=>b.modelValue.base64!=="");function V(a){g("update:modelValue",a)}function B(){V({base64:"",name:"",type:""}),d.value&&(d.value.value="")}function m(){d.value&&d.value.click()}function s(a,i){const[r,v]=[a.name,a.type],y=new FileReader;y.onload=function(f){if(f.target){const F=f.target.result;i({base64:F,name:r,type:v})}else n({message:p("imageUploadError"),type:"error"})},y.readAsDataURL(a)}async function _(){let a;(a=d.value.files)instanceof FileList&&s(a[0],V)}return(a,i)=>(e.openBlock(),e.createBlock(e.InputField,{label:a.label,required:a.required,type:"media"},{default:e.withCtx(()=>[e.createBaseVNode("div",L,[e.createBaseVNode("input",{ref_key:"fileInput",ref:d,type:"file",class:"hidden",accept:a.validation,single:"",onChange:i[0]||(i[0]=r=>_())},null,40,D),e.createBaseVNode("div",z,[e.createBaseVNode("ul",A,[u.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("li",W,[e.createVNode(e.Clickable,{label:e.unref(p)("uploadFile"),type:"button",icon:"upload","icon-color":a.iconColor,onClickEvent:i[1]||(i[1]=r=>m())},null,8,["label","icon-color"])])),u.value?(e.openBlock(),e.createElementBlock("li",j,[e.createVNode(e.Clickable,{label:e.unref(p)("replaceFile"),type:"button",icon:"repeat-alt","icon-color":a.iconColor,onClickEvent:i[2]||(i[2]=r=>m())},null,8,["label","icon-color"])])):e.createCommentVNode("",!0),u.value?(e.openBlock(),e.createElementBlock("li",H,[e.createVNode(e.Clickable,{label:e.unref(p)("removeFile"),type:"button",icon:"trash-alt","icon-color":a.iconColor,onClickEvent:i[3]||(i[3]=r=>B())},null,8,["label","icon-color"])])):e.createCommentVNode("",!0)]),e.createBaseVNode("div",{class:e.normalizeClass(["media-selector-previewer",{opened:u.value}])},[a.modelValue?(e.openBlock(),e.createElementBlock("img",{key:0,src:a.modelValue.base64},null,8,O)):e.createCommentVNode("",!0)],2)])])]),_:1},8,["label","required"]))}});function M(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 M=="function"&&M(K);const Y={class:"gift-card-skeleton"},J={class:"gift-card-skeleton-form"},Q=e.defineComponent({__name:"GiftCardSkeleton",setup(h){return(t,g)=>(e.openBlock(),e.createElementBlock("div",Y,[e.createBaseVNode("div",J,[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(I.Element,{height:"44px"})])]))}});const X=e._export_sfc(Q,[["__scopeId","data-v-2600a731"]]),Z={key:0,id:"fresh-booking-gift-card-wrapper"},ee={id:"fresh-booking-gift-card-title"},te={id:"fresh-booking-gift-card-content"},ae={id:"fresh-booking-gift-card-payment"},le=["innerHTML"],oe={key:0},ne={key:0,id:"fresh-booking-select-place-type"},ie={class:e.normalizeClass(["fresh-booking-label","required"])},re={id:"fresh-booking-select-place-type-input"},de=["innerHTML"],ce={key:0,id:"fresh-booking-gift-card-order"},ue={class:"fresh-booking-panel"},se={key:1,id:"fresh-booking-gift-card-remarks"},fe={key:2,id:"fresh-booking-gift-card-order-minimal"},pe={id:"fresh-booking-gift-card-recaptcha"},me=e.defineComponent({name:"GiftCardLayout",__name:"GiftCard",props:{accessToken:{},layout:{default:"minimal"},placeType:{},styling:{}},setup(h){const{t}=e.useI18n(),{name:g,email:b,phone:p,value:n,remark:d,showValue:u,quantity:V,media:B,placeId:m,placeType:s,showFormPage:_,showPaymentPage:a,showConfirmationPage:i,places:r,hasFilledForm:v,hasForcedPlaceType:y,isWaitingForResponse:f,isMetaDataAvailable:F}=e.storeToRefs($()),{initialize:q,orderGiftCard:w}=$(),{isRecaptchaEnabled:E,currency:C}=e.storeToRefs(e.useUtilityStore());async function P(){await w()}return e.watch(s,()=>{m.value=void 0}),e.onMounted(()=>{q()}),(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",Z,[e.createBaseVNode("h2",ee,[e.createBaseVNode("span",null,e.toDisplayString(e.unref(t)("giftCard.title")),1)]),e.createBaseVNode("div",te,[e.withDirectives(e.createBaseVNode("div",ae,[e.createVNode(R.CheckoutWindow)],512),[[e.vShow,e.unref(a)]]),e.withDirectives(e.createBaseVNode("div",null,[e.createBaseVNode("p",{id:"fresh-booking-gift-card-description",innerHTML:e.unref(t)("giftCard.description")},null,8,le),e.createBaseVNode("form",null,[e.unref(y)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",oe,[e.unref(r)?(e.openBlock(),e.createElementBlock("div",ne,[e.createBaseVNode("label",ie,[e.createBaseVNode("span",null,e.toDisplayString(e.unref(t)("giftCard.selectType")),1)]),e.createBaseVNode("div",re,[e.createBaseVNode("ul",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(r),(l,U)=>(e.openBlock(),e.createElementBlock("li",{key:U},[e.createVNode(R.Checkbox,{modelValue:e.unref(s),"onUpdate:modelValue":o[0]||(o[0]=c=>e.isRef(s)?s.value=c:null),type:"radio",name:"placeType",val:U,label:l.label},null,8,["modelValue","val","label"])]))),128))]),e.unref(r)[e.unref(s)]&&e.unref(r)[e.unref(s)].data.length>1?(e.openBlock(),e.createBlock(e._sfc_main,{key:0,modelValue:e.unref(m),"onUpdate:modelValue":o[1]||(o[1]=l=>e.isRef(m)?m.value=l:null),placeholder:e.unref(t)("giftCard.selectPlacePlaceholder"),options:e.unref(r)[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":o[2]||(o[2]=l=>e.isRef(g)?g.value=l: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[3]||(o[3]=l=>e.isRef(b)?b.value=l: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(p),"onUpdate:modelValue":o[4]||(o[4]=l=>e.isRef(p)?p.value=l:null),icon:"phone-office",label:e.unref(t)("giftCard.phone"),placeholder:e.unref(t)("giftCard.phonePlaceholder"),required:""},null,8,["modelValue","label","placeholder"]),e.createVNode(e.TextField,{modelValue:e.unref(n),"onUpdate:modelValue":o[5]||(o[5]=l=>e.isRef(n)?n.value=l:null),type:"number",name:"value",label:e.unref(t)("giftCard.value"),icon:"money-bill",placeholder:e.unref(t)("giftCard.valuePlaceholder"),suffix:e.unref(C),required:""},null,8,["modelValue","label","placeholder","suffix"]),e.createVNode(R.Checkbox,{modelValue:e.unref(u),"onUpdate:modelValue":o[6]||(o[6]=l=>e.isRef(u)?u.value=l:null),type:"checkbox",name:"showValue",label:e.unref(t)("giftCard.showValue"),checked:e.unref(u)},null,8,["modelValue","label","checked"]),e.createCommentVNode("",!0),e.createCommentVNode("",!0)])],512),[[e.vShow,e.unref(_)]]),e.withDirectives(e.createBaseVNode("div",null,[e.createBaseVNode("div",{innerHTML:e.unref(t)("giftCard.thankYou")},null,8,de)],512),[[e.vShow,e.unref(i)]])]),N.layout!=="minimal"&&e.unref(_)?(e.openBlock(),e.createElementBlock("div",ce,[e.createBaseVNode("div",ue,[e.createVNode(e.Clickable,{label:e.unref(t)("giftCard.orderGiftCard"),"full-width":!0,disabled:!e.unref(v),"is-loading":e.unref(f),"onUpdate:isLoading":o[9]||(o[9]=l=>e.isRef(f)?f.value=l:null),onClickEvent:P},null,8,["label","disabled","is-loading"])])])):e.createCommentVNode("",!0),e.unref(_)?(e.openBlock(),e.createElementBlock("div",se,[e.createVNode(e.TextField,{modelValue:e.unref(d),"onUpdate:modelValue":o[10]||(o[10]=l=>e.isRef(d)?d.value=l: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(_)?(e.openBlock(),e.createElementBlock("div",fe,[e.createVNode(e.Clickable,{label:e.unref(t)("giftCard.orderGiftCard"),"full-width":!0,disabled:!e.unref(v),"data-test":"orderGiftCard","is-loading":e.unref(f),"onUpdate:isLoading":o[11]||(o[11]=l=>e.isRef(f)?f.value=l:null),onClickEvent:P},null,8,["label","disabled","is-loading"]),e.withDirectives(e.createBaseVNode("div",pe,[e.createVNode(R._sfc_main)],512),[[e.vShow,e.unref(E)]])])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createBlock(e.Loading,{key:1}))]),_:1},8,["access-token","data-layout","styling"])]),fallback:e.withCtx(()=>[e.createVNode(X)]),_:1}))}});const _e=e._export_sfc(me,[["__scopeId","data-v-5019ef21"]]),ve=e.createPinia(),ge=e.Go(),x=e.createApp({components:{GiftCard:_e}});x.use(ve);x.use(e.instance);x.use(ge);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-61443b22.cjs"),I=require("./Container-c8f449bb.cjs"),x=require("./CheckoutWindow-934aa76e.cjs"),L=require("./_-aa5cc045.cjs"),R=require("./Field-594f873a.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.47"}}).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");