@paykka/card-checkout-ui 0.5.17 → 0.6.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 (98) hide show
  1. package/dist/card-checkout-ui.js +22 -0
  2. package/dist/card-checkout-ui.umd.cjs +19 -5
  3. package/dist/es/api/modules/checkout/map.js +2 -1
  4. package/dist/es/api/modules/encrypted-card/index.js +54 -0
  5. package/dist/es/api/modules/get-browser-params.js +2 -2
  6. package/dist/es/components/AccountNameField/index.js +2 -0
  7. package/dist/es/components/AddressField/index.js +2 -0
  8. package/dist/es/components/AliPay/index.js +8 -8
  9. package/dist/es/components/ApplePay/index.js +71 -14
  10. package/dist/es/components/Card/index.js +56 -40
  11. package/dist/es/components/CardExpireDateField/index.js +6 -3
  12. package/dist/es/components/CardHolderNameField/index.js +2 -0
  13. package/dist/es/components/CardIBANField/index.js +2 -0
  14. package/dist/es/components/CardNumberField/index.js +32 -17
  15. package/dist/es/components/CardSecurityCodeField/index.js +6 -3
  16. package/dist/es/components/CardSelector/index.js +1 -0
  17. package/dist/es/components/CombinedEncryptedField/index.js +75 -0
  18. package/dist/es/components/EmailField/EmailField.js +2 -0
  19. package/dist/es/components/EncryptedCard/index.js +448 -0
  20. package/dist/es/components/GooglePay/index.js +57 -19
  21. package/dist/es/components/SecuredFieldsProvider/SecuredFieldsProvider.js +70 -24
  22. package/dist/es/components/SecuredIframe/index.js +190 -22
  23. package/dist/es/components/Sepa/index.js +16 -6
  24. package/dist/es/components/WechatPay/index.js +8 -8
  25. package/dist/es/components/index.js +4 -0
  26. package/dist/es/components/internal/Form/FormItem.js +28 -24
  27. package/dist/es/components/internal/Form/index.js +1 -0
  28. package/dist/es/components/internal/Form/type.js +15 -1
  29. package/dist/es/components/internal/Input/Input.js +9 -11
  30. package/dist/es/components/internal/Input/index.js +1 -0
  31. package/dist/es/components/internal/Input/type.js +13 -1
  32. package/dist/es/components/internal/Select/Select.js +2 -0
  33. package/dist/es/config.js +12 -6
  34. package/dist/es/constant.js +10 -0
  35. package/dist/es/core/PayKKaCheckout.js +62 -0
  36. package/dist/es/core/query.js +1 -6
  37. package/dist/es/core.js +34 -34
  38. package/dist/es/hooks/useI18n.js +1 -1
  39. package/dist/es/hooks/usePayState.js +11 -18
  40. package/dist/es/index.js +13 -2
  41. package/dist/es/out/fraud-detection.js +99 -0
  42. package/dist/es/style.css +8 -0
  43. package/dist/es/types/{radar.js → fraud-detection.js} +1 -1
  44. package/dist/es/types/index.js +49 -1
  45. package/dist/es/utils/card-brand/brands.js +16 -42
  46. package/dist/es/utils/index.js +11 -0
  47. package/dist/es/utils/load.js +14 -0
  48. package/dist/es/utils/style.js +37 -0
  49. package/dist/style.css +1 -1
  50. package/dist/types/api/modules/checkout/map.d.ts +1 -0
  51. package/dist/types/api/modules/encrypted-card/index.d.ts +6 -0
  52. package/dist/types/api/modules/encrypted-card/type.d.ts +31 -0
  53. package/dist/types/api/modules/get-browser-params.d.ts +2 -2
  54. package/dist/types/components/AliPay/type.d.ts +0 -2
  55. package/dist/types/components/ApplePay/type.d.ts +16 -5
  56. package/dist/types/components/ApplePay/utils.d.ts +3 -0
  57. package/dist/types/components/Card/type.d.ts +15 -3
  58. package/dist/types/components/CardExpireDateField/type.d.ts +1 -0
  59. package/dist/types/components/CardNumberField/type.d.ts +3 -0
  60. package/dist/types/components/CardSecurityCodeField/type.d.ts +1 -0
  61. package/dist/types/components/CombinedEncryptedField/CombinedEncryptedField.d.ts +4 -0
  62. package/dist/types/components/CombinedEncryptedField/index.d.ts +2 -0
  63. package/dist/types/components/CombinedEncryptedField/type.d.ts +15 -0
  64. package/dist/types/components/EncryptedCard/EncryptedCard.d.ts +4 -0
  65. package/dist/types/components/EncryptedCard/index.d.ts +4 -0
  66. package/dist/types/components/EncryptedCard/output.d.ts +9 -0
  67. package/dist/types/components/EncryptedCard/type.d.ts +85 -0
  68. package/dist/types/components/GooglePay/type.d.ts +17 -6
  69. package/dist/types/components/GooglePay/utils.d.ts +2 -0
  70. package/dist/types/components/SecuredFieldsProvider/type.d.ts +103 -22
  71. package/dist/types/components/SecuredIframe/useSecuredInput.d.ts +6 -2
  72. package/dist/types/components/Sepa/type.d.ts +0 -2
  73. package/dist/types/components/WechatPay/type.d.ts +0 -2
  74. package/dist/types/components/index.d.ts +2 -0
  75. package/dist/types/components/internal/Form/FormItem.d.ts +1 -1
  76. package/dist/types/components/internal/Form/type.d.ts +7 -0
  77. package/dist/types/components/internal/Input/Input.d.ts +1 -1
  78. package/dist/types/components/internal/Input/type.d.ts +6 -0
  79. package/dist/types/config.d.ts +7 -3
  80. package/dist/types/constant.d.ts +1 -0
  81. package/dist/types/core/PayKKaCheckout.d.ts +12 -0
  82. package/dist/types/core/index.d.ts +1 -0
  83. package/dist/types/core/query.d.ts +2 -2
  84. package/dist/types/hooks/usePayState.d.ts +4 -20
  85. package/dist/types/index.d.ts +2 -2
  86. package/dist/types/out/fraud-detection.d.ts +9 -0
  87. package/dist/types/types/{radar.d.ts → fraud-detection.d.ts} +3 -2
  88. package/dist/types/types/index.d.ts +69 -1
  89. package/dist/types/utils/card-brand/brands.d.ts +3 -10
  90. package/dist/types/utils/card-brand/index.d.ts +10 -9
  91. package/dist/types/utils/format.d.ts +0 -1
  92. package/dist/types/utils/index.d.ts +3 -0
  93. package/dist/types/utils/load.d.ts +7 -0
  94. package/dist/types/utils/style.d.ts +17 -0
  95. package/package.json +2 -2
  96. package/dist/card-checkout-ui.iife.js +0 -8
  97. package/dist/es/out/radar.js +0 -123
  98. package/dist/types/out/radar.d.ts +0 -14
@@ -1,27 +1,28 @@
1
- import { cardBrands, cardBrandsLengthList, cardBrandCodes, cardBrandIconMap, type CardBrand } from './brands';
2
- export { cardBrands, cardBrandsLengthList, cardBrandCodes, cardBrandIconMap, type CardBrand };
3
- export declare function getSupportedCardBrands(supportedCardBrands?: string[]): CardBrand[];
4
- export declare function findCardBrand(number: string, brands?: CardBrand[]): CardBrand | undefined;
5
- export declare function findCardBrandInfo(number: string, brands?: CardBrand[]): {
1
+ import { cardBrands, cardBrandsLengthList, cardBrandCodes, cardBrandIconMap, type CardBrandConfig } from './brands';
2
+ export { cardBrands, cardBrandsLengthList, cardBrandCodes, cardBrandIconMap };
3
+ export declare function getSupportedCardBrands(supportedCardBrands?: string[]): CardBrandConfig[];
4
+ export declare function findCardBrand(number: string, brands?: CardBrandConfig[]): CardBrandConfig | undefined;
5
+ export declare function findCardBrandInfo(number: string, brands?: CardBrandConfig[]): {
6
6
  icon: typeof import("../../components/internal/icons").IconVisa | typeof import("../../components/internal/icons").IconMasterCard | typeof import("../../components/internal/icons").IconJcb | typeof import("../../components/internal/icons").IconAmex | typeof import("../../components/internal/icons").IconDiscover | typeof import("../../components/internal/icons").IconDinnersClub;
7
7
  name: string;
8
- code: import("./brands").CardBrandCode;
8
+ code: import("../../types").CardBrandCode;
9
9
  pattern: RegExp;
10
10
  lengths: number[];
11
11
  order: number;
12
12
  } | undefined;
13
- export declare function getCardBrandInfo(brand: CardBrand): {
13
+ export declare function getCardBrandInfo(brand: CardBrandConfig): {
14
14
  icon: typeof import("../../components/internal/icons").IconVisa | typeof import("../../components/internal/icons").IconMasterCard | typeof import("../../components/internal/icons").IconJcb | typeof import("../../components/internal/icons").IconAmex | typeof import("../../components/internal/icons").IconDiscover | typeof import("../../components/internal/icons").IconDinnersClub;
15
15
  name: string;
16
- code: import("./brands").CardBrandCode;
16
+ code: import("../../types").CardBrandCode;
17
17
  pattern: RegExp;
18
18
  lengths: number[];
19
19
  order: number;
20
20
  };
21
+ export type CardBrandInfo = ReturnType<typeof getCardBrandInfo>;
21
22
  export declare function finCardBrandInfoByCode(code: string): {
22
23
  icon: typeof import("../../components/internal/icons").IconVisa | typeof import("../../components/internal/icons").IconMasterCard | typeof import("../../components/internal/icons").IconJcb | typeof import("../../components/internal/icons").IconAmex | typeof import("../../components/internal/icons").IconDiscover | typeof import("../../components/internal/icons").IconDinnersClub;
23
24
  name: string;
24
- code: import("./brands").CardBrandCode;
25
+ code: import("../../types").CardBrandCode;
25
26
  pattern: RegExp;
26
27
  lengths: number[];
27
28
  order: number;
@@ -14,4 +14,3 @@ export declare function parseE164(phoneNumber?: string): {
14
14
  areaCode: string;
15
15
  phoneNumber: string;
16
16
  } | null;
17
- export declare const style2String: (style: Recordable) => string;
@@ -7,6 +7,7 @@ export * from './deep-freeze';
7
7
  export * from './format';
8
8
  export * from './is';
9
9
  export * from './obj';
10
+ export * from './style';
10
11
  export declare function getIf<T>(value: T, condition: boolean): T | undefined;
11
12
  /**
12
13
  * 将一个数值限制在指定的范围内
@@ -22,3 +23,5 @@ export declare const safeParse: <T>(dataStr: string, defaultValue?: {}) => T;
22
23
  * @return {*}
23
24
  */
24
25
  export declare function isExpired(expireDate: string): boolean;
26
+ /** 获取两个数组的交集 */
27
+ export declare const intersection: <T>(...arrays: T[][]) => T[];
@@ -0,0 +1,7 @@
1
+ /** 动态加载脚本 */
2
+ export declare const loadScript: (params: {
3
+ src: string;
4
+ onload?: () => any;
5
+ onerror?: () => any;
6
+ extraOptions?: Partial<HTMLScriptElement>;
7
+ }) => void;
@@ -0,0 +1,17 @@
1
+ /**
2
+ * 将对象转换为 CSS 样式字符串
3
+ * @param style 样式对象
4
+ * @returns CSS 样式字符串
5
+ */
6
+ export declare const style2String: (style?: Recordable) => string;
7
+ /** 生成 className 映射 */
8
+ export declare const generateClassNameMap: (selector?: string) => {
9
+ focus: string;
10
+ hover: string;
11
+ valid: string;
12
+ invalid: string;
13
+ };
14
+ /** 动态加载样式 */
15
+ export declare const loadStyle: (styleStr: string, extraOptions?: Partial<HTMLScriptElement>) => void;
16
+ /** 创建 placeholder 样式 */
17
+ export declare const createPlaceholderStyle: (selector: string, style?: Recordable) => string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@paykka/card-checkout-ui",
3
- "version": "0.5.17",
3
+ "version": "0.6.0",
4
4
  "type": "module",
5
5
  "main": "dist/paykka-card-checkout-ui.umd.js",
6
6
  "module": "dist/es/index.js",
@@ -41,7 +41,7 @@
41
41
  "@ctrl/tinycolor": "^4.0.3",
42
42
  "@fingerprintjs/fingerprintjs": "^4.2.2",
43
43
  "@preact/signals": "^1.3.0",
44
- "@types/applepayjs": "^14.0.8",
44
+ "@types/applepayjs": "^14.0.9",
45
45
  "@types/googlepay": "^0.7.6",
46
46
  "preact": "^10.24.3",
47
47
  "ts-toolbelt": "^9.6.0",