@everymatrix/user-deposit-withdrawal 1.37.11 → 1.39.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/cjs/user-deposit-withdrawal.cjs.entry.js +37 -10
  2. package/dist/collection/components/user-deposit-withdrawal/user-deposit-withdrawal.css +19 -0
  3. package/dist/collection/components/user-deposit-withdrawal/user-deposit-withdrawal.js +17 -2
  4. package/dist/collection/utils/locale.utils.js +19 -7
  5. package/dist/components/user-deposit-withdrawal.js +37 -10
  6. package/dist/esm/user-deposit-withdrawal.entry.js +37 -10
  7. package/dist/types/components/user-deposit-withdrawal/user-deposit-withdrawal.d.ts +1 -0
  8. package/dist/user-deposit-withdrawal/p-a49c0c3e.entry.js +1 -0
  9. package/dist/user-deposit-withdrawal/user-deposit-withdrawal.esm.js +1 -1
  10. package/package.json +1 -1
  11. package/dist/user-deposit-withdrawal/p-590a4cc8.entry.js +0 -1
package/dist/cjs/user-deposit-withdrawal.cjs.entry.js CHANGED
@@ -11,25 +11,37 @@ const TRANSLATIONS = {
11
11
  Deposit: 'Deposit',
12
12
  Withdraw: 'Withdraw',
13
13
  denyDeposit: 'Please be informed that currently you are not allowed to initiate depost transactions.',
14
- denyWithdrawal: 'Please be informed that currently you are not allowed to initiate withdrawal transactions.'
14
+ denyWithdrawal: 'Please be informed that currently you are not allowed to initiate withdrawal transactions.',
15
+ notFoundErrorCode: 'Not found error code',
16
+ errorCode21122: 'Dear player! Please be informed that currently you are not allowed to initiate withdrawal transaction from your player account. Error Code: 21122',
17
+ errorCode21123: 'Dear player! Please be informed that currently you are not allowed to make a deposit to your player account. Error Code:21123'
15
18
  },
16
19
  ro: {
17
20
  Deposit: 'Depozit',
18
21
  Withdraw: 'Retragere',
19
22
  denyDeposit: 'Vă informăm că în prezent nu aveți permisiunea de a iniția tranzacții de depunere.',
20
- denyWithdrawal: 'Vă informăm că în prezent nu aveți permisiunea de a iniția tranzacții de retragere.'
23
+ denyWithdrawal: 'Vă informăm că în prezent nu aveți permisiunea de a iniția tranzacții de retragere.',
24
+ notFoundErrorCode: 'Not found error code',
25
+ errorCode21122: 'Dear player! Please be informed that currently you are not allowed to initiate withdrawal transaction from your player account. Error Code: 21122',
26
+ errorCode21123: 'Dear player! Please be informed that currently you are not allowed to make a deposit to your player account. Error Code:21123'
21
27
  },
22
28
  fr: {
23
29
  Deposit: 'Deposit',
24
30
  Withdraw: 'Withdraw',
25
31
  denyDeposit: 'Veuillez être informé que vous n\'êtes actuellement pas autorisé à initier des transactions de dépôt.',
26
- denyWithdrawal: 'Veuillez être informé que vous n\'êtes actuellement pas autorisé à initier des transactions de retrait.'
32
+ denyWithdrawal: 'Veuillez être informé que vous n\'êtes actuellement pas autorisé à initier des transactions de retrait.',
33
+ notFoundErrorCode: 'Not found error code',
34
+ errorCode21122: 'Dear player! Please be informed that currently you are not allowed to initiate withdrawal transaction from your player account. Error Code: 21122',
35
+ errorCode21123: 'Dear player! Please be informed that currently you are not allowed to make a deposit to your player account. Error Code:21123'
27
36
  },
28
37
  hr: {
29
- Deposit: 'Letét',
30
- Withdraw: 'Visszavonás',
31
- denyDeposit: 'Obavještavamo vas da trenutno niste ovlašteni za pokretanje transakcija pologa.',
32
- denyWithdrawal: 'Obavještavamo vas da trenutno niste ovlašteni za pokretanje transakcija isplate.'
38
+ Deposit: 'Uplata',
39
+ Withdraw: 'Isplata',
40
+ denyDeposit: 'Obavještavamo vas da trenutno niste ovlašteni za pokretanje transakcija uplata.',
41
+ denyWithdrawal: 'Obavještavamo vas da trenutno niste ovlašteni za pokretanje transakcija isplate.',
42
+ notFoundErrorCode: 'Not found error code',
43
+ errorCode21122: 'Poštovani, trenutno nije moguće izvršiti isplatu sa Vašeg računa. Error Code: 21122',
44
+ errorCode21123: 'Poštovani, trenutno nije moguće izvršiti uplatu na Vaš račun. Error Code:21123'
33
45
  }
34
46
  };
35
47
  const translate = (key, customLang) => {
@@ -50,7 +62,7 @@ const isMobile = (userAgent) => {
50
62
  userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
51
63
  };
52
64
 
53
- const userDepositWithdrawalCss = ":host {\n font: inherit;\n display: block;\n height: 100%;\n overflow: hidden;\n}\n\n.CategoryTitle {\n font-size: var(--emw--font-size-x-large, 26px);\n color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\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.ErrorMessage {\n color: var(--emfe-w-pam-color-typography, var(--emfe-w-color-typography, #FFFFFF));\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}";
65
+ const userDepositWithdrawalCss = ":host {\n font: inherit;\n display: block;\n height: 100%;\n overflow: hidden;\n}\n\n.CategoryTitle {\n font-size: var(--emw--font-size-x-large, 26px);\n color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\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.ErrorMessage {\n color: var(--emfe-w-pam-color-typography, var(--emfe-w-color-typography, #FFFFFF));\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}\n.ShortCashier.DepositWithdrawalWrapper {\n height: 500px;\n}\n.ShortCashier.CategoryTitle.CategoryTitle {\n margin-right: 20px;\n padding-top: 20px;\n color: ar(--emfe-w-color-black, #000000);\n}\n.ShortCashier .ErrorMessage {\n margin: auto;\n width: 90%;\n margin-top: 70px;\n text-transform: capitalize;\n text-align: center;\n color: var(--emfe-w-color-black, #000000);\n}\n.ShortCashier iframe {\n height: 400px;\n}";
54
66
 
55
67
  const emptyFunction = () => { };
56
68
  const UserDepositWithdrawal = class {
@@ -81,6 +93,7 @@ const UserDepositWithdrawal = class {
81
93
  this.bindedHandler = this.handleMessage.bind(this);
82
94
  this.userAgent = window.navigator.userAgent;
83
95
  this.isMobile = isMobile(this.userAgent);
96
+ this.errorCodes = ["21123", "21122"];
84
97
  this.setClientStyling = () => {
85
98
  let sheet = document.createElement('style');
86
99
  sheet.innerHTML = this.clientStyling;
@@ -135,7 +148,7 @@ const UserDepositWithdrawal = class {
135
148
  // end custom styling area
136
149
  }
137
150
  render() {
138
- return (index.h(index.Host, null, index.h("div", { ref: el => this.stylingContainer = el }, index.h("div", { class: "DepositWithdrawalWrapper", style: { height: this.dynamicHeight, marginTop: this.isShortCashier ? '30px' : '0' } }, index.h("div", null, (this.isMobile && !this.isShortCashier ?
151
+ return (index.h(index.Host, null, index.h("div", { ref: el => this.stylingContainer = el }, index.h("div", { class: `DepositWithdrawalWrapper ${this.isShortCashier ? 'ShortCashier' : ''}`, style: { height: this.dynamicHeight, marginTop: this.isShortCashier ? '30px' : '0' } }, index.h("div", null, (this.isMobile && !this.isShortCashier ?
139
152
  index.h("div", { class: "MenuReturnButton", onClick: () => this.toggleScreen(this.isMobile) }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15" }, index.h("defs", null), index.h("g", { transform: "translate(-20 -158)" }, index.h("g", { transform: "translate(20 158)" }, index.h("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)" })))), index.h("h2", { class: "CategoryTitleMobile" }, translate(this.typeParameter === 'Withdraw' ? 'Withdraw' : 'Deposit', this.language)))
140
153
  :
141
154
  index.h("h2", { class: "CategoryTitle" }, translate(this.typeParameter === 'Withdraw' ? 'Withdraw' : 'Deposit', this.language)))), this.cashierInfoUrl ? index.h("iframe", { width: "100%", height: "100%", src: this.cashierInfoUrl }) : index.h("h3", { class: "ErrorMessage" }, this.type === 'deposit' ? translate('denyDeposit', this.language) : translate('denyWithdrawal', this.language))))));
@@ -172,7 +185,21 @@ const UserDepositWithdrawal = class {
172
185
  this.cashierInfoUrl = data.CashierInfo.Url;
173
186
  }
174
187
  else {
175
- let apiMessage = data.ResponseMessage || (this.type === 'deposit' ? translate('denyDeposit', this.language) : translate('denyWithdrawal', this.language));
188
+ let apiMessage;
189
+ if (data.ResponseMessage) {
190
+ let foundErrorCode = this.errorCodes.find(code => data.ResponseMessage.includes(code)) || null;
191
+ if (foundErrorCode) {
192
+ apiMessage = translate(`errorCode${foundErrorCode}`, this.language);
193
+ }
194
+ else {
195
+ apiMessage = translate('notFoundErrorCode', this.language);
196
+ }
197
+ }
198
+ else {
199
+ apiMessage = this.type === 'deposit'
200
+ ? translate('denyDeposit', this.language)
201
+ : translate('denyWithdrawal', this.language);
202
+ }
176
203
  const messageOBj = { type: 'error', message: apiMessage };
177
204
  window.postMessage({ type: 'DenyDepositOrWithdrawal', data: messageOBj }, window.location.href);
178
205
  }
package/dist/collection/components/user-deposit-withdrawal/user-deposit-withdrawal.css CHANGED
@@ -41,4 +41,23 @@
41
41
  .DepositWithdrawalWrapper {
42
42
  height: 100vh;
43
43
  }
44
+ }
45
+ .ShortCashier.DepositWithdrawalWrapper {
46
+ height: 500px;
47
+ }
48
+ .ShortCashier.CategoryTitle.CategoryTitle {
49
+ margin-right: 20px;
50
+ padding-top: 20px;
51
+ color: ar(--emfe-w-color-black, #000000);
52
+ }
53
+ .ShortCashier .ErrorMessage {
54
+ margin: auto;
55
+ width: 90%;
56
+ margin-top: 70px;
57
+ text-transform: capitalize;
58
+ text-align: center;
59
+ color: var(--emfe-w-color-black, #000000);
60
+ }
61
+ .ShortCashier iframe {
62
+ height: 400px;
44
63
  }
package/dist/collection/components/user-deposit-withdrawal/user-deposit-withdrawal.js CHANGED
@@ -29,6 +29,7 @@ export class UserDepositWithdrawal {
29
29
  this.bindedHandler = this.handleMessage.bind(this);
30
30
  this.userAgent = window.navigator.userAgent;
31
31
  this.isMobile = isMobile(this.userAgent);
32
+ this.errorCodes = ["21123", "21122"];
32
33
  this.setClientStyling = () => {
33
34
  let sheet = document.createElement('style');
34
35
  sheet.innerHTML = this.clientStyling;
@@ -85,7 +86,7 @@ export class UserDepositWithdrawal {
85
86
  render() {
86
87
  return (h(Host, null,
87
88
  h("div", { ref: el => this.stylingContainer = el },
88
- h("div", { class: "DepositWithdrawalWrapper", style: { height: this.dynamicHeight, marginTop: this.isShortCashier ? '30px' : '0' } },
89
+ h("div", { class: `DepositWithdrawalWrapper ${this.isShortCashier ? 'ShortCashier' : ''}`, style: { height: this.dynamicHeight, marginTop: this.isShortCashier ? '30px' : '0' } },
89
90
  h("div", null, (this.isMobile && !this.isShortCashier ?
90
91
  h("div", { class: "MenuReturnButton", onClick: () => this.toggleScreen(this.isMobile) },
91
92
  h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15" },
@@ -130,7 +131,21 @@ export class UserDepositWithdrawal {
130
131
  this.cashierInfoUrl = data.CashierInfo.Url;
131
132
  }
132
133
  else {
133
- let apiMessage = data.ResponseMessage || (this.type === 'deposit' ? translate('denyDeposit', this.language) : translate('denyWithdrawal', this.language));
134
+ let apiMessage;
135
+ if (data.ResponseMessage) {
136
+ let foundErrorCode = this.errorCodes.find(code => data.ResponseMessage.includes(code)) || null;
137
+ if (foundErrorCode) {
138
+ apiMessage = translate(`errorCode${foundErrorCode}`, this.language);
139
+ }
140
+ else {
141
+ apiMessage = translate('notFoundErrorCode', this.language);
142
+ }
143
+ }
144
+ else {
145
+ apiMessage = this.type === 'deposit'
146
+ ? translate('denyDeposit', this.language)
147
+ : translate('denyWithdrawal', this.language);
148
+ }
134
149
  const messageOBj = { type: 'error', message: apiMessage };
135
150
  window.postMessage({ type: 'DenyDepositOrWithdrawal', data: messageOBj }, window.location.href);
136
151
  }
package/dist/collection/utils/locale.utils.js CHANGED
@@ -5,25 +5,37 @@ const TRANSLATIONS = {
5
5
  Deposit: 'Deposit',
6
6
  Withdraw: 'Withdraw',
7
7
  denyDeposit: 'Please be informed that currently you are not allowed to initiate depost transactions.',
8
- denyWithdrawal: 'Please be informed that currently you are not allowed to initiate withdrawal transactions.'
8
+ denyWithdrawal: 'Please be informed that currently you are not allowed to initiate withdrawal transactions.',
9
+ notFoundErrorCode: 'Not found error code',
10
+ errorCode21122: 'Dear player! Please be informed that currently you are not allowed to initiate withdrawal transaction from your player account. Error Code: 21122',
11
+ errorCode21123: 'Dear player! Please be informed that currently you are not allowed to make a deposit to your player account. Error Code:21123'
9
12
  },
10
13
  ro: {
11
14
  Deposit: 'Depozit',
12
15
  Withdraw: 'Retragere',
13
16
  denyDeposit: 'Vă informăm că în prezent nu aveți permisiunea de a iniția tranzacții de depunere.',
14
- denyWithdrawal: 'Vă informăm că în prezent nu aveți permisiunea de a iniția tranzacții de retragere.'
17
+ denyWithdrawal: 'Vă informăm că în prezent nu aveți permisiunea de a iniția tranzacții de retragere.',
18
+ notFoundErrorCode: 'Not found error code',
19
+ errorCode21122: 'Dear player! Please be informed that currently you are not allowed to initiate withdrawal transaction from your player account. Error Code: 21122',
20
+ errorCode21123: 'Dear player! Please be informed that currently you are not allowed to make a deposit to your player account. Error Code:21123'
15
21
  },
16
22
  fr: {
17
23
  Deposit: 'Deposit',
18
24
  Withdraw: 'Withdraw',
19
25
  denyDeposit: 'Veuillez être informé que vous n\'êtes actuellement pas autorisé à initier des transactions de dépôt.',
20
- denyWithdrawal: 'Veuillez être informé que vous n\'êtes actuellement pas autorisé à initier des transactions de retrait.'
26
+ denyWithdrawal: 'Veuillez être informé que vous n\'êtes actuellement pas autorisé à initier des transactions de retrait.',
27
+ notFoundErrorCode: 'Not found error code',
28
+ errorCode21122: 'Dear player! Please be informed that currently you are not allowed to initiate withdrawal transaction from your player account. Error Code: 21122',
29
+ errorCode21123: 'Dear player! Please be informed that currently you are not allowed to make a deposit to your player account. Error Code:21123'
21
30
  },
22
31
  hr: {
23
- Deposit: 'Letét',
24
- Withdraw: 'Visszavonás',
25
- denyDeposit: 'Obavještavamo vas da trenutno niste ovlašteni za pokretanje transakcija pologa.',
26
- denyWithdrawal: 'Obavještavamo vas da trenutno niste ovlašteni za pokretanje transakcija isplate.'
32
+ Deposit: 'Uplata',
33
+ Withdraw: 'Isplata',
34
+ denyDeposit: 'Obavještavamo vas da trenutno niste ovlašteni za pokretanje transakcija uplata.',
35
+ denyWithdrawal: 'Obavještavamo vas da trenutno niste ovlašteni za pokretanje transakcija isplate.',
36
+ notFoundErrorCode: 'Not found error code',
37
+ errorCode21122: 'Poštovani, trenutno nije moguće izvršiti isplatu sa Vašeg računa. Error Code: 21122',
38
+ errorCode21123: 'Poštovani, trenutno nije moguće izvršiti uplatu na Vaš račun. Error Code:21123'
27
39
  }
28
40
  };
29
41
  export const translate = (key, customLang) => {
package/dist/components/user-deposit-withdrawal.js CHANGED
@@ -7,25 +7,37 @@ const TRANSLATIONS = {
7
7
  Deposit: 'Deposit',
8
8
  Withdraw: 'Withdraw',
9
9
  denyDeposit: 'Please be informed that currently you are not allowed to initiate depost transactions.',
10
- denyWithdrawal: 'Please be informed that currently you are not allowed to initiate withdrawal transactions.'
10
+ denyWithdrawal: 'Please be informed that currently you are not allowed to initiate withdrawal transactions.',
11
+ notFoundErrorCode: 'Not found error code',
12
+ errorCode21122: 'Dear player! Please be informed that currently you are not allowed to initiate withdrawal transaction from your player account. Error Code: 21122',
13
+ errorCode21123: 'Dear player! Please be informed that currently you are not allowed to make a deposit to your player account. Error Code:21123'
11
14
  },
12
15
  ro: {
13
16
  Deposit: 'Depozit',
14
17
  Withdraw: 'Retragere',
15
18
  denyDeposit: 'Vă informăm că în prezent nu aveți permisiunea de a iniția tranzacții de depunere.',
16
- denyWithdrawal: 'Vă informăm că în prezent nu aveți permisiunea de a iniția tranzacții de retragere.'
19
+ denyWithdrawal: 'Vă informăm că în prezent nu aveți permisiunea de a iniția tranzacții de retragere.',
20
+ notFoundErrorCode: 'Not found error code',
21
+ errorCode21122: 'Dear player! Please be informed that currently you are not allowed to initiate withdrawal transaction from your player account. Error Code: 21122',
22
+ errorCode21123: 'Dear player! Please be informed that currently you are not allowed to make a deposit to your player account. Error Code:21123'
17
23
  },
18
24
  fr: {
19
25
  Deposit: 'Deposit',
20
26
  Withdraw: 'Withdraw',
21
27
  denyDeposit: 'Veuillez être informé que vous n\'êtes actuellement pas autorisé à initier des transactions de dépôt.',
22
- denyWithdrawal: 'Veuillez être informé que vous n\'êtes actuellement pas autorisé à initier des transactions de retrait.'
28
+ denyWithdrawal: 'Veuillez être informé que vous n\'êtes actuellement pas autorisé à initier des transactions de retrait.',
29
+ notFoundErrorCode: 'Not found error code',
30
+ errorCode21122: 'Dear player! Please be informed that currently you are not allowed to initiate withdrawal transaction from your player account. Error Code: 21122',
31
+ errorCode21123: 'Dear player! Please be informed that currently you are not allowed to make a deposit to your player account. Error Code:21123'
23
32
  },
24
33
  hr: {
25
- Deposit: 'Letét',
26
- Withdraw: 'Visszavonás',
27
- denyDeposit: 'Obavještavamo vas da trenutno niste ovlašteni za pokretanje transakcija pologa.',
28
- denyWithdrawal: 'Obavještavamo vas da trenutno niste ovlašteni za pokretanje transakcija isplate.'
34
+ Deposit: 'Uplata',
35
+ Withdraw: 'Isplata',
36
+ denyDeposit: 'Obavještavamo vas da trenutno niste ovlašteni za pokretanje transakcija uplata.',
37
+ denyWithdrawal: 'Obavještavamo vas da trenutno niste ovlašteni za pokretanje transakcija isplate.',
38
+ notFoundErrorCode: 'Not found error code',
39
+ errorCode21122: 'Poštovani, trenutno nije moguće izvršiti isplatu sa Vašeg računa. Error Code: 21122',
40
+ errorCode21123: 'Poštovani, trenutno nije moguće izvršiti uplatu na Vaš račun. Error Code:21123'
29
41
  }
30
42
  };
31
43
  const translate = (key, customLang) => {
@@ -46,7 +58,7 @@ const isMobile = (userAgent) => {
46
58
  userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
47
59
  };
48
60
 
49
- const userDepositWithdrawalCss = ":host {\n font: inherit;\n display: block;\n height: 100%;\n overflow: hidden;\n}\n\n.CategoryTitle {\n font-size: var(--emw--font-size-x-large, 26px);\n color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\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.ErrorMessage {\n color: var(--emfe-w-pam-color-typography, var(--emfe-w-color-typography, #FFFFFF));\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}";
61
+ const userDepositWithdrawalCss = ":host {\n font: inherit;\n display: block;\n height: 100%;\n overflow: hidden;\n}\n\n.CategoryTitle {\n font-size: var(--emw--font-size-x-large, 26px);\n color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\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.ErrorMessage {\n color: var(--emfe-w-pam-color-typography, var(--emfe-w-color-typography, #FFFFFF));\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}\n.ShortCashier.DepositWithdrawalWrapper {\n height: 500px;\n}\n.ShortCashier.CategoryTitle.CategoryTitle {\n margin-right: 20px;\n padding-top: 20px;\n color: ar(--emfe-w-color-black, #000000);\n}\n.ShortCashier .ErrorMessage {\n margin: auto;\n width: 90%;\n margin-top: 70px;\n text-transform: capitalize;\n text-align: center;\n color: var(--emfe-w-color-black, #000000);\n}\n.ShortCashier iframe {\n height: 400px;\n}";
50
62
 
51
63
  const emptyFunction = () => { };
52
64
  const UserDepositWithdrawal$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
@@ -79,6 +91,7 @@ const UserDepositWithdrawal$1 = /*@__PURE__*/ proxyCustomElement(class extends H
79
91
  this.bindedHandler = this.handleMessage.bind(this);
80
92
  this.userAgent = window.navigator.userAgent;
81
93
  this.isMobile = isMobile(this.userAgent);
94
+ this.errorCodes = ["21123", "21122"];
82
95
  this.setClientStyling = () => {
83
96
  let sheet = document.createElement('style');
84
97
  sheet.innerHTML = this.clientStyling;
@@ -133,7 +146,7 @@ const UserDepositWithdrawal$1 = /*@__PURE__*/ proxyCustomElement(class extends H
133
146
  // end custom styling area
134
147
  }
135
148
  render() {
136
- return (h(Host, null, h("div", { ref: el => this.stylingContainer = el }, h("div", { class: "DepositWithdrawalWrapper", style: { height: this.dynamicHeight, marginTop: this.isShortCashier ? '30px' : '0' } }, h("div", null, (this.isMobile && !this.isShortCashier ?
149
+ return (h(Host, null, h("div", { ref: el => this.stylingContainer = el }, h("div", { class: `DepositWithdrawalWrapper ${this.isShortCashier ? 'ShortCashier' : ''}`, style: { height: this.dynamicHeight, marginTop: this.isShortCashier ? '30px' : '0' } }, h("div", null, (this.isMobile && !this.isShortCashier ?
137
150
  h("div", { class: "MenuReturnButton", onClick: () => this.toggleScreen(this.isMobile) }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15" }, h("defs", null), h("g", { transform: "translate(-20 -158)" }, h("g", { transform: "translate(20 158)" }, h("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)" })))), h("h2", { class: "CategoryTitleMobile" }, translate(this.typeParameter === 'Withdraw' ? 'Withdraw' : 'Deposit', this.language)))
138
151
  :
139
152
  h("h2", { class: "CategoryTitle" }, translate(this.typeParameter === 'Withdraw' ? 'Withdraw' : 'Deposit', this.language)))), this.cashierInfoUrl ? h("iframe", { width: "100%", height: "100%", src: this.cashierInfoUrl }) : h("h3", { class: "ErrorMessage" }, this.type === 'deposit' ? translate('denyDeposit', this.language) : translate('denyWithdrawal', this.language))))));
@@ -170,7 +183,21 @@ const UserDepositWithdrawal$1 = /*@__PURE__*/ proxyCustomElement(class extends H
170
183
  this.cashierInfoUrl = data.CashierInfo.Url;
171
184
  }
172
185
  else {
173
- let apiMessage = data.ResponseMessage || (this.type === 'deposit' ? translate('denyDeposit', this.language) : translate('denyWithdrawal', this.language));
186
+ let apiMessage;
187
+ if (data.ResponseMessage) {
188
+ let foundErrorCode = this.errorCodes.find(code => data.ResponseMessage.includes(code)) || null;
189
+ if (foundErrorCode) {
190
+ apiMessage = translate(`errorCode${foundErrorCode}`, this.language);
191
+ }
192
+ else {
193
+ apiMessage = translate('notFoundErrorCode', this.language);
194
+ }
195
+ }
196
+ else {
197
+ apiMessage = this.type === 'deposit'
198
+ ? translate('denyDeposit', this.language)
199
+ : translate('denyWithdrawal', this.language);
200
+ }
174
201
  const messageOBj = { type: 'error', message: apiMessage };
175
202
  window.postMessage({ type: 'DenyDepositOrWithdrawal', data: messageOBj }, window.location.href);
176
203
  }
package/dist/esm/user-deposit-withdrawal.entry.js CHANGED
@@ -7,25 +7,37 @@ const TRANSLATIONS = {
7
7
  Deposit: 'Deposit',
8
8
  Withdraw: 'Withdraw',
9
9
  denyDeposit: 'Please be informed that currently you are not allowed to initiate depost transactions.',
10
- denyWithdrawal: 'Please be informed that currently you are not allowed to initiate withdrawal transactions.'
10
+ denyWithdrawal: 'Please be informed that currently you are not allowed to initiate withdrawal transactions.',
11
+ notFoundErrorCode: 'Not found error code',
12
+ errorCode21122: 'Dear player! Please be informed that currently you are not allowed to initiate withdrawal transaction from your player account. Error Code: 21122',
13
+ errorCode21123: 'Dear player! Please be informed that currently you are not allowed to make a deposit to your player account. Error Code:21123'
11
14
  },
12
15
  ro: {
13
16
  Deposit: 'Depozit',
14
17
  Withdraw: 'Retragere',
15
18
  denyDeposit: 'Vă informăm că în prezent nu aveți permisiunea de a iniția tranzacții de depunere.',
16
- denyWithdrawal: 'Vă informăm că în prezent nu aveți permisiunea de a iniția tranzacții de retragere.'
19
+ denyWithdrawal: 'Vă informăm că în prezent nu aveți permisiunea de a iniția tranzacții de retragere.',
20
+ notFoundErrorCode: 'Not found error code',
21
+ errorCode21122: 'Dear player! Please be informed that currently you are not allowed to initiate withdrawal transaction from your player account. Error Code: 21122',
22
+ errorCode21123: 'Dear player! Please be informed that currently you are not allowed to make a deposit to your player account. Error Code:21123'
17
23
  },
18
24
  fr: {
19
25
  Deposit: 'Deposit',
20
26
  Withdraw: 'Withdraw',
21
27
  denyDeposit: 'Veuillez être informé que vous n\'êtes actuellement pas autorisé à initier des transactions de dépôt.',
22
- denyWithdrawal: 'Veuillez être informé que vous n\'êtes actuellement pas autorisé à initier des transactions de retrait.'
28
+ denyWithdrawal: 'Veuillez être informé que vous n\'êtes actuellement pas autorisé à initier des transactions de retrait.',
29
+ notFoundErrorCode: 'Not found error code',
30
+ errorCode21122: 'Dear player! Please be informed that currently you are not allowed to initiate withdrawal transaction from your player account. Error Code: 21122',
31
+ errorCode21123: 'Dear player! Please be informed that currently you are not allowed to make a deposit to your player account. Error Code:21123'
23
32
  },
24
33
  hr: {
25
- Deposit: 'Letét',
26
- Withdraw: 'Visszavonás',
27
- denyDeposit: 'Obavještavamo vas da trenutno niste ovlašteni za pokretanje transakcija pologa.',
28
- denyWithdrawal: 'Obavještavamo vas da trenutno niste ovlašteni za pokretanje transakcija isplate.'
34
+ Deposit: 'Uplata',
35
+ Withdraw: 'Isplata',
36
+ denyDeposit: 'Obavještavamo vas da trenutno niste ovlašteni za pokretanje transakcija uplata.',
37
+ denyWithdrawal: 'Obavještavamo vas da trenutno niste ovlašteni za pokretanje transakcija isplate.',
38
+ notFoundErrorCode: 'Not found error code',
39
+ errorCode21122: 'Poštovani, trenutno nije moguće izvršiti isplatu sa Vašeg računa. Error Code: 21122',
40
+ errorCode21123: 'Poštovani, trenutno nije moguće izvršiti uplatu na Vaš račun. Error Code:21123'
29
41
  }
30
42
  };
31
43
  const translate = (key, customLang) => {
@@ -46,7 +58,7 @@ const isMobile = (userAgent) => {
46
58
  userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
47
59
  };
48
60
 
49
- const userDepositWithdrawalCss = ":host {\n font: inherit;\n display: block;\n height: 100%;\n overflow: hidden;\n}\n\n.CategoryTitle {\n font-size: var(--emw--font-size-x-large, 26px);\n color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\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.ErrorMessage {\n color: var(--emfe-w-pam-color-typography, var(--emfe-w-color-typography, #FFFFFF));\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}";
61
+ const userDepositWithdrawalCss = ":host {\n font: inherit;\n display: block;\n height: 100%;\n overflow: hidden;\n}\n\n.CategoryTitle {\n font-size: var(--emw--font-size-x-large, 26px);\n color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\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.ErrorMessage {\n color: var(--emfe-w-pam-color-typography, var(--emfe-w-color-typography, #FFFFFF));\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}\n.ShortCashier.DepositWithdrawalWrapper {\n height: 500px;\n}\n.ShortCashier.CategoryTitle.CategoryTitle {\n margin-right: 20px;\n padding-top: 20px;\n color: ar(--emfe-w-color-black, #000000);\n}\n.ShortCashier .ErrorMessage {\n margin: auto;\n width: 90%;\n margin-top: 70px;\n text-transform: capitalize;\n text-align: center;\n color: var(--emfe-w-color-black, #000000);\n}\n.ShortCashier iframe {\n height: 400px;\n}";
50
62
 
51
63
  const emptyFunction = () => { };
52
64
  const UserDepositWithdrawal = class {
@@ -77,6 +89,7 @@ const UserDepositWithdrawal = class {
77
89
  this.bindedHandler = this.handleMessage.bind(this);
78
90
  this.userAgent = window.navigator.userAgent;
79
91
  this.isMobile = isMobile(this.userAgent);
92
+ this.errorCodes = ["21123", "21122"];
80
93
  this.setClientStyling = () => {
81
94
  let sheet = document.createElement('style');
82
95
  sheet.innerHTML = this.clientStyling;
@@ -131,7 +144,7 @@ const UserDepositWithdrawal = class {
131
144
  // end custom styling area
132
145
  }
133
146
  render() {
134
- return (h(Host, null, h("div", { ref: el => this.stylingContainer = el }, h("div", { class: "DepositWithdrawalWrapper", style: { height: this.dynamicHeight, marginTop: this.isShortCashier ? '30px' : '0' } }, h("div", null, (this.isMobile && !this.isShortCashier ?
147
+ return (h(Host, null, h("div", { ref: el => this.stylingContainer = el }, h("div", { class: `DepositWithdrawalWrapper ${this.isShortCashier ? 'ShortCashier' : ''}`, style: { height: this.dynamicHeight, marginTop: this.isShortCashier ? '30px' : '0' } }, h("div", null, (this.isMobile && !this.isShortCashier ?
135
148
  h("div", { class: "MenuReturnButton", onClick: () => this.toggleScreen(this.isMobile) }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15" }, h("defs", null), h("g", { transform: "translate(-20 -158)" }, h("g", { transform: "translate(20 158)" }, h("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)" })))), h("h2", { class: "CategoryTitleMobile" }, translate(this.typeParameter === 'Withdraw' ? 'Withdraw' : 'Deposit', this.language)))
136
149
  :
137
150
  h("h2", { class: "CategoryTitle" }, translate(this.typeParameter === 'Withdraw' ? 'Withdraw' : 'Deposit', this.language)))), this.cashierInfoUrl ? h("iframe", { width: "100%", height: "100%", src: this.cashierInfoUrl }) : h("h3", { class: "ErrorMessage" }, this.type === 'deposit' ? translate('denyDeposit', this.language) : translate('denyWithdrawal', this.language))))));
@@ -168,7 +181,21 @@ const UserDepositWithdrawal = class {
168
181
  this.cashierInfoUrl = data.CashierInfo.Url;
169
182
  }
170
183
  else {
171
- let apiMessage = data.ResponseMessage || (this.type === 'deposit' ? translate('denyDeposit', this.language) : translate('denyWithdrawal', this.language));
184
+ let apiMessage;
185
+ if (data.ResponseMessage) {
186
+ let foundErrorCode = this.errorCodes.find(code => data.ResponseMessage.includes(code)) || null;
187
+ if (foundErrorCode) {
188
+ apiMessage = translate(`errorCode${foundErrorCode}`, this.language);
189
+ }
190
+ else {
191
+ apiMessage = translate('notFoundErrorCode', this.language);
192
+ }
193
+ }
194
+ else {
195
+ apiMessage = this.type === 'deposit'
196
+ ? translate('denyDeposit', this.language)
197
+ : translate('denyWithdrawal', this.language);
198
+ }
172
199
  const messageOBj = { type: 'error', message: apiMessage };
173
200
  window.postMessage({ type: 'DenyDepositOrWithdrawal', data: messageOBj }, window.location.href);
174
201
  }
package/dist/types/components/user-deposit-withdrawal/user-deposit-withdrawal.d.ts CHANGED
@@ -59,6 +59,7 @@ export declare class UserDepositWithdrawal {
59
59
  private userAgent;
60
60
  isMobile: boolean;
61
61
  private stylingContainer;
62
+ private errorCodes;
62
63
  watchLoadWidget(): void;
63
64
  componentWillLoad(): Promise<void>;
64
65
  toggleScreen(isMobile: any): void;
package/dist/user-deposit-withdrawal/p-a49c0c3e.entry.js ADDED
@@ -0,0 +1 @@
1
+ import{r as t,h as e,H as r}from"./p-4c4319e6.js";const o=["ro","en","fr","hr"],i={en:{Deposit:"Deposit",Withdraw:"Withdraw",denyDeposit:"Please be informed that currently you are not allowed to initiate depost transactions.",denyWithdrawal:"Please be informed that currently you are not allowed to initiate withdrawal transactions.",notFoundErrorCode:"Not found error code",errorCode21122:"Dear player! Please be informed that currently you are not allowed to initiate withdrawal transaction from your player account. Error Code: 21122",errorCode21123:"Dear player! Please be informed that currently you are not allowed to make a deposit to your player account. Error Code:21123"},ro:{Deposit:"Depozit",Withdraw:"Retragere",denyDeposit:"Vă informăm că în prezent nu aveți permisiunea de a iniția tranzacții de depunere.",denyWithdrawal:"Vă informăm că în prezent nu aveți permisiunea de a iniția tranzacții de retragere.",notFoundErrorCode:"Not found error code",errorCode21122:"Dear player! Please be informed that currently you are not allowed to initiate withdrawal transaction from your player account. Error Code: 21122",errorCode21123:"Dear player! Please be informed that currently you are not allowed to make a deposit to your player account. Error Code:21123"},fr:{Deposit:"Deposit",Withdraw:"Withdraw",denyDeposit:"Veuillez être informé que vous n'êtes actuellement pas autorisé à initier des transactions de dépôt.",denyWithdrawal:"Veuillez être informé que vous n'êtes actuellement pas autorisé à initier des transactions de retrait.",notFoundErrorCode:"Not found error code",errorCode21122:"Dear player! Please be informed that currently you are not allowed to initiate withdrawal transaction from your player account. Error Code: 21122",errorCode21123:"Dear player! Please be informed that currently you are not allowed to make a deposit to your player account. Error Code:21123"},hr:{Deposit:"Uplata",Withdraw:"Isplata",denyDeposit:"Obavještavamo vas da trenutno niste ovlašteni za pokretanje transakcija uplata.",denyWithdrawal:"Obavještavamo vas da trenutno niste ovlašteni za pokretanje transakcija isplate.",notFoundErrorCode:"Not found error code",errorCode21122:"Poštovani, trenutno nije moguće izvršiti isplatu sa Vašeg računa. Error Code: 21122",errorCode21123:"Poštovani, trenutno nije moguće izvršiti uplatu na Vaš račun. Error Code:21123"}},a=(t,e)=>{const r=e;return i[void 0!==r&&o.includes(r)?r:"en"][t]},n=()=>{},s=class{constructor(e){var r;t(this,e),this.clientStyling="",this.clientStylingUrl="",this.currency="",this.showBonusSelectionInput="true",this.isShortCashier=!1,this.beforeRedirect=n,this.limitStylingAppends=!1,this.bindedHandler=this.handleMessage.bind(this),this.userAgent=window.navigator.userAgent,this.isMobile=!!((r=this.userAgent).toLowerCase().match(/android/i)||r.toLowerCase().match(/blackberry|bb/i)||r.toLowerCase().match(/iphone|ipad|ipod/i)||r.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i)),this.errorCodes=["21123","21122"],this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)},this.setClientStylingURL=()=>{let t=new URL(this.clientStylingUrl),e=document.createElement("style");fetch(t.href).then((t=>t.text())).then((t=>{e.innerHTML=t,setTimeout((()=>{this.stylingContainer.prepend(e)}),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 e(r,null,e("div",{ref:t=>this.stylingContainer=t},e("div",{class:"DepositWithdrawalWrapper "+(this.isShortCashier?"ShortCashier":""),style:{height:this.dynamicHeight,marginTop:this.isShortCashier?"30px":"0"}},e("div",null,this.isMobile&&!this.isShortCashier?e("div",{class:"MenuReturnButton",onClick:()=>this.toggleScreen(this.isMobile)},e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"15",viewBox:"0 0 15 15"},e("defs",null),e("g",{transform:"translate(-20 -158)"},e("g",{transform:"translate(20 158)"},e("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)"})))),e("h2",{class:"CategoryTitleMobile"},a("Withdraw"===this.typeParameter?"Withdraw":"Deposit",this.language))):e("h2",{class:"CategoryTitle"},a("Withdraw"===this.typeParameter?"Withdraw":"Deposit",this.language))),this.cashierInfoUrl?e("iframe",{width:"100%",height:"100%",src:this.cashierInfoUrl}):e("h3",{class:"ErrorMessage"},a("deposit"===this.type?"denyDeposit":"denyWithdrawal",this.language)))))}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,isShortCashier:this.isShortCashier,currency:this.currency,showBonusSelectionInput:this.showBonusSelectionInput};try{const e=`${this.endpoint}/v1/player/${this.userId}/payment/GetPaymentSession`,r=await fetch(e,{method:"POST",headers:{"X-Sessionid":this.session,"Content-Type":"application/json"},body:JSON.stringify(t)});if(!r.ok){const t=await r.text();throw new Error(t)}const o=await r.json();if(o.CashierInfo)this.cashierInfoUrl=o.CashierInfo.Url;else{let t;if(o.ResponseMessage){let e=this.errorCodes.find((t=>o.ResponseMessage.includes(t)))||null;t=a(e?`errorCode${e}`:"notFoundErrorCode",this.language)}else t=a("deposit"===this.type?"denyDeposit":"denyWithdrawal",this.language);window.postMessage({type:"DenyDepositOrWithdrawal",data:{type:"error",message:t}},window.location.href)}}catch(t){console.error(t)}}handleMessage(t){var e,r,o,i,a,n,s;t.data["MMFE:setIFrameHeight"]&&this.isShortCashier&&(this.dynamicHeight=t.data["MMFE:setIFrameHeight"].toString()+"px"),"mm-hcback-to-merchant"===(null===(e=t.data)||void 0===e?void 0:e.type)&&this.doRedirect(t.data.type,this.homeUrl),"mm-hc-back-tomerchant"===(null===(r=t.data)||void 0===r?void 0:r.redirect)&&this.doRedirect(t.data.redirect,this.homeUrl),"mm-hc-sports"===(null===(o=t.data)||void 0===o?void 0:o.redirect)&&this.doRedirect(null===(i=t.data)||void 0===i?void 0:i.redirect,this.sportsUrl),"mm-hc-casino"===(null===(a=t.data)||void 0===a?void 0:a.redirect)&&this.doRedirect(window.location.href,this.casinoUrl),"mm-hc-contact"===(null===(n=t.data)||void 0===n?void 0:n.redirect)&&(window.postMessage({type:"CloseShortCashier"},window.location.href),this.doRedirect(window.location.href,this.contactUrl)),"mm-wm-hc-init-deposit"===(null===(s=t.data)||void 0===s?void 0:s.redirect)&&(window.postMessage({type:"CloseShortCashier"},window.location.href),this.doRedirect(window.location.href,this.depositUrl))}doRedirect(t,e){const r={reason:t,url:e,cancel:!1};this.beforeRedirect(r),r.cancel||(window.location.href=r.url?r.url:"/")}static get watchers(){return{session:["watchLoadWidget"],userId:["watchLoadWidget"],isShortCashier:["watchLoadWidget"],currency:["watchLoadWidget"],showBonusSelectionInput:["watchLoadWidget"]}}};s.style=":host {\n font: inherit;\n display: block;\n height: 100%;\n overflow: hidden;\n}\n\n.CategoryTitle {\n font-size: var(--emw--font-size-x-large, 26px);\n color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\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.ErrorMessage {\n color: var(--emfe-w-pam-color-typography, var(--emfe-w-color-typography, #FFFFFF));\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}\n.ShortCashier.DepositWithdrawalWrapper {\n height: 500px;\n}\n.ShortCashier.CategoryTitle.CategoryTitle {\n margin-right: 20px;\n padding-top: 20px;\n color: ar(--emfe-w-color-black, #000000);\n}\n.ShortCashier .ErrorMessage {\n margin: auto;\n width: 90%;\n margin-top: 70px;\n text-transform: capitalize;\n text-align: center;\n color: var(--emfe-w-color-black, #000000);\n}\n.ShortCashier iframe {\n height: 400px;\n}";export{s as user_deposit_withdrawal}
package/dist/user-deposit-withdrawal/user-deposit-withdrawal.esm.js CHANGED
@@ -1 +1 @@
1
- import{p as r,b as e}from"./p-4c4319e6.js";(()=>{const e=import.meta.url,s={};return""!==e&&(s.resourcesUrl=new URL(".",e).href),r(s)})().then((r=>e([["p-590a4cc8",[[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"],currency:[513],showBonusSelectionInput:[513,"show-bonus-selection-input"],isShortCashier:[516,"is-short-cashier"],homeUrl:[513,"home-url"],beforeRedirect:[16],limitStylingAppends:[32],dynamicHeight:[32],cashierInfoUrl:[32]}]]]],r)));
1
+ import{p as e,b as r}from"./p-4c4319e6.js";(()=>{const r=import.meta.url,s={};return""!==r&&(s.resourcesUrl=new URL(".",r).href),e(s)})().then((e=>r([["p-a49c0c3e",[[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"],currency:[513],showBonusSelectionInput:[513,"show-bonus-selection-input"],isShortCashier:[516,"is-short-cashier"],homeUrl:[513,"home-url"],beforeRedirect:[16],limitStylingAppends:[32],dynamicHeight:[32],cashierInfoUrl:[32]}]]]],e)));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/user-deposit-withdrawal",
3
- "version": "1.37.11",
3
+ "version": "1.39.0",
4
4
  "main": "./dist/index.cjs.js",
5
5
  "module": "./dist/index.js",
6
6
  "es2015": "./dist/esm/index.mjs",
package/dist/user-deposit-withdrawal/p-590a4cc8.entry.js DELETED
@@ -1 +0,0 @@
1
- import{r as t,h as i,H as e}from"./p-4c4319e6.js";const n=["ro","en","fr","hr"],s={en:{Deposit:"Deposit",Withdraw:"Withdraw",denyDeposit:"Please be informed that currently you are not allowed to initiate depost transactions.",denyWithdrawal:"Please be informed that currently you are not allowed to initiate withdrawal transactions."},ro:{Deposit:"Depozit",Withdraw:"Retragere",denyDeposit:"Vă informăm că în prezent nu aveți permisiunea de a iniția tranzacții de depunere.",denyWithdrawal:"Vă informăm că în prezent nu aveți permisiunea de a iniția tranzacții de retragere."},fr:{Deposit:"Deposit",Withdraw:"Withdraw",denyDeposit:"Veuillez être informé que vous n'êtes actuellement pas autorisé à initier des transactions de dépôt.",denyWithdrawal:"Veuillez être informé que vous n'êtes actuellement pas autorisé à initier des transactions de retrait."},hr:{Deposit:"Letét",Withdraw:"Visszavonás",denyDeposit:"Obavještavamo vas da trenutno niste ovlašteni za pokretanje transakcija pologa.",denyWithdrawal:"Obavještavamo vas da trenutno niste ovlašteni za pokretanje transakcija isplate."}},a=(t,i)=>{const e=i;return s[void 0!==e&&n.includes(e)?e:"en"][t]},o=()=>{},r=class{constructor(i){var e;t(this,i),this.clientStyling="",this.clientStylingUrl="",this.currency="",this.showBonusSelectionInput="true",this.isShortCashier=!1,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",style:{height:this.dynamicHeight,marginTop:this.isShortCashier?"30px":"0"}},i("div",null,this.isMobile&&!this.isShortCashier?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"},a("Withdraw"===this.typeParameter?"Withdraw":"Deposit",this.language))):i("h2",{class:"CategoryTitle"},a("Withdraw"===this.typeParameter?"Withdraw":"Deposit",this.language))),this.cashierInfoUrl?i("iframe",{width:"100%",height:"100%",src:this.cashierInfoUrl}):i("h3",{class:"ErrorMessage"},a("deposit"===this.type?"denyDeposit":"denyWithdrawal",this.language)))))}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,isShortCashier:this.isShortCashier,currency:this.currency,showBonusSelectionInput:this.showBonusSelectionInput};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 n=await e.json();if(n.CashierInfo)this.cashierInfoUrl=n.CashierInfo.Url;else{let t=n.ResponseMessage||a("deposit"===this.type?"denyDeposit":"denyWithdrawal",this.language);window.postMessage({type:"DenyDepositOrWithdrawal",data:{type:"error",message:t}},window.location.href)}}catch(t){console.error(t)}}handleMessage(t){var i,e,n,s,a,o,r;t.data["MMFE:setIFrameHeight"]&&this.isShortCashier&&(this.dynamicHeight=t.data["MMFE:setIFrameHeight"].toString()+"px"),"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===(n=t.data)||void 0===n?void 0:n.redirect)&&this.doRedirect(null===(s=t.data)||void 0===s?void 0:s.redirect,this.sportsUrl),"mm-hc-casino"===(null===(a=t.data)||void 0===a?void 0:a.redirect)&&this.doRedirect(window.location.href,this.casinoUrl),"mm-hc-contact"===(null===(o=t.data)||void 0===o?void 0:o.redirect)&&(window.postMessage({type:"CloseShortCashier"},window.location.href),this.doRedirect(window.location.href,this.contactUrl)),"mm-wm-hc-init-deposit"===(null===(r=t.data)||void 0===r?void 0:r.redirect)&&(window.postMessage({type:"CloseShortCashier"},window.location.href),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"],isShortCashier:["watchLoadWidget"],currency:["watchLoadWidget"],showBonusSelectionInput:["watchLoadWidget"]}}};r.style=":host {\n font: inherit;\n display: block;\n height: 100%;\n overflow: hidden;\n}\n\n.CategoryTitle {\n font-size: var(--emw--font-size-x-large, 26px);\n color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\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.ErrorMessage {\n color: var(--emfe-w-pam-color-typography, var(--emfe-w-color-typography, #FFFFFF));\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}