@paypay/mini-app-js-sdk 2.31.0 → 2.37.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/dist/client/index.d.ts +6 -4
  2. package/dist/client/supportedFunctionsList.d.ts +1 -1
  3. package/dist/client/types.d.ts +2 -2
  4. package/dist/composition-api/useHeightProperties.d.ts +7 -7
  5. package/dist/core/clientState.d.ts +4 -1
  6. package/dist/core/coreFunctions/getLoginUrl.d.ts +14 -3
  7. package/dist/core/coreFunctions/logEvent.d.ts +3 -1
  8. package/dist/core/coreUtils.d.ts +1 -2
  9. package/dist/core/index.d.ts +0 -1
  10. package/dist/jsbridge-core/jsbridge.d.ts +1 -6
  11. package/dist/jsbridge-core/namespace.d.ts +0 -1
  12. package/dist/mini-app-api.d.ts +7 -3
  13. package/dist/mini-app-js-sdk.browser.js +1 -1
  14. package/dist/mini-app-js-sdk.es.js +281 -147
  15. package/dist/model/makePayment.d.ts +17 -5
  16. package/dist/model/miniAppError.d.ts +2 -1
  17. package/dist/resources/images.d.ts +5 -0
  18. package/dist/resources/locales/smartPayment/en.d.ts +11 -1
  19. package/dist/resources/locales/smartPayment/ja.d.ts +11 -1
  20. package/dist/types/init.d.ts +2 -0
  21. package/dist/types/makePayment.d.ts +10 -0
  22. package/dist/types.d.ts +10 -4
  23. package/dist/utils/analytics.d.ts +4 -1
  24. package/dist/utils/fetch.d.ts +1 -0
  25. package/dist/utils/getAppDetail.d.ts +6 -0
  26. package/dist/utils/helper.d.ts +21 -3
  27. package/dist/utils/minimumJSSDKVersion.d.ts +3 -0
  28. package/dist/utils/storage.d.ts +14 -3
  29. package/dist/utils/uiConstants.d.ts +1 -0
  30. package/package.json +2 -2
  31. package/dist/index.d.ts +0 -3
  32. package/dist/jsbridge-core/lib/browser.d.ts +0 -3
  33. package/dist/jsbridge-core/module.d.ts +0 -13
  34. package/dist/jsbridge-core/paypay-jsbridge.d.ts +0 -16
  35. package/dist/mini-app-js-sdk.d.ts +0 -10
  36. package/dist/model/bridge/getAppDetail.d.ts +0 -3
  37. package/dist/package/button/index.d.ts +0 -93
@@ -5,9 +5,19 @@ declare const _default: {
5
5
  continueAs: string;
6
6
  };
7
7
  smartPay: {
8
- pay: string;
9
8
  paypay: string;
10
9
  cashback: string;
11
10
  };
11
+ type: {
12
+ payment: {
13
+ pay: string;
14
+ };
15
+ donation: {
16
+ pay: string;
17
+ };
18
+ remittance: {
19
+ pay: string;
20
+ };
21
+ };
12
22
  };
13
23
  export default _default;
@@ -5,9 +5,19 @@ declare const _default: {
5
5
  continueAs: string;
6
6
  };
7
7
  smartPay: {
8
- pay: string;
9
8
  paypay: string;
10
9
  cashback: string;
11
10
  };
11
+ type: {
12
+ payment: {
13
+ pay: string;
14
+ };
15
+ donation: {
16
+ pay: string;
17
+ };
18
+ remittance: {
19
+ pay: string;
20
+ };
21
+ };
12
22
  };
13
23
  export default _default;
@@ -1,4 +1,5 @@
1
1
  import { NativeParams } from '../jsbridge-core/jsbridge';
2
+ import { SdkType } from '../types';
2
3
  export interface InitClientParams extends NativeParams<InitResult> {
3
4
  clientId: string;
4
5
  env?: PPEnvType;
@@ -17,6 +18,7 @@ export interface InitParams extends NativeParams<InitResult> {
17
18
  clientVersion?: string;
18
19
  debugMode?: boolean;
19
20
  useAllFunctions?: boolean;
21
+ clientSdkType?: SdkType;
20
22
  }
21
23
  export declare const PPEnv: {
22
24
  readonly staging: "staging";
@@ -1,5 +1,10 @@
1
1
  import { NativeParams } from '../jsbridge-core/jsbridge';
2
2
  import { Address } from '../types/getUserAddress';
3
+ export declare const Order: {
4
+ readonly ACQUIRING: "ACQUIRING";
5
+ readonly REMITTANCE: "REMITTANCE";
6
+ };
7
+ export declare type OrderType = (typeof Order)[keyof typeof Order];
3
8
  export interface MakePaymentParams extends NativeParams<MakePaymentResult> {
4
9
  amount: Amount;
5
10
  merchantPaymentId: string;
@@ -28,6 +33,7 @@ export interface MakePaymentParams extends NativeParams<MakePaymentResult> {
28
33
  };
29
34
  };
30
35
  merchantTimeoutAt?: number;
36
+ orderType?: OrderType;
31
37
  }
32
38
  export interface Amount {
33
39
  amount: number;
@@ -44,3 +50,7 @@ export declare type MakePaymentResult = {
44
50
  jws: string;
45
51
  address: Address | null;
46
52
  };
53
+ export declare const PaymentConsultResultCode: {
54
+ EKYC_REQUIRED: string;
55
+ INSUFFICIENT_BALANCE_AND_NO_AVAILABLE_TOPUP_METHOD: string;
56
+ };
package/dist/types.d.ts CHANGED
@@ -1,8 +1,8 @@
1
- import { ButtonType } from './package/button';
2
1
  import { AuthStatusFailResult } from './types/getAuthStatus';
3
2
  import { Permission } from './types/getPermissionStatus';
4
3
  import { NativeParams, NativeResponse } from './jsbridge-core/jsbridge';
5
4
  import { MiniAppErrorType } from './model/miniAppError';
5
+ import { OrderType } from './types/makePayment';
6
6
  declare global {
7
7
  type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
8
8
  }
@@ -143,6 +143,7 @@ export declare type SmartButtonType = 'login' | 'pay';
143
143
  export declare type SmartButtonSize = 'lg' | 'sm';
144
144
  export declare type SmartButtonTheme = 'light' | 'dark' | 'red';
145
145
  export declare type SmartButtonLg = 'en' | 'ja';
146
+ export declare type PaymentLabelType = 'payment' | 'donation' | 'remittance';
146
147
  export interface RenderSmartButtonParams extends NativeParams<MiniAppResult> {
147
148
  type: SmartButtonType;
148
149
  containerId: string;
@@ -219,6 +220,7 @@ export interface SmartPayParams {
219
220
  mandatory: boolean;
220
221
  };
221
222
  };
223
+ orderType?: OrderType;
222
224
  }
223
225
  export interface UserInfo {
224
226
  avatarUrl: string;
@@ -244,6 +246,7 @@ export declare type AppDetail = {
244
246
  version: string;
245
247
  statusDescription: string;
246
248
  userAuthorizationId: string;
249
+ externalUserId: string;
247
250
  permissions: Permission[];
248
251
  isInternal: boolean;
249
252
  terms: Array<{
@@ -329,6 +332,7 @@ export declare type SessionResponse = {
329
332
  };
330
333
  };
331
334
  export declare type ResultErrorType = MiniAppErrorResultType | AuthStatusFailResult;
335
+ export declare type ButtonType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'link' | 'outLined';
332
336
  export declare type ErrorSheetButton = {
333
337
  title: string;
334
338
  buttonType: 'BLUE' | 'WHITE' | ButtonType;
@@ -404,9 +408,6 @@ export declare type CashbackResponse = {
404
408
  };
405
409
  };
406
410
  };
407
- export interface ShowStorageAccessPermissionAlertParams extends NativeParams<void> {
408
- clientUrl: string;
409
- }
410
411
  export declare type LinkOption = {
411
412
  url: string;
412
413
  target?: string;
@@ -489,6 +490,10 @@ export declare type ClientJsBridge = {
489
490
  export declare type ConsoleDebugInfoParams = {
490
491
  params: unknown[];
491
492
  };
493
+ export declare enum SdkType {
494
+ MiniApp = "MiniApp",
495
+ SmartPayment = "SmartPayment"
496
+ }
492
497
  export interface PayPayCallStackParamsType {
493
498
  complete?: () => void;
494
499
  [index: string]: unknown;
@@ -498,6 +503,7 @@ declare global {
498
503
  interface Window {
499
504
  _ppcs?: PayPayCallStackType;
500
505
  _ppsl?: boolean;
506
+ _PayPayJsBridge?: ClientJsBridge;
501
507
  }
502
508
  }
503
509
  export {};
@@ -1,4 +1,4 @@
1
- import { PPFunctionNameType } from '../types';
1
+ import { PPFunctionNameType, SdkType } from '../types';
2
2
  import { PPEnvType } from '../types/init';
3
3
  interface EventParams {
4
4
  env: PPEnvType;
@@ -9,6 +9,8 @@ interface EventParams {
9
9
  error_value?: string;
10
10
  event_label2?: unknown;
11
11
  merchant_id?: string;
12
+ order_type?: string;
13
+ user_agent?: string;
12
14
  }
13
15
  interface Options {
14
16
  env?: PPEnvType;
@@ -24,5 +26,6 @@ export declare function handleLogSDKEvent(name: PPFunctionNameType, eventActionS
24
26
  export declare function test_initClientState(params: {
25
27
  clientId: string;
26
28
  clientOrigin: string;
29
+ clientSdkType?: SdkType;
27
30
  }): void;
28
31
  export {};
@@ -17,6 +17,7 @@ declare type PPFetchOptions = {
17
17
  skipResultCodeCheck?: boolean;
18
18
  skipStatusCodeCheck?: boolean;
19
19
  authorizationRequired?: boolean;
20
+ priority?: 'high' | 'low' | 'auto';
20
21
  };
21
22
  declare type APIBaseResponse = {
22
23
  signed: {
@@ -0,0 +1,6 @@
1
+ import { SerializedAppDetail } from '../utils/storage';
2
+ import { Ref } from 'vue';
3
+ export declare function fetchAppDetail(accessToken?: string, options?: {
4
+ priority?: 'high' | 'low';
5
+ }): Promise<SerializedAppDetail>;
6
+ export declare function useAppDetail(): Ref<SerializedAppDetail | null>;
@@ -1,10 +1,11 @@
1
1
  import { MiniAppErrorType } from '../model/miniAppError';
2
- import { BankInfo, CreditCardInfo, SbidBankInfo, PayLaterCCInfo } from '../model/makePayment';
2
+ import { BankInfo, CreditCardInfo, SbidBankInfo, PayLaterCCInfo, PaymentMethod } from '../model/makePayment';
3
3
  import { UIComponentsErrorButton } from '../model/uiComponents';
4
- import { ErrorSheetButton } from '../types';
4
+ import { ErrorSheetButton, PaymentLabelType, SmartPayParams } from '../types';
5
5
  import { FontSize } from '../types/getPlatformInformation';
6
6
  import { NativeParams } from '../jsbridge-core/jsbridge';
7
7
  import { App } from 'vue';
8
+ import { OrderType, MakePaymentParams } from '../types/makePayment';
8
9
  export declare function isDef<T>(val: T): val is NonNullable<T>;
9
10
  export declare function isFunction(val: unknown): val is () => void;
10
11
  export declare function isNumeric(val: string | number): val is string;
@@ -45,6 +46,7 @@ export declare function isPayPayMiniApp(): boolean;
45
46
  export declare function getAppVersion(): string | null;
46
47
  export declare function semVerCompare(a: string, b: string): boolean;
47
48
  export declare function checkVersion(minVersion: string): boolean;
49
+ export declare function checkJSSDKVersion(minVersion: string): boolean;
48
50
  export declare function getPlatformFontSize(): FontSize;
49
51
  export declare function delay(time?: number): Promise<boolean>;
50
52
  export declare const createErrorCode: (errorCode: MiniAppErrorType, jws?: string | null | undefined) => {
@@ -55,18 +57,34 @@ export declare function updateLocalisedString(data: string, target: string, valu
55
57
  export declare function handleHeightResize(el: HTMLElement, windowHeight: number, isScrollable: boolean, offsetHeight: number): boolean;
56
58
  export declare function getPaymentMethodStatus(isExpired: boolean, paymentMethodInfo?: BankInfo | CreditCardInfo | SbidBankInfo | PayLaterCCInfo): string;
57
59
  export declare function filterErrorButtonList(buttonList: UIComponentsErrorButton[] | null): UIComponentsErrorButton[] | undefined;
60
+ export declare function hasOmittedPrimaryButton(params: {
61
+ originalButtonList: UIComponentsErrorButton[];
62
+ filteredButtonList: UIComponentsErrorButton[] | undefined;
63
+ }): boolean;
64
+ export declare function checkPrimaryButtonNotPresent(buttonList: UIComponentsErrorButton[] | undefined): boolean;
58
65
  export declare function getFailErrorCode(ppFetchResult: string): MiniAppErrorType.timeOut | MiniAppErrorType.serverError | MiniAppErrorType.tokenExpired | MiniAppErrorType.notAuthorized | MiniAppErrorType.rateLimitExceeded;
59
66
  export declare function getStoreUrl(): "https://play.google.com/store/apps/details?id=jp.ne.paypay.android.app" | "https://itunes.apple.com/app/id1435783608";
60
67
  export declare function generateCodeVerifier(length?: number): string;
61
68
  export declare function generateCodeChallenge(codeVerifier: string): Promise<string>;
62
69
  export declare function openUrl(linkUrl: string): void;
63
- export declare function getButtonType(button: UIComponentsErrorButton | ErrorSheetButton, onlyButton?: boolean): "success" | "default" | "link" | "primary" | "warning" | "danger" | "outLined";
70
+ export declare function getButtonType(button: UIComponentsErrorButton | ErrorSheetButton, primary?: boolean): "success" | "default" | "link" | "primary" | "warning" | "danger" | "outLined";
64
71
  export declare function getRandomString(): string;
65
72
  export declare function isAlphabet(value: string): boolean;
66
73
  export declare function reconstructKycPassportCallbackUrl(url: string, type: string): string;
67
74
  export declare function getValueFromUA(paramName: string): string | undefined;
75
+ export declare function isBffSitEnvironment(): boolean;
68
76
  export declare function replaceStringPlaceholders(str: string, values: Record<string, string>): string;
69
77
  export declare function validateUrl(url: string): boolean;
70
78
  export declare function constructUrl(baseUrl: string, params: Record<string, string | string[] | number | number[] | boolean | undefined>): string;
71
79
  export declare function makeDefaultErrorHandler(app: App, params: NativeParams<never> | undefined): (err: unknown) => void;
80
+ export declare function getCardBrandImage(brandName: string): string;
81
+ export declare function hasMultiplePPCD(paymentMethods: PaymentMethod[] | undefined): boolean;
82
+ export declare function addAdditionalInfoForMultiplePPCD(paymentMethods: PaymentMethod[]): void;
83
+ declare type OrderInfo = SmartPayParams | MakePaymentParams;
84
+ export declare function isValidOrderInfo(orderInfo: OrderInfo): boolean;
85
+ export declare function isValidOrderType(orderType: string | undefined): boolean;
86
+ export declare function getPaymentLabelType(orderType: OrderType | undefined, productType: string | undefined): PaymentLabelType;
87
+ export declare function checkIfSdkUpgradeNeededForRemittance(orderType?: OrderType): boolean;
88
+ export declare function isMobileSize(width: number): boolean;
89
+ export declare function isDesktopSize(width: number): boolean;
72
90
  export {};
@@ -0,0 +1,3 @@
1
+ export declare const MinJSSDKVersion: {
2
+ ORDER_TYPE_REMITTANCE: string;
3
+ };
@@ -1,3 +1,4 @@
1
+ import { Window } from '../types';
1
2
  import { PPEnvType } from '../types/init';
2
3
  export declare function getAccessToken(): string | null;
3
4
  export declare function saveClaimCouponImmediately(couponId: string): void;
@@ -22,8 +23,19 @@ export declare function getLastTopupPayMethod(): string | null;
22
23
  export declare function getLastPayment(): string | null;
23
24
  export declare function saveLastTopup(topup: string): void;
24
25
  export declare function getLastTopup(): string;
25
- export declare function saveAppDetail(appDetail: string): void;
26
- export declare function getAppDetail(clientId?: string): string | null;
26
+ export declare type SerializedAppDetail = {
27
+ appLogo: string | null;
28
+ appName: string | null;
29
+ englishName: string | null;
30
+ openUrl: string | null;
31
+ whiteListDomains: string[];
32
+ isInternal: boolean;
33
+ window: Window;
34
+ subdomainCookieSharing: boolean;
35
+ externalUserId?: string;
36
+ };
37
+ export declare function saveAppDetail(appDetail: SerializedAppDetail): void;
38
+ export declare function getAppDetail(clientId?: string): SerializedAppDetail | null;
27
39
  export declare function removeAppDetail(): void;
28
40
  export declare function saveAppConfig(appConfig: string): void;
29
41
  export declare function getAppConfig(): string | null;
@@ -32,7 +44,6 @@ export declare function saveUserInfo(userData: string): void;
32
44
  export declare function removeCodeVerifier(): void;
33
45
  export declare function saveAuthorizedClientOrigin(clientId: string, origin: string): void;
34
46
  export declare function getAuthorizedClientOrigin(clientId: string): string | null;
35
- export declare function saveClientVersion(clientVersion: string): void;
36
47
  export declare function getClientVersion(): string;
37
48
  export declare function saveDebugMode(isDebugMode: boolean): void;
38
49
  export declare function getDebugMode(): boolean;
@@ -0,0 +1 @@
1
+ export declare const UI_BREAKPOINT = 767;
package/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@paypay/mini-app-js-sdk",
3
- "version": "2.31.0",
3
+ "version": "2.37.0",
4
4
  "private": false,
5
5
  "scripts": {
6
- "build": "yarn build:client && yarn build:core && yarn build:init",
6
+ "build": "yarn build:client && yarn build:core",
7
7
  "build:miniApp": "SDK_TYPE=miniApp yarn build",
8
8
  "build:smartPayment": "SDK_TYPE=smartPayment yarn build",
9
9
  "build:client": "vite build",
package/dist/index.d.ts DELETED
@@ -1,3 +0,0 @@
1
- import { PayPayJsBridge } from './mini-app-js-sdk';
2
- declare const paypayJsBridge: PayPayJsBridge;
3
- export default paypayJsBridge;
@@ -1,3 +0,0 @@
1
- import { JsBridge } from '../jsbridge';
2
- export declare function exposeJsBridge(jsBridge: JsBridge): boolean;
3
- export declare function exposePayPayJsBridge(paypayJsBridge: unknown): boolean;
@@ -1,13 +0,0 @@
1
- import { JsBridge, NativeParams } from './jsbridge';
2
- export declare abstract class JsBridgeModule {
3
- jsBridge: JsBridge;
4
- instances: Record<string, JsBridgeModule>;
5
- state: {
6
- executing: boolean;
7
- };
8
- isExecutableService: (params: NativeParams<never>) => boolean;
9
- }
10
- export interface JsBridgeModuleConstructor<M extends JsBridgeModule = JsBridgeModule> {
11
- new (jsBridge: JsBridge): M;
12
- readonly prototype: M;
13
- }
@@ -1,16 +0,0 @@
1
- import { JsBridge, NativeParams } from './jsbridge';
2
- import { JsBridgeModule, JsBridgeModuleConstructor } from './module';
3
- export declare class PayPayJsBridgeBase {
4
- jsBridge: JsBridge;
5
- instances: Record<string, JsBridgeModule>;
6
- state: {
7
- executing: boolean;
8
- };
9
- constructor(jsBridge: JsBridge);
10
- isExecutableService(params: NativeParams<never>): boolean;
11
- }
12
- export interface PayPayJsBridgeBaseConstructor {
13
- new (jsBridge: JsBridge): PayPayJsBridgeBase;
14
- readonly prototype: PayPayJsBridgeBase;
15
- }
16
- export declare function composePayPayJsBridge(bridgeConstructor: PayPayJsBridgeBaseConstructor, ...moduleConstructors: JsBridgeModuleConstructor[]): void;
@@ -1,10 +0,0 @@
1
- import { PayPayJsBridgeBase } from './jsbridge-core/paypay-jsbridge';
2
- import { JsBridge } from './jsbridge-core/jsbridge';
3
- import { MiniAppModule } from './mini-app-api';
4
- export declare class PayPayJsBridge extends PayPayJsBridgeBase {
5
- }
6
- export interface PayPayJsBridge extends MiniAppModule {
7
- }
8
- export declare const jsBridge: JsBridge;
9
- export declare const pp: PayPayJsBridge;
10
- export default pp;
@@ -1,3 +0,0 @@
1
- import { AppDetail } from '../../types';
2
- export declare function initAppDetail(accessToken: string): Promise<boolean>;
3
- export declare function getAppDetail(clientId?: string): AppDetail | null;
@@ -1,93 +0,0 @@
1
- import { PropType } from 'vue';
2
- export declare type ButtonType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'link' | 'outLined';
3
- export declare type ButtonSize = 'large' | 'normal' | 'small';
4
- export declare const PButton: import("vue").DefineComponent<{
5
- disabled: BooleanConstructor;
6
- loading: BooleanConstructor;
7
- block: BooleanConstructor;
8
- type: {
9
- type: PropType<ButtonType>;
10
- default: string;
11
- };
12
- size: {
13
- type: PropType<ButtonSize>;
14
- default: string;
15
- };
16
- tabIndex: {
17
- type: NumberConstructor;
18
- required: false;
19
- default: number;
20
- };
21
- name: {
22
- type: StringConstructor;
23
- required: false;
24
- default: string;
25
- };
26
- disabledClassName: {
27
- type: StringConstructor;
28
- required: false;
29
- default: string;
30
- };
31
- class: {
32
- type: (StringConstructor | ObjectConstructor)[];
33
- required: false;
34
- default: string;
35
- };
36
- noMargin: {
37
- type: BooleanConstructor;
38
- default: boolean;
39
- };
40
- }, {
41
- onClick: () => void;
42
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
43
- click: () => true;
44
- }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
45
- disabled: BooleanConstructor;
46
- loading: BooleanConstructor;
47
- block: BooleanConstructor;
48
- type: {
49
- type: PropType<ButtonType>;
50
- default: string;
51
- };
52
- size: {
53
- type: PropType<ButtonSize>;
54
- default: string;
55
- };
56
- tabIndex: {
57
- type: NumberConstructor;
58
- required: false;
59
- default: number;
60
- };
61
- name: {
62
- type: StringConstructor;
63
- required: false;
64
- default: string;
65
- };
66
- disabledClassName: {
67
- type: StringConstructor;
68
- required: false;
69
- default: string;
70
- };
71
- class: {
72
- type: (StringConstructor | ObjectConstructor)[];
73
- required: false;
74
- default: string;
75
- };
76
- noMargin: {
77
- type: BooleanConstructor;
78
- default: boolean;
79
- };
80
- }>> & {
81
- onClick?: (() => any) | undefined;
82
- }, {
83
- type: ButtonType;
84
- name: string;
85
- size: ButtonSize;
86
- class: string | Record<string, any>;
87
- loading: boolean;
88
- disabled: boolean;
89
- block: boolean;
90
- tabIndex: number;
91
- disabledClassName: string;
92
- noMargin: boolean;
93
- }>;