@one-payments/web-components 1.7.0 → 1.7.2
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.
- package/dist/index.js +5591 -1583
- package/dist/one-payment.browser.iife.js +671 -54
- package/dist/one-payment.browser.iife.js.map +1 -1
- package/dist/one-payment.d.ts +102 -5
- package/dist/one-payment.d.ts.map +1 -1
- package/dist/one-payment.js +1133 -235
- package/dist/one-payment.js.map +1 -1
- package/package.json +5 -4
package/dist/one-payment.d.ts
CHANGED
|
@@ -396,6 +396,13 @@ export declare class OnePayment extends LitElement {
|
|
|
396
396
|
private qrCodeDataUrl;
|
|
397
397
|
private qrAutoResumeTimer;
|
|
398
398
|
private qrPollingInProgress;
|
|
399
|
+
private availableBanks;
|
|
400
|
+
private selectedBank;
|
|
401
|
+
private banksLoading;
|
|
402
|
+
private bankSearchQuery;
|
|
403
|
+
private phoneInputValue;
|
|
404
|
+
private phoneInputError;
|
|
405
|
+
private selectedCountry;
|
|
399
406
|
private sdk;
|
|
400
407
|
private isInitialized;
|
|
401
408
|
private cardNumberCleave;
|
|
@@ -460,11 +467,12 @@ export declare class OnePayment extends LitElement {
|
|
|
460
467
|
private setupCleave;
|
|
461
468
|
private destroyCleave;
|
|
462
469
|
/**
|
|
463
|
-
* Get filtered
|
|
464
|
-
* Applies
|
|
465
|
-
* 1. API availability (from available-methods endpoint)
|
|
470
|
+
* Get filtered payment methods
|
|
471
|
+
* Applies filtering:
|
|
472
|
+
* 1. API availability (from available-methods endpoint with currency filtering)
|
|
466
473
|
* 2. User exclusions (excludePaymentMethods prop)
|
|
467
|
-
*
|
|
474
|
+
*
|
|
475
|
+
* Note: Currency validation is now handled server-side by the available-methods API
|
|
468
476
|
*/
|
|
469
477
|
private getFilteredPaymentMethods;
|
|
470
478
|
private initializeSDK;
|
|
@@ -490,6 +498,85 @@ export declare class OnePayment extends LitElement {
|
|
|
490
498
|
private handleGCashPayment;
|
|
491
499
|
private handleKonbiniPayment;
|
|
492
500
|
private handlePayEasyPayment;
|
|
501
|
+
private handleGrabPaySGPayment;
|
|
502
|
+
private handleFPXPayment;
|
|
503
|
+
/**
|
|
504
|
+
* Fetch available banks for a payment method
|
|
505
|
+
*/
|
|
506
|
+
private fetchBanks;
|
|
507
|
+
/**
|
|
508
|
+
* Handle bank selection
|
|
509
|
+
*/
|
|
510
|
+
private handleBankSelect;
|
|
511
|
+
/**
|
|
512
|
+
* Get filtered banks based on search query
|
|
513
|
+
*/
|
|
514
|
+
private getFilteredBanks;
|
|
515
|
+
/**
|
|
516
|
+
* Minimum phone number length (digits only)
|
|
517
|
+
*/
|
|
518
|
+
private readonly MIN_PHONE_LENGTH;
|
|
519
|
+
/**
|
|
520
|
+
* Japan-only payment methods - phone must start with +81
|
|
521
|
+
* These methods require the country selector to be locked to Japan
|
|
522
|
+
*/
|
|
523
|
+
private readonly JAPAN_ONLY_PHONE_METHODS;
|
|
524
|
+
/**
|
|
525
|
+
* Country options for phone number selection
|
|
526
|
+
* Uses ISO 3166-1 alpha-2 country codes (uppercase for libphonenumber-js)
|
|
527
|
+
*/
|
|
528
|
+
private readonly COUNTRY_OPTIONS;
|
|
529
|
+
/**
|
|
530
|
+
* Check if payment method requires Japan-only phone
|
|
531
|
+
*/
|
|
532
|
+
private isJapanOnlyPhoneMethod;
|
|
533
|
+
/**
|
|
534
|
+
* Get the full phone number with country code in international format
|
|
535
|
+
* For display: "+81 90 1234 5678"
|
|
536
|
+
* For API: depends on payment method
|
|
537
|
+
*/
|
|
538
|
+
private getFormattedPhoneWithCountryCode;
|
|
539
|
+
/**
|
|
540
|
+
* Get effective phone number for API submission
|
|
541
|
+
* - Japan methods (konbini, payeasy): Convert +81 to local format (0XXXXXXXXXX)
|
|
542
|
+
* - Other methods: Keep international format (+XX XXXX XXXX)
|
|
543
|
+
*/
|
|
544
|
+
private getEffectivePhoneNumber;
|
|
545
|
+
/**
|
|
546
|
+
* Format phone number for Japan (convert +81 to 0)
|
|
547
|
+
* The Airwallex API for Japanese payment methods expects local format:
|
|
548
|
+
* - Input: "+81 90 1234 5678" (international format)
|
|
549
|
+
* - Output: "09012345678" (local format, no spaces)
|
|
550
|
+
*/
|
|
551
|
+
private formatPhoneForJapan;
|
|
552
|
+
/**
|
|
553
|
+
* Format names for Pay-Easy (max 9 chars combined)
|
|
554
|
+
* Pay-easy has a unique requirement: combined first name + last name must be maximum 9 characters
|
|
555
|
+
*/
|
|
556
|
+
private formatNamesForPayEasy;
|
|
557
|
+
/**
|
|
558
|
+
* Format names for API submission (default: uppercase conversion)
|
|
559
|
+
* All payment methods require names to be UPPERCASE
|
|
560
|
+
*/
|
|
561
|
+
private formatNamesUppercase;
|
|
562
|
+
/**
|
|
563
|
+
* Validate phone number input
|
|
564
|
+
* Rules:
|
|
565
|
+
* 1. Required - phone number cannot be empty
|
|
566
|
+
* 2. Min 8 digits - must have at least 8 digits
|
|
567
|
+
* 3. Japan prefix - for konbini/payeasy, must validate as Japan number
|
|
568
|
+
* 4. Format - must be valid phone format
|
|
569
|
+
*/
|
|
570
|
+
private validatePhoneInput;
|
|
571
|
+
/**
|
|
572
|
+
* Handle phone input change with auto-formatting
|
|
573
|
+
* Uses libphonenumber-js AsYouType formatter to format as user types
|
|
574
|
+
*/
|
|
575
|
+
private handlePhoneInputChange;
|
|
576
|
+
/**
|
|
577
|
+
* Handle country change
|
|
578
|
+
*/
|
|
579
|
+
private handleCountryChange;
|
|
493
580
|
/**
|
|
494
581
|
* Get the formatted pay amount for buttons (net amount including fees)
|
|
495
582
|
*/
|
|
@@ -504,6 +591,14 @@ export declare class OnePayment extends LitElement {
|
|
|
504
591
|
private renderPromptPayContent;
|
|
505
592
|
private renderDuitNowContent;
|
|
506
593
|
private renderGoPayContent;
|
|
594
|
+
/**
|
|
595
|
+
* Render phone number input for payment methods that require it
|
|
596
|
+
* Matches react-phone-input-2 behavior:
|
|
597
|
+
* - Country dropdown with flags and dial codes
|
|
598
|
+
* - Auto-formatting based on country
|
|
599
|
+
* - Japan-only lock for konbini/payeasy
|
|
600
|
+
*/
|
|
601
|
+
private renderPhoneInput;
|
|
507
602
|
private renderBoostContent;
|
|
508
603
|
private renderShopeePayContent;
|
|
509
604
|
private renderAtomContent;
|
|
@@ -514,9 +609,11 @@ export declare class OnePayment extends LitElement {
|
|
|
514
609
|
private renderGCashContent;
|
|
515
610
|
private renderKonbiniContent;
|
|
516
611
|
private renderPayEasyContent;
|
|
612
|
+
private renderGrabPaySGContent;
|
|
613
|
+
private renderFPXContent;
|
|
517
614
|
private render3DSModal;
|
|
518
615
|
private renderStatusBlock;
|
|
519
|
-
render(): import("lit").TemplateResult<1>;
|
|
616
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
520
617
|
}
|
|
521
618
|
declare global {
|
|
522
619
|
interface HTMLElementTagNameMap {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"one-payment.d.ts","sourceRoot":"","sources":["../src/one-payment.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,KAAK,EACV,QAAQ,EACR,SAAS,EACT,KAAK,EACL,eAAe,EAGf,iBAAiB,EAElB,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"one-payment.d.ts","sourceRoot":"","sources":["../src/one-payment.ts"],"names":[],"mappings":"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"}
|