https://www.coca-cola.com/onexp-theme/25d07672864d756cc17ce87a0253…f00a7df6d5e87ead0c9df5fe/availablePrizes.js

1import{r as _,d as b,c as h,b as s,e as p,f as m,t as z,u as c,i as g,h as u,_ as S,F as A,g as I,o as C,B as k,A as w}from"./_plugin-vue_export-helper.js";import{c as N}from"./pinia.js";import{g as E,B,D,E as O}from"./theme.js";import{u as f}from"./globalConfigStore.js";import{u as U}from"./ngpsStore.js";import{L as $}from"./LoadingIndicator.js";import{U as L}from"./UnknownError.js";import{S as F}from"./ShowMore.js";import{v as R}from"./validateConfigId.js";const x=()=>{const o=_([]),e=U(),r=f(),a=async()=>(await E()).isAuthenticated(),l=_(!1),n=_(!1),t=_(!1),{ngpsConfig:d}=r.getConfigData,P=B(d),v=async i=>{switch(i.type){case"LIST_PRIZES_SUCCESS":{o.value=i.data.prizeList,await a()?e.setAvailablePrizes(d.configurationId,i.data.prizeList):e.setPublicPrizes(d.configurationId,i.data.prizeList);break}case"LIST_PRIZES_UNKNOWN_RESPONSE":default:{t.value=!0;break}}};return{prizeList:o,requestPending:n,errorOccurred:t,fetchAvailablePrizes:async()=>{l.value||(n.value=!0);let i;try{i=await P(),await v(i)}catch(y){console.log(y),i={type:"LIST_PRIZES_UNKNOWN_RESPONSE"},await v(i)}return n.value=!1,i},populatePrizeList:async()=>{e.populateFromSessionStorage(d.configurationId);const i=await a()?e.availablePrizes:e.publicPrizes;i&&(o.value=i,l.value=!0)}}},M={class:"prize-list__item available-prize__item"},T={class:"prize-list__inner-wrapper"},V={class:"prize-list__text-wrapper"},Z={class:"item-header"},q={key:0,class:"prize-list__amount-available"},G={key:0,class:"prize-list__image-wrapper"},K=["src","alt"],W=b({__name:"AvailablePrizeItem",props:{image:{},header:{},description:{},metadata:{},amountAvailable:{},totalAmount:{}},setup(o){const e=o,r=f().getLabels.amountAvailableLabel,a=r.length>0&&e.amountAvailable,l=h(()=>D(r,e.amountAvailable,e.totalAmount)),n=h(()=>e.metadata?.find(t=>!!t.alt)?.alt||e.header);return(t,d)=>(s(),p("li",M,[m("div",T,[m("div",V,[m("h3",Z,z(t.header),1),c(a)?(s(),p("p",q,z(l.value),1)):g("",!0),t.description?(s(),u(F,{key:1,"text-content":t.description},null,8,["text-content"])):g("",!0)]),t.image?(s(),p("div",G,[m("img",{class:"prize-list__image",src:t.image,alt:n.value},null,8,K)])):g("",!0)])]))}}),j=S(W,[["__scopeId","data-v-36c8ac36"]]),H={class:"prize-list"},J=b({__name:"AvailablePrizeList",props:{prizeList:{}},setup(o){return(e,r)=>(s(),p("ul",H,[(s(!0),p(A,null,I(e.prizeList,a=>(s(),u(j,{key:a.prizeId,image:a.imgUrl,header:a.name,description:a.description,"amount-available":a.amountAvailable,"total-amount":a.totalAmount,metadata:a.imagesMetadata},null,8,["image","header","description","amount-available","total-amount","metadata"]))),128))]))}}),Q={key:0,class:"prizes__header"},X=b({__name:"AvailablePrizes",setup(o){const{availablePrizesLabel:e}=f().getLabels,{prizeList:r,requestPending:a,errorOccurred:l,fetchAvailablePrizes:n,populatePrizeList:t}=x();return C(n),k(t),(d,P)=>(s(),p(A,null,[c(e)?(s(),p("h2",Q,z(c(e)),1)):g("",!0),c(a)?(s(),u($,{key:1})):c(l)?(s(),u(L,{key:2})):(s(),u(J,{key:3,"prize-list":c(r)},null,8,["prize-list"]))],64))}}),Y=b({__name:"App",props:{globalProps:{}},setup(o){const e=o;f().updateConfigData(e.globalProps);const r=R();return(a,l)=>c(r)?(s(),u(X,{key:0})):(s(),u(L,{key:1}))}}),ue=async o=>{const{parsedGeneralData:e,promoPlusConfig:r}=O(o),a=o.getAttribute("id"),l={globalProps:{labels:e.labels||{},ngpsConfig:r,enableDynamicConfigurationIds:e.enableDynamicConfigurationIds,appId:a,allowedConfigurationIds:e.allowedConfigurationIds}},n=w(Y,l),t=N();n.use(t),n.mount(`#${a}`)};export{ue as init};