@solidgate/vue-sdk 1.32.0 → 1.34.0

package/dist/Payment.vue.d.ts

@@ -67,6 +67,13 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
         height?: number | undefined;
         resetEnabled?: boolean | undefined;
     } | undefined, "containerId"> | undefined;
+    upiButtonParams?: Omit<{
+        containerId?: string | undefined;
+        enabled?: boolean | undefined;
+        height?: number | undefined;
+        resetEnabled?: boolean | undefined;
+        type?: "short" | "plain" | undefined;
+    } | undefined, "containerId"> | undefined;
     bizumButtonParams?: Omit<{
         containerId?: string | undefined;
         enabled?: boolean | undefined;
@@ -98,6 +105,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     applePayContainerRef?: HTMLDivElement | undefined;
     paypalContainerRef?: HTMLDivElement | undefined;
     pixContainerRef?: HTMLDivElement | undefined;
+    upiContainerRef?: HTMLDivElement | undefined;
     bizumContainerRef?: HTMLDivElement | undefined;
     blikContainerRef?: HTMLDivElement | undefined;
     mbwayContainerRef?: HTMLDivElement | undefined;
@@ -110,6 +118,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
         resetEnabled?: boolean | undefined;
     } | undefined, "containerId"> | undefined;
     pixAutomaticoContainerRef?: HTMLDivElement | undefined;
+    clickToPayButtonParams?: {
+        enabled?: boolean | undefined;
+        height?: number | undefined;
+        saveRecognitionToken?: boolean | undefined;
+        supportedCardNetworks?: ("visa" | "mastercard" | "discover" | "amex")[] | undefined;
+    } | undefined;
     onReadyPaymentInstance?: ((paymentInstance: ClientSdkInstance) => void) | undefined;
     onPaymentDetails?: ((e: PaymentDetailsMessage) => void) | undefined;
     onMounted?: ((e: MountedMessage) => void) | undefined;
@@ -219,6 +233,13 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
         height?: number | undefined;
         resetEnabled?: boolean | undefined;
     } | undefined, "containerId"> | undefined;
+    upiButtonParams?: Omit<{
+        containerId?: string | undefined;
+        enabled?: boolean | undefined;
+        height?: number | undefined;
+        resetEnabled?: boolean | undefined;
+        type?: "short" | "plain" | undefined;
+    } | undefined, "containerId"> | undefined;
     bizumButtonParams?: Omit<{
         containerId?: string | undefined;
         enabled?: boolean | undefined;
@@ -250,6 +271,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     applePayContainerRef?: HTMLDivElement | undefined;
     paypalContainerRef?: HTMLDivElement | undefined;
     pixContainerRef?: HTMLDivElement | undefined;
+    upiContainerRef?: HTMLDivElement | undefined;
     bizumContainerRef?: HTMLDivElement | undefined;
     blikContainerRef?: HTMLDivElement | undefined;
     mbwayContainerRef?: HTMLDivElement | undefined;
@@ -262,6 +284,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
         resetEnabled?: boolean | undefined;
     } | undefined, "containerId"> | undefined;
     pixAutomaticoContainerRef?: HTMLDivElement | undefined;
+    clickToPayButtonParams?: {
+        enabled?: boolean | undefined;
+        height?: number | undefined;
+        saveRecognitionToken?: boolean | undefined;
+        supportedCardNetworks?: ("visa" | "mastercard" | "discover" | "amex")[] | undefined;
+    } | undefined;
     onReadyPaymentInstance?: ((paymentInstance: ClientSdkInstance) => void) | undefined;
     onPaymentDetails?: ((e: PaymentDetailsMessage) => void) | undefined;
     onMounted?: ((e: MountedMessage) => void) | undefined;

package/dist/constants/index.d.ts

@@ -3,10 +3,11 @@ declare const GOOGLE_PAY_BUTTON_CONTAINER_ID: string;
 declare const APPLE_PAY_BUTTON_CONTAINER_ID: string;
 declare const PAYPAL_BUTTON_CONTAINER_ID: string;
 declare const PIX_BUTTON_CONTAINER_ID: string;
+declare const UPI_BUTTON_CONTAINER_ID: string;
 declare const BIZUM_BUTTON_CONTAINER_ID: string;
 declare const BLIK_BUTTON_CONTAINER_ID: string;
 declare const MBWAY_BUTTON_CONTAINER_ID: string;
 declare const PIX_QR_BUTTON_CONTAINER_ID: string;
 declare const CASHAPP_BUTTON_CONTAINER_ID: string;
 declare const PIX_AUTOMATICO_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, CASHAPP_BUTTON_CONTAINER_ID, PIX_AUTOMATICO_BUTTON_CONTAINER_ID };
+export { IFRAME_CONTAINER_ID, GOOGLE_PAY_BUTTON_CONTAINER_ID, APPLE_PAY_BUTTON_CONTAINER_ID, PAYPAL_BUTTON_CONTAINER_ID, PIX_BUTTON_CONTAINER_ID, UPI_BUTTON_CONTAINER_ID, BIZUM_BUTTON_CONTAINER_ID, BLIK_BUTTON_CONTAINER_ID, MBWAY_BUTTON_CONTAINER_ID, PIX_QR_BUTTON_CONTAINER_ID, CASHAPP_BUTTON_CONTAINER_ID, PIX_AUTOMATICO_BUTTON_CONTAINER_ID };

package/dist/index.css

@@ -1 +1 @@
-.payment-form-container[data-v-46038224] iframe,.payment-form-container[data-v-77b30339] iframe{border:none}
+.payment-form-container[data-v-5dc2e41f] iframe,.payment-form-container[data-v-77b30339] iframe{border:none}

package/dist/index.es.js

@@ -4,6 +4,7 @@ const GOOGLE_PAY_BUTTON_CONTAINER_ID = `google-pay-button-container_#${Math.rand
 const APPLE_PAY_BUTTON_CONTAINER_ID = `apple-pay-button-container_#${Math.random() * 1e4}`;
 const PAYPAL_BUTTON_CONTAINER_ID = `paypal-button-container_#${Math.random() * 1e4}`;
 const PIX_BUTTON_CONTAINER_ID = `pix-button-container_#${Math.random() * 1e4}`;
+const UPI_BUTTON_CONTAINER_ID = `upi-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}`;
@@ -89,12 +90,14 @@ var PayableEntity;
   PayableEntity2["Resign"] = "resign";
   PayableEntity2["Paypal"] = "paypal";
   PayableEntity2["Pix"] = "pix";
+  PayableEntity2["Upi"] = "upi";
   PayableEntity2["PixQr"] = "pix-qr";
   PayableEntity2["Bizum"] = "bizum";
   PayableEntity2["Blik"] = "blik";
   PayableEntity2["Mbway"] = "mbway";
   PayableEntity2["CashApp"] = "cashapp";
   PayableEntity2["PixAutomatico"] = "pix-automatico";
+  PayableEntity2["ClickToPay"] = "clicktopay";
 })(PayableEntity || (PayableEntity = {}));
 var PayableEntity$1 = PayableEntity;
 var InteractionType;
@@ -242,6 +245,10 @@ const payButtonIds = {
     title: "Pix",
     id: PIX_BUTTON_CONTAINER_ID
   },
+  upiButtonParams: {
+    title: "UPI",
+    id: UPI_BUTTON_CONTAINER_ID
+  },
   bizumButtonParams: {
     title: "Bizum",
     id: BIZUM_BUTTON_CONTAINER_ID
@@ -298,12 +305,14 @@ const initPaymentForm = async (props) => {
     applePayContainerRef,
     paypalContainerRef,
     pixContainerRef,
+    upiContainerRef,
     bizumContainerRef,
     blikContainerRef,
     mbwayContainerRef,
     pixQrContainerRef,
     cashAppContainerRef,
-    pixAutomaticoContainerRef
+    pixAutomaticoContainerRef,
+    clickToPayButtonParams
   } = props;
   if (!merchantData) {
     throw new Error("Attribute 'merchantData' is required");
@@ -319,7 +328,8 @@ const initPaymentForm = async (props) => {
       ...width && { width }
     },
     ...formParams && { formParams },
-    ...styles && { styles }
+    ...styles && { styles },
+    ...clickToPayButtonParams && { clickToPayButtonParams }
   };
   const googleButtonParams = getPayButtonParams(
     props,
@@ -353,6 +363,14 @@ const initPaymentForm = async (props) => {
   if (pixButtonParams) {
     initConfig.pixButtonParams = pixButtonParams;
   }
+  const upiButtonParams = getPayButtonParams(
+    props,
+    "upiButtonParams",
+    upiContainerRef
+  );
+  if (upiButtonParams) {
+    initConfig.upiButtonParams = upiButtonParams;
+  }
   const bizumButtonParams = getPayButtonParams(
     props,
     "bizumButtonParams",
@@ -474,6 +492,7 @@ const _sfc_main$1 = defineComponent({
     applePayButtonParams: {},
     paypalButtonParams: {},
     pixButtonParams: {},
+    upiButtonParams: {},
     bizumButtonParams: {},
     blikButtonParams: {},
     mbwayButtonParams: {},
@@ -483,6 +502,7 @@ const _sfc_main$1 = defineComponent({
     applePayContainerRef: {},
     paypalContainerRef: {},
     pixContainerRef: {},
+    upiContainerRef: {},
     bizumContainerRef: {},
     blikContainerRef: {},
     mbwayContainerRef: {},
@@ -490,6 +510,7 @@ const _sfc_main$1 = defineComponent({
     cashAppContainerRef: {},
     pixAutomaticoButtonParams: {},
     pixAutomaticoContainerRef: {},
+    clickToPayButtonParams: {},
     onReadyPaymentInstance: {},
     onPaymentDetails: { type: Function, default: () => {
     } },
@@ -531,16 +552,19 @@ const _sfc_main$1 = defineComponent({
       applePayButtonParams: props.applePayButtonParams,
       paypalButtonParams: props.paypalButtonParams,
       pixButtonParams: props.pixButtonParams,
+      upiButtonParams: props.upiButtonParams,
       bizumButtonParams: props.bizumButtonParams,
       blikButtonParams: props.blikButtonParams,
       mbwayButtonParams: props.mbwayButtonParams,
       pixQrButtonParams: props.pixQrButtonParams,
       cashAppButtonParams: props.cashAppButtonParams,
       pixAutomaticoButtonParams: props.pixAutomaticoButtonParams,
+      clickToPayButtonParams: props.clickToPayButtonParams,
       googlePayContainerRef: props.googlePayContainerRef,
       applePayContainerRef: props.applePayContainerRef,
       paypalContainerRef: props.paypalContainerRef,
       pixContainerRef: props.pixContainerRef,
+      upiContainerRef: props.upiContainerRef,
       bizumContainerRef: props.bizumContainerRef,
       blikContainerRef: props.blikContainerRef,
       mbwayContainerRef: props.mbwayContainerRef,
@@ -591,7 +615,7 @@ const _sfc_main$1 = defineComponent({
     };
   }
 });
-var Payment = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-46038224"]]);
+var Payment = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-5dc2e41f"]]);
 const initResignForm = async (config) => {
   if (!config.resignRequest) {
     throw new Error("Attribute 'resignRequest' is required");

package/dist/interfaces/PaymentProps.d.ts

@@ -9,16 +9,19 @@ interface PaymentProps extends Partial<ClientSdkEventsProvider> {
     applePayButtonParams?: Omit<InitConfig['applePayButtonParams'], 'containerId'>;
     paypalButtonParams?: Omit<InitConfig['paypalButtonParams'], 'containerId'>;
     pixButtonParams?: Omit<InitConfig['pixButtonParams'], 'containerId'>;
+    upiButtonParams?: Omit<InitConfig['upiButtonParams'], 'containerId'>;
     bizumButtonParams?: Omit<InitConfig['bizumButtonParams'], 'containerId'>;
     blikButtonParams?: Omit<InitConfig['blikButtonParams'], 'containerId'>;
     mbwayButtonParams?: Omit<InitConfig['mbwayButtonParams'], 'containerId'>;
     pixQrButtonParams?: Omit<InitConfig['pixQrButtonParams'], 'containerId'>;
     cashAppButtonParams?: Omit<InitConfig['cashAppButtonParams'], 'containerId'>;
     pixAutomaticoButtonParams?: Omit<InitConfig['pixAutomaticoButtonParams'], 'containerId'>;
+    clickToPayButtonParams?: InitConfig['clickToPayButtonParams'];
     googlePayContainerRef?: HTMLDivElement;
     applePayContainerRef?: HTMLDivElement;
     paypalContainerRef?: HTMLDivElement;
     pixContainerRef?: HTMLDivElement;
+    upiContainerRef?: HTMLDivElement;
     bizumContainerRef?: HTMLDivElement;
     blikContainerRef?: HTMLDivElement;
     mbwayContainerRef?: HTMLDivElement;

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' | 'mbwayButtonParams' | 'pixQrButtonParams' | 'cashAppButtonParams' | 'pixAutomaticoButtonParams'>(config: InitConfig, key: T, container: HTMLElement | undefined): NonNullable<InitConfig[T]> | undefined;
+declare function getPayButtonParams<T extends 'googlePayButtonParams' | 'applePayButtonParams' | 'paypalButtonParams' | 'pixButtonParams' | 'upiButtonParams' | 'bizumButtonParams' | 'blikButtonParams' | 'mbwayButtonParams' | 'pixQrButtonParams' | 'cashAppButtonParams' | 'pixAutomaticoButtonParams'>(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.32.0",
+  "version": "1.34.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.32.0"
+    "@solidgate/client-sdk-loader": "^1.34.0"
   },
   "devDependencies": {
     "@babel/types": "^7.24.5",