@solidgate/vue-sdk 1.10.1 → 1.12.0

package/README.md

@@ -35,16 +35,18 @@ const merchantData: InitConfig['merchantData'] = {
 </script>
 ```
 
-In order to render google/apple button in custom container define Payment as async component and pass link to container element
+In order to render google/apple/paypal button in custom container define Payment as async component and pass link to container element
 ```vue
 <template>
   <Payment
     :merchan-data="merchantData"
     :google-pay-container-ref="googleButton"
     :apple-pay-container-ref="appleButton"
+    :paypal-container-ref="paypalButton"
   />
   <div ref="googleButton" />
   <div ref="appleButton" />
+  <div ref="paypalButton" />
 </template>
 
 <script lang="ts" setup>
@@ -54,6 +56,7 @@ const Payment = defineAsyncComponent(() => import('@solidgate/vue-sdk'))
 
 const googleButton = ref<HTMLDivElement>()
 const appleButton = ref<HTMLDivElement>()
+const paypalButton = ref<HTMLDivElement>()
 
 const merchantData: InitConfig['merchantData'] = {
   merchant: '<<--YOUR MERCHANT ID-->>',

package/dist/Payment.vue.d.ts

@@ -1,5 +1,5 @@
 /** __vue_virtual_code_placeholder */
-import { CustomStylesAppendedMessage, OrderStatusMessage, InteractionMessage, RedirectMessage, MountedMessage, SuccessMessage, ResizeMessage, VerifyMessage, SubmitMessage, ErrorMessage, FailMessage, CardMessage, ClientSdkInstance } from '@solidgate/client-sdk-loader';
+import { CustomStylesAppendedMessage, PaymentDetailsMessage, OrderStatusMessage, InteractionMessage, RedirectMessage, MountedMessage, SuccessMessage, ResizeMessage, VerifyMessage, SubmitMessage, ErrorMessage, FailMessage, CardMessage, ClientSdkInstance } from '@solidgate/client-sdk-loader';
 import './boot';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     merchantData: {
@@ -46,13 +46,24 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     }> | undefined, "containerId"> | undefined;
     applePayButtonParams?: Omit<Partial<{
         enabled: false;
+        integrationType?: "css" | "js" | undefined;
         containerId: string;
         color: string;
         type: string;
     }> | undefined, "containerId"> | undefined;
+    paypalButtonParams?: Omit<{
+        enabled?: boolean | undefined;
+        containerId?: string | undefined;
+        color?: "black" | "blue" | "gold" | "silver" | undefined;
+        shape?: "rect" | "pill" | "sharp" | undefined;
+        label?: "paypal" | "checkout" | "buynow" | "pay" | "installment" | undefined;
+        height?: number | undefined;
+    } | undefined, "containerId"> | undefined;
     googlePayContainerRef?: HTMLDivElement | undefined;
     applePayContainerRef?: HTMLDivElement | undefined;
+    paypalContainerRef?: HTMLDivElement | undefined;
     onReadyPaymentInstance?: ((paymentInstance: ClientSdkInstance) => void) | undefined;
+    onPaymentDetails?: ((e: PaymentDetailsMessage) => void) | undefined;
     onMounted?: ((e: MountedMessage) => void) | undefined;
     onError?: ((e: ErrorMessage) => void) | undefined;
     onSuccess?: ((e: SuccessMessage) => void) | undefined;
@@ -73,6 +84,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     onSubmit: () => void;
     onVerify: () => void;
     onCustomStylesAppended: () => void;
+    onPaymentDetails: () => void;
     onFormRedirect: () => void;
     onInteraction: () => void;
     onOrderStatus: () => void;
@@ -86,6 +98,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     submit: (payload: SubmitMessage) => void;
     verify: (payload: VerifyMessage) => void;
     customStylesAppended: (payload: CustomStylesAppendedMessage) => void;
+    paymentDetails: (payload: PaymentDetailsMessage) => void;
     formRedirect: (payload: RedirectMessage) => void;
     interaction: (payload: InteractionMessage) => void;
     orderStatus: (payload: OrderStatusMessage) => void;
@@ -137,13 +150,24 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     }> | undefined, "containerId"> | undefined;
     applePayButtonParams?: Omit<Partial<{
         enabled: false;
+        integrationType?: "css" | "js" | undefined;
         containerId: string;
         color: string;
         type: string;
     }> | undefined, "containerId"> | undefined;
+    paypalButtonParams?: Omit<{
+        enabled?: boolean | undefined;
+        containerId?: string | undefined;
+        color?: "black" | "blue" | "gold" | "silver" | undefined;
+        shape?: "rect" | "pill" | "sharp" | undefined;
+        label?: "paypal" | "checkout" | "buynow" | "pay" | "installment" | undefined;
+        height?: number | undefined;
+    } | undefined, "containerId"> | undefined;
     googlePayContainerRef?: HTMLDivElement | undefined;
     applePayContainerRef?: HTMLDivElement | undefined;
+    paypalContainerRef?: HTMLDivElement | undefined;
     onReadyPaymentInstance?: ((paymentInstance: ClientSdkInstance) => void) | undefined;
+    onPaymentDetails?: ((e: PaymentDetailsMessage) => void) | undefined;
     onMounted?: ((e: MountedMessage) => void) | undefined;
     onError?: ((e: ErrorMessage) => void) | undefined;
     onSuccess?: ((e: SuccessMessage) => void) | undefined;
@@ -164,6 +188,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     onSubmit: () => void;
     onVerify: () => void;
     onCustomStylesAppended: () => void;
+    onPaymentDetails: () => void;
     onFormRedirect: () => void;
     onInteraction: () => void;
     onOrderStatus: () => void;
@@ -182,6 +207,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     onInteraction?: ((payload: InteractionMessage) => any) | undefined;
     onCustomStylesAppended?: ((payload: CustomStylesAppendedMessage) => any) | undefined;
     onCard?: ((payload: CardMessage) => any) | undefined;
+    onPaymentDetails?: ((payload: PaymentDetailsMessage) => any) | undefined;
     onReadyPaymentInstance?: ((payload: ClientSdkInstance) => any) | undefined;
 }, {
     onError: (e: ErrorMessage) => void;
@@ -196,6 +222,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     onInteraction: (e: InteractionMessage) => void;
     onCustomStylesAppended: (e: CustomStylesAppendedMessage) => void;
     onCard: (e: CardMessage) => void;
+    onPaymentDetails: (e: PaymentDetailsMessage) => void;
 }, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/Resign.vue.d.ts

@@ -1,5 +1,5 @@
 /** __vue_virtual_code_placeholder */
-import { CustomStylesAppendedMessage, OrderStatusMessage, InteractionMessage, RedirectMessage, MountedMessage, SuccessMessage, ResizeMessage, VerifyMessage, SubmitMessage, ErrorMessage, FailMessage, ClientSdkInstance } from '@solidgate/client-sdk-loader';
+import { CustomStylesAppendedMessage, PaymentDetailsMessage, OrderStatusMessage, InteractionMessage, RedirectMessage, MountedMessage, SuccessMessage, ResizeMessage, VerifyMessage, SubmitMessage, ErrorMessage, FailMessage, ClientSdkInstance } from '@solidgate/client-sdk-loader';
 import './boot';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     resignRequest: import("@solidgate/client-sdk-loader").ResignRequest;
@@ -26,6 +26,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     onSubmit?: ((e: SubmitMessage) => void) | undefined;
     onVerify?: ((e: VerifyMessage) => void) | undefined;
     onCustomStylesAppended?: ((e: CustomStylesAppendedMessage) => void) | undefined;
+    onPaymentDetails?: ((e: PaymentDetailsMessage) => void) | undefined;
     onFormRedirect?: ((e: RedirectMessage) => void) | undefined;
     onInteraction?: ((e: InteractionMessage) => void) | undefined;
     onOrderStatus?: ((e: OrderStatusMessage) => void) | undefined;
@@ -38,6 +39,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     onSubmit: () => void;
     onVerify: () => void;
     onCustomStylesAppended: () => void;
+    onPaymentDetails: () => void;
     onFormRedirect: () => void;
     onInteraction: () => void;
     onOrderStatus: () => void;
@@ -50,6 +52,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     submit: (payload: SubmitMessage) => void;
     verify: (payload: VerifyMessage) => void;
     customStylesAppended: (payload: CustomStylesAppendedMessage) => void;
+    paymentDetails: (payload: PaymentDetailsMessage) => void;
     formRedirect: (payload: RedirectMessage) => void;
     interaction: (payload: InteractionMessage) => void;
     orderStatus: (payload: OrderStatusMessage) => void;
@@ -81,6 +84,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     onSubmit?: ((e: SubmitMessage) => void) | undefined;
     onVerify?: ((e: VerifyMessage) => void) | undefined;
     onCustomStylesAppended?: ((e: CustomStylesAppendedMessage) => void) | undefined;
+    onPaymentDetails?: ((e: PaymentDetailsMessage) => void) | undefined;
     onFormRedirect?: ((e: RedirectMessage) => void) | undefined;
     onInteraction?: ((e: InteractionMessage) => void) | undefined;
     onOrderStatus?: ((e: OrderStatusMessage) => void) | undefined;
@@ -93,6 +97,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     onSubmit: () => void;
     onVerify: () => void;
     onCustomStylesAppended: () => void;
+    onPaymentDetails: () => void;
     onFormRedirect: () => void;
     onInteraction: () => void;
     onOrderStatus: () => void;
@@ -109,6 +114,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     onVerify?: ((payload: VerifyMessage) => any) | undefined;
     onInteraction?: ((payload: InteractionMessage) => any) | undefined;
     onCustomStylesAppended?: ((payload: CustomStylesAppendedMessage) => any) | undefined;
+    onPaymentDetails?: ((payload: PaymentDetailsMessage) => any) | undefined;
     onReadyResignInstance?: ((payload: ClientSdkInstance) => any) | undefined;
     onResignInitFailed?: ((payload: Error) => any) | undefined;
 }, {
@@ -123,6 +129,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     onVerify: (e: VerifyMessage) => void;
     onInteraction: (e: InteractionMessage) => void;
     onCustomStylesAppended: (e: CustomStylesAppendedMessage) => void;
+    onPaymentDetails: (e: PaymentDetailsMessage) => void;
 }, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/constants/index.d.ts

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

package/dist/index.css

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

package/dist/index.es.js

@@ -2,6 +2,7 @@ import { defineComponent, ref, onMounted, onUnmounted, watch, isReactive, openBl
 import './index.css';const IFRAME_CONTAINER_ID = `solid-payment-form-container_#${Math.random() * 1e4}`;
 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}`;
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 var dist = {};
 var MessageType$2 = {};
@@ -20,6 +21,7 @@ var MessageType$1;
   MessageType2["Submit"] = "submit";
   MessageType2["CustomStylesAppended"] = "customStylesAppended";
   MessageType2["Card"] = "card";
+  MessageType2["PaymentDetails"] = "paymentDetails";
 })(MessageType$1 || (MessageType$1 = {}));
 MessageType$2.default = MessageType$1;
 var FieldName$2 = {};
@@ -94,6 +96,7 @@ var PayableEntity$1;
   PayableEntity2["GooglePay"] = "googlebtn";
   PayableEntity2["Form"] = "form";
   PayableEntity2["Resign"] = "resign";
+  PayableEntity2["Paypal"] = "paypal";
 })(PayableEntity$1 || (PayableEntity$1 = {}));
 PayableEntity$2.default = PayableEntity$1;
 var InteractionType$2 = {};
@@ -185,6 +188,9 @@ var _a, _SdkLoader_CloudfrontSrc, _SdkLoader_loadAttempt;
 Object.defineProperty(SdkLoader$2, "__esModule", { value: true });
 class SdkLoader$1 {
   static load() {
+    if (typeof window === "undefined" || typeof document === "undefined") {
+      return Promise.resolve(null);
+    }
     if (window.PaymentFormSdk) {
       return Promise.resolve(window.PaymentFormSdk);
     }
@@ -251,6 +257,10 @@ const payButtonIds = {
   applePayButtonParams: {
     title: "ApplePay",
     id: APPLE_PAY_BUTTON_CONTAINER_ID
+  },
+  paypalButtonParams: {
+    title: "PayPal",
+    id: PAYPAL_BUTTON_CONTAINER_ID
   }
 };
 function getPayButtonParams(config, key, container) {
@@ -281,12 +291,16 @@ const initPaymentForm = async (props) => {
     styles,
     formParams,
     googlePayContainerRef,
-    applePayContainerRef
+    applePayContainerRef,
+    paypalContainerRef
   } = props;
   if (!merchantData) {
     throw new Error("Attribute 'merchantData' is required");
   }
   const clientSdk = await SdkLoader.load();
+  if (!clientSdk) {
+    return null;
+  }
   const initConfig = {
     merchantData,
     iframeParams: {
@@ -312,6 +326,14 @@ const initPaymentForm = async (props) => {
   if (appleButtonParams) {
     initConfig.applePayButtonParams = appleButtonParams;
   }
+  const paypalButtonParams = getPayButtonParams(
+    props,
+    "paypalButtonParams",
+    paypalContainerRef
+  );
+  if (paypalButtonParams) {
+    initConfig.paypalButtonParams = paypalButtonParams;
+  }
   return clientSdk.init(initConfig);
 };
 const onSubscribe = (sdkInstanceValue, callbacks) => {
@@ -330,6 +352,8 @@ const onSubscribe = (sdkInstanceValue, callbacks) => {
     },
     onCustomStylesAppended = () => {
     },
+    onPaymentDetails = () => {
+    },
     onFormRedirect = () => {
     },
     onInteraction = () => {
@@ -351,6 +375,10 @@ const onSubscribe = (sdkInstanceValue, callbacks) => {
     MessageType.CustomStylesAppended,
     (e) => onCustomStylesAppended(e.data)
   );
+  sdkInstanceValue.on(
+    MessageType.PaymentDetails,
+    (e) => onPaymentDetails(e.data)
+  );
   sdkInstanceValue.on(MessageType.Redirect, (e) => onFormRedirect(e.data));
   sdkInstanceValue.on(MessageType.Interaction, (e) => onInteraction(e.data));
   sdkInstanceValue.on(MessageType.OrderStatus, (e) => onOrderStatus(e.data));
@@ -377,9 +405,13 @@ const _sfc_main$1 = defineComponent({
     formParams: {},
     googlePayButtonParams: {},
     applePayButtonParams: {},
+    paypalButtonParams: {},
     googlePayContainerRef: {},
     applePayContainerRef: {},
+    paypalContainerRef: {},
     onReadyPaymentInstance: {},
+    onPaymentDetails: { type: Function, default: () => {
+    } },
     onMounted: { type: Function, default: () => {
     } },
     onError: { type: Function, default: () => {
@@ -405,7 +437,7 @@ const _sfc_main$1 = defineComponent({
     onCard: { type: Function, default: () => {
     } }
   },
-  emits: ["mounted", "error", "success", "fail", "submit", "verify", "customStylesAppended", "formRedirect", "interaction", "orderStatus", "resize", "card", "readyPaymentInstance"],
+  emits: ["mounted", "error", "success", "fail", "submit", "verify", "customStylesAppended", "paymentDetails", "formRedirect", "interaction", "orderStatus", "resize", "card", "readyPaymentInstance"],
   setup(__props, { emit }) {
     const props = __props;
     const sdkInstance = ref();
@@ -416,8 +448,10 @@ const _sfc_main$1 = defineComponent({
       formParams: props.formParams,
       googlePayButtonParams: props.googlePayButtonParams,
       applePayButtonParams: props.applePayButtonParams,
+      paypalButtonParams: props.paypalButtonParams,
       googlePayContainerRef: props.googlePayContainerRef,
-      applePayContainerRef: props.applePayContainerRef
+      applePayContainerRef: props.applePayContainerRef,
+      paypalContainerRef: props.paypalContainerRef
     };
     const callbacks = {
       onMounted: (e) => props.onMounted && props.onMounted(e),
@@ -427,6 +461,7 @@ const _sfc_main$1 = defineComponent({
       onSubmit: (e) => props.onSubmit && props.onSubmit(e),
       onVerify: (e) => props.onVerify && props.onVerify(e),
       onCustomStylesAppended: (e) => props.onCustomStylesAppended && props.onCustomStylesAppended(e),
+      onPaymentDetails: (e) => props.onPaymentDetails && props.onPaymentDetails(e),
       onFormRedirect: (e) => props.onFormRedirect && props.onFormRedirect(e),
       onInteraction: (e) => props.onInteraction && props.onInteraction(e),
       onOrderStatus: (e) => props.onOrderStatus && props.onOrderStatus(e),
@@ -461,12 +496,15 @@ const _sfc_main$1 = defineComponent({
     };
   }
 });
-var Payment = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-1bdf8589"]]);
+var Payment = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-66bd61ca"]]);
 const initResignForm = async (config) => {
   if (!config.resignRequest) {
     throw new Error("Attribute 'resignRequest' is required");
   }
   const clientSdk = await SdkLoader.load();
+  if (!clientSdk) {
+    return null;
+  }
   const { appearance, styles, container } = config;
   const formConfig = {
     container: {
@@ -507,6 +545,8 @@ const _sfc_main = defineComponent({
     } },
     onCustomStylesAppended: { type: Function, default: () => {
     } },
+    onPaymentDetails: { type: Function, default: () => {
+    } },
     onFormRedirect: { type: Function, default: () => {
     } },
     onInteraction: { type: Function, default: () => {
@@ -516,7 +556,7 @@ const _sfc_main = defineComponent({
     onResize: { type: Function, default: () => {
     } }
   },
-  emits: ["mounted", "error", "success", "fail", "submit", "verify", "customStylesAppended", "formRedirect", "interaction", "orderStatus", "resize", "readyResignInstance", "resignInitFailed"],
+  emits: ["mounted", "error", "success", "fail", "submit", "verify", "customStylesAppended", "paymentDetails", "formRedirect", "interaction", "orderStatus", "resize", "readyResignInstance", "resignInitFailed"],
   setup(__props, { emit }) {
     const props = __props;
     const sdkInstance = ref();
@@ -537,7 +577,8 @@ const _sfc_main = defineComponent({
       onFormRedirect: (e) => props.onFormRedirect && props.onFormRedirect(e),
       onInteraction: (e) => props.onInteraction && props.onInteraction(e),
       onOrderStatus: (e) => props.onOrderStatus && props.onOrderStatus(e),
-      onResize: (e) => props.onResize && props.onResize(e)
+      onResize: (e) => props.onResize && props.onResize(e),
+      onPaymentDetails: (e) => props.onPaymentDetails && props.onPaymentDetails(e)
     };
     onMounted(async () => {
       var _a2, _b;
@@ -576,5 +617,5 @@ const _sfc_main = defineComponent({
     };
   }
 });
-var Resign = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-88c87bb0"]]);
+var Resign = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-77b30339"]]);
 export { AdditionalFieldName, CardBrand, FieldName, FormButtonType, FormType, InteractionTargetType, InteractionType, MessageType, PayableEntity, Resign, SdkLoader, SecureBrand, Payment as default };

package/dist/interfaces/PaymentProps.d.ts

@@ -7,8 +7,10 @@ interface PaymentProps extends Partial<ClientSdkEventsProvider> {
     formParams?: InitConfig['formParams'];
     googlePayButtonParams?: Omit<InitConfig['googlePayButtonParams'], 'containerId'>;
     applePayButtonParams?: Omit<InitConfig['applePayButtonParams'], 'containerId'>;
+    paypalButtonParams?: Omit<InitConfig['paypalButtonParams'], 'containerId'>;
     googlePayContainerRef?: HTMLDivElement;
     applePayContainerRef?: HTMLDivElement;
+    paypalContainerRef?: 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'>(config: InitConfig, key: T, container: HTMLElement | undefined): NonNullable<InitConfig[T]> | undefined;
+declare function getPayButtonParams<T extends 'googlePayButtonParams' | 'applePayButtonParams' | 'paypalButtonParams'>(config: InitConfig, key: T, container: HTMLElement | undefined): NonNullable<InitConfig[T]> | undefined;
 export default getPayButtonParams;

package/dist/utils/initPaymentForm.d.ts

@@ -1,4 +1,4 @@
 import { ClientSdkInstance } from '@solidgate/client-sdk-loader';
 import PaymentProps from '../interfaces/PaymentProps';
-declare const initPaymentForm: (props: PaymentProps) => Promise<ClientSdkInstance>;
+declare const initPaymentForm: (props: PaymentProps) => Promise<ClientSdkInstance | null>;
 export default initPaymentForm;

package/dist/utils/initResignForm.d.ts

@@ -4,5 +4,5 @@ declare const initResignForm: (config: {
     appearance?: ResignFormConfig['appearance'];
     container?: ResignFormConfig['container'];
     styles?: ResignFormConfig['styles'];
-}) => Promise<ClientSdkInstance>;
+}) => Promise<ClientSdkInstance | null>;
 export default initResignForm;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solidgate/vue-sdk",
-  "version": "1.10.1",
+  "version": "1.12.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.8.1"
+    "@solidgate/client-sdk-loader": "^1.11.1"
   },
   "devDependencies": {
     "@babel/types": "^7.24.5",