@everymatrix/user-deposit-withdrawal 1.23.2 → 1.23.4

package/dist/cjs/user-deposit-withdrawal.cjs.entry.js

@@ -42,7 +42,7 @@ const isMobile = (userAgent) => {
     userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
 };
 
-const userDepositWithdrawalCss = ":host {\n  font: inherit;\n  display: block;\n  height: 100%;\n  overflow: hidden;\n}\n\n.MenuReturnButton {\n  font: inherit;\n  color: var(--emfe-w-color-gray-300, #58586B);\n  display: inline-flex;\n  align-items: center;\n  column-gap: 10px;\n  margin-bottom: 10px;\n}\n.MenuReturnButton svg {\n  fill: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\n}\n.MenuReturnButton h2.CategoryTitleMobile {\n  font-size: 16px;\n  color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\n}\n\n.DepositWithdrawalWrapper {\n  width: 100%;\n  padding: 0;\n  margin: 0;\n}\n\n@container (max-width: 475px) {\n  .DepositWithdrawalWrapper {\n    height: 100vh;\n  }\n}";
+const userDepositWithdrawalCss = ":host {\n  font: inherit;\n  display: block;\n  height: 100%;\n  overflow: hidden;\n}\n\n.MenuReturnButton {\n  font: inherit;\n  color: var(--emfe-w-color-gray-300, #58586B);\n  display: inline-flex;\n  align-items: center;\n  column-gap: 10px;\n  margin-bottom: 10px;\n}\n.MenuReturnButton svg {\n  fill: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\n}\n.MenuReturnButton h2.CategoryTitleMobile {\n  font-size: 16px;\n  color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\n}\n\n.DepositWithdrawalWrapper {\n  width: 100%;\n  padding: 0;\n  margin: 0;\n  height: 100vh;\n}\n\n@container (max-width: 475px) {\n  .DepositWithdrawalWrapper {\n    height: 100vh;\n  }\n}";
 
 const emptyFunction = () => { };
 const UserDepositWithdrawal = class {

package/dist/collection/components/user-deposit-withdrawal/user-deposit-withdrawal.css

@@ -25,6 +25,7 @@
   width: 100%;
   padding: 0;
   margin: 0;
+  height: 100vh;
 }
 
 @container (max-width: 475px) {

package/dist/components/user-deposit-withdrawal.js

@@ -38,7 +38,7 @@ const isMobile = (userAgent) => {
     userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
 };
 
-const userDepositWithdrawalCss = ":host {\n  font: inherit;\n  display: block;\n  height: 100%;\n  overflow: hidden;\n}\n\n.MenuReturnButton {\n  font: inherit;\n  color: var(--emfe-w-color-gray-300, #58586B);\n  display: inline-flex;\n  align-items: center;\n  column-gap: 10px;\n  margin-bottom: 10px;\n}\n.MenuReturnButton svg {\n  fill: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\n}\n.MenuReturnButton h2.CategoryTitleMobile {\n  font-size: 16px;\n  color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\n}\n\n.DepositWithdrawalWrapper {\n  width: 100%;\n  padding: 0;\n  margin: 0;\n}\n\n@container (max-width: 475px) {\n  .DepositWithdrawalWrapper {\n    height: 100vh;\n  }\n}";
+const userDepositWithdrawalCss = ":host {\n  font: inherit;\n  display: block;\n  height: 100%;\n  overflow: hidden;\n}\n\n.MenuReturnButton {\n  font: inherit;\n  color: var(--emfe-w-color-gray-300, #58586B);\n  display: inline-flex;\n  align-items: center;\n  column-gap: 10px;\n  margin-bottom: 10px;\n}\n.MenuReturnButton svg {\n  fill: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\n}\n.MenuReturnButton h2.CategoryTitleMobile {\n  font-size: 16px;\n  color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\n}\n\n.DepositWithdrawalWrapper {\n  width: 100%;\n  padding: 0;\n  margin: 0;\n  height: 100vh;\n}\n\n@container (max-width: 475px) {\n  .DepositWithdrawalWrapper {\n    height: 100vh;\n  }\n}";
 
 const emptyFunction = () => { };
 const UserDepositWithdrawal$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {

package/dist/esm/user-deposit-withdrawal.entry.js

@@ -38,7 +38,7 @@ const isMobile = (userAgent) => {
     userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
 };
 
-const userDepositWithdrawalCss = ":host {\n  font: inherit;\n  display: block;\n  height: 100%;\n  overflow: hidden;\n}\n\n.MenuReturnButton {\n  font: inherit;\n  color: var(--emfe-w-color-gray-300, #58586B);\n  display: inline-flex;\n  align-items: center;\n  column-gap: 10px;\n  margin-bottom: 10px;\n}\n.MenuReturnButton svg {\n  fill: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\n}\n.MenuReturnButton h2.CategoryTitleMobile {\n  font-size: 16px;\n  color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\n}\n\n.DepositWithdrawalWrapper {\n  width: 100%;\n  padding: 0;\n  margin: 0;\n}\n\n@container (max-width: 475px) {\n  .DepositWithdrawalWrapper {\n    height: 100vh;\n  }\n}";
+const userDepositWithdrawalCss = ":host {\n  font: inherit;\n  display: block;\n  height: 100%;\n  overflow: hidden;\n}\n\n.MenuReturnButton {\n  font: inherit;\n  color: var(--emfe-w-color-gray-300, #58586B);\n  display: inline-flex;\n  align-items: center;\n  column-gap: 10px;\n  margin-bottom: 10px;\n}\n.MenuReturnButton svg {\n  fill: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\n}\n.MenuReturnButton h2.CategoryTitleMobile {\n  font-size: 16px;\n  color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\n}\n\n.DepositWithdrawalWrapper {\n  width: 100%;\n  padding: 0;\n  margin: 0;\n  height: 100vh;\n}\n\n@container (max-width: 475px) {\n  .DepositWithdrawalWrapper {\n    height: 100vh;\n  }\n}";
 
 const emptyFunction = () => { };
 const UserDepositWithdrawal = class {

package/dist/user-deposit-withdrawal/{p-02b29406.entry.js → p-411f236f.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,H as e}from"./p-3ccd8b8c.js";const s=["ro","en","fr","hr"],n={en:{Deposit:"Deposit",Withdraw:"Withdraw"},ro:{Deposit:"Depozit",Withdraw:"Retragere"},fr:{Deposit:"Deposit",Withdraw:"Withdraw"},hr:{Deposit:"Letét",Withdraw:"Visszavonás"}},o=()=>{},r=class{constructor(i){var e;t(this,i),this.clientStyling="",this.clientStylingUrl="",this.beforeRedirect=o,this.limitStylingAppends=!1,this.bindedHandler=this.handleMessage.bind(this),this.userAgent=window.navigator.userAgent,this.isMobile=!!((e=this.userAgent).toLowerCase().match(/android/i)||e.toLowerCase().match(/blackberry|bb/i)||e.toLowerCase().match(/iphone|ipad|ipod/i)||e.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i)),this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)},this.setClientStylingURL=()=>{let t=new URL(this.clientStylingUrl),i=document.createElement("style");fetch(t.href).then((t=>t.text())).then((t=>{i.innerHTML=t,setTimeout((()=>{this.stylingContainer.prepend(i)}),1)})).catch((t=>{console.log("error ",t)}))}}get typeParameter(){return"deposit"===this.type?"Deposit":"withdraw"===this.type?"Withdraw":void 0}watchLoadWidget(){this.loadWidget()}async componentWillLoad(){await this.loadWidget()}toggleScreen(t){window.postMessage({type:"PlayerAccountMenuActive",isMobile:t},window.location.href)}componentDidLoad(){window.addEventListener("message",this.bindedHandler,!1)}disconnectedCallback(){window.removeEventListener("message",this.bindedHandler,!1)}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.limitStylingAppends=!0)}render(){return i(e,null,i("div",{ref:t=>this.stylingContainer=t},i("div",{class:"DepositWithdrawalWrapper"},i("div",null,this.isMobile&&i("div",{class:"MenuReturnButton",onClick:()=>this.toggleScreen(this.isMobile)},i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"15",viewBox:"0 0 15 15"},i("defs",null),i("g",{transform:"translate(-20 -158)"},i("g",{transform:"translate(20 158)"},i("path",{class:"aaa",d:"M7.5,0,6.136,1.364,11.3,6.526H0V8.474H11.3L6.136,13.636,7.5,15,15,7.5Z",transform:"translate(15 15) rotate(180)"})))),i("h2",{class:"CategoryTitleMobile"},(t=>{const i=this.language;return n[void 0!==i&&s.includes(i)?i:"en"][t]})("Withdraw"===this.typeParameter?"Withdraw":"Deposit")))),i("iframe",{width:"100%",height:"100%",src:this.cashierInfoUrl}))))}async loadWidget(){const t={Channel:this.channel,Type:this.typeParameter,SuccessUrl:this.successUrl,CancelUrl:this.cancelUrl,FailUrl:this.failUrl,Language:this.language,productType:this.productType};try{const i=`${this.endpoint}/v1/player/${this.userId}/payment/GetPaymentSession`,e=await fetch(i,{method:"POST",headers:{"X-Sessionid":this.session,"Content-Type":"application/json"},body:JSON.stringify(t)});if(!e.ok){const t=await e.text();throw new Error(t)}const s=await e.json();this.cashierInfoUrl=s.CashierInfo.Url}catch(t){console.error(t)}}handleMessage(t){var i,e,s,n,o,r,a;"mm-hcback-to-merchant"===(null===(i=t.data)||void 0===i?void 0:i.type)&&this.doRedirect(t.data.type,this.homeUrl),"mm-hc-back-tomerchant"===(null===(e=t.data)||void 0===e?void 0:e.redirect)&&this.doRedirect(t.data.redirect,this.homeUrl),"mm-hc-sports"===(null===(s=t.data)||void 0===s?void 0:s.redirect)&&this.doRedirect(null===(n=t.data)||void 0===n?void 0:n.redirect,this.sportsUrl),"mm-hc-casino"===(null===(o=t.data)||void 0===o?void 0:o.redirect)&&this.doRedirect(window.location.href,this.casinoUrl),"mm-hc-contact"===(null===(r=t.data)||void 0===r?void 0:r.redirect)&&this.doRedirect(window.location.href,this.contactUrl),"mm-wm-hc-init-deposit"===(null===(a=t.data)||void 0===a?void 0:a.redirect)&&this.doRedirect(window.location.href,this.depositUrl)}doRedirect(t,i){const e={reason:t,url:i,cancel:!1};this.beforeRedirect(e),e.cancel||(window.location.href=e.url?e.url:"/")}static get watchers(){return{session:["watchLoadWidget"],userId:["watchLoadWidget"]}}};r.style=":host {\n  font: inherit;\n  display: block;\n  height: 100%;\n  overflow: hidden;\n}\n\n.MenuReturnButton {\n  font: inherit;\n  color: var(--emfe-w-color-gray-300, #58586B);\n  display: inline-flex;\n  align-items: center;\n  column-gap: 10px;\n  margin-bottom: 10px;\n}\n.MenuReturnButton svg {\n  fill: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\n}\n.MenuReturnButton h2.CategoryTitleMobile {\n  font-size: 16px;\n  color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\n}\n\n.DepositWithdrawalWrapper {\n  width: 100%;\n  padding: 0;\n  margin: 0;\n}\n\n@container (max-width: 475px) {\n  .DepositWithdrawalWrapper {\n    height: 100vh;\n  }\n}";export{r as user_deposit_withdrawal}
+import{r as t,h as i,H as e}from"./p-3ccd8b8c.js";const s=["ro","en","fr","hr"],n={en:{Deposit:"Deposit",Withdraw:"Withdraw"},ro:{Deposit:"Depozit",Withdraw:"Retragere"},fr:{Deposit:"Deposit",Withdraw:"Withdraw"},hr:{Deposit:"Letét",Withdraw:"Visszavonás"}},o=()=>{},r=class{constructor(i){var e;t(this,i),this.clientStyling="",this.clientStylingUrl="",this.beforeRedirect=o,this.limitStylingAppends=!1,this.bindedHandler=this.handleMessage.bind(this),this.userAgent=window.navigator.userAgent,this.isMobile=!!((e=this.userAgent).toLowerCase().match(/android/i)||e.toLowerCase().match(/blackberry|bb/i)||e.toLowerCase().match(/iphone|ipad|ipod/i)||e.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i)),this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)},this.setClientStylingURL=()=>{let t=new URL(this.clientStylingUrl),i=document.createElement("style");fetch(t.href).then((t=>t.text())).then((t=>{i.innerHTML=t,setTimeout((()=>{this.stylingContainer.prepend(i)}),1)})).catch((t=>{console.log("error ",t)}))}}get typeParameter(){return"deposit"===this.type?"Deposit":"withdraw"===this.type?"Withdraw":void 0}watchLoadWidget(){this.loadWidget()}async componentWillLoad(){await this.loadWidget()}toggleScreen(t){window.postMessage({type:"PlayerAccountMenuActive",isMobile:t},window.location.href)}componentDidLoad(){window.addEventListener("message",this.bindedHandler,!1)}disconnectedCallback(){window.removeEventListener("message",this.bindedHandler,!1)}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.limitStylingAppends=!0)}render(){return i(e,null,i("div",{ref:t=>this.stylingContainer=t},i("div",{class:"DepositWithdrawalWrapper"},i("div",null,this.isMobile&&i("div",{class:"MenuReturnButton",onClick:()=>this.toggleScreen(this.isMobile)},i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"15",viewBox:"0 0 15 15"},i("defs",null),i("g",{transform:"translate(-20 -158)"},i("g",{transform:"translate(20 158)"},i("path",{class:"aaa",d:"M7.5,0,6.136,1.364,11.3,6.526H0V8.474H11.3L6.136,13.636,7.5,15,15,7.5Z",transform:"translate(15 15) rotate(180)"})))),i("h2",{class:"CategoryTitleMobile"},(t=>{const i=this.language;return n[void 0!==i&&s.includes(i)?i:"en"][t]})("Withdraw"===this.typeParameter?"Withdraw":"Deposit")))),i("iframe",{width:"100%",height:"100%",src:this.cashierInfoUrl}))))}async loadWidget(){const t={Channel:this.channel,Type:this.typeParameter,SuccessUrl:this.successUrl,CancelUrl:this.cancelUrl,FailUrl:this.failUrl,Language:this.language,productType:this.productType};try{const i=`${this.endpoint}/v1/player/${this.userId}/payment/GetPaymentSession`,e=await fetch(i,{method:"POST",headers:{"X-Sessionid":this.session,"Content-Type":"application/json"},body:JSON.stringify(t)});if(!e.ok){const t=await e.text();throw new Error(t)}const s=await e.json();this.cashierInfoUrl=s.CashierInfo.Url}catch(t){console.error(t)}}handleMessage(t){var i,e,s,n,o,r,a;"mm-hcback-to-merchant"===(null===(i=t.data)||void 0===i?void 0:i.type)&&this.doRedirect(t.data.type,this.homeUrl),"mm-hc-back-tomerchant"===(null===(e=t.data)||void 0===e?void 0:e.redirect)&&this.doRedirect(t.data.redirect,this.homeUrl),"mm-hc-sports"===(null===(s=t.data)||void 0===s?void 0:s.redirect)&&this.doRedirect(null===(n=t.data)||void 0===n?void 0:n.redirect,this.sportsUrl),"mm-hc-casino"===(null===(o=t.data)||void 0===o?void 0:o.redirect)&&this.doRedirect(window.location.href,this.casinoUrl),"mm-hc-contact"===(null===(r=t.data)||void 0===r?void 0:r.redirect)&&this.doRedirect(window.location.href,this.contactUrl),"mm-wm-hc-init-deposit"===(null===(a=t.data)||void 0===a?void 0:a.redirect)&&this.doRedirect(window.location.href,this.depositUrl)}doRedirect(t,i){const e={reason:t,url:i,cancel:!1};this.beforeRedirect(e),e.cancel||(window.location.href=e.url?e.url:"/")}static get watchers(){return{session:["watchLoadWidget"],userId:["watchLoadWidget"]}}};r.style=":host {\n  font: inherit;\n  display: block;\n  height: 100%;\n  overflow: hidden;\n}\n\n.MenuReturnButton {\n  font: inherit;\n  color: var(--emfe-w-color-gray-300, #58586B);\n  display: inline-flex;\n  align-items: center;\n  column-gap: 10px;\n  margin-bottom: 10px;\n}\n.MenuReturnButton svg {\n  fill: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\n}\n.MenuReturnButton h2.CategoryTitleMobile {\n  font-size: 16px;\n  color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\n}\n\n.DepositWithdrawalWrapper {\n  width: 100%;\n  padding: 0;\n  margin: 0;\n  height: 100vh;\n}\n\n@container (max-width: 475px) {\n  .DepositWithdrawalWrapper {\n    height: 100vh;\n  }\n}";export{r as user_deposit_withdrawal}

package/dist/user-deposit-withdrawal/user-deposit-withdrawal.esm.js

@@ -1 +1 @@
-import{p as l,b as r}from"./p-3ccd8b8c.js";(()=>{const r=import.meta.url,e={};return""!==r&&(e.resourcesUrl=new URL(".",r).href),l(e)})().then((l=>r([["p-02b29406",[[1,"user-deposit-withdrawal",{clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],endpoint:[513],type:[513],channel:[513],language:[513],productType:[513,"product-type"],userId:[513,"user-id"],session:[513],successUrl:[513,"success-url"],cancelUrl:[513,"cancel-url"],failUrl:[513,"fail-url"],sportsUrl:[513,"sports-url"],casinoUrl:[513,"casino-url"],contactUrl:[513,"contact-url"],depositUrl:[513,"deposit-url"],homeUrl:[513,"home-url"],beforeRedirect:[16],limitStylingAppends:[32]}]]]],l)));
+import{p as l,b as r}from"./p-3ccd8b8c.js";(()=>{const r=import.meta.url,e={};return""!==r&&(e.resourcesUrl=new URL(".",r).href),l(e)})().then((l=>r([["p-411f236f",[[1,"user-deposit-withdrawal",{clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],endpoint:[513],type:[513],channel:[513],language:[513],productType:[513,"product-type"],userId:[513,"user-id"],session:[513],successUrl:[513,"success-url"],cancelUrl:[513,"cancel-url"],failUrl:[513,"fail-url"],sportsUrl:[513,"sports-url"],casinoUrl:[513,"casino-url"],contactUrl:[513,"contact-url"],depositUrl:[513,"deposit-url"],homeUrl:[513,"home-url"],beforeRedirect:[16],limitStylingAppends:[32]}]]]],l)));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/user-deposit-withdrawal",
-  "version": "1.23.2",
+  "version": "1.23.4",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",