@solidgate/vue-sdk 1.20.0 → 1.22.0

package/README.md

@@ -142,4 +142,10 @@ Vue3 + Typescript + Vite
 1. `cd vue-sdk`
 2. `npm run build`
 3. `cd dist`
-4. solid-payment.es.js is a js bundle
+4. solid-payment.es.js is a js bundle
+
+---
+
+Looking for help? <a href="https://support.solidgate.com/support/tickets/new" target="_blank">Contact us</a> <br>
+Want to contribute? <a href="https://github.com/solidgate-tech/vue-sdk/pulls" target="_blank">Submit a pull request</a>
+

package/dist/Payment.vue.d.ts

@@ -59,9 +59,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
         label?: "paypal" | "checkout" | "buynow" | "pay" | "installment" | undefined;
         height?: number | undefined;
     } | undefined, "containerId"> | undefined;
+    pixButtonParams?: 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;
     onReadyPaymentInstance?: ((paymentInstance: ClientSdkInstance) => void) | undefined;
     onPaymentDetails?: ((e: PaymentDetailsMessage) => void) | undefined;
     onMounted?: ((e: MountedMessage) => void) | undefined;
@@ -163,9 +169,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
         label?: "paypal" | "checkout" | "buynow" | "pay" | "installment" | undefined;
         height?: number | undefined;
     } | undefined, "containerId"> | undefined;
+    pixButtonParams?: 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;
     onReadyPaymentInstance?: ((paymentInstance: ClientSdkInstance) => void) | undefined;
     onPaymentDetails?: ((e: PaymentDetailsMessage) => void) | undefined;
     onMounted?: ((e: MountedMessage) => void) | undefined;

package/dist/constants/index.d.ts

@@ -2,4 +2,5 @@ declare const IFRAME_CONTAINER_ID: string;
 declare const GOOGLE_PAY_BUTTON_CONTAINER_ID: string;
 declare const APPLE_PAY_BUTTON_CONTAINER_ID: string;
 declare const PAYPAL_BUTTON_CONTAINER_ID: string;
-export { IFRAME_CONTAINER_ID, GOOGLE_PAY_BUTTON_CONTAINER_ID, APPLE_PAY_BUTTON_CONTAINER_ID, PAYPAL_BUTTON_CONTAINER_ID };
+declare const PIX_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 };

package/dist/index.css

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

package/dist/index.es.js

@@ -3,6 +3,7 @@ import './index.css';const IFRAME_CONTAINER_ID = `solid-payment-form-container_#
 const GOOGLE_PAY_BUTTON_CONTAINER_ID = `google-pay-button-container_#${Math.random() * 1e4}`;
 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}`;
 var MessageType;
 (function(MessageType2) {
   MessageType2["Mounted"] = "mounted";
@@ -222,6 +223,10 @@ const payButtonIds = {
   paypalButtonParams: {
     title: "PayPal",
     id: PAYPAL_BUTTON_CONTAINER_ID
+  },
+  pixButtonParams: {
+    title: "Pix",
+    id: PIX_BUTTON_CONTAINER_ID
   }
 };
 function getPayButtonParams(config, key, container) {
@@ -253,7 +258,8 @@ const initPaymentForm = async (props) => {
     formParams,
     googlePayContainerRef,
     applePayContainerRef,
-    paypalContainerRef
+    paypalContainerRef,
+    pixContainerRef
   } = props;
   if (!merchantData) {
     throw new Error("Attribute 'merchantData' is required");
@@ -295,6 +301,14 @@ const initPaymentForm = async (props) => {
   if (paypalButtonParams) {
     initConfig.paypalButtonParams = paypalButtonParams;
   }
+  const pixButtonParams = getPayButtonParams(
+    props,
+    "pixButtonParams",
+    pixContainerRef
+  );
+  if (pixButtonParams) {
+    initConfig.pixButtonParams = pixButtonParams;
+  }
   return clientSdk.init(initConfig);
 };
 const onSubscribe = (sdkInstanceValue, callbacks) => {
@@ -367,9 +381,11 @@ const _sfc_main$1 = defineComponent({
     googlePayButtonParams: {},
     applePayButtonParams: {},
     paypalButtonParams: {},
+    pixButtonParams: {},
     googlePayContainerRef: {},
     applePayContainerRef: {},
     paypalContainerRef: {},
+    pixContainerRef: {},
     onReadyPaymentInstance: {},
     onPaymentDetails: { type: Function, default: () => {
     } },
@@ -410,9 +426,11 @@ const _sfc_main$1 = defineComponent({
       googlePayButtonParams: props.googlePayButtonParams,
       applePayButtonParams: props.applePayButtonParams,
       paypalButtonParams: props.paypalButtonParams,
+      pixButtonParams: props.pixButtonParams,
       googlePayContainerRef: props.googlePayContainerRef,
       applePayContainerRef: props.applePayContainerRef,
-      paypalContainerRef: props.paypalContainerRef
+      paypalContainerRef: props.paypalContainerRef,
+      pixContainerRef: props.pixContainerRef
     };
     const callbacks = {
       onMounted: (e) => props.onMounted && props.onMounted(e),
@@ -457,7 +475,7 @@ const _sfc_main$1 = defineComponent({
     };
   }
 });
-var Payment = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-66bd61ca"]]);
+var Payment = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-5eddb80c"]]);
 const initResignForm = async (config) => {
   if (!config.resignRequest) {
     throw new Error("Attribute 'resignRequest' is required");

package/dist/interfaces/PaymentProps.d.ts

@@ -8,9 +8,11 @@ interface PaymentProps extends Partial<ClientSdkEventsProvider> {
     googlePayButtonParams?: Omit<InitConfig['googlePayButtonParams'], 'containerId'>;
     applePayButtonParams?: Omit<InitConfig['applePayButtonParams'], 'containerId'>;
     paypalButtonParams?: Omit<InitConfig['paypalButtonParams'], 'containerId'>;
+    pixButtonParams?: Omit<InitConfig['pixButtonParams'], 'containerId'>;
     googlePayContainerRef?: HTMLDivElement;
     applePayContainerRef?: HTMLDivElement;
     paypalContainerRef?: HTMLDivElement;
+    pixContainerRef?: 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'>(config: InitConfig, key: T, container: HTMLElement | undefined): NonNullable<InitConfig[T]> | undefined;
+declare function getPayButtonParams<T extends 'googlePayButtonParams' | 'applePayButtonParams' | 'paypalButtonParams' | 'pixButtonParams'>(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.20.0",
+  "version": "1.22.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.20.0"
+    "@solidgate/client-sdk-loader": "^1.22.0"
   },
   "devDependencies": {
     "@babel/types": "^7.24.5",
@@ -51,4 +51,4 @@
     "vue": "^3.2.25",
     "vue-tsc": "^1.5.1"
   }
-}
+}