epp-lib 0.0.32-snapshot → 0.0.34-snapshot

package/fesm2022/epp-lib.mjs

@@ -96,7 +96,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
 class Domain {
     constructor() {
         this.defaultDomain = '';
-        this.allowedOrigins = ['http://localhost:9000', 'http://localhost:4200', 'http://epp.com', 'https://epp.myvodds.com', 'https://myvodds.com', 'http://test.myvodds.com'];
+        this.allowedOrigins = ['http://localhost:9000', 'http://localhost:4200', 'http://epp.com', 'https://epp.myvodds.com', 'https://myvodds.com'];
         this.specialDomain = [];
         this.jetonDomain = '';
         this.ecopayzDomain = '';
@@ -189,11 +189,10 @@ var IframeMessageType;
     IframeMessageType[IframeMessageType["INIT_UTM_COOKIE"] = 16] = "INIT_UTM_COOKIE";
     IframeMessageType[IframeMessageType["TRACK_GA4"] = 17] = "TRACK_GA4";
     IframeMessageType[IframeMessageType["OPEN_WITHDRAWAL_REQUEST_CONFIRMATION"] = 18] = "OPEN_WITHDRAWAL_REQUEST_CONFIRMATION";
-    IframeMessageType[IframeMessageType["OPEN_WITHDRAWAL_REQUEST_SUBMITTED"] = 19] = "OPEN_WITHDRAWAL_REQUEST_SUBMITTED";
-    IframeMessageType[IframeMessageType["IFRAME_RESIZE"] = 20] = "IFRAME_RESIZE";
-    IframeMessageType[IframeMessageType["OPEN_WITHDRAWAL_SUBMITTED"] = 21] = "OPEN_WITHDRAWAL_SUBMITTED";
-    IframeMessageType[IframeMessageType["RESULT_WITHDRAWAL_REQUEST_CONFIRMATION"] = 22] = "RESULT_WITHDRAWAL_REQUEST_CONFIRMATION";
-    IframeMessageType[IframeMessageType["RESULT_WITHDRAWAL_SUBMITTED"] = 23] = "RESULT_WITHDRAWAL_SUBMITTED";
+    IframeMessageType[IframeMessageType["IFRAME_RESIZE"] = 19] = "IFRAME_RESIZE";
+    IframeMessageType[IframeMessageType["OPEN_WITHDRAWAL_SUBMITTED"] = 20] = "OPEN_WITHDRAWAL_SUBMITTED";
+    IframeMessageType[IframeMessageType["RESULT_WITHDRAWAL_REQUEST_CONFIRMATION"] = 21] = "RESULT_WITHDRAWAL_REQUEST_CONFIRMATION";
+    IframeMessageType[IframeMessageType["RESULT_WITHDRAWAL_SUBMITTED"] = 22] = "RESULT_WITHDRAWAL_SUBMITTED";
 })(IframeMessageType || (IframeMessageType = {}));
 
 class IframeMessageService {
@@ -294,12 +293,9 @@ class CommonUtil {
     }
 }
 
-class Checkout {
+class Payload {
     constructor() {
         this.requestId = 0;
-        this.paymentType = PaymentType.NA;
-        this.url = '';
-        this.expiration = 300;
         this.errorMessage = '';
         this.successMessage = '';
         this.iframeUrl = '*';
@@ -315,6 +311,16 @@ class Checkout {
     }
 }
 
+class Checkout extends Payload {
+    constructor() {
+        super(...arguments);
+        this.processId = '';
+        this.paymentType = PaymentType.NA;
+        this.url = '';
+        this.expiration = 300;
+    }
+}
+
 class CountDownTime {
     constructor(initTime) {
         this.isStart = false;
@@ -445,11 +451,11 @@ class VoddsLoaderComponent {
         this.showAjaxLoader = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: VoddsLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: VoddsLoaderComponent, isStandalone: true, selector: "vodds-loader", inputs: { message: "message", showAjaxLoader: "showAjaxLoader" }, ngImport: i0, template: "@if (showAjaxLoader) {\n  <div class=\"load-indicator\">\n    <img src=\"https://cdn.voddos.net/vodds/static/ajax-loader16.gif\">\n    {{message != undefined ? message : ''}}\n  </div>\n}\n", styles: [""] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: VoddsLoaderComponent, isStandalone: true, selector: "vodds-loader", inputs: { message: "message", showAjaxLoader: "showAjaxLoader" }, ngImport: i0, template: "@if (showAjaxLoader) {\r\n  <div class=\"load-indicator\">\r\n    <img src=\"https://cdn.voddos.net/vodds/static/ajax-loader16.gif\">\r\n    {{message != undefined ? message : ''}}\r\n  </div>\r\n}\r\n", styles: [""] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: VoddsLoaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vodds-loader', standalone: true, imports: [], template: "@if (showAjaxLoader) {\n  <div class=\"load-indicator\">\n    <img src=\"https://cdn.voddos.net/vodds/static/ajax-loader16.gif\">\n    {{message != undefined ? message : ''}}\n  </div>\n}\n" }]
+            args: [{ selector: 'vodds-loader', standalone: true, imports: [], template: "@if (showAjaxLoader) {\r\n  <div class=\"load-indicator\">\r\n    <img src=\"https://cdn.voddos.net/vodds/static/ajax-loader16.gif\">\r\n    {{message != undefined ? message : ''}}\r\n  </div>\r\n}\r\n" }]
         }], propDecorators: { message: [{
                 type: Input
             }], showAjaxLoader: [{
@@ -654,11 +660,11 @@ class RapydComponent {
         return CommonUtil.isMobileTemplate();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RapydComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: RapydComponent, isStandalone: true, selector: "v-rapyd", inputs: { checkout: "checkout" }, ngImport: i0, template: "@if(isMobile()) {\n    <div class=\"v-dialog mobile\">\n        <div class=\"v-flex-center-between header text-black-cs\">\n            <div class=\"v-flex-center-none\">\n                <span class=\"ml-8\">{{ 'mobile_payment_form_title' | transloco }}</span>\n            </div>\n            <div class=\"v-flex-center-between mr-8\">\n                <div (click)=\"closeDialog()\">\n                    <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n                            d=\"M11.0121 12.3959L16.6455 18.0293C16.8333 18.2107 17.0849 18.3111 17.346 18.3088C17.6071 18.3065 17.8569 18.2018 18.0415 18.0172C18.2261 17.8325 18.3309 17.5828 18.3331 17.3217C18.3354 17.0606 18.235 16.809 18.0536 16.6212L12.4202 10.9878L18.0536 5.35431C18.235 5.16649 18.3354 4.91494 18.3331 4.65384C18.3309 4.39273 18.2261 4.14297 18.0415 3.95833C17.8569 3.77369 17.6071 3.66896 17.346 3.66669C17.0849 3.66443 16.8333 3.7648 16.6455 3.9462L11.0121 9.57964L5.37863 3.9462C5.18997 3.76928 4.93988 3.67271 4.68128 3.67691C4.42268 3.68111 4.17585 3.78575 3.99304 3.9687C3.81022 4.15165 3.70575 4.39854 3.70173 4.65715C3.69772 4.91575 3.79447 5.16577 3.97152 5.35431L9.60396 10.9878L3.97052 16.6212C3.87541 16.7131 3.79954 16.8229 3.74735 16.9444C3.69516 17.0659 3.66769 17.1966 3.66654 17.3288C3.66539 17.4611 3.69059 17.5922 3.74066 17.7146C3.79073 17.837 3.86468 17.9481 3.95818 18.0416C4.05168 18.1352 4.16287 18.2091 4.28525 18.2592C4.40764 18.3092 4.53877 18.3344 4.67099 18.3333C4.80322 18.3321 4.93389 18.3047 5.05539 18.2525C5.17688 18.2003 5.28677 18.1244 5.37863 18.0293L11.0121 12.3959Z\" />\n                    </svg>\n                </div>\n            </div>\n        </div>\n        @if (isLoading) {\n        <div class=\"v-spinner\">\n            <mat-spinner diameter=\"50\" strokeWidth=\"4\"></mat-spinner>\n        </div>\n        }\n        <div class=\"v-content\" id=\"deposit-id\">\n            @if (!isLoading && !isShow) {\n            <div class=\"visa-card-message\">\n                {{ 'visaCardErrorMessage' | transloco }} <br> {{ 'visaCardErrorMessage2' | transloco }}\n            </div>\n            }\n            <div class=\"vodds-checkout-deposit\">\n                @if(!isLoading && isShow) {\n                <div class=\"vodds-checkout-expiration\">\n                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 15\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                        <path\n                            d=\"M7 2.56067C9.76142 2.56067 12 4.79925 12 7.56067C12 10.3221 9.76142 12.5607 7 12.5607C4.23858 12.5607 2 10.3221 2 7.56067C2 4.79925 4.23858 2.56067 7 2.56067ZM6.25 4.06067V7.93567L6.5498 8.16028L8.5498 9.66028L9.4502 8.46106L7.75 7.18567V4.06067H6.25Z\"\n                            fill=\"#8C8C8C\" />\n                        <line x1=\"10.0303\" y1=\"0.530339\" x2=\"12.8588\" y2=\"3.35877\" stroke=\"#8C8C8C\" stroke-width=\"1.5\" />\n                        <line y1=\"-0.75\" x2=\"4\" y2=\"-0.75\" transform=\"matrix(-0.707107 0.707107 0.707107 0.707107 4.82843 1.06067)\"\n                            stroke=\"#8C8C8C\" stroke-width=\"1.5\" />\n                    </svg>\n                    <span>{{ 'visaCardTimeout' | transloco }} <span class=\"countdown-timer\">{{displayTimer}}</span></span>\n                </div>\n                }\n                <div id=\"rapyd-checkout\" class=\"iframe-wrapper\"></div>\n            </div>\n        </div>\n    </div>\n} @else {\n    <div id=\"visa-card\">\n        <div class=\"top\">\n            <h2>{{ 'payment_form_title' | transloco }}</h2>\n            <svg class=\"clsbtn my-account\" (click)=\"closeDialog()\" width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\">\n                <path\n                    d=\"M9.89214 0L5.5 4.39214L1.10786 0L0 1.10786L4.39214 5.5L0 9.89214L1.10786 11L5.5 6.60786L9.89214 11L11 9.89214L6.60786 5.5L11 1.10786L9.89214 0Z\"\n                    fill=\"white\" />\n            </svg>\n        </div>\n        <div class=\"flex-center\">\n            <vodds-loader [showAjaxLoader]=\"isLoading\"></vodds-loader>\n        </div>\n        @if (!isLoading && !isShow) {\n        <div class=\"visa-card-message\">\n            {{ 'visaCardErrorMessage' | transloco }} <br> {{ 'visaCardErrorMessage2' | transloco }}\n        </div>\n        }\n        <div class=\"visa-card-form\" [style]=\"{display: isShow ? 'flex' : 'none'}\">\n            <div class=\"timer\">\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path\n                        d=\"M7 2.56067C9.76142 2.56067 12 4.79925 12 7.56067C12 10.3221 9.76142 12.5607 7 12.5607C4.23858 12.5607 2 10.3221 2 7.56067C2 4.79925 4.23858 2.56067 7 2.56067ZM6.25 4.06067V7.93567L6.5498 8.16028L8.5498 9.66028L9.4502 8.46106L7.75 7.18567V4.06067H6.25Z\"\n                        fill=\"#B5B5B5\" />\n                    <line x1=\"10.0303\" y1=\"0.530339\" x2=\"12.8588\" y2=\"3.35877\" stroke=\"#B5B5B5\" stroke-width=\"1.5\" />\n                    <line y1=\"-0.75\" x2=\"4\" y2=\"-0.75\"\n                        transform=\"matrix(-0.707107 0.707107 0.707107 0.707107 4.82861 1.06067)\" stroke=\"#B5B5B5\"\n                        stroke-width=\"1.5\" />\n                </svg>\n                <span class=\"label\">&nbsp;{{ 'visaCardTimeout' | transloco }}&nbsp;</span> <span class=\"display-time\">\n                    {{displayTimer}}</span>\n            </div>\n            <div id=\"rapyd-checkout\"></div>\n        </div>\n    </div>\n}", styles: [".flex-center{display:flex;justify-content:center;align-items:center}#visa-card{height:auto;width:500px;top:0;left:710px;z-index:101}.top{width:100%;align-items:center;margin-bottom:8px;border-radius:0;background:#dd453c;position:relative;color:#fff;display:flex;justify-content:space-between}.top h2{padding-left:15px;text-align:left;font-size:16px;font-weight:800}.top svg{position:unset;padding-right:15px;width:18px;height:18px}.visa-card-form{display:flex;flex-direction:column;align-items:center;min-height:500px!important;width:100%}.visa-card-form .timer{display:flex;align-items:center}#rapyd-checkout{min-height:550px;max-height:550px;overflow-y:auto;scrollbar-width:none}#rapyd-checkout::-webkit-scrollbar{display:none}.ui-widget.ui-widget-content.vodds-visa-card-dialog{padding:0;border:none;border-radius:10px}.vodds-visa-card-dialog .ui-dialog-content{display:flex;align-items:center;flex-direction:column;padding:0;margin:0}.vodds-visa-card-dialog .ui-dialog-content .top{width:100%;display:flex;align-items:center;padding:6px 18px;margin-bottom:8px;border-radius:8px}.vodds-visa-card-dialog .ui-dialog-content .top h2{text-align:left;font-size:16px;font-weight:800}#trading-platform.dark .vodds-visa-card-dialog .label,.vodds-visa-card-dialog .label{color:#80807f!important}#trading-platform.dark .vodds-visa-card-dialog span{color:#000!important}#trading-platform.dark .vodds-visa-card-dialog{background:#fff!important}.mobile .header{font-weight:800;font-size:18px;line-height:18px;margin:0 7px;border-bottom:1px solid #96A2B3;padding:20px 0 15px}.mobile .header .dark{color:#fff}.mobile .header .light{color:#2c3644}.mobile .header svg{fill:#2c3644}.mobile .v-flex-center-between{display:flex;justify-content:space-between;align-items:center;padding-left:10px;padding-right:10px}.mobile .vodds-checkout-expiration{display:flex;justify-content:center;align-items:center;font-weight:700;gap:5px;color:#8c8c8c;font-size:12px}.mobile .countdown-timer{color:#000}.mobile .iframe-wrapper{position:relative;overflow:hidden}.mobile .v-dialog .v-content{padding:0!important;max-height:74vh}.mobile .vodds-checkout-deposit{overflow:auto;margin-top:10px}.mobile .v-dialog{background:#f3f2f9;color:#28303a}.mobile .v-spinner{display:flex;justify-content:center;width:100%}.mobile ::ng-deep .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic{stroke:#dd443c!important}.mobile .visa-card-message{margin:28px 20px;color:#dd453c;font-size:14px}.mobile .v-dialog .v-content{background-color:#f1f1f1}\n"], dependencies: [{ kind: "component", type: VoddsLoaderComponent, selector: "vodds-loader", inputs: ["message", "showAjaxLoader"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: TranslocoModule }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: RapydComponent, isStandalone: true, selector: "v-rapyd", inputs: { checkout: "checkout" }, ngImport: i0, template: "@if(isMobile()) {\r\n    <div class=\"v-dialog mobile\">\r\n        <div class=\"v-flex-center-between header text-black-cs\">\r\n            <div class=\"v-flex-center-none\">\r\n                <span class=\"ml-8\">{{ 'mobile_payment_form_title' | transloco }}</span>\r\n            </div>\r\n            <div class=\"v-flex-center-between mr-8\">\r\n                <div (click)=\"closeDialog()\">\r\n                    <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\r\n                            d=\"M11.0121 12.3959L16.6455 18.0293C16.8333 18.2107 17.0849 18.3111 17.346 18.3088C17.6071 18.3065 17.8569 18.2018 18.0415 18.0172C18.2261 17.8325 18.3309 17.5828 18.3331 17.3217C18.3354 17.0606 18.235 16.809 18.0536 16.6212L12.4202 10.9878L18.0536 5.35431C18.235 5.16649 18.3354 4.91494 18.3331 4.65384C18.3309 4.39273 18.2261 4.14297 18.0415 3.95833C17.8569 3.77369 17.6071 3.66896 17.346 3.66669C17.0849 3.66443 16.8333 3.7648 16.6455 3.9462L11.0121 9.57964L5.37863 3.9462C5.18997 3.76928 4.93988 3.67271 4.68128 3.67691C4.42268 3.68111 4.17585 3.78575 3.99304 3.9687C3.81022 4.15165 3.70575 4.39854 3.70173 4.65715C3.69772 4.91575 3.79447 5.16577 3.97152 5.35431L9.60396 10.9878L3.97052 16.6212C3.87541 16.7131 3.79954 16.8229 3.74735 16.9444C3.69516 17.0659 3.66769 17.1966 3.66654 17.3288C3.66539 17.4611 3.69059 17.5922 3.74066 17.7146C3.79073 17.837 3.86468 17.9481 3.95818 18.0416C4.05168 18.1352 4.16287 18.2091 4.28525 18.2592C4.40764 18.3092 4.53877 18.3344 4.67099 18.3333C4.80322 18.3321 4.93389 18.3047 5.05539 18.2525C5.17688 18.2003 5.28677 18.1244 5.37863 18.0293L11.0121 12.3959Z\" />\r\n                    </svg>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        @if (isLoading) {\r\n        <div class=\"v-spinner\">\r\n            <mat-spinner diameter=\"50\" strokeWidth=\"4\"></mat-spinner>\r\n        </div>\r\n        }\r\n        <div class=\"v-content\" id=\"deposit-id\">\r\n            @if (!isLoading && !isShow) {\r\n            <div class=\"visa-card-message\">\r\n                {{ 'visaCardErrorMessage' | transloco }} <br> {{ 'visaCardErrorMessage2' | transloco }}\r\n            </div>\r\n            }\r\n            <div class=\"vodds-checkout-deposit\">\r\n                @if(!isLoading && isShow) {\r\n                <div class=\"vodds-checkout-expiration\">\r\n                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 15\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                        <path\r\n                            d=\"M7 2.56067C9.76142 2.56067 12 4.79925 12 7.56067C12 10.3221 9.76142 12.5607 7 12.5607C4.23858 12.5607 2 10.3221 2 7.56067C2 4.79925 4.23858 2.56067 7 2.56067ZM6.25 4.06067V7.93567L6.5498 8.16028L8.5498 9.66028L9.4502 8.46106L7.75 7.18567V4.06067H6.25Z\"\r\n                            fill=\"#8C8C8C\" />\r\n                        <line x1=\"10.0303\" y1=\"0.530339\" x2=\"12.8588\" y2=\"3.35877\" stroke=\"#8C8C8C\" stroke-width=\"1.5\" />\r\n                        <line y1=\"-0.75\" x2=\"4\" y2=\"-0.75\" transform=\"matrix(-0.707107 0.707107 0.707107 0.707107 4.82843 1.06067)\"\r\n                            stroke=\"#8C8C8C\" stroke-width=\"1.5\" />\r\n                    </svg>\r\n                    <span>{{ 'visaCardTimeout' | transloco }} <span class=\"countdown-timer\">{{displayTimer}}</span></span>\r\n                </div>\r\n                }\r\n                <div id=\"rapyd-checkout\" class=\"iframe-wrapper\"></div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n} @else {\r\n    <div id=\"visa-card\">\r\n        <div class=\"top\">\r\n            <h2>{{ 'payment_form_title' | transloco }}</h2>\r\n            <svg class=\"clsbtn my-account\" (click)=\"closeDialog()\" width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"\r\n                xmlns=\"http://www.w3.org/2000/svg\">\r\n                <path\r\n                    d=\"M9.89214 0L5.5 4.39214L1.10786 0L0 1.10786L4.39214 5.5L0 9.89214L1.10786 11L5.5 6.60786L9.89214 11L11 9.89214L6.60786 5.5L11 1.10786L9.89214 0Z\"\r\n                    fill=\"white\" />\r\n            </svg>\r\n        </div>\r\n        <div class=\"flex-center\">\r\n            <vodds-loader [showAjaxLoader]=\"isLoading\"></vodds-loader>\r\n        </div>\r\n        @if (!isLoading && !isShow) {\r\n        <div class=\"visa-card-message\">\r\n            {{ 'visaCardErrorMessage' | transloco }} <br> {{ 'visaCardErrorMessage2' | transloco }}\r\n        </div>\r\n        }\r\n        <div class=\"visa-card-form\" [style]=\"{display: isShow ? 'flex' : 'none'}\">\r\n            <div class=\"timer\">\r\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                    <path\r\n                        d=\"M7 2.56067C9.76142 2.56067 12 4.79925 12 7.56067C12 10.3221 9.76142 12.5607 7 12.5607C4.23858 12.5607 2 10.3221 2 7.56067C2 4.79925 4.23858 2.56067 7 2.56067ZM6.25 4.06067V7.93567L6.5498 8.16028L8.5498 9.66028L9.4502 8.46106L7.75 7.18567V4.06067H6.25Z\"\r\n                        fill=\"#B5B5B5\" />\r\n                    <line x1=\"10.0303\" y1=\"0.530339\" x2=\"12.8588\" y2=\"3.35877\" stroke=\"#B5B5B5\" stroke-width=\"1.5\" />\r\n                    <line y1=\"-0.75\" x2=\"4\" y2=\"-0.75\"\r\n                        transform=\"matrix(-0.707107 0.707107 0.707107 0.707107 4.82861 1.06067)\" stroke=\"#B5B5B5\"\r\n                        stroke-width=\"1.5\" />\r\n                </svg>\r\n                <span class=\"label\">&nbsp;{{ 'visaCardTimeout' | transloco }}&nbsp;</span> <span class=\"display-time\">\r\n                    {{displayTimer}}</span>\r\n            </div>\r\n            <div id=\"rapyd-checkout\"></div>\r\n        </div>\r\n    </div>\r\n}", styles: [".flex-center{display:flex;justify-content:center;align-items:center}#visa-card{height:auto;width:500px;top:0;left:710px;z-index:101}.top{width:100%;align-items:center;margin-bottom:8px;border-radius:0;background:#dd453c;position:relative;color:#fff;display:flex;justify-content:space-between}.top h2{padding-left:15px;text-align:left;font-size:16px;font-weight:800}.top svg{position:unset;padding-right:15px;width:18px;height:18px}.visa-card-form{display:flex;flex-direction:column;align-items:center;min-height:500px!important;width:100%}.visa-card-form .timer{display:flex;align-items:center}#rapyd-checkout{min-height:550px;max-height:550px;overflow-y:auto;scrollbar-width:none}#rapyd-checkout::-webkit-scrollbar{display:none}.ui-widget.ui-widget-content.vodds-visa-card-dialog{padding:0;border:none;border-radius:10px}.vodds-visa-card-dialog .ui-dialog-content{display:flex;align-items:center;flex-direction:column;padding:0;margin:0}.vodds-visa-card-dialog .ui-dialog-content .top{width:100%;display:flex;align-items:center;padding:6px 18px;margin-bottom:8px;border-radius:8px}.vodds-visa-card-dialog .ui-dialog-content .top h2{text-align:left;font-size:16px;font-weight:800}#trading-platform.dark .vodds-visa-card-dialog .label,.vodds-visa-card-dialog .label{color:#80807f!important}#trading-platform.dark .vodds-visa-card-dialog span{color:#000!important}#trading-platform.dark .vodds-visa-card-dialog{background:#fff!important}.mobile .header{font-weight:800;font-size:18px;line-height:18px;margin:0 7px;border-bottom:1px solid #96A2B3;padding:20px 0 15px}.mobile .header .dark{color:#fff}.mobile .header .light{color:#2c3644}.mobile .header svg{fill:#2c3644}.mobile .v-flex-center-between{display:flex;justify-content:space-between;align-items:center;padding-left:10px;padding-right:10px}.mobile .vodds-checkout-expiration{display:flex;justify-content:center;align-items:center;font-weight:700;gap:5px;color:#8c8c8c;font-size:12px}.mobile .countdown-timer{color:#000}.mobile .iframe-wrapper{position:relative;overflow:hidden}.mobile .v-dialog .v-content{padding:0!important;max-height:74vh}.mobile .vodds-checkout-deposit{overflow:auto;margin-top:10px}.mobile .v-dialog{background:#f3f2f9;color:#28303a}.mobile .v-spinner{display:flex;justify-content:center;width:100%}.mobile ::ng-deep .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic{stroke:#dd443c!important}.mobile .visa-card-message{margin:28px 20px;color:#dd453c;font-size:14px}.mobile .v-dialog .v-content{background-color:#f1f1f1}\n"], dependencies: [{ kind: "component", type: VoddsLoaderComponent, selector: "vodds-loader", inputs: ["message", "showAjaxLoader"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: TranslocoModule }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RapydComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'v-rapyd', standalone: true, imports: [NgStyle, VoddsLoaderComponent, MatDialogModule, MatProgressSpinnerModule, TranslocoModule], template: "@if(isMobile()) {\n    <div class=\"v-dialog mobile\">\n        <div class=\"v-flex-center-between header text-black-cs\">\n            <div class=\"v-flex-center-none\">\n                <span class=\"ml-8\">{{ 'mobile_payment_form_title' | transloco }}</span>\n            </div>\n            <div class=\"v-flex-center-between mr-8\">\n                <div (click)=\"closeDialog()\">\n                    <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n                            d=\"M11.0121 12.3959L16.6455 18.0293C16.8333 18.2107 17.0849 18.3111 17.346 18.3088C17.6071 18.3065 17.8569 18.2018 18.0415 18.0172C18.2261 17.8325 18.3309 17.5828 18.3331 17.3217C18.3354 17.0606 18.235 16.809 18.0536 16.6212L12.4202 10.9878L18.0536 5.35431C18.235 5.16649 18.3354 4.91494 18.3331 4.65384C18.3309 4.39273 18.2261 4.14297 18.0415 3.95833C17.8569 3.77369 17.6071 3.66896 17.346 3.66669C17.0849 3.66443 16.8333 3.7648 16.6455 3.9462L11.0121 9.57964L5.37863 3.9462C5.18997 3.76928 4.93988 3.67271 4.68128 3.67691C4.42268 3.68111 4.17585 3.78575 3.99304 3.9687C3.81022 4.15165 3.70575 4.39854 3.70173 4.65715C3.69772 4.91575 3.79447 5.16577 3.97152 5.35431L9.60396 10.9878L3.97052 16.6212C3.87541 16.7131 3.79954 16.8229 3.74735 16.9444C3.69516 17.0659 3.66769 17.1966 3.66654 17.3288C3.66539 17.4611 3.69059 17.5922 3.74066 17.7146C3.79073 17.837 3.86468 17.9481 3.95818 18.0416C4.05168 18.1352 4.16287 18.2091 4.28525 18.2592C4.40764 18.3092 4.53877 18.3344 4.67099 18.3333C4.80322 18.3321 4.93389 18.3047 5.05539 18.2525C5.17688 18.2003 5.28677 18.1244 5.37863 18.0293L11.0121 12.3959Z\" />\n                    </svg>\n                </div>\n            </div>\n        </div>\n        @if (isLoading) {\n        <div class=\"v-spinner\">\n            <mat-spinner diameter=\"50\" strokeWidth=\"4\"></mat-spinner>\n        </div>\n        }\n        <div class=\"v-content\" id=\"deposit-id\">\n            @if (!isLoading && !isShow) {\n            <div class=\"visa-card-message\">\n                {{ 'visaCardErrorMessage' | transloco }} <br> {{ 'visaCardErrorMessage2' | transloco }}\n            </div>\n            }\n            <div class=\"vodds-checkout-deposit\">\n                @if(!isLoading && isShow) {\n                <div class=\"vodds-checkout-expiration\">\n                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 15\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                        <path\n                            d=\"M7 2.56067C9.76142 2.56067 12 4.79925 12 7.56067C12 10.3221 9.76142 12.5607 7 12.5607C4.23858 12.5607 2 10.3221 2 7.56067C2 4.79925 4.23858 2.56067 7 2.56067ZM6.25 4.06067V7.93567L6.5498 8.16028L8.5498 9.66028L9.4502 8.46106L7.75 7.18567V4.06067H6.25Z\"\n                            fill=\"#8C8C8C\" />\n                        <line x1=\"10.0303\" y1=\"0.530339\" x2=\"12.8588\" y2=\"3.35877\" stroke=\"#8C8C8C\" stroke-width=\"1.5\" />\n                        <line y1=\"-0.75\" x2=\"4\" y2=\"-0.75\" transform=\"matrix(-0.707107 0.707107 0.707107 0.707107 4.82843 1.06067)\"\n                            stroke=\"#8C8C8C\" stroke-width=\"1.5\" />\n                    </svg>\n                    <span>{{ 'visaCardTimeout' | transloco }} <span class=\"countdown-timer\">{{displayTimer}}</span></span>\n                </div>\n                }\n                <div id=\"rapyd-checkout\" class=\"iframe-wrapper\"></div>\n            </div>\n        </div>\n    </div>\n} @else {\n    <div id=\"visa-card\">\n        <div class=\"top\">\n            <h2>{{ 'payment_form_title' | transloco }}</h2>\n            <svg class=\"clsbtn my-account\" (click)=\"closeDialog()\" width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\">\n                <path\n                    d=\"M9.89214 0L5.5 4.39214L1.10786 0L0 1.10786L4.39214 5.5L0 9.89214L1.10786 11L5.5 6.60786L9.89214 11L11 9.89214L6.60786 5.5L11 1.10786L9.89214 0Z\"\n                    fill=\"white\" />\n            </svg>\n        </div>\n        <div class=\"flex-center\">\n            <vodds-loader [showAjaxLoader]=\"isLoading\"></vodds-loader>\n        </div>\n        @if (!isLoading && !isShow) {\n        <div class=\"visa-card-message\">\n            {{ 'visaCardErrorMessage' | transloco }} <br> {{ 'visaCardErrorMessage2' | transloco }}\n        </div>\n        }\n        <div class=\"visa-card-form\" [style]=\"{display: isShow ? 'flex' : 'none'}\">\n            <div class=\"timer\">\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path\n                        d=\"M7 2.56067C9.76142 2.56067 12 4.79925 12 7.56067C12 10.3221 9.76142 12.5607 7 12.5607C4.23858 12.5607 2 10.3221 2 7.56067C2 4.79925 4.23858 2.56067 7 2.56067ZM6.25 4.06067V7.93567L6.5498 8.16028L8.5498 9.66028L9.4502 8.46106L7.75 7.18567V4.06067H6.25Z\"\n                        fill=\"#B5B5B5\" />\n                    <line x1=\"10.0303\" y1=\"0.530339\" x2=\"12.8588\" y2=\"3.35877\" stroke=\"#B5B5B5\" stroke-width=\"1.5\" />\n                    <line y1=\"-0.75\" x2=\"4\" y2=\"-0.75\"\n                        transform=\"matrix(-0.707107 0.707107 0.707107 0.707107 4.82861 1.06067)\" stroke=\"#B5B5B5\"\n                        stroke-width=\"1.5\" />\n                </svg>\n                <span class=\"label\">&nbsp;{{ 'visaCardTimeout' | transloco }}&nbsp;</span> <span class=\"display-time\">\n                    {{displayTimer}}</span>\n            </div>\n            <div id=\"rapyd-checkout\"></div>\n        </div>\n    </div>\n}", styles: [".flex-center{display:flex;justify-content:center;align-items:center}#visa-card{height:auto;width:500px;top:0;left:710px;z-index:101}.top{width:100%;align-items:center;margin-bottom:8px;border-radius:0;background:#dd453c;position:relative;color:#fff;display:flex;justify-content:space-between}.top h2{padding-left:15px;text-align:left;font-size:16px;font-weight:800}.top svg{position:unset;padding-right:15px;width:18px;height:18px}.visa-card-form{display:flex;flex-direction:column;align-items:center;min-height:500px!important;width:100%}.visa-card-form .timer{display:flex;align-items:center}#rapyd-checkout{min-height:550px;max-height:550px;overflow-y:auto;scrollbar-width:none}#rapyd-checkout::-webkit-scrollbar{display:none}.ui-widget.ui-widget-content.vodds-visa-card-dialog{padding:0;border:none;border-radius:10px}.vodds-visa-card-dialog .ui-dialog-content{display:flex;align-items:center;flex-direction:column;padding:0;margin:0}.vodds-visa-card-dialog .ui-dialog-content .top{width:100%;display:flex;align-items:center;padding:6px 18px;margin-bottom:8px;border-radius:8px}.vodds-visa-card-dialog .ui-dialog-content .top h2{text-align:left;font-size:16px;font-weight:800}#trading-platform.dark .vodds-visa-card-dialog .label,.vodds-visa-card-dialog .label{color:#80807f!important}#trading-platform.dark .vodds-visa-card-dialog span{color:#000!important}#trading-platform.dark .vodds-visa-card-dialog{background:#fff!important}.mobile .header{font-weight:800;font-size:18px;line-height:18px;margin:0 7px;border-bottom:1px solid #96A2B3;padding:20px 0 15px}.mobile .header .dark{color:#fff}.mobile .header .light{color:#2c3644}.mobile .header svg{fill:#2c3644}.mobile .v-flex-center-between{display:flex;justify-content:space-between;align-items:center;padding-left:10px;padding-right:10px}.mobile .vodds-checkout-expiration{display:flex;justify-content:center;align-items:center;font-weight:700;gap:5px;color:#8c8c8c;font-size:12px}.mobile .countdown-timer{color:#000}.mobile .iframe-wrapper{position:relative;overflow:hidden}.mobile .v-dialog .v-content{padding:0!important;max-height:74vh}.mobile .vodds-checkout-deposit{overflow:auto;margin-top:10px}.mobile .v-dialog{background:#f3f2f9;color:#28303a}.mobile .v-spinner{display:flex;justify-content:center;width:100%}.mobile ::ng-deep .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic{stroke:#dd443c!important}.mobile .visa-card-message{margin:28px 20px;color:#dd453c;font-size:14px}.mobile .v-dialog .v-content{background-color:#f1f1f1}\n"] }]
+            args: [{ selector: 'v-rapyd', standalone: true, imports: [NgStyle, VoddsLoaderComponent, MatDialogModule, MatProgressSpinnerModule, TranslocoModule], template: "@if(isMobile()) {\r\n    <div class=\"v-dialog mobile\">\r\n        <div class=\"v-flex-center-between header text-black-cs\">\r\n            <div class=\"v-flex-center-none\">\r\n                <span class=\"ml-8\">{{ 'mobile_payment_form_title' | transloco }}</span>\r\n            </div>\r\n            <div class=\"v-flex-center-between mr-8\">\r\n                <div (click)=\"closeDialog()\">\r\n                    <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\r\n                            d=\"M11.0121 12.3959L16.6455 18.0293C16.8333 18.2107 17.0849 18.3111 17.346 18.3088C17.6071 18.3065 17.8569 18.2018 18.0415 18.0172C18.2261 17.8325 18.3309 17.5828 18.3331 17.3217C18.3354 17.0606 18.235 16.809 18.0536 16.6212L12.4202 10.9878L18.0536 5.35431C18.235 5.16649 18.3354 4.91494 18.3331 4.65384C18.3309 4.39273 18.2261 4.14297 18.0415 3.95833C17.8569 3.77369 17.6071 3.66896 17.346 3.66669C17.0849 3.66443 16.8333 3.7648 16.6455 3.9462L11.0121 9.57964L5.37863 3.9462C5.18997 3.76928 4.93988 3.67271 4.68128 3.67691C4.42268 3.68111 4.17585 3.78575 3.99304 3.9687C3.81022 4.15165 3.70575 4.39854 3.70173 4.65715C3.69772 4.91575 3.79447 5.16577 3.97152 5.35431L9.60396 10.9878L3.97052 16.6212C3.87541 16.7131 3.79954 16.8229 3.74735 16.9444C3.69516 17.0659 3.66769 17.1966 3.66654 17.3288C3.66539 17.4611 3.69059 17.5922 3.74066 17.7146C3.79073 17.837 3.86468 17.9481 3.95818 18.0416C4.05168 18.1352 4.16287 18.2091 4.28525 18.2592C4.40764 18.3092 4.53877 18.3344 4.67099 18.3333C4.80322 18.3321 4.93389 18.3047 5.05539 18.2525C5.17688 18.2003 5.28677 18.1244 5.37863 18.0293L11.0121 12.3959Z\" />\r\n                    </svg>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        @if (isLoading) {\r\n        <div class=\"v-spinner\">\r\n            <mat-spinner diameter=\"50\" strokeWidth=\"4\"></mat-spinner>\r\n        </div>\r\n        }\r\n        <div class=\"v-content\" id=\"deposit-id\">\r\n            @if (!isLoading && !isShow) {\r\n            <div class=\"visa-card-message\">\r\n                {{ 'visaCardErrorMessage' | transloco }} <br> {{ 'visaCardErrorMessage2' | transloco }}\r\n            </div>\r\n            }\r\n            <div class=\"vodds-checkout-deposit\">\r\n                @if(!isLoading && isShow) {\r\n                <div class=\"vodds-checkout-expiration\">\r\n                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 15\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                        <path\r\n                            d=\"M7 2.56067C9.76142 2.56067 12 4.79925 12 7.56067C12 10.3221 9.76142 12.5607 7 12.5607C4.23858 12.5607 2 10.3221 2 7.56067C2 4.79925 4.23858 2.56067 7 2.56067ZM6.25 4.06067V7.93567L6.5498 8.16028L8.5498 9.66028L9.4502 8.46106L7.75 7.18567V4.06067H6.25Z\"\r\n                            fill=\"#8C8C8C\" />\r\n                        <line x1=\"10.0303\" y1=\"0.530339\" x2=\"12.8588\" y2=\"3.35877\" stroke=\"#8C8C8C\" stroke-width=\"1.5\" />\r\n                        <line y1=\"-0.75\" x2=\"4\" y2=\"-0.75\" transform=\"matrix(-0.707107 0.707107 0.707107 0.707107 4.82843 1.06067)\"\r\n                            stroke=\"#8C8C8C\" stroke-width=\"1.5\" />\r\n                    </svg>\r\n                    <span>{{ 'visaCardTimeout' | transloco }} <span class=\"countdown-timer\">{{displayTimer}}</span></span>\r\n                </div>\r\n                }\r\n                <div id=\"rapyd-checkout\" class=\"iframe-wrapper\"></div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n} @else {\r\n    <div id=\"visa-card\">\r\n        <div class=\"top\">\r\n            <h2>{{ 'payment_form_title' | transloco }}</h2>\r\n            <svg class=\"clsbtn my-account\" (click)=\"closeDialog()\" width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"\r\n                xmlns=\"http://www.w3.org/2000/svg\">\r\n                <path\r\n                    d=\"M9.89214 0L5.5 4.39214L1.10786 0L0 1.10786L4.39214 5.5L0 9.89214L1.10786 11L5.5 6.60786L9.89214 11L11 9.89214L6.60786 5.5L11 1.10786L9.89214 0Z\"\r\n                    fill=\"white\" />\r\n            </svg>\r\n        </div>\r\n        <div class=\"flex-center\">\r\n            <vodds-loader [showAjaxLoader]=\"isLoading\"></vodds-loader>\r\n        </div>\r\n        @if (!isLoading && !isShow) {\r\n        <div class=\"visa-card-message\">\r\n            {{ 'visaCardErrorMessage' | transloco }} <br> {{ 'visaCardErrorMessage2' | transloco }}\r\n        </div>\r\n        }\r\n        <div class=\"visa-card-form\" [style]=\"{display: isShow ? 'flex' : 'none'}\">\r\n            <div class=\"timer\">\r\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                    <path\r\n                        d=\"M7 2.56067C9.76142 2.56067 12 4.79925 12 7.56067C12 10.3221 9.76142 12.5607 7 12.5607C4.23858 12.5607 2 10.3221 2 7.56067C2 4.79925 4.23858 2.56067 7 2.56067ZM6.25 4.06067V7.93567L6.5498 8.16028L8.5498 9.66028L9.4502 8.46106L7.75 7.18567V4.06067H6.25Z\"\r\n                        fill=\"#B5B5B5\" />\r\n                    <line x1=\"10.0303\" y1=\"0.530339\" x2=\"12.8588\" y2=\"3.35877\" stroke=\"#B5B5B5\" stroke-width=\"1.5\" />\r\n                    <line y1=\"-0.75\" x2=\"4\" y2=\"-0.75\"\r\n                        transform=\"matrix(-0.707107 0.707107 0.707107 0.707107 4.82861 1.06067)\" stroke=\"#B5B5B5\"\r\n                        stroke-width=\"1.5\" />\r\n                </svg>\r\n                <span class=\"label\">&nbsp;{{ 'visaCardTimeout' | transloco }}&nbsp;</span> <span class=\"display-time\">\r\n                    {{displayTimer}}</span>\r\n            </div>\r\n            <div id=\"rapyd-checkout\"></div>\r\n        </div>\r\n    </div>\r\n}", styles: [".flex-center{display:flex;justify-content:center;align-items:center}#visa-card{height:auto;width:500px;top:0;left:710px;z-index:101}.top{width:100%;align-items:center;margin-bottom:8px;border-radius:0;background:#dd453c;position:relative;color:#fff;display:flex;justify-content:space-between}.top h2{padding-left:15px;text-align:left;font-size:16px;font-weight:800}.top svg{position:unset;padding-right:15px;width:18px;height:18px}.visa-card-form{display:flex;flex-direction:column;align-items:center;min-height:500px!important;width:100%}.visa-card-form .timer{display:flex;align-items:center}#rapyd-checkout{min-height:550px;max-height:550px;overflow-y:auto;scrollbar-width:none}#rapyd-checkout::-webkit-scrollbar{display:none}.ui-widget.ui-widget-content.vodds-visa-card-dialog{padding:0;border:none;border-radius:10px}.vodds-visa-card-dialog .ui-dialog-content{display:flex;align-items:center;flex-direction:column;padding:0;margin:0}.vodds-visa-card-dialog .ui-dialog-content .top{width:100%;display:flex;align-items:center;padding:6px 18px;margin-bottom:8px;border-radius:8px}.vodds-visa-card-dialog .ui-dialog-content .top h2{text-align:left;font-size:16px;font-weight:800}#trading-platform.dark .vodds-visa-card-dialog .label,.vodds-visa-card-dialog .label{color:#80807f!important}#trading-platform.dark .vodds-visa-card-dialog span{color:#000!important}#trading-platform.dark .vodds-visa-card-dialog{background:#fff!important}.mobile .header{font-weight:800;font-size:18px;line-height:18px;margin:0 7px;border-bottom:1px solid #96A2B3;padding:20px 0 15px}.mobile .header .dark{color:#fff}.mobile .header .light{color:#2c3644}.mobile .header svg{fill:#2c3644}.mobile .v-flex-center-between{display:flex;justify-content:space-between;align-items:center;padding-left:10px;padding-right:10px}.mobile .vodds-checkout-expiration{display:flex;justify-content:center;align-items:center;font-weight:700;gap:5px;color:#8c8c8c;font-size:12px}.mobile .countdown-timer{color:#000}.mobile .iframe-wrapper{position:relative;overflow:hidden}.mobile .v-dialog .v-content{padding:0!important;max-height:74vh}.mobile .vodds-checkout-deposit{overflow:auto;margin-top:10px}.mobile .v-dialog{background:#f3f2f9;color:#28303a}.mobile .v-spinner{display:flex;justify-content:center;width:100%}.mobile ::ng-deep .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic{stroke:#dd443c!important}.mobile .visa-card-message{margin:28px 20px;color:#dd453c;font-size:14px}.mobile .v-dialog .v-content{background-color:#f1f1f1}\n"] }]
         }], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
@@ -666,9 +672,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }] } });
 
+class CancelWithdrawDialog {
+    constructor(dialogRef, data) {
+        this.dialogRef = dialogRef;
+        this.data = data;
+        this.title = '';
+        this.title = "Are you sure you want to cancel withdraw request " + data + "?";
+    }
+    onClose(isCancel) {
+        this.dialogRef.close(isCancel);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CancelWithdrawDialog, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CancelWithdrawDialog, isStandalone: true, selector: "epp-cancel-withdraw", ngImport: i0, template: "<div class=\"v-dialog\">\r\n    <div class=\"title\">{{title}}</div>\r\n    <div class=\"button-group v-flex-center-between history\">\r\n        <div class=\"left\" (click)=\"onClose(true)\">\r\n            <span>Yes</span>\r\n        </div>\r\n        <div class=\"right\" (click)=\"onClose(false)\">\r\n            <span>No</span>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [".v-dialog{padding:28px 16px;background:var(--vodds-headerBg)}.title{font-size:14px;font-weight:800;line-height:16px;text-align:center;padding-bottom:28px}.button-group.v-flex-center-between{gap:15px;width:100%}.left,.right{display:flex;height:35px;font-size:14px;font-weight:800;text-align:center;justify-content:center;align-items:center;border-radius:23px;width:50%}.left{background:var(--vodds-leftBtnBg)}.right{background:var(--vodds-rightBtnBg);color:var(--vodds-textColorFocus)}.full{width:100%!important;padding:0 15px}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CancelWithdrawDialog, decorators: [{
+            type: Component,
+            args: [{ selector: 'epp-cancel-withdraw', standalone: true, template: "<div class=\"v-dialog\">\r\n    <div class=\"title\">{{title}}</div>\r\n    <div class=\"button-group v-flex-center-between history\">\r\n        <div class=\"left\" (click)=\"onClose(true)\">\r\n            <span>Yes</span>\r\n        </div>\r\n        <div class=\"right\" (click)=\"onClose(false)\">\r\n            <span>No</span>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [".v-dialog{padding:28px 16px;background:var(--vodds-headerBg)}.title{font-size:14px;font-weight:800;line-height:16px;text-align:center;padding-bottom:28px}.button-group.v-flex-center-between{gap:15px;width:100%}.left,.right{display:flex;height:35px;font-size:14px;font-weight:800;text-align:center;justify-content:center;align-items:center;border-radius:23px;width:50%}.left{background:var(--vodds-leftBtnBg)}.right{background:var(--vodds-rightBtnBg);color:var(--vodds-textColorFocus)}.full{width:100%!important;padding:0 15px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }] });
+
+class CancelWithdraw extends Payload {
+}
+
 class Payment {
     constructor(dialog) {
         this.dialog = dialog;
+        this.iframes = new Map();
         this.cache = new Map();
         this.timer = new Timer(500); // 0.5s
         this.iframeMessageService = inject(IframeMessageService);
@@ -718,10 +749,13 @@ class Payment {
                     this.timer.stopWatcher();
                     this.sendMessageToIframe(checkout2);
                     break;
+                case IframeMessageType.CANCEL_WITHDRAW:
+                    const cancelData = Object.assign(new CancelWithdraw(), message.payload);
+                    this.openCancelWithdrawDialog(cancelData);
+                    break;
                 case IframeMessageType.OPEN_DEPOSIT:
                 case IframeMessageType.OPEN_TRANSACTION:
                 case IframeMessageType.OPEN_WITHDRAW:
-                case IframeMessageType.CANCEL_WITHDRAW:
                 case IframeMessageType.PAYOUT:
                 case IframeMessageType.IN_PROGRESS:
                 case IframeMessageType.REFRESH_TOKEN:
@@ -732,6 +766,7 @@ class Payment {
                 case IframeMessageType.OPEN_WITHDRAWAL_REQUEST_CONFIRMATION:
                 case IframeMessageType.OPEN_WITHDRAWAL_SUBMITTED:
                 case IframeMessageType.RESULT_WITHDRAWAL_REQUEST_CONFIRMATION:
+                case IframeMessageType.RESULT_WITHDRAWAL_SUBMITTED:
                     this.processMessage(message);
                     break;
             }
@@ -804,6 +839,14 @@ class Payment {
             document.head.appendChild(script);
         });
     }
+    openCancelWithdrawDialog(payload) {
+        this.dialog.open(CancelWithdrawDialog, {
+            data: payload.data.id
+        }).afterClosed().subscribe(isCancel => {
+            payload.callback = isCancel;
+            this.sendMessageToIframe(payload);
+        });
+    }
     /**
      * Listen message or action from 3th party on the popup
      * Skip for RAPYD - It will process when the dialog close
@@ -827,16 +870,16 @@ class Payment {
     /**
      * send the message from the parent to the iframe
      */
-    sendMessageToIframe(checkout) {
-        console.log("send the message from the parent into the iframe: ", checkout);
+    sendMessageToIframe(payload) {
+        console.log("send the message from the parent into the iframe: ", payload);
         if (this.iframe == undefined)
             return;
         let message = {
             type: IframeMessageType.PAYMENT_CALLBACK,
-            payload: checkout
+            payload: payload
         };
-        this.iframeMessageService.sendMessageToIframe(this.iframe, message, checkout.iframeUrl);
-        this.cache.delete(checkout.requestId);
+        this.iframeMessageService.sendMessageToIframe(this.iframe, message, payload.iframeUrl);
+        this.cache.delete(payload.requestId);
     }
     removePaymentIframe() {
         //TODO
@@ -865,11 +908,19 @@ class Payment {
             this.stopRefreshedTokenSchedule();
         });
     }
-    sendMessageParentToIframe(message, target) {
-        if (this.iframe) {
-            this.iframeMessageService.sendMessageToIframe(this.iframe, message, target);
+    sendMessageParentToIframe(iframeType, message, target) {
+        if (this.iframes.has(iframeType)) {
+            this.iframeMessageService.sendMessageToIframe(this.iframes.get(iframeType), message, target);
         }
     }
+    putSubIframe(iframe, iframeType) {
+        if (iframe == undefined)
+            return;
+        this.iframes.set(iframeType, iframe);
+    }
+    removeSubIframe(iframeType) {
+        this.iframes.delete(iframeType);
+    }
 }
 
 /*