@everymatrix/cashier-receipt-page 1.28.7 → 1.29.0

package/dist/cashier-receipt-page.js

@@ -592,5 +592,5 @@ return e[22](/*field*/e[34])}return{c(){t=f("div"),n=f("div"),r=m(s),b(t,"class"
 function On(e){let t,n;function r(e,t){/*field*/
 return e[34].type===/*FieldTypes*/e[1].QRCode?Rn:/*field*/e[34].type===/*FieldTypes*/e[1].Html?Nn:/*field*/e[34].type===/*FieldTypes*/e[1].Image?In:/*field*/e[34].type===/*FieldTypes*/e[1].Link?Sn:Pn}let i=r(e),o=i(e);return{c(){t=f("div"),o.c(),n=d(),b(t,"class","ReceiptField")},m(e,r){h(e,t,r),o.m(t,null),u(t,n)},p(e,s){i===(i=r(e))&&o?o.p(e,s):(o.d(1),o=i(e),o&&(o.c(),o.m(t,n)))},d(e){e&&p(t),o.d()}}}function Mn(t){let n,r,i,o,s,l=/*txnInfo*/t[2]&&An(t);return{c(){n=f("script"),i=d(),o=f("div"),s=f("div"),l&&l.c(),this.c=e,a(n.src,r=Un)||b(n,"src",r),b(s,"class","CashierReceiptPage"),b(o,"class","CashierReceiptPageWidget")},m(e,r){u(_n.head,n),h(e,i,r),h(e,o,r),u(o,s),l&&l.m(s,null)
 /*div1_binding*/,t[23](o)},p(e,t){/*txnInfo*/e[2]?l?l.p(e,t):(l=An(e),l.c(),l.m(s,null)):l&&(l.d(1),l=null)},i:e,o:e,d(e){p(n),e&&p(i),e&&p(o),l&&l.d()
-/*div1_binding*/,t[23](null)}}}let Un="https://cdn.rawgit.com/davidshimjs/qrcodejs/gh-pages/qrcode.min.js";function xn(e,t,n){let r;var i,o;i=yn,o=e=>n(9,r=e),e.$$.on_destroy.push(l(i,o));let{endpoint:s}=t,{session:a}=t,{lang:c="en"}=t,{translationurl:u}=t,{assetsurl:h}=t,{customerid:p}=t,{clientstyling:f=""}=t,{clientstylingurl:m=""}=t;var d;!function(e){e.Unknown="Unknown",e.Text="Text",e.Boolean="Boolean",e.Number="Number",e.Money="Money",e.DateTime="DateTime",e.Lookup="Lookup",e.IpAddress="IpAddress",e.Date="Date",e.Time="Time",e.LookupCollection="LookupCollection",e.Hidden="Hidden",e.Label="Label",e.Password="Password",e.Link="Link",e.Image="Image",e.Html="Html",e.QRCode="QR"}(d||(d={}));const g=new Map([[["Unknown",0],d.Unknown],[["Text",1],d.Text],[["Boolean",2],d.Boolean],[["Number",3],d.Number],[["Money",4],d.Money],[["DateTime",5],d.DateTime],[["Lookup",6],d.Lookup],[["IpAddress",7],d.IpAddress],[["Date",8],d.Date],[["Time",9],d.Time],[["LookupCollection",10],d.LookupCollection],[["Hidden",11],d.Hidden],[["Label",12],d.Label],[["Password",13],d.Password],[["Link",14],d.Link],[["Image",15],d.Image],[["Html",19],d.Html],[["QR",20],d.QRCode]].reduce(((e,[t,n])=>[...e,...Array.isArray(t)?[...t.map((e=>[e,n]))]:[[t,n]]]),[]));let b,y,E,v,T,H,_=[],C=[];const A=()=>{var e;e=c,Qt.set(e)};Object.keys(vn).forEach((e=>{En(e,vn[e])}));const w=()=>{const e=new URL(`${s}/v1/player/${p}/payment/GetPaymentInfo`),t=new Headers;t.append("accept","application/json"),t.append("Content-Type","application/json");const i={method:"POST",headers:t,body:JSON.stringify({XPaymentSessionToken:a})};fetch(e,i).then((e=>e.json())).then((e=>{var t,i,o,s,a,l;n(2,b={type:e.Transaction.Type,referenceId:e.Transaction.Code,status:null===(t=e.Transaction.Status)||void 0===t?void 0:t.Status,message:null===(i=e.Transaction.Status)||void 0===i?void 0:i.Message,amount:null===(o=e.Transaction.Amounts[0])||void 0===o?void 0:o.Amount,currency:null===(s=e.Transaction.Amounts[0])||void 0===s?void 0:s.Currency}),n(3,_=e.ReceiptInfo&&e.ReceiptInfo.ReceiptFields?e.ReceiptInfo.ReceiptFields.map((e=>({type:g.get(e.Type),name:e.Name,description:e.Description,defaultValue:e.DefaultValue,useCopyButton:e.UseCopyButton,usePrintButton:e.UsePrintButton}))):[]),n(5,E=r((a=b.status,l=b.type,`${Hn[l]}.${Bn[a]}.title`),{values:{amount:b.amount,currency:b.currency}})),n(4,y=r(((e,t)=>`${Hn[t]}.${Bn[e]}.subTitle`)(b.status,b.type))),n(6,v=r(((e,t)=>`${Hn[t]}.${Bn[e]}.text`)(b.status,b.type),{values:{errorText:b.message}})),n(7,T=((e,t)=>`${e+Tn[t]}`)(h,b.status))}))},L=e=>{e&&window.postMessage({type:"NavigateTo",path:e,target:"_blank",externalLink:!1},window.location.href)};return e.$$set=e=>{"endpoint"in e&&n(13,s=e.endpoint),"session"in e&&n(14,a=e.session),"lang"in e&&n(15,c=e.lang),"translationurl"in e&&n(16,u=e.translationurl),"assetsurl"in e&&n(17,h=e.assetsurl),"customerid"in e&&n(18,p=e.customerid),"clientstyling"in e&&n(19,f=e.clientstyling),"clientstylingurl"in e&&n(20,m=e.clientstylingurl)},e.$$.update=()=>{/*endpoint, session, customerid*/286720&e.$$.dirty[0]&&s&&a&&p&&w(),/*lang*/32768&e.$$.dirty[0]&&c&&A(),/*lang, translationurl*/98304&e.$$.dirty[0]&&c&&u&&(()=>{if(u)fetch(u).then((e=>e.json())).then((e=>{Object.keys(e).forEach((t=>{En(t,e[t])}))})).catch((e=>{}))})(),/*clientstyling, customStylingContainer*/524289&e.$$.dirty[0]&&f&&H&&(()=>{let e=document.createElement("style");e.innerHTML=f,H.appendChild(e)})(),/*clientstylingurl, customStylingContainer*/1048577&e.$$.dirty[0]&&m&&H&&(()=>{let e=new URL(m),t=document.createElement("style");fetch(e.href).then((e=>e.text())).then((e=>{t.innerHTML=e,setTimeout((()=>{H.appendChild(t)}),1),setTimeout((()=>{}),500)}))})()},[H,d,b,_,y,E,v,T,C,r,()=>{dispatchEvent(new CustomEvent("closeCashierReceiptPage",{bubbles:!0,cancelable:!0,composed:!0}))},()=>{dispatchEvent(new CustomEvent("liveChatReceiptPage",{bubbles:!0,cancelable:!0,composed:!0}))},L,s,a,c,u,h,p,f,m,function(e){B[e?"unshift":"push"]((()=>{C[C.length]=e,n(8,C)}))},e=>{L(e.description)},function(e){B[e?"unshift":"push"]((()=>{H=e,n(0,H)}))}]}class Dn extends x{constructor(e){super();const t=document.createElement("style");t.textContent=".CashierReceiptPageWidget{height:100%}.CashierReceiptPage{border-radius:var(--mmw--border-radius-medium-plus, 6px);background:var(--emw--color-background, #fff);padding:0 0 var(--emw--spacing-small-minus, 10px) 0;margin:0 auto;position:relative;word-wrap:break-word}.ReceiptWrapper{width:100%;height:200px;border-bottom:1px solid var(--mmw--color-black-transparency-10, rgba(0, 0, 0, 0.1));display:flex;align-items:flex-end;flex-direction:row-reverse;position:relative}.TitleWrapper{display:flex;position:absolute;left:0;bottom:11px;flex-direction:column;justify-content:flex-end;flex-shrink:0}.Title{color:var(--mmw--color-grey-10, #111);font-size:var(--emw--font-size-x-large-plus, 26px);font-weight:var(--emw--font-weight-semibold, 500);margin-bottom:0;line-height:var(--emw--font-size-x-large-plus, 26px)}.SubTitle{font-weight:var(--emw--font-weight-normal, 400);font-size:var(--emw--font-size-small, 14px);color:var(--mmw--color-grey-290, #666);margin-top:var(--emw--spacing-small, 12px)}.Text{padding:var(--emw--spacing-small, 12px) 0;font-size:var(--emw--font-size-small, 14px);color:var(--mmw--color-grey-10, #111)}.Reference{color:var(--mmw--color-grey-290, #666);font-size:var(--emw--font-size-x-small, 12px);font-weight:var(--emw--font-weight-normal, 400);margin:0}.PrimaryButton{color:var(--emw--color-white, #FFF);border:none;background:var(--emw--color-primary, #7EC51E);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:var(--emw--border-radius-medium, 5px);height:36px;font-size:var(--emw--font-size-x-small, 12px);margin:var(--emw--spacing-large, 20px) 0;width:100%}.PrimaryButton:hover{background:var(--emw--color-hover, #71B11B)}.PrimaryButton:active{background:var(--emw--color-active, #5C950F)}.HeaderButtonContainer{position:absolute;z-index:1;right:0;display:flex;align-items:baseline;gap:var(--emw--spacing-small, 12px);padding:var(--emw--spacing-small, 12px) 0}.HeaderButtonContainer>span{cursor:pointer}.ReceiptField{font-weight:var(--emw--font-weight-normal, 400);font-size:var(--emw--font-size-small, 14px);line-height:var(--emw--font-size-medium, 16px);color:var(--emw--color-gray-150, #666);margin:var(--emw--spacing-small, 12px)}",this.shadowRoot.appendChild(t),U(this,{target:this.shadowRoot,props:E(this.attributes),customElement:!0},xn,Mn,o,{endpoint:13,session:14,lang:15,translationurl:16,assetsurl:17,customerid:18,clientstyling:19,clientstylingurl:20},null,[-1,-1]),e&&(e.target&&h(e.target,this,e.anchor),e.props&&(this.$set(e.props),I()))}static get observedAttributes(){return["endpoint","session","lang","translationurl","assetsurl","customerid","clientstyling","clientstylingurl"]}get endpoint(){return this.$$.ctx[13]}set endpoint(e){this.$$set({endpoint:e}),I()}get session(){return this.$$.ctx[14]}set session(e){this.$$set({session:e}),I()}get lang(){return this.$$.ctx[15]}set lang(e){this.$$set({lang:e}),I()}get translationurl(){return this.$$.ctx[16]}set translationurl(e){this.$$set({translationurl:e}),I()}get assetsurl(){return this.$$.ctx[17]}set assetsurl(e){this.$$set({assetsurl:e}),I()}get customerid(){return this.$$.ctx[18]}set customerid(e){this.$$set({customerid:e}),I()}get clientstyling(){return this.$$.ctx[19]}set clientstyling(e){this.$$set({clientstyling:e}),I()}get clientstylingurl(){return this.$$.ctx[20]}set clientstylingurl(e){this.$$set({clientstylingurl:e}),I()}}return!customElements.get("cashier-receipt-page")&&customElements.define("cashier-receipt-page",Dn),Dn}));
+/*div1_binding*/,t[23](null)}}}let Un="https://cdn.rawgit.com/davidshimjs/qrcodejs/gh-pages/qrcode.min.js";function xn(e,t,n){let r;var i,o;i=yn,o=e=>n(9,r=e),e.$$.on_destroy.push(l(i,o));let{endpoint:s}=t,{session:a}=t,{lang:c="en"}=t,{translationurl:u}=t,{assetsurl:h}=t,{customerid:p}=t,{clientstyling:f=""}=t,{clientstylingurl:m=""}=t;var d;!function(e){e.Unknown="Unknown",e.Text="Text",e.Boolean="Boolean",e.Number="Number",e.Money="Money",e.DateTime="DateTime",e.Lookup="Lookup",e.IpAddress="IpAddress",e.Date="Date",e.Time="Time",e.LookupCollection="LookupCollection",e.Hidden="Hidden",e.Label="Label",e.Password="Password",e.Link="Link",e.Image="Image",e.Html="Html",e.QRCode="QR"}(d||(d={}));const g=new Map([[["Unknown",0],d.Unknown],[["Text",1],d.Text],[["Boolean",2],d.Boolean],[["Number",3],d.Number],[["Money",4],d.Money],[["DateTime",5],d.DateTime],[["Lookup",6],d.Lookup],[["IpAddress",7],d.IpAddress],[["Date",8],d.Date],[["Time",9],d.Time],[["LookupCollection",10],d.LookupCollection],[["Hidden",11],d.Hidden],[["Label",12],d.Label],[["Password",13],d.Password],[["Link",14],d.Link],[["Image",15],d.Image],[["Html",19],d.Html],[["QR",20],d.QRCode]].reduce(((e,[t,n])=>[...e,...Array.isArray(t)?[...t.map((e=>[e,n]))]:[[t,n]]]),[]));let b,y,E,v,T,H,_=[],C=[];const A=()=>{var e;e=c,Qt.set(e)};Object.keys(vn).forEach((e=>{En(e,vn[e])}));const w=()=>{const e=new URL(`${s}/v1/player/${p}/payment/GetPaymentInfo`),t=new Headers;t.append("accept","application/json"),t.append("Content-Type","application/json");const i={method:"POST",headers:t,body:JSON.stringify({XPaymentSessionToken:a})};fetch(e,i).then((e=>e.json())).then((e=>{var t,i,o,s,a,l;n(2,b={type:e.Transaction.Type,referenceId:e.Transaction.Code,status:null===(t=e.Transaction.Status)||void 0===t?void 0:t.Status,message:null===(i=e.Transaction.Status)||void 0===i?void 0:i.Message,amount:null===(o=e.Transaction.Amounts[0])||void 0===o?void 0:o.Amount,currency:null===(s=e.Transaction.Amounts[0])||void 0===s?void 0:s.Currency}),n(3,_=e.ReceiptInfo&&e.ReceiptInfo.ReceiptFields?e.ReceiptInfo.ReceiptFields.map((e=>({type:g.get(e.Type),name:e.Name,description:e.Description,defaultValue:e.DefaultValue,useCopyButton:e.UseCopyButton,usePrintButton:e.UsePrintButton}))):[]),n(5,E=r((a=b.status,l=b.type,`${Hn[l]}.${Bn[a]}.title`),{values:{amount:b.amount,currency:b.currency}})),n(4,y=r(((e,t)=>`${Hn[t]}.${Bn[e]}.subTitle`)(b.status,b.type))),n(6,v=r(((e,t)=>`${Hn[t]}.${Bn[e]}.text`)(b.status,b.type),{values:{errorText:b.message}})),n(7,T=((e,t)=>`${e+Tn[t]}`)(h,b.status))}))},L=e=>{e&&window.postMessage({type:"NavigateTo",path:e,target:"_blank",externalLink:!1},window.location.href)};return e.$$set=e=>{"endpoint"in e&&n(13,s=e.endpoint),"session"in e&&n(14,a=e.session),"lang"in e&&n(15,c=e.lang),"translationurl"in e&&n(16,u=e.translationurl),"assetsurl"in e&&n(17,h=e.assetsurl),"customerid"in e&&n(18,p=e.customerid),"clientstyling"in e&&n(19,f=e.clientstyling),"clientstylingurl"in e&&n(20,m=e.clientstylingurl)},e.$$.update=()=>{/*endpoint, session, customerid*/286720&e.$$.dirty[0]&&s&&a&&p&&w(),/*lang*/32768&e.$$.dirty[0]&&c&&A(),/*lang, translationurl*/98304&e.$$.dirty[0]&&c&&u&&(()=>{if(u)fetch(u).then((e=>e.json())).then((e=>{Object.keys(e).forEach((t=>{En(t,e[t])}))})).catch((e=>{}))})(),/*clientstyling, customStylingContainer*/524289&e.$$.dirty[0]&&f&&H&&(()=>{let e=document.createElement("style");e.innerHTML=f,H.appendChild(e)})(),/*clientstylingurl, customStylingContainer*/1048577&e.$$.dirty[0]&&m&&H&&(()=>{let e=new URL(m),t=document.createElement("style");fetch(e.href).then((e=>e.text())).then((e=>{t.innerHTML=e,setTimeout((()=>{H.appendChild(t)}),1),setTimeout((()=>{}),500)}))})()},[H,d,b,_,y,E,v,T,C,r,()=>{dispatchEvent(new CustomEvent("closeCashierReceiptPage",{bubbles:!0,cancelable:!0,composed:!0}))},()=>{dispatchEvent(new CustomEvent("liveChatReceiptPage",{bubbles:!0,cancelable:!0,composed:!0}))},L,s,a,c,u,h,p,f,m,function(e){B[e?"unshift":"push"]((()=>{C[C.length]=e,n(8,C)}))},e=>{L(e.description)},function(e){B[e?"unshift":"push"]((()=>{H=e,n(0,H)}))}]}class Dn extends x{constructor(e){super();const t=document.createElement("style");t.textContent=".CashierReceiptPageWidget{height:100%}.CashierReceiptPage{border-radius:var(--mmw--border-radius-medium-plus, 6px);background:var(--emw--color-background, #fff);padding:0 0 var(--emw--spacing-small-minus, 10px) 0;margin:0 auto;position:relative;word-wrap:break-word}.ReceiptWrapper{width:100%;height:200px;border-bottom:1px solid var(--mmw--color-black-transparency-10, rgba(0, 0, 0, 0.1));display:flex;align-items:flex-end;flex-direction:row-reverse;position:relative}.TitleWrapper{display:flex;position:absolute;left:0;bottom:11px;flex-direction:column;justify-content:flex-end;flex-shrink:0}.Title{color:var(--mmw--color-grey-10, #111);font-size:var(--emw--font-size-x-large-plus, 26px);font-weight:var(--emw--font-weight-semibold, 500);margin-bottom:0;line-height:var(--emw--font-size-x-large-plus, 26px)}.SubTitle{font-weight:var(--emw--font-weight-normal, 400);font-size:var(--emw--font-size-small, 14px);color:var(--mmw--color-grey-290, #666);margin-top:var(--emw--spacing-small, 12px)}.Text{padding:var(--emw--spacing-small, 12px) 0;font-size:var(--emw--font-size-small, 14px);color:var(--mmw--color-grey-10, #111)}.Reference{color:var(--mmw--color-grey-290, #666);font-size:var(--emw--font-size-x-small, 12px);font-weight:var(--emw--font-weight-normal, 400);margin:0}.PrimaryButton{color:var(--emw--color-white, #FFF);border:none;background:var(--emw--color-primary, #7EC51E);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:var(--emw--border-radius-medium, 5px);height:36px;font-size:var(--emw--font-size-x-small, 12px);font-family:inherit;margin:var(--emw--spacing-large, 20px) 0;width:100%}.PrimaryButton:hover{background:var(--emw--color-hover, #71B11B)}.PrimaryButton:active{background:var(--emw--color-active, #5C950F)}.HeaderButtonContainer{position:absolute;z-index:1;right:0;display:flex;align-items:baseline;gap:var(--emw--spacing-small, 12px);padding:var(--emw--spacing-small, 12px) 0}.HeaderButtonContainer>span{cursor:pointer}.ReceiptField{font-weight:var(--emw--font-weight-normal, 400);font-size:var(--emw--font-size-small, 14px);line-height:var(--emw--font-size-medium, 16px);color:var(--emw--color-gray-150, #666);margin:var(--emw--spacing-small, 12px)}",this.shadowRoot.appendChild(t),U(this,{target:this.shadowRoot,props:E(this.attributes),customElement:!0},xn,Mn,o,{endpoint:13,session:14,lang:15,translationurl:16,assetsurl:17,customerid:18,clientstyling:19,clientstylingurl:20},null,[-1,-1]),e&&(e.target&&h(e.target,this,e.anchor),e.props&&(this.$set(e.props),I()))}static get observedAttributes(){return["endpoint","session","lang","translationurl","assetsurl","customerid","clientstyling","clientstylingurl"]}get endpoint(){return this.$$.ctx[13]}set endpoint(e){this.$$set({endpoint:e}),I()}get session(){return this.$$.ctx[14]}set session(e){this.$$set({session:e}),I()}get lang(){return this.$$.ctx[15]}set lang(e){this.$$set({lang:e}),I()}get translationurl(){return this.$$.ctx[16]}set translationurl(e){this.$$set({translationurl:e}),I()}get assetsurl(){return this.$$.ctx[17]}set assetsurl(e){this.$$set({assetsurl:e}),I()}get customerid(){return this.$$.ctx[18]}set customerid(e){this.$$set({customerid:e}),I()}get clientstyling(){return this.$$.ctx[19]}set clientstyling(e){this.$$set({clientstyling:e}),I()}get clientstylingurl(){return this.$$.ctx[20]}set clientstylingurl(e){this.$$set({clientstylingurl:e}),I()}}return!customElements.get("cashier-receipt-page")&&customElements.define("cashier-receipt-page",Dn),Dn}));
 //# sourceMappingURL=cashier-receipt-page.js.map