@solidgate/vue-sdk 1.25.0 → 1.27.0

package/README.md

@@ -72,19 +72,23 @@ const merchantData: InitConfig['merchantData'] = {
 
 #### Custom containers
 
-To render <a href="https://docs.solidgate.com/payments/integrate/payment-form/google-pay-button/" target="_blank">Google Pay</a>, <a href="https://docs.solidgate.com/payments/integrate/payment-form/apple-pay-button/" target="_blank">Apple Pay</a>, or <a href="https://docs.solidgate.com/payments/integrate/payment-form/apm-buttons/#paypal-button" target="_blank">PayPal</a> buttons in separate containers, define payment as an asynchronous component and pass references to the container elements.
+To render <a href="https://docs.solidgate.com/payments/integrate/payment-form/google-pay-button/" target="_blank">Google Pay</a>, <a href="https://docs.solidgate.com/payments/integrate/payment-form/apple-pay-button/" target="_blank">Apple Pay</a>, <a href="https://docs.solidgate.com/payments/integrate/payment-form/apm-buttons/#paypal-button" target="_blank">PayPal</a>, <a href="https://docs.solidgate.com/payments/integrate/payment-form/apm-buttons/" target="_blank">MB Way</a>, or <a href="https://docs.solidgate.com/payments/integrate/payment-form/apm-buttons/" target="_blank">Pix QR</a> buttons in separate containers, define payment as an asynchronous component and pass references to the container elements.
 
 ```vue
 <template>
   <Payment
-    :merchan-data="merchantData"
+    :merchant-data="merchantData"
     :google-pay-container-ref="googleButton"
     :apple-pay-container-ref="appleButton"
     :paypal-container-ref="paypalButton"
+    :mbway-container-ref="mbwayButton"
+    :pix-qr-container-ref="pixQrButton"
   />
   <div ref="googleButton" />
   <div ref="appleButton" />
   <div ref="paypalButton" />
+  <div ref="mbwayButton" />
+  <div ref="pixQrButton" />
 </template>
 
 <script lang="ts" setup>
@@ -95,6 +99,8 @@ To render <a href="https://docs.solidgate.com/payments/integrate/payment-form/go
   const googleButton = ref<HTMLDivElement>()
   const appleButton = ref<HTMLDivElement>()
   const paypalButton = ref<HTMLDivElement>()
+  const mbwayButton = ref<HTMLDivElement>()
+  const pixQrButton = ref<HTMLDivElement>()
 
   const merchantData: InitConfig['merchantData'] = {
     merchant: '<<--YOUR MERCHANT ID-->>',

package/dist/Payment.vue.d.ts

@@ -75,12 +75,24 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
         theme?: "dark" | "light" | undefined;
         height?: number | undefined;
     } | undefined, "containerId"> | undefined;
+    mbwayButtonParams?: Omit<{
+        containerId?: string | undefined;
+        enabled?: boolean | undefined;
+        height?: number | undefined;
+    } | undefined, "containerId"> | undefined;
+    pixQrButtonParams?: Omit<{
+        containerId?: string | undefined;
+        enabled?: boolean | undefined;
+        height?: number | undefined;
+    } | undefined, "containerId"> | undefined;
     googlePayContainerRef?: HTMLDivElement | undefined;
     applePayContainerRef?: HTMLDivElement | undefined;
     paypalContainerRef?: HTMLDivElement | undefined;
     pixContainerRef?: HTMLDivElement | undefined;
     bizumContainerRef?: HTMLDivElement | undefined;
     blikContainerRef?: HTMLDivElement | undefined;
+    mbwayContainerRef?: HTMLDivElement | undefined;
+    pixQrContainerRef?: HTMLDivElement | undefined;
     onReadyPaymentInstance?: ((paymentInstance: ClientSdkInstance) => void) | undefined;
     onPaymentDetails?: ((e: PaymentDetailsMessage) => void) | undefined;
     onMounted?: ((e: MountedMessage) => void) | undefined;
@@ -198,12 +210,24 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
         theme?: "dark" | "light" | undefined;
         height?: number | undefined;
     } | undefined, "containerId"> | undefined;
+    mbwayButtonParams?: Omit<{
+        containerId?: string | undefined;
+        enabled?: boolean | undefined;
+        height?: number | undefined;
+    } | undefined, "containerId"> | undefined;
+    pixQrButtonParams?: Omit<{
+        containerId?: string | undefined;
+        enabled?: boolean | undefined;
+        height?: number | undefined;
+    } | undefined, "containerId"> | undefined;
     googlePayContainerRef?: HTMLDivElement | undefined;
     applePayContainerRef?: HTMLDivElement | undefined;
     paypalContainerRef?: HTMLDivElement | undefined;
     pixContainerRef?: HTMLDivElement | undefined;
     bizumContainerRef?: HTMLDivElement | undefined;
     blikContainerRef?: HTMLDivElement | undefined;
+    mbwayContainerRef?: HTMLDivElement | undefined;
+    pixQrContainerRef?: HTMLDivElement | undefined;
     onReadyPaymentInstance?: ((paymentInstance: ClientSdkInstance) => void) | undefined;
     onPaymentDetails?: ((e: PaymentDetailsMessage) => void) | undefined;
     onMounted?: ((e: MountedMessage) => void) | undefined;

package/dist/constants/index.d.ts

@@ -5,4 +5,6 @@ declare const PAYPAL_BUTTON_CONTAINER_ID: string;
 declare const PIX_BUTTON_CONTAINER_ID: string;
 declare const BIZUM_BUTTON_CONTAINER_ID: string;
 declare const BLIK_BUTTON_CONTAINER_ID: string;
-export { IFRAME_CONTAINER_ID, GOOGLE_PAY_BUTTON_CONTAINER_ID, APPLE_PAY_BUTTON_CONTAINER_ID, PAYPAL_BUTTON_CONTAINER_ID, PIX_BUTTON_CONTAINER_ID, BIZUM_BUTTON_CONTAINER_ID, BLIK_BUTTON_CONTAINER_ID };
+declare const MBWAY_BUTTON_CONTAINER_ID: string;
+declare const PIX_QR_BUTTON_CONTAINER_ID: string;
+export { IFRAME_CONTAINER_ID, GOOGLE_PAY_BUTTON_CONTAINER_ID, APPLE_PAY_BUTTON_CONTAINER_ID, PAYPAL_BUTTON_CONTAINER_ID, PIX_BUTTON_CONTAINER_ID, BIZUM_BUTTON_CONTAINER_ID, BLIK_BUTTON_CONTAINER_ID, MBWAY_BUTTON_CONTAINER_ID, PIX_QR_BUTTON_CONTAINER_ID };

package/dist/index.css

@@ -1 +1 @@
-.payment-form-container[data-v-447888d8] iframe,.payment-form-container[data-v-77b30339] iframe{border:none}
+.payment-form-container[data-v-d55f0b28] iframe,.payment-form-container[data-v-77b30339] iframe{border:none}

package/dist/index.es.js

@@ -6,6 +6,8 @@ const PAYPAL_BUTTON_CONTAINER_ID = `paypal-button-container_#${Math.random() * 1
 const PIX_BUTTON_CONTAINER_ID = `pix-button-container_#${Math.random() * 1e4}`;
 const BIZUM_BUTTON_CONTAINER_ID = `bizum-button-container_#${Math.random() * 1e4}`;
 const BLIK_BUTTON_CONTAINER_ID = `blik-button-container_#${Math.random() * 1e4}`;
+const MBWAY_BUTTON_CONTAINER_ID = `mbway-button-container_#${Math.random() * 1e4}`;
+const PIX_QR_BUTTON_CONTAINER_ID = `pix-qr-button-container_#${Math.random() * 1e4}`;
 var MessageType;
 (function(MessageType2) {
   MessageType2["Mounted"] = "mounted";
@@ -85,8 +87,10 @@ var PayableEntity;
   PayableEntity2["Resign"] = "resign";
   PayableEntity2["Paypal"] = "paypal";
   PayableEntity2["Pix"] = "pix";
+  PayableEntity2["PixQr"] = "pix-qr";
   PayableEntity2["Bizum"] = "bizum";
   PayableEntity2["Blik"] = "blik";
+  PayableEntity2["Mbway"] = "mbway";
 })(PayableEntity || (PayableEntity = {}));
 var PayableEntity$1 = PayableEntity;
 var InteractionType;
@@ -240,6 +244,14 @@ const payButtonIds = {
   blikButtonParams: {
     title: "Blik",
     id: BLIK_BUTTON_CONTAINER_ID
+  },
+  mbwayButtonParams: {
+    title: "MBWay",
+    id: MBWAY_BUTTON_CONTAINER_ID
+  },
+  pixQrButtonParams: {
+    title: "Pix QR",
+    id: PIX_QR_BUTTON_CONTAINER_ID
   }
 };
 function getPayButtonParams(config, key, container) {
@@ -274,7 +286,9 @@ const initPaymentForm = async (props) => {
     paypalContainerRef,
     pixContainerRef,
     bizumContainerRef,
-    blikContainerRef
+    blikContainerRef,
+    mbwayContainerRef,
+    pixQrContainerRef
   } = props;
   if (!merchantData) {
     throw new Error("Attribute 'merchantData' is required");
@@ -340,6 +354,22 @@ const initPaymentForm = async (props) => {
   if (blikButtonParams) {
     initConfig.blikButtonParams = blikButtonParams;
   }
+  const mbwayButtonParams = getPayButtonParams(
+    props,
+    "mbwayButtonParams",
+    mbwayContainerRef
+  );
+  if (mbwayButtonParams) {
+    initConfig.mbwayButtonParams = mbwayButtonParams;
+  }
+  const pixQrButtonParams = getPayButtonParams(
+    props,
+    "pixQrButtonParams",
+    pixQrContainerRef
+  );
+  if (pixQrButtonParams) {
+    initConfig.pixQrButtonParams = pixQrButtonParams;
+  }
   return clientSdk.init(initConfig);
 };
 const onSubscribe = (sdkInstanceValue, callbacks) => {
@@ -415,12 +445,16 @@ const _sfc_main$1 = defineComponent({
     pixButtonParams: {},
     bizumButtonParams: {},
     blikButtonParams: {},
+    mbwayButtonParams: {},
+    pixQrButtonParams: {},
     googlePayContainerRef: {},
     applePayContainerRef: {},
     paypalContainerRef: {},
     pixContainerRef: {},
     bizumContainerRef: {},
     blikContainerRef: {},
+    mbwayContainerRef: {},
+    pixQrContainerRef: {},
     onReadyPaymentInstance: {},
     onPaymentDetails: { type: Function, default: () => {
     } },
@@ -464,12 +498,16 @@ const _sfc_main$1 = defineComponent({
       pixButtonParams: props.pixButtonParams,
       bizumButtonParams: props.bizumButtonParams,
       blikButtonParams: props.blikButtonParams,
+      mbwayButtonParams: props.mbwayButtonParams,
+      pixQrButtonParams: props.pixQrButtonParams,
       googlePayContainerRef: props.googlePayContainerRef,
       applePayContainerRef: props.applePayContainerRef,
       paypalContainerRef: props.paypalContainerRef,
       pixContainerRef: props.pixContainerRef,
       bizumContainerRef: props.bizumContainerRef,
-      blikContainerRef: props.blikContainerRef
+      blikContainerRef: props.blikContainerRef,
+      mbwayContainerRef: props.mbwayContainerRef,
+      pixQrContainerRef: props.pixQrContainerRef
     };
     const callbacks = {
       onMounted: (e) => props.onMounted && props.onMounted(e),
@@ -514,7 +552,7 @@ const _sfc_main$1 = defineComponent({
     };
   }
 });
-var Payment = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-447888d8"]]);
+var Payment = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-d55f0b28"]]);
 const initResignForm = async (config) => {
   if (!config.resignRequest) {
     throw new Error("Attribute 'resignRequest' is required");

package/dist/interfaces/PaymentProps.d.ts

@@ -11,12 +11,16 @@ interface PaymentProps extends Partial<ClientSdkEventsProvider> {
     pixButtonParams?: Omit<InitConfig['pixButtonParams'], 'containerId'>;
     bizumButtonParams?: Omit<InitConfig['bizumButtonParams'], 'containerId'>;
     blikButtonParams?: Omit<InitConfig['blikButtonParams'], 'containerId'>;
+    mbwayButtonParams?: Omit<InitConfig['mbwayButtonParams'], 'containerId'>;
+    pixQrButtonParams?: Omit<InitConfig['pixQrButtonParams'], 'containerId'>;
     googlePayContainerRef?: HTMLDivElement;
     applePayContainerRef?: HTMLDivElement;
     paypalContainerRef?: HTMLDivElement;
     pixContainerRef?: HTMLDivElement;
     bizumContainerRef?: HTMLDivElement;
     blikContainerRef?: HTMLDivElement;
+    mbwayContainerRef?: HTMLDivElement;
+    pixQrContainerRef?: HTMLDivElement;
     onReadyPaymentInstance?: (paymentInstance: ClientSdkInstance) => void;
 }
 export default PaymentProps;

package/dist/utils/getPayButtonParams.d.ts

@@ -1,3 +1,3 @@
 import { InitConfig } from '@solidgate/client-sdk-loader';
-declare function getPayButtonParams<T extends 'googlePayButtonParams' | 'applePayButtonParams' | 'paypalButtonParams' | 'pixButtonParams' | 'bizumButtonParams' | 'blikButtonParams'>(config: InitConfig, key: T, container: HTMLElement | undefined): NonNullable<InitConfig[T]> | undefined;
+declare function getPayButtonParams<T extends 'googlePayButtonParams' | 'applePayButtonParams' | 'paypalButtonParams' | 'pixButtonParams' | 'bizumButtonParams' | 'blikButtonParams' | 'mbwayButtonParams' | 'pixQrButtonParams'>(config: InitConfig, key: T, container: HTMLElement | undefined): NonNullable<InitConfig[T]> | undefined;
 export default getPayButtonParams;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solidgate/vue-sdk",
-  "version": "1.25.0",
+  "version": "1.27.0",
   "repository": "https://github.com/solidgate-tech/vue-sdk",
   "files": [
     "dist"
@@ -28,7 +28,7 @@
     "vue": "^3.2.25"
   },
   "dependencies": {
-    "@solidgate/client-sdk-loader": "^1.25.0"
+    "@solidgate/client-sdk-loader": "^1.27.0"
   },
   "devDependencies": {
     "@babel/types": "^7.24.5",