@solidgate/vue-sdk 1.3.0 → 1.5.0

package/package.json

@@ -10,12 +10,12 @@
       "import": "./dist/solid-payment.es.js"
     }
   },
-  "version": "1.3.0",
+  "version": "1.5.0",
   "typings": "./dist/lib/index.d.ts",
   "license": "Apache-2.0",
   "scripts": {
     "start": "vite",
-    "build": "vite build && vue-tsc --emitDeclarationOnly",
+    "build": "vite build",
     "preview": "vite preview",
     "lint": "eslint --ext .ts,vue --ignore-path .gitignore .",
     "prepare": "husky install",
@@ -25,7 +25,7 @@
     "vue": "^3.2.25"
   },
   "dependencies": {
-    "@solidgate/client-sdk-loader": "^1.5.0",
+    "@solidgate/client-sdk-loader": "^1.6.0",
     "vue3-styled-components": "^1.2.1"
   },
   "devDependencies": {
@@ -41,7 +41,7 @@
     "husky": "^7.0.4",
     "lint-staged": "^11.2.6",
     "prettier": "^2.5.1",
-    "typescript": "^4.5.4",
+    "typescript": "5.0.4",
     "vite": "^2.8.0",
     "vue-tsc": "^0.29.8",
     "path": "^0.12.7",

package/CHANGELOG.md

@@ -1,32 +0,0 @@
-**1.3.0**
-
-Added **formParams.buttonType** config param
-
-You may use it to set **continue** button type
-```typescript
-import { FormButtonType } from '@solidgate/vue-sdk'
-
-initConfig.formParams.buttonType = FormButtonType.Continue
-```
-
-***
-
-**1.2.0**
-
-Added **formParams.autoFocus** config param
-
-***
-
-**1.1.2**
-
-Added license
-
-***
-
-**1.1.0**
-
-
-- Added **AdditionalFields** enum
-- Fixed types which controlling labels visibility (like **initConfig.formParams.cardNumberLabel**)
-- Deprecated **initConfig.allowedAdditionalFields** usage
-- Added **CardMessage** event

package/dist/lib/Payment.vue.d.ts

@@ -1,261 +0,0 @@
-import { CustomStylesAppendedMessage, OrderStatusMessage, InteractionMessage, RedirectMessage, MountedMessage, SuccessMessage, ResizeMessage, VerifyMessage, SubmitMessage, ErrorMessage, FailMessage, CardMessage } from '@solidgate/client-sdk-loader';
-import './boot';
-declare const _default: import("vue").DefineComponent<{
-    merchantData: {
-        type: import("vue").PropType<{
-            merchant: string;
-            signature: string;
-            paymentIntent: string;
-            version?: string | undefined;
-        }>;
-        required: true;
-    };
-    width: {
-        type: import("vue").PropType<string>;
-    };
-    styles: {
-        type: import("vue").PropType<Record<string, unknown>>;
-    };
-    formParams: {
-        type: import("vue").PropType<Partial<{
-            enabled: false;
-            autoFocus: boolean;
-            submitButtonText: string;
-            isCardHolderVisible: boolean;
-            buttonType: import("@solidgate/client-sdk-loader/dist/enums/FormButtonType").default;
-            headerText: string;
-            titleText: string;
-            formTypeClass: import("@solidgate/client-sdk-loader/dist/enums/FormType").default;
-            isSolidLogoVisible: boolean;
-            cardBrands: import("@solidgate/client-sdk-loader").CardBrand[];
-            secureBrands: import("@solidgate/client-sdk-loader/dist/enums/SecureBrand").default[];
-            allowSubmit: boolean;
-            googleFontLink: string;
-            cardNumberLabel: string;
-            cardCvvLabel: string;
-            cardExpiryDateLabel: string;
-        } & Record<"zipСodeLabel" | "argentinaDniLabel" | "bangladeshNicLabel" | "boliviaCiLabel" | "brazilCpfLabel" | "cameroonCniLabel" | "chileCiLabel" | "chinaIdLabel" | "colombiaCcLabel" | "costaRicaCiLabel" | "dominicanaIdLabel" | "ecuadorCiLabel" | "elSalvadorIdLabel" | "egyptIdLabel" | "ghanaCardLabel" | "guatemalaCuiLabel" | "indiaPanLabel" | "indonesiaNikLabel" | "japanIdLabel" | "kenyaIdLabel" | "malaysiaNricLabel" | "mexicoCurpLabel" | "moroccoCnieLabel" | "nigeriaNinLabel" | "panamaIdLabel" | "paraguayCiLabel" | "peruDniLabel" | "philipinesPsnLabel" | "senegalCniLabel" | "southAfricaIdLabel" | "tanzaniaIdLabel" | "thailandIdLabel" | "turkeyTcKimlikNoLabel" | "ugandaNicLabel" | "uriguayCiLabel" | "vietnamVnidLabel", string>>>;
-    };
-    googlePayButtonParams: {
-        type: import("vue").PropType<Omit<Partial<{
-            allowedAuthMethods: ["PAN_ONLY", "CRYPTOGRAM_3DS"] | ["PAN_ONLY"] | ["CRYPTOGRAM_3DS"];
-            enabled: false;
-            containerId: string;
-            color: string;
-            type: string;
-        }> | undefined, "containerId">>;
-    };
-    applePayButtonParams: {
-        type: import("vue").PropType<Omit<Partial<{
-            enabled: false;
-            containerId: string;
-            color: string;
-            type: string;
-        }> | undefined, "containerId">>;
-    };
-    googlePayContainerRef: {
-        type: import("vue").PropType<HTMLDivElement>;
-    };
-    applePayContainerRef: {
-        type: import("vue").PropType<HTMLDivElement>;
-    };
-    onReadyPaymentInstance: {
-        type: import("vue").PropType<(paymentInstance: import("@solidgate/client-sdk-loader").ClientSdkInstance) => void>;
-    };
-    onMounted: {
-        type: import("vue").PropType<(e: MountedMessage) => void>;
-    } & {
-        default: () => void;
-    };
-    onError: {
-        type: import("vue").PropType<(e: ErrorMessage) => void>;
-    } & {
-        default: () => void;
-    };
-    onSuccess: {
-        type: import("vue").PropType<(e: SuccessMessage) => void>;
-    } & {
-        default: () => void;
-    };
-    onFail: {
-        type: import("vue").PropType<(e: FailMessage) => void>;
-    } & {
-        default: () => void;
-    };
-    onSubmit: {
-        type: import("vue").PropType<(e: SubmitMessage) => void>;
-    } & {
-        default: () => void;
-    };
-    onVerify: {
-        type: import("vue").PropType<(e: VerifyMessage) => void>;
-    } & {
-        default: () => void;
-    };
-    onCustomStylesAppended: {
-        type: import("vue").PropType<(e: CustomStylesAppendedMessage) => void>;
-    } & {
-        default: () => void;
-    };
-    onFormRedirect: {
-        type: import("vue").PropType<(e: RedirectMessage) => void>;
-    } & {
-        default: () => void;
-    };
-    onInteraction: {
-        type: import("vue").PropType<(e: InteractionMessage) => void>;
-    } & {
-        default: () => void;
-    };
-    onOrderStatus: {
-        type: import("vue").PropType<(e: OrderStatusMessage) => void>;
-    } & {
-        default: () => void;
-    };
-    onResize: {
-        type: import("vue").PropType<(e: ResizeMessage) => void>;
-    } & {
-        default: () => void;
-    };
-    onCard: {
-        type: import("vue").PropType<(e: CardMessage) => void>;
-    } & {
-        default: () => void;
-    };
-}, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    merchantData: {
-        type: import("vue").PropType<{
-            merchant: string;
-            signature: string;
-            paymentIntent: string;
-            version?: string | undefined;
-        }>;
-        required: true;
-    };
-    width: {
-        type: import("vue").PropType<string>;
-    };
-    styles: {
-        type: import("vue").PropType<Record<string, unknown>>;
-    };
-    formParams: {
-        type: import("vue").PropType<Partial<{
-            enabled: false;
-            autoFocus: boolean;
-            submitButtonText: string;
-            isCardHolderVisible: boolean;
-            buttonType: import("@solidgate/client-sdk-loader/dist/enums/FormButtonType").default;
-            headerText: string;
-            titleText: string;
-            formTypeClass: import("@solidgate/client-sdk-loader/dist/enums/FormType").default;
-            isSolidLogoVisible: boolean;
-            cardBrands: import("@solidgate/client-sdk-loader").CardBrand[];
-            secureBrands: import("@solidgate/client-sdk-loader/dist/enums/SecureBrand").default[];
-            allowSubmit: boolean;
-            googleFontLink: string;
-            cardNumberLabel: string;
-            cardCvvLabel: string;
-            cardExpiryDateLabel: string;
-        } & Record<"zipСodeLabel" | "argentinaDniLabel" | "bangladeshNicLabel" | "boliviaCiLabel" | "brazilCpfLabel" | "cameroonCniLabel" | "chileCiLabel" | "chinaIdLabel" | "colombiaCcLabel" | "costaRicaCiLabel" | "dominicanaIdLabel" | "ecuadorCiLabel" | "elSalvadorIdLabel" | "egyptIdLabel" | "ghanaCardLabel" | "guatemalaCuiLabel" | "indiaPanLabel" | "indonesiaNikLabel" | "japanIdLabel" | "kenyaIdLabel" | "malaysiaNricLabel" | "mexicoCurpLabel" | "moroccoCnieLabel" | "nigeriaNinLabel" | "panamaIdLabel" | "paraguayCiLabel" | "peruDniLabel" | "philipinesPsnLabel" | "senegalCniLabel" | "southAfricaIdLabel" | "tanzaniaIdLabel" | "thailandIdLabel" | "turkeyTcKimlikNoLabel" | "ugandaNicLabel" | "uriguayCiLabel" | "vietnamVnidLabel", string>>>;
-    };
-    googlePayButtonParams: {
-        type: import("vue").PropType<Omit<Partial<{
-            allowedAuthMethods: ["PAN_ONLY", "CRYPTOGRAM_3DS"] | ["PAN_ONLY"] | ["CRYPTOGRAM_3DS"];
-            enabled: false;
-            containerId: string;
-            color: string;
-            type: string;
-        }> | undefined, "containerId">>;
-    };
-    applePayButtonParams: {
-        type: import("vue").PropType<Omit<Partial<{
-            enabled: false;
-            containerId: string;
-            color: string;
-            type: string;
-        }> | undefined, "containerId">>;
-    };
-    googlePayContainerRef: {
-        type: import("vue").PropType<HTMLDivElement>;
-    };
-    applePayContainerRef: {
-        type: import("vue").PropType<HTMLDivElement>;
-    };
-    onReadyPaymentInstance: {
-        type: import("vue").PropType<(paymentInstance: import("@solidgate/client-sdk-loader").ClientSdkInstance) => void>;
-    };
-    onMounted: {
-        type: import("vue").PropType<(e: MountedMessage) => void>;
-    } & {
-        default: () => void;
-    };
-    onError: {
-        type: import("vue").PropType<(e: ErrorMessage) => void>;
-    } & {
-        default: () => void;
-    };
-    onSuccess: {
-        type: import("vue").PropType<(e: SuccessMessage) => void>;
-    } & {
-        default: () => void;
-    };
-    onFail: {
-        type: import("vue").PropType<(e: FailMessage) => void>;
-    } & {
-        default: () => void;
-    };
-    onSubmit: {
-        type: import("vue").PropType<(e: SubmitMessage) => void>;
-    } & {
-        default: () => void;
-    };
-    onVerify: {
-        type: import("vue").PropType<(e: VerifyMessage) => void>;
-    } & {
-        default: () => void;
-    };
-    onCustomStylesAppended: {
-        type: import("vue").PropType<(e: CustomStylesAppendedMessage) => void>;
-    } & {
-        default: () => void;
-    };
-    onFormRedirect: {
-        type: import("vue").PropType<(e: RedirectMessage) => void>;
-    } & {
-        default: () => void;
-    };
-    onInteraction: {
-        type: import("vue").PropType<(e: InteractionMessage) => void>;
-    } & {
-        default: () => void;
-    };
-    onOrderStatus: {
-        type: import("vue").PropType<(e: OrderStatusMessage) => void>;
-    } & {
-        default: () => void;
-    };
-    onResize: {
-        type: import("vue").PropType<(e: ResizeMessage) => void>;
-    } & {
-        default: () => void;
-    };
-    onCard: {
-        type: import("vue").PropType<(e: CardMessage) => void>;
-    } & {
-        default: () => void;
-    };
-}>>, {
-    onError: (e: ErrorMessage) => void;
-    onSubmit: (e: SubmitMessage) => void;
-    onFail: (e: FailMessage) => void;
-    onMounted: (e: MountedMessage) => void;
-    onOrderStatus: (e: OrderStatusMessage) => void;
-    onResize: (e: ResizeMessage) => void;
-    onSuccess: (e: SuccessMessage) => void;
-    onInteraction: (e: InteractionMessage) => void;
-    onCard: (e: CardMessage) => void;
-    onVerify: (e: VerifyMessage) => void;
-    onFormRedirect: (e: RedirectMessage) => void;
-    onCustomStylesAppended: (e: CustomStylesAppendedMessage) => void;
-}>;
-export default _default;

package/dist/lib/boot/index.d.ts

@@ -1,6 +0,0 @@
-declare global {
-    interface Window {
-        __SOLIDGATE_PRIVATE__SDK_INIT_TYPE: string;
-    }
-}
-export {};

package/dist/lib/constants/index.d.ts

@@ -1,4 +0,0 @@
-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 };

package/dist/lib/index.d.ts

@@ -1,3 +0,0 @@
-import Payment from './Payment.vue';
-export * from '@solidgate/client-sdk-loader';
-export default Payment;

package/dist/lib/interfaces/PaymentProps.d.ts

@@ -1,14 +0,0 @@
-import { ClientSdkInstance, InitConfig } from '@solidgate/client-sdk-loader';
-import ClientSdkEventsProvider from '../types/ClientSdkEventsProvider';
-interface PaymentProps extends Partial<ClientSdkEventsProvider> {
-    merchantData: InitConfig['merchantData'];
-    width?: string;
-    styles?: InitConfig['styles'];
-    formParams?: InitConfig['formParams'];
-    googlePayButtonParams?: Omit<InitConfig['googlePayButtonParams'], 'containerId'>;
-    applePayButtonParams?: Omit<InitConfig['applePayButtonParams'], 'containerId'>;
-    googlePayContainerRef?: HTMLDivElement;
-    applePayContainerRef?: HTMLDivElement;
-    onReadyPaymentInstance?: (paymentInstance: ClientSdkInstance) => void;
-}
-export default PaymentProps;

package/dist/lib/types/ClientSdkEventsProvider.d.ts

@@ -1,5 +0,0 @@
-import { SdkMessage } from '@solidgate/client-sdk-loader';
-declare type ClientSdkEventsProvider = {
-    [key in keyof SdkMessage as `on${Capitalize<key>}`]: (e: SdkMessage[key]) => void;
-};
-export default ClientSdkEventsProvider;

package/dist/lib/utils/getPayButtonParams.d.ts

@@ -1,3 +0,0 @@
-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;
-export default getPayButtonParams;

package/dist/lib/utils/initClientSdk.d.ts

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

package/dist/lib/utils/onSubscribe.d.ts

@@ -1,4 +0,0 @@
-import { ClientSdkInstance } from '@solidgate/client-sdk-loader';
-import ClientSdkEventsProvider from '../types/ClientSdkEventsProvider';
-declare const onSubscribe: (sdkInstanceValue: ClientSdkInstance, props: ClientSdkEventsProvider) => void;
-export default onSubscribe;

package/dist/src/App.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, () => void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

package/dist/src/main.d.ts

@@ -1 +0,0 @@
-export {};