@paydock/client-sdk 1.103.11-beta → 1.103.24-beta

package/slate.md

@@ -1206,14 +1206,6 @@ In some situations you may want to forcibly close the checkout so that your user
 button.close();
 ```
 
-### Performing actions when the wallet button is clicked
-
-In some situations you may want to perform some validations or actions when the user clicks on the wallet button, for which you can use this method. Currently supported by Paypal, ApplePay and GooglePay wallets.
-
-```javascript
-button.onClick(() => console.log("Perform actions on button click"));
-```
-
 ### Performing actions when shipping info is updated
 
 In Flypay, Paypal, ApplePay via MPGS and GooglePay via MPGS integrations after each shipping info update the `onUpdate(data)` will be called with the selected shipping address information, plus selected shipping method when applicable for Paypal, ApplePay and GooglePay. Merchants should handle this callback, recalculate shipping costs in their server by analyzing the new data, and submit a backend to backend request to `POST charges/:id` with the new total amount and shipping amount (you can find the documentation of this call in the PayDock API documentation).
@@ -1341,51 +1333,30 @@ _(Required `meta` fields: - . Optional `meta` fields: `request_shipping`, `pay_l
 <script src="https://widget.paydock.com/sdk/latest/widget.umd.min.js" ></script>
 <script>
     let button = new paydock.WalletButtons(
-        "#widget",
-        charge_token,
-        {
-            request_shipping: true,
-            pay_later: true,
-            standalone: false,
-            style: {
-                layout: 'horizontal',
-                color: 'blue',
-                shape: 'rect',
-                label: 'paypal',
-            },
-        }
-    );
+          "#widget",
+          charge_token,
+          {
+               request_shipping: true,
+               pay_later: true,
+               standalone: false,
+               style: {
+                    layout: 'horizontal',
+                    color: 'blue',
+                    shape: 'rect',
+                    label: 'paypal',
+               },
+          }
+     );
     button.setEnv('sandbox');
     button.onUnavailable(() => console.log("No wallet buttons available"));
     button.onUpdate((data) => {
-        console.log("Updating amount via a backend to backend call to POST charges/:id");
-        // call `POST charges/:id` to modify charge
-        button.update({ success: true });
-    });
+          console.log("Updating amount via a backend to backend call to POST charges/:id");
+          // call `POST charges/:id` to modify charge
+          button.update({ success: true });
+     });
     button.onPaymentSuccessful((data) => console.log("The payment was successful"));
     button.onPaymentError((data) => console.log("The payment was not successful"));
     button.onPaymentInReview((data) => console.log("The payment is on fraud review"));
-
-    // Example 1: Asynchronous onClick handler
-    const asyncLogic = async () => {
-        // Perform asynchronous logic. Expectation is that a Promise is returned and attached to response via `attachResult`,
-        // and resolve or reject of it will dictate how wallet behaves.
-    }
-
-    button.onClick(({ data: { attachResult } }) => {
-        // Promise is attached to the result. On Paypal, when promise is resolved, the user Journey will continue.
-        // If no promise is attached then the Paypal journey will not depend on the promise being resolved or rejected
-        attachResult(asyncLogic());
-    });
-
-    // Example 2: Synchronous onClick handler
-    // button.onClick(({ data: { attachResult } }) => {
-    //     // Perform synchronous logic
-    //     console.log("Synchronous onClick: Button clicked");
-    //     // Optionally return a boolean flag to halt the operation
-    //     attachResult(false);
-    // });
-
     button.load();
 </script>
 </html>
@@ -1519,7 +1490,6 @@ _(Required `meta` fields: `amount_label`, `country`. Optional `meta` fields: `ra
     button.onUnavailable(() => console.log("No wallet buttons available"));
     button.onPaymentSuccessful((data) => console.log("The payment was successful"));
     button.onPaymentError((data) => console.log("The payment was not successful"));
-    button.onClick(() => console.log("On WalletButton Click"));
     button.onUpdate((data) => {
         console.log("Updating amount via a backend to backend call to POST charges/:id");
         // call `POST charges/:id` to modify charge
@@ -1552,6 +1522,7 @@ _(Required `meta` fields: `amount_label`, `country`. Optional `meta` fields: `ra
 Also, for **ApplePay via MPGS** you can initialize the `ApplePayPaymentRequest` with your own values instead of using the default ones. Below you can see an example on how to initialize the `ApplePayPaymentRequest` with the `raw_data_initialization` meta field.
 
 Similarly, for **GooglePay via MPGS** you can initialize the `PaymentMethodSpecification` with your own values instead of using the default ones. Below you can see an example on how to initialize the `PaymentMethodSpecification` with the `raw_data_initialization` meta field.
+
 ### ApplePay and GooglePay via MPGS Raw data initialization example
 
 ```html
@@ -1667,26 +1638,22 @@ Similarly, for **GooglePay via MPGS** you can initialize the `PaymentMethodSpeci
 ## Secure Remote Commerce
 You can find description of all methods and parameters [here](https://www.npmjs.com/package/@paydock/client-sdk#SRC).
 
-This widget provides you with the ability to easily integrate with SRC providers. Currently Visa SRC is supported.
+This widget provides you with the ability to easily integrate with Mastercard SRC.
 
 ## SRC simple example
 
 ### Container
+To integrate the SRC checkout iFrame you first need to create a container within your HTML code. This container will serve as the placeholder for the iFrame.
 
 ```html
-<div id="checkoutButton"></div>
 <div id="checkoutIframe"></div>
 ```
 
-You must create a container for the initial checkout button, and a different one for the checkout iFrame. Inside the first tag the button will be initialized, and inside the second one the iFrame will be loaded once the button is clicked.
-
-
 ### Initialization
 ```javascript
-var src = new paydock.SRC(
-    "#checkoutButton",
+var src = new paydock.MastercardSRCClickToPay(
     "#checkoutIframe",
-    "scheme_service_id",
+    "service_id",
     "paydock_public_key_or_access_token",
     {}, // meta
 );
@@ -1696,19 +1663,18 @@ src.load();
 ```javascript--es2015
 // ES2015 | TypeScript
 
-import { SRC } from '@paydock/client-sdk';
+import { MastercardSRCClickToPay } from '@paydock/client-sdk';
 
-var src = new SRC(
-    "#checkoutButton",
+var src = new MastercardSRCClickToPay(
     "#checkoutIframe",
-    "scheme_service_id",
+    "service_id",
     "paydock_public_key_or_access_token",
     {}, // meta
 );
 src.load();
 ```
 
-*NOTE:* it's highly recommended to use a Paydock Access Token instead of the public key for security reasons. When creating it, you will need to enable the `Secure Remote Commerce` and add a whiteliste for the domain of your checkout screen.
+*NOTE:* it's highly recommended to use a Paydock Access Token instead of the public key for security reasons in production environments. When creating it, you will need to enable the `Secure Remote Commerce` and add a whitelist for the domain of your checkout screen.
 
 ### Full example
 
@@ -1721,14 +1687,12 @@ src.load();
     <style>iframe {border: 0;width: 40%;height: 300px;}</style>
 </head>
 <body>
-    <div id="checkoutButton"></div>
     <div id="checkoutIframe"></div>
     <script src="https://widget.paydock.com/sdk/latest/widget.umd.min.js" ></script>
     <script>
-        var src = new paydock.SRC(
-            "#checkoutButton",
+        var src = new paydock.MastercardSRCClickToPay(
             "#checkoutIframe",
-            "scheme_service_id",
+            "service_id",
             "paydock_public_key_or_access_token",
             {},
         );
@@ -1744,25 +1708,12 @@ src.load();
 ### Settings
 
 ```javascript
-
-src.setEnv('sandbox'); // set enviroment
-
-src.hideButton(); // hide button
-
-src.showButton(); // show button
+src.setEnv('sandbox'); // set environment
 
 src.hideCheckout(); // hide checkout iframe
 
 src.showCheckout(); // show checkout iframe
 
-src.on('checkoutButtonLoaded', () => {
-    console.log("Button loaded");
-});
-
-src.on('checkoutButtonClicked', () => {
-    console.log("Button clicked");
-});
-
 src.on('iframeLoaded', () => {
     console.log("Initial iframe loaded");
 });
@@ -1793,18 +1744,20 @@ Here you can see how you can use this methods to customize your checkout experie
     <style>iframe {border: 0;width: 40%;height: 450px;}</style>
 </head>
 <body>
-    <div id="checkoutButton"></div>
     <div id="checkoutIframe"></div>
     <script src="https://widget.paydock.com/sdk/latest/widget.umd.min.js" ></script>
     <script>
-        var src = new paydock.SRC(
-            "#checkoutButton",
+        var src = new paydock.MastercardSRCClickToPay(
             "#checkoutIframe",
-            "scheme_service_id",
+            "service_id",
             "paydock_public_key_or_access_token",
             {},
         );
 
+        src.on('iframeLoaded', () => {
+            console.log("Initial iframe loaded");
+        });
+
         src.on('checkoutReady', () => {
             console.log("Checkout ready to be used");
         });
@@ -1812,34 +1765,37 @@ Here you can see how you can use this methods to customize your checkout experie
         src.on('checkoutCompleted', (token) => {
             console.log(token);
         });
+
+        src.on('checkoutError', (error) => {
+            console.log(error);
+        });
+
         src.load();
     </script>
 </body>
 </html>
 ```
 
-## Customization options for address fields
-### Shipping address:
+## Customization options for billing address fields
 
-To customize shipping address experience we use a flag that manages how VisaSRC requires or not shipping address to the customer. Options are NONE (default option), POSTAL_COUNTRY or ALL.
+To customize billing address experience we use a flag that manages how MastercardSRC requires or not billing address to the customer. Options are NONE (default option), POSTAL_COUNTRY or FULL.
 
 ```
-var src = new paydock.SRC(
-    "#checkoutButton",
+var src = new paydock.MastercardSRCClickToPay(
     "#checkoutIframe",
-    "scheme_service_id",
+    "service_id",
     "paydock_public_key_or_access_token",
     {
         "dpa_transaction_options": {
-            "dpa_shipping_preference": "ALL"
+            "dpa_billing_preference": "FULL"
         }
     },
 );
 ```
 
-With this the Visa popup requires the shipping address from consumer, and these information will be stored in the Paydock charge.
+With this the SRC checkout will require the billing address from consumer and be returned as part of the checkout data. These information will be stored and leveraged in the Paydock charge as well.
 
-Another option is at time of creating the charge. Say that you have a different way of collecting the shipping address (outside Paydock checkout), you can then disable the shipping address on our SRC widget and send it when creating the charge creation after getting the One Time Token out of the SRC widget:
+Another option is to provide it at the time of creating the charge. Say that you have a different way of collecting the billing address (outside SRC checkout), you can then disable the shipping address on our SRC widget and send it when creating the charge after getting the One Time Token out of the SRC widget, alongside other details that may have been collected outside the SRC checkout as the shipping address.
 
 ```
 POST v1/charges
@@ -1847,10 +1803,16 @@ POST v1/charges
 {
     "amount": "10.00",
     "currency": "AUD",
-    "token": "token",
+    "token": "one_time_token",
     "customer": {
         "payment_source": {
-            "gateway_id": "gateway_id"
+            "gateway_id": "gateway_id",
+            "address_line1": "address_line1",
+            "address_line2": "address_line2",
+            "address_city": "address_city",
+            "address_postcode": "address_postcode",
+            "address_state": "address_state",
+            "address_country": "address_country"
         }
     },
     "shipping": {
@@ -1865,60 +1827,44 @@ POST v1/charges
 }
 ```
 
-- Billing address:
+## Customization options for accepted cards
 
-Billing address fields are always present on the checkout and required when adding a new credit card (or for new consumer checkout). You can send billing fields on the meta data to pre-fill these fields inside the customer object:
+To improve the experience in the use of the widget, it is allowed to send a flag `unaccepted_card_type` to block the usage of an specific card type. The available options are 'DEBIT' and 'CREDIT'.
+
+### Example code
 
 ```
-var src = new paydock.SRC(
-    "#checkoutButton",
+var src = new paydock.MastercardSRCClickToPay(
     "#checkoutIframe",
-    "scheme_service_id",
-    "paydock_public_key_or_access_token",
+    "service_id",
+    "paydock_public_key",
     {
-        "customer": {
-            "email": "test@email.com",
-            "first_name": "Name",
-            "last_name": "Surname",
-            "phone": {
-                "country_code": "1",
-                "phone": "2124567890"
-            },
-            "payment_source": {
-                "address_line1": "Line 1",
-                "address_line2": "Line 2",
-                "address_city": "Miami",
-                "address_postcode": "33126",
-                "address_state": "FL",
-                "address_country": "US"
-            }
-        }
+        unaccepted_card_type: 'DEBIT'
     },
 );
+
 ```
 
-## Personalization Styling
+## Styling Personalization
 
-To improve the experience in the use of the widget, it is allowed to send props that customize the UI.
+To improve the experience in the use of the widget, it is allowed to send props that customize the UI look and feel.
 
 ### Example code
 
 ```
-var src = new paydock.SRC(
-    "#checkoutButton",
+var src = new paydock.MastercardSRCClickToPay(
     "#checkoutIframe",
-    "scheme_service_id",
+    "service_id",
     "paydock_public_key",
+    {},
 );
 
-button.setStyles({"primary_color":"#a83232","button_text_color":"#171e9c","font_family":"sans-serif"})
-
+src.setStyles({
+    enable_src_popup: true,
+    primary_button_color: 'red',
+    secondary_button_color: 'red',
+    primary_button_text_color: 'red',
+    secondary_button_text_color: 'red',
+    font_family: 'Arial',
+});
 ```
-## Event and Values
-
-| Event Value         | Type                | Description                                                    |
-| ------------------- | ------------------- | -------------------------------------------------------------- |
-| primary_color  | <code>string</code> | HEX color for the principal buttons, example : #32a852 |
-| button_text_color    | <code>string</code> | HEX color for the text of the buttons, example : #32a852|
-| font_family    | <code>string</code> | Look more [mozilla.org/color](https://developer.mozilla.org/en-US/docs/Web/CSS/font-family)|
-| card_schemes    | <code>[string] - array of string</code> | Possible values "visa", "mastercard", "amex" and "discover" - Default show all logos

package/lib/secure-remote-commerce/providers/visa-src/helper.d.ts

@@ -1,7 +0,0 @@
-export declare const CARD_SCHEME: {
-    VISA: string;
-    MASTERCARD: string;
-    AMEX: string;
-    DISCOVER: string;
-};
-export declare const GenerateCardSchemesLogo: (card_scheme: string[], chevron?: boolean) => string;

package/lib/secure-remote-commerce/providers/visa-src/helper.js

@@ -1,36 +0,0 @@
-export const CARD_SCHEME = {
-    VISA: 'visa',
-    MASTERCARD: 'mastercard',
-    AMEX: 'amex',
-    DISCOVER: 'discover',
-};
-const CHEVRON_VMAD_IMG_PATH = '/images/visa-src/Chevron_Large_VMAD.png';
-const CHEVRON_VMA_IMG_PATH = '/images/visa-src/Chevron_Large_VMA.png';
-const CHEVRON_VM_IMG_PATH = '/images/visa-src/Chevron_Large_VM.png';
-const CHEVRON_M_IMG_PATH = '/images/visa-src/Chevron_Large_M.png';
-const CHEVRON_D_IMG_PATH = '/images/visa-src/Chevron_Large_D.png';
-const CHEVRON_V_IMG_PATH = '/images/visa-src/Chevron_Large_V.png';
-const VMAD_IMG_PATH = '/images/visa-src/vmad.svg';
-const VMA_IMG_PATH = '/images/visa-src/logos/Networks_Large_VMA.png';
-const VM_IMG_PATH = '/images/visa-src/logos/Networks_Large_VM.png';
-const M_IMG_PATH = '/images/visa-src/logos/master-logo.png';
-const D_IMG_PATH = '/images/visa-src/logos/Networks_Large_D.png';
-const V_IMG_PATH = '/images/visa-src/logos/visa-logo.png';
-export const GenerateCardSchemesLogo = (card_scheme, chevron = false) => {
-    if (!card_scheme || !Array.isArray(card_scheme))
-        return chevron ? CHEVRON_VMAD_IMG_PATH : VMAD_IMG_PATH;
-    const card_scheme_sort = card_scheme.sort();
-    if (includeArray([CARD_SCHEME.AMEX, CARD_SCHEME.MASTERCARD, CARD_SCHEME.VISA], card_scheme_sort))
-        return chevron ? CHEVRON_VMA_IMG_PATH : VMA_IMG_PATH;
-    if (includeArray([CARD_SCHEME.MASTERCARD, CARD_SCHEME.VISA], card_scheme_sort))
-        return chevron ? CHEVRON_VM_IMG_PATH : VM_IMG_PATH;
-    if (includeArray([CARD_SCHEME.MASTERCARD], card_scheme_sort))
-        return chevron ? CHEVRON_M_IMG_PATH : M_IMG_PATH;
-    if (includeArray([CARD_SCHEME.DISCOVER], card_scheme_sort))
-        return chevron ? CHEVRON_D_IMG_PATH : D_IMG_PATH;
-    if (includeArray([CARD_SCHEME.VISA], card_scheme_sort))
-        return chevron ? CHEVRON_V_IMG_PATH : V_IMG_PATH;
-    return chevron ? CHEVRON_V_IMG_PATH : VMAD_IMG_PATH;
-};
-const includeArray = (condition, card_scheme) => condition.every((card, index) => card === card_scheme[index]);
-//# sourceMappingURL=../../../../src/lib/secure-remote-commerce/providers/visa-src/helper.js.map

package/lib/secure-remote-commerce/providers/visa-src/helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helper.js","sourceRoot":"","sources":["../../../../secure-remote-commerce/providers/visa-src/helper.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,IAAI,EAAE,MAAM;IACZ,UAAU,EAAE,YAAY;IACxB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,UAAU;CACvB,CAAC;AAEF,MAAM,qBAAqB,GAAG,yCAAyC,CAAC;AACxE,MAAM,oBAAoB,GAAG,wCAAwC,CAAC;AACtE,MAAM,mBAAmB,GAAG,uCAAuC,CAAC;AACpE,MAAM,kBAAkB,GAAG,sCAAsC,CAAC;AAClE,MAAM,kBAAkB,GAAG,sCAAsC,CAAC;AAClE,MAAM,kBAAkB,GAAG,sCAAsC,CAAC;AAElE,MAAM,aAAa,GAAG,2BAA2B,CAAC;AAClD,MAAM,YAAY,GAAG,+CAA+C,CAAC;AACrE,MAAM,WAAW,GAAG,8CAA8C,CAAC;AACnE,MAAM,UAAU,GAAG,wCAAwC,CAAC;AAC5D,MAAM,UAAU,GAAG,6CAA6C,CAAC;AACjE,MAAM,UAAU,GAAG,sCAAsC,CAAC;AAE1D,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,WAAqB,EAAE,UAAmB,KAAK,EAAU,EAAE;IAC/F,IAAI,CAAC,WAAW,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC;QAC3C,OAAO,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,aAAa,CAAC;IAE3D,MAAM,gBAAgB,GAAG,WAAW,CAAC,IAAI,EAAc,CAAC;IAExD,IAAI,YAAY,CAAC,CAAC,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,UAAU,EAAE,WAAW,CAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;QAC5F,OAAO,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,YAAY,CAAC;IAEzD,IAAI,YAAY,CAAC,CAAC,WAAW,CAAC,UAAU,EAAE,WAAW,CAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;QAC1E,OAAO,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,WAAW,CAAC;IAEvD,IAAI,YAAY,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,EAAE,gBAAgB,CAAC;QACxD,OAAO,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,UAAU,CAAC;IAErD,IAAI,YAAY,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;QACtD,OAAO,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,UAAU,CAAC;IAErD,IAAI,YAAY,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;QAClD,OAAO,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,UAAU,CAAC;IAErD,OAAO,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,aAAa,CAAC;AACxD,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,SAAmB,EAAE,WAAqB,EAAE,EAAE,CAChE,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,KAAK,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC"}

package/lib/secure-remote-commerce/providers/visa-src/index.d.ts

@@ -1 +0,0 @@
-export { VisaSRC } from './visa-src';

package/lib/secure-remote-commerce/providers/visa-src/index.js

@@ -1,2 +0,0 @@
-export { VisaSRC } from './visa-src';
-//# sourceMappingURL=../../../../src/lib/secure-remote-commerce/providers/visa-src/index.js.map

package/lib/secure-remote-commerce/providers/visa-src/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../secure-remote-commerce/providers/visa-src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}

package/lib/secure-remote-commerce/providers/visa-src/visa-src.js

@@ -1,113 +0,0 @@
-import { Link, VISA_SRC } from '../../../components/link';
-import { Container } from '../../../components/container';
-import { IFrame } from '../../../components/iframe';
-import { IFrameEvent } from '../../../components/iframe-event';
-import { VisaSRCStyles } from "./visa-src.styles";
-import { EVENT } from '../../interfaces';
-import { GenerateCardSchemesLogo } from "./helper";
-import { SDK } from '../../../configs/sdk';
-export class VisaSRC {
-    constructor(button_selector, iframe_selector, service_id, public_key, meta, eventEmitter, autoResize, env, alias) {
-        this.meta = meta;
-        this.eventEmitter = eventEmitter;
-        this.autoResize = autoResize;
-        this.link = new Link(VISA_SRC);
-        this.link.setParams(Object.assign({ service_id, public_key }, meta && { meta: JSON.stringify(meta) }));
-        if (SDK.version) {
-            this.link.setParams({
-                sdk_version: SDK.version,
-                sdk_type: SDK.type,
-            });
-        }
-        if (env)
-            this.link.setEnv(env, alias);
-        this.iFrameContainer = new Container(iframe_selector);
-        this.iFrame = new IFrame(this.iFrameContainer);
-        this.buttonContainer = new Container(button_selector);
-        this.iFrameEvent = new IFrameEvent(window);
-        this.setupIFrameEvents();
-    }
-    setupIFrameEvents() {
-        const widgetId = this.link.getParams().widget_id;
-        this.iFrameEvent.on(EVENT.CHECKOUT_READY, widgetId, ({ data }) => {
-            this.eventEmitter.emit(EVENT.CHECKOUT_READY, data);
-        });
-        this.iFrameEvent.on(EVENT.CHECKOUT_COMPLETED, widgetId, ({ data }) => {
-            this.eventEmitter.emit(EVENT.CHECKOUT_COMPLETED, data);
-        });
-        this.iFrameEvent.on(EVENT.CHECKOUT_ERROR, widgetId, ({ data }) => {
-            this.eventEmitter.emit(EVENT.CHECKOUT_ERROR, data);
-        });
-        if (this.autoResize)
-            this.useAutoResize(true);
-    }
-    load() {
-        var _a;
-        const container = document.createElement('div');
-        container.setAttribute('style', VisaSRCStyles.buttonContainerStyles);
-        const checkoutButton = document.createElement('button');
-        checkoutButton.setAttribute('style', VisaSRCStyles.buttonStyles);
-        if (this.meta.customizations.primary_color)
-            checkoutButton.style.backgroundColor = this.meta.customizations.primary_color;
-        if (this.meta.customizations.button_text_color)
-            checkoutButton.style.color = this.meta.customizations.button_text_color;
-        checkoutButton.innerHTML = 'Checkout';
-        const footerContainer = document.createElement('div');
-        footerContainer.setAttribute('style', VisaSRCStyles.footerContainerStyles);
-        const verticalLine = document.createElement('div');
-        verticalLine.setAttribute('style', VisaSRCStyles.verticalLineStyle);
-        const footerText = document.createElement('p');
-        footerText.setAttribute('style', VisaSRCStyles.footerTextStyles);
-        footerText.innerHTML = 'WE ACCEPT';
-        const clickToPayAllCards = document.createElement('img');
-        clickToPayAllCards.setAttribute('style', VisaSRCStyles.clickToPayAllCardsStyle);
-        clickToPayAllCards.src = this.link.getBaseUrl() + `${GenerateCardSchemesLogo((_a = this.meta.customizations) === null || _a === void 0 ? void 0 : _a.card_schemes, true)}`;
-        checkoutButton.onclick = () => {
-            this.eventEmitter.emit(EVENT.CHECKOUT_BUTTON_CLICKED, {});
-            this.iFrame.load(this.link.getUrl(), { title: 'Visa SRC checkout' });
-            this.iFrame.getElement().onload = () => this.eventEmitter.emit(EVENT.IFRAME_LOADED, {});
-        };
-        container.appendChild(checkoutButton);
-        container.appendChild(footerContainer);
-        footerContainer.appendChild(footerText);
-        footerContainer.appendChild(clickToPayAllCards);
-        this.buttonContainer.getElement().appendChild(container);
-        this.eventEmitter.emit(EVENT.CHECKOUT_BUTTON_LOADED, {});
-    }
-    getEnv() {
-        return this.link.getEnv();
-    }
-    hideButton(_saveSize) {
-        if (this.buttonContainer.getElement())
-            this.buttonContainer.getElement().style['display'] = 'none';
-    }
-    showButton() {
-        if (this.buttonContainer.getElement())
-            this.buttonContainer.getElement().style['display'] = 'block';
-    }
-    hideCheckout(saveSize) {
-        if (this.iFrame)
-            this.iFrame.hide();
-    }
-    showCheckout() {
-        if (this.iFrame)
-            this.iFrame.show();
-    }
-    reload() {
-        this.iFrame.remove();
-        this.load();
-    }
-    useAutoResize(force) {
-        if (this.autoResize && !force)
-            return;
-        this.autoResize = true;
-        this.iFrameEvent.on('resize', this.link.getParams().widget_id, ({ data }) => {
-            if (this.iFrame.getElement()) {
-                this.iFrame.getElement().scrolling = 'no';
-                if (data.height)
-                    this.iFrame.setStyle('height', data.height + 'px');
-            }
-        });
-    }
-}
-//# sourceMappingURL=../../../../src/lib/secure-remote-commerce/providers/visa-src/visa-src.js.map

package/lib/secure-remote-commerce/providers/visa-src/visa-src.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"visa-src.js","sourceRoot":"","sources":["../../../../secure-remote-commerce/providers/visa-src/visa-src.ts"],"names":[],"mappings":"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"}

package/lib/secure-remote-commerce/providers/visa-src/visa-src.styles.d.ts

@@ -1,8 +0,0 @@
-export declare class VisaSRCStyles {
-    static buttonContainerStyles: string;
-    static buttonStyles: string;
-    static footerContainerStyles: string;
-    static footerTextStyles: string;
-    static verticalLineStyle: string;
-    static clickToPayAllCardsStyle: string;
-}

package/lib/secure-remote-commerce/providers/visa-src/visa-src.styles.js

@@ -1,10 +0,0 @@
-export class VisaSRCStyles {
-}
-VisaSRCStyles.buttonContainerStyles = "display: flex; flex-direction: column; justify-content: center; align-items: center;";
-VisaSRCStyles.buttonStyles = "color: #ffff; background-color: #ffbe24; border: none; width: 100%; min-height: 40px; font-size: 16px; font-weight: bold; line-height: 19px; letter-spacing: 0.7px; text-transform: uppercase; border-radius: 4px; margin-bottom: 15px; cursor: pointer;";
-VisaSRCStyles.footerContainerStyles = "display: flex; flex: 1; flex-wrap: wrap; justify-content: center;";
-VisaSRCStyles.footerTextStyles = "text-align: center; color: #666666; margin: 2px 0;";
-VisaSRCStyles.verticalLineStyle = "display: inline-block; padding: 0.5px; background-color: #E5E5E5; height: 15px;";
-VisaSRCStyles.clickToPayAllCardsStyle = "height: 17px; margin-left: 8px; vertical-align: middle; padding-top: 3px;";
-// TODO: Remind to add in docs that if merchant's div is smaller than 240px the button styles will broke
-//# sourceMappingURL=../../../../src/lib/secure-remote-commerce/providers/visa-src/visa-src.styles.js.map

package/lib/secure-remote-commerce/providers/visa-src/visa-src.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"visa-src.styles.js","sourceRoot":"","sources":["../../../../secure-remote-commerce/providers/visa-src/visa-src.styles.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,aAAa;;AACR,mCAAqB,GAAG,sFAAsF,CAAC;AAE/G,0BAAY,GAAG,0PAA0P,CAAC;AAE1Q,mCAAqB,GAAG,mEAAmE,CAAC;AAE5F,8BAAgB,GAAG,oDAAoD,CAAC;AAExE,+BAAiB,GAAG,iFAAiF,CAAC;AAEtG,qCAAuB,GAAG,2EAA2E,CAAC;AAGxH,wGAAwG"}

package/lib/wallet-buttons/helpers/flypay-v2.helper.d.ts

@@ -1,3 +0,0 @@
-export declare function getFlypayV2Button(): string;
-export declare function getDisabledFlypayV2Button(): string;
-export declare function createFlypayV2ButtonStyle(containerId: string): string;