@blocklet/payment-react 1.20.16 → 1.20.17

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 (102) hide show
  1. package/.aigne/doc-smith/config.yaml +7 -1
  2. package/.aigne/doc-smith/upload-cache.yaml +441 -0
  3. package/docs/components-business-auto-topup.ja.md +187 -0
  4. package/docs/components-business-auto-topup.zh-TW.md +187 -0
  5. package/docs/components-business-auto-topup.zh.md +187 -0
  6. package/docs/components-business-overdue-invoice-payment.ja.md +196 -0
  7. package/docs/components-business-overdue-invoice-payment.zh-TW.md +197 -0
  8. package/docs/components-business-overdue-invoice-payment.zh.md +197 -0
  9. package/docs/components-business-resume-subscription.ja.md +190 -0
  10. package/docs/components-business-resume-subscription.zh-TW.md +190 -0
  11. package/docs/components-business-resume-subscription.zh.md +190 -0
  12. package/docs/components-business.ja.md +21 -0
  13. package/docs/components-business.zh-TW.md +21 -0
  14. package/docs/components-business.zh.md +21 -0
  15. package/docs/components-checkout-checkout-donate.ja.md +259 -0
  16. package/docs/components-checkout-checkout-donate.zh-TW.md +259 -0
  17. package/docs/components-checkout-checkout-donate.zh.md +259 -0
  18. package/docs/components-checkout-checkout-form.ja.md +163 -0
  19. package/docs/components-checkout-checkout-form.zh-TW.md +163 -0
  20. package/docs/components-checkout-checkout-form.zh.md +163 -0
  21. package/docs/components-checkout-checkout-table.ja.md +148 -0
  22. package/docs/components-checkout-checkout-table.zh-TW.md +148 -0
  23. package/docs/components-checkout-checkout-table.zh.md +149 -0
  24. package/docs/components-checkout.ja.md +65 -0
  25. package/docs/components-checkout.zh-TW.md +65 -0
  26. package/docs/components-checkout.zh.md +65 -0
  27. package/docs/components-history-credit-grants-list.ja.md +73 -0
  28. package/docs/components-history-credit-grants-list.zh-TW.md +73 -0
  29. package/docs/components-history-credit-grants-list.zh.md +73 -0
  30. package/docs/components-history-credit-transactions-list.ja.md +106 -0
  31. package/docs/components-history-credit-transactions-list.zh-TW.md +106 -0
  32. package/docs/components-history-credit-transactions-list.zh.md +106 -0
  33. package/docs/components-history-invoice-list.ja.md +110 -0
  34. package/docs/components-history-invoice-list.zh-TW.md +110 -0
  35. package/docs/components-history-invoice-list.zh.md +110 -0
  36. package/docs/components-history-payment-list.ja.md +44 -0
  37. package/docs/components-history-payment-list.zh-TW.md +44 -0
  38. package/docs/components-history-payment-list.zh.md +44 -0
  39. package/docs/components-history.ja.md +67 -0
  40. package/docs/components-history.zh-TW.md +67 -0
  41. package/docs/components-history.zh.md +67 -0
  42. package/docs/components-ui-form-elements-address-form.ja.md +121 -0
  43. package/docs/components-ui-form-elements-address-form.zh-TW.md +121 -0
  44. package/docs/components-ui-form-elements-address-form.zh.md +121 -0
  45. package/docs/components-ui-form-elements-country-select.ja.md +126 -0
  46. package/docs/components-ui-form-elements-country-select.zh-TW.md +126 -0
  47. package/docs/components-ui-form-elements-country-select.zh.md +126 -0
  48. package/docs/components-ui-form-elements-currency-selector.ja.md +108 -0
  49. package/docs/components-ui-form-elements-currency-selector.zh-TW.md +108 -0
  50. package/docs/components-ui-form-elements-currency-selector.zh.md +108 -0
  51. package/docs/components-ui-form-elements-phone-input.ja.md +138 -0
  52. package/docs/components-ui-form-elements-phone-input.zh-TW.md +138 -0
  53. package/docs/components-ui-form-elements-phone-input.zh.md +139 -0
  54. package/docs/components-ui-form-elements.ja.md +91 -0
  55. package/docs/components-ui-form-elements.zh-TW.md +91 -0
  56. package/docs/components-ui-form-elements.zh.md +91 -0
  57. package/docs/components-ui-payment-summary.ja.md +109 -0
  58. package/docs/components-ui-payment-summary.zh-TW.md +109 -0
  59. package/docs/components-ui-payment-summary.zh.md +109 -0
  60. package/docs/components-ui-pricing-table.ja.md +140 -0
  61. package/docs/components-ui-pricing-table.zh-TW.md +140 -0
  62. package/docs/components-ui-pricing-table.zh.md +140 -0
  63. package/docs/components-ui.ja.md +71 -0
  64. package/docs/components-ui.zh-TW.md +71 -0
  65. package/docs/components-ui.zh.md +71 -0
  66. package/docs/components.ja.md +122 -0
  67. package/docs/components.zh-TW.md +122 -0
  68. package/docs/components.zh.md +122 -0
  69. package/docs/getting-started.ja.md +84 -0
  70. package/docs/getting-started.zh-TW.md +84 -0
  71. package/docs/getting-started.zh.md +84 -0
  72. package/docs/guides-theming.ja.md +213 -0
  73. package/docs/guides-theming.zh-TW.md +213 -0
  74. package/docs/guides-theming.zh.md +213 -0
  75. package/docs/guides-utilities.ja.md +197 -0
  76. package/docs/guides-utilities.zh-TW.md +197 -0
  77. package/docs/guides-utilities.zh.md +197 -0
  78. package/docs/guides.ja.md +18 -0
  79. package/docs/guides.zh-TW.md +18 -0
  80. package/docs/guides.zh.md +18 -0
  81. package/docs/hooks-use-mobile.ja.md +84 -0
  82. package/docs/hooks-use-mobile.zh-TW.md +84 -0
  83. package/docs/hooks-use-mobile.zh.md +84 -0
  84. package/docs/hooks-use-subscription.ja.md +111 -0
  85. package/docs/hooks-use-subscription.zh-TW.md +111 -0
  86. package/docs/hooks-use-subscription.zh.md +110 -0
  87. package/docs/hooks.ja.md +14 -0
  88. package/docs/hooks.zh-TW.md +14 -0
  89. package/docs/hooks.zh.md +14 -0
  90. package/docs/overview.ja.md +80 -0
  91. package/docs/overview.zh-TW.md +80 -0
  92. package/docs/overview.zh.md +80 -0
  93. package/docs/providers-donate-provider.ja.md +153 -0
  94. package/docs/providers-donate-provider.zh-TW.md +153 -0
  95. package/docs/providers-donate-provider.zh.md +153 -0
  96. package/docs/providers-payment-provider.ja.md +191 -0
  97. package/docs/providers-payment-provider.zh-TW.md +191 -0
  98. package/docs/providers-payment-provider.zh.md +191 -0
  99. package/docs/providers.ja.md +42 -0
  100. package/docs/providers.zh-TW.md +42 -0
  101. package/docs/providers.zh.md +42 -0
  102. package/package.json +3 -3
@@ -110,5 +110,11 @@ sourcesPath: # Source code paths to analyze
110
110
  - ./README.md
111
111
  lastGitHead: 142d32cc210fa65a9d3fb87fe42451d924e96f7a
112
112
  # appUrl: "https://www.staging.arcblock.io/"
113
- appUrl: https://www.arcblock.io
113
+ appUrl: https://docsmith.aigne.io
114
114
  boardId: "payment-kit-react"
115
+ translateLanguages:
116
+ - zh
117
+ - zh-TW
118
+ - ja
119
+ # Checkout ID for document deployment service
120
+ checkoutId: ""
@@ -643,3 +643,444 @@ d920f53d64ad75b31b7c1056ebea0e7213fc713e1fec7e7ff9714c52cdbdc3d3:
643
643
  https://www.arcblock.io:
644
644
  url: https://www.arcblock.io/image-bin/uploads/55cd3cffdba40585.svg
645
645
  upload_time: 2025-09-09T09:31:56.434Z
646
+ 28f61d2922565d1950bdbe100b915b00f2ee6f8930917017b9d463dd1f661c4a:
647
+ local_path: .aigne/doc-smith/.tmp/assets/d2/4f82f20fefd36fc252a8253458bd17d47b976c432c30409d413a25b02902920c.svg
648
+ sites:
649
+ https://docsmith.aigne.io:
650
+ url: https://docsmith.aigne.io/image-bin/uploads/28f61d2922565d19.svg
651
+ upload_time: 2025-09-24T03:25:12.676Z
652
+ https://www.arcblock.io:
653
+ url: https://www.arcblock.io/image-bin/uploads/28f61d2922565d19.svg
654
+ upload_time: 2025-09-24T09:23:44.736Z
655
+ e85d8e7604139928b11598637517a52f85644233490b76c4fcbe91a95a091607:
656
+ local_path: .aigne/doc-smith/.tmp/assets/d2/99ce653eacdb602b617abecb82090386b367598a0d117b71f689aad12c51becc.svg
657
+ sites:
658
+ https://docsmith.aigne.io:
659
+ url: https://docsmith.aigne.io/image-bin/uploads/e85d8e7604139928.svg
660
+ upload_time: 2025-09-24T03:25:12.746Z
661
+ https://www.arcblock.io:
662
+ url: https://www.arcblock.io/image-bin/uploads/e85d8e7604139928.svg
663
+ upload_time: 2025-09-24T09:23:44.921Z
664
+ 0e18c7515710b28e65384f10afcf747635294b8ac8fbe4aff65ab34f292128f1:
665
+ local_path: .aigne/doc-smith/.tmp/assets/d2/92e73365d64e91220c187801e90190d959884c08d5068076ebcd1ffb53321f0f.svg
666
+ sites:
667
+ https://docsmith.aigne.io:
668
+ url: https://docsmith.aigne.io/image-bin/uploads/0e18c7515710b28e.svg
669
+ upload_time: 2025-09-24T03:25:13.524Z
670
+ https://www.arcblock.io:
671
+ url: https://www.arcblock.io/image-bin/uploads/0e18c7515710b28e.svg
672
+ upload_time: 2025-09-24T09:23:46.160Z
673
+ e331fc02493c212458adae55ec48a6d8f995918a0666eaec07c9ef5c13f62af8:
674
+ local_path: .aigne/doc-smith/.tmp/assets/d2/19e6b383fa23f2aa72f2241755786555432dd99fa5a6989bea5be01303e05144.svg
675
+ sites:
676
+ https://docsmith.aigne.io:
677
+ url: https://docsmith.aigne.io/image-bin/uploads/e331fc02493c2124.svg
678
+ upload_time: 2025-09-24T03:25:13.580Z
679
+ https://www.arcblock.io:
680
+ url: https://www.arcblock.io/image-bin/uploads/e331fc02493c2124.svg
681
+ upload_time: 2025-09-24T09:23:45.986Z
682
+ 22f0f30cfd02b4612aafd8a139d1ad81f6a5164c55c803aa1052ba2d0f836a10:
683
+ local_path: .aigne/doc-smith/.tmp/assets/d2/e2756632e3d403bf9f831f8c9fae8b12faf8516ee8879f036bc0479d693847c2.svg
684
+ sites:
685
+ https://docsmith.aigne.io:
686
+ url: https://docsmith.aigne.io/image-bin/uploads/22f0f30cfd02b461.svg
687
+ upload_time: 2025-09-24T03:25:14.325Z
688
+ https://www.arcblock.io:
689
+ url: https://www.arcblock.io/image-bin/uploads/22f0f30cfd02b461.svg
690
+ upload_time: 2025-09-24T09:23:46.854Z
691
+ a83bd6c6c8c6b48123063a7be56d16294d0df07ce14ee3ef0a7570592b17b1bc:
692
+ local_path: .aigne/doc-smith/.tmp/assets/d2/e31614541be207412f5bbe61241bb3c206b90fc02c1b0a60299422a9ba807b6d.svg
693
+ sites:
694
+ https://docsmith.aigne.io:
695
+ url: https://docsmith.aigne.io/image-bin/uploads/a83bd6c6c8c6b481.svg
696
+ upload_time: 2025-09-24T03:25:14.818Z
697
+ https://www.arcblock.io:
698
+ url: https://www.arcblock.io/image-bin/uploads/a83bd6c6c8c6b481.svg
699
+ upload_time: 2025-09-24T09:23:47.271Z
700
+ 8997128352cb0d044770a02eb995866cb0c3640c492cebe1f44899fa12a235d5:
701
+ local_path: .aigne/doc-smith/.tmp/assets/d2/aac15f07b462cbc54531f2519a6ba035141c39713fb1aabee4b8f0e7ca3b0b9c.svg
702
+ sites:
703
+ https://docsmith.aigne.io:
704
+ url: https://docsmith.aigne.io/image-bin/uploads/8997128352cb0d04.svg
705
+ upload_time: 2025-09-24T03:25:14.878Z
706
+ https://www.arcblock.io:
707
+ url: https://www.arcblock.io/image-bin/uploads/8997128352cb0d04.svg
708
+ upload_time: 2025-09-24T09:23:47.839Z
709
+ 9f720caffb7c81fd7a963323f0824a476f72eabcd5ff90c6a2f092c147f23172:
710
+ local_path: .aigne/doc-smith/.tmp/assets/d2/6a8681e44f37e0a97eb892e702ee3850391ead2bc90a25e630f498bb4da05142.svg
711
+ sites:
712
+ https://docsmith.aigne.io:
713
+ url: https://docsmith.aigne.io/image-bin/uploads/9f720caffb7c81fd.svg
714
+ upload_time: 2025-09-24T03:25:15.073Z
715
+ https://www.arcblock.io:
716
+ url: https://www.arcblock.io/image-bin/uploads/9f720caffb7c81fd.svg
717
+ upload_time: 2025-09-24T09:23:47.789Z
718
+ fd5b030d31559a0e1e2c0b4d369a36abc50176e42db3fe18a452f4699a6336cc:
719
+ local_path: .aigne/doc-smith/.tmp/assets/d2/512fdc5ab526a8dbf50583e594fc8dd4a34ec42f33a6c54d97cd9d39d75164fc.svg
720
+ sites:
721
+ https://docsmith.aigne.io:
722
+ url: https://docsmith.aigne.io/image-bin/uploads/fd5b030d31559a0e.svg
723
+ upload_time: 2025-09-24T03:25:15.567Z
724
+ https://www.arcblock.io:
725
+ url: https://www.arcblock.io/image-bin/uploads/fd5b030d31559a0e.svg
726
+ upload_time: 2025-09-24T09:23:48.298Z
727
+ 795c4d77c4df9b3227d2ccfc31716aa0716ed5180e429ade4395be3ad9557856:
728
+ local_path: .aigne/doc-smith/.tmp/assets/d2/e78e1f1d26a69fae05a30039373d63fae23c0d240f157a876daaddb8a36384f8.svg
729
+ sites:
730
+ https://docsmith.aigne.io:
731
+ url: https://docsmith.aigne.io/image-bin/uploads/795c4d77c4df9b32.svg
732
+ upload_time: 2025-09-24T03:25:15.987Z
733
+ https://www.arcblock.io:
734
+ url: https://www.arcblock.io/image-bin/uploads/795c4d77c4df9b32.svg
735
+ upload_time: 2025-09-24T09:23:48.806Z
736
+ 459a12a6db262b891ea3d37955b1a4ee398497ade8c98576ecd10b0d5144b6c8:
737
+ local_path: .aigne/doc-smith/.tmp/assets/d2/24887a72e2c8d7105fbcf4515d29865e767b7332fb7227e57b44b2b0e6d03c0e.svg
738
+ sites:
739
+ https://docsmith.aigne.io:
740
+ url: https://docsmith.aigne.io/image-bin/uploads/459a12a6db262b89.svg
741
+ upload_time: 2025-09-24T03:25:16.338Z
742
+ https://www.arcblock.io:
743
+ url: https://www.arcblock.io/image-bin/uploads/459a12a6db262b89.svg
744
+ upload_time: 2025-09-24T09:23:49.228Z
745
+ c2b5174b78a20bca9b269e7e3d4001ef1f7e2d17c8de3d69c1d8d3cf4216cf36:
746
+ local_path: .aigne/doc-smith/.tmp/assets/d2/466878c1496a662f16f8f514804cec6cbe145d41dc2d1f5966640fc5d3afd613.svg
747
+ sites:
748
+ https://docsmith.aigne.io:
749
+ url: https://docsmith.aigne.io/image-bin/uploads/c2b5174b78a20bca.svg
750
+ upload_time: 2025-09-24T03:25:16.787Z
751
+ https://www.arcblock.io:
752
+ url: https://www.arcblock.io/image-bin/uploads/c2b5174b78a20bca.svg
753
+ upload_time: 2025-09-24T09:23:49.741Z
754
+ 150560c09cbb924549842656485f4b1c6b3d5a5e7cb13b0828c22a872dc66823:
755
+ local_path: .aigne/doc-smith/.tmp/assets/d2/1454d1865b2435a765205a8795ce2ecc1ac40d975d8a2920441a745286a7e41a.svg
756
+ sites:
757
+ https://docsmith.aigne.io:
758
+ url: https://docsmith.aigne.io/image-bin/uploads/150560c09cbb9245.svg
759
+ upload_time: 2025-09-24T03:25:17.126Z
760
+ https://www.arcblock.io:
761
+ url: https://www.arcblock.io/image-bin/uploads/150560c09cbb9245.svg
762
+ upload_time: 2025-09-24T09:23:50.043Z
763
+ cb7a6442bd9b67787b87a5b339c1810eb561b73883c5e54982b8bf12b2b3b677:
764
+ local_path: .aigne/doc-smith/.tmp/assets/d2/31352a09a3eac6bcd773212c55c48a0590262deff71fb30e01fd54d0ccca73a5.svg
765
+ sites:
766
+ https://docsmith.aigne.io:
767
+ url: https://docsmith.aigne.io/image-bin/uploads/cb7a6442bd9b6778.svg
768
+ upload_time: 2025-09-24T03:25:17.665Z
769
+ https://www.arcblock.io:
770
+ url: https://www.arcblock.io/image-bin/uploads/cb7a6442bd9b6778.svg
771
+ upload_time: 2025-09-24T09:23:50.659Z
772
+ 9fbac2eb52e15adae8b080ad1b896892e3527c537b2364e64825c910d4604eb6:
773
+ local_path: .aigne/doc-smith/.tmp/assets/d2/79aa6848b3dd10209fd212d8d20388f7155b545f08fdf37c1daebb563dd3e729.svg
774
+ sites:
775
+ https://docsmith.aigne.io:
776
+ url: https://docsmith.aigne.io/image-bin/uploads/9fbac2eb52e15ada.svg
777
+ upload_time: 2025-09-24T03:25:18.117Z
778
+ https://www.arcblock.io:
779
+ url: https://www.arcblock.io/image-bin/uploads/9fbac2eb52e15ada.svg
780
+ upload_time: 2025-09-24T09:23:50.848Z
781
+ 781d20b4f37a5e59d698fed15595441af3bc6ae32d4d9ff073bcc78fd2434843:
782
+ local_path: .aigne/doc-smith/.tmp/assets/d2/149c99d46981af0b197758526dbdec6e44faacb99329bd29883b52cb1b68f608.svg
783
+ sites:
784
+ https://docsmith.aigne.io:
785
+ url: https://docsmith.aigne.io/image-bin/uploads/781d20b4f37a5e59.svg
786
+ upload_time: 2025-09-24T03:25:18.423Z
787
+ https://www.arcblock.io:
788
+ url: https://www.arcblock.io/image-bin/uploads/781d20b4f37a5e59.svg
789
+ upload_time: 2025-09-24T09:23:51.551Z
790
+ d32870216cab05903bdce27cb1f21e4ea568e1ade208132ce8103981dbd5368d:
791
+ local_path: .aigne/doc-smith/.tmp/assets/d2/74d1204f8566de42c19ef0f018766f5147d7f07c70581dc4d0eeac40f5d657ae.svg
792
+ sites:
793
+ https://docsmith.aigne.io:
794
+ url: https://docsmith.aigne.io/image-bin/uploads/d32870216cab0590.svg
795
+ upload_time: 2025-09-24T03:25:19.531Z
796
+ https://www.arcblock.io:
797
+ url: https://www.arcblock.io/image-bin/uploads/d32870216cab0590.svg
798
+ upload_time: 2025-09-24T09:23:52.123Z
799
+ 8ef80e0e3e3a6e782e04027bd32c0fbf1c4d2a76e139ebad1aae3daf17c5bb97:
800
+ local_path: .aigne/doc-smith/.tmp/assets/d2/00b3b9e53fe3fcdbcbf25e01a6dbcd026552c8b931ce62b33aa9131c050bcebf.svg
801
+ sites:
802
+ https://docsmith.aigne.io:
803
+ url: https://docsmith.aigne.io/image-bin/uploads/8ef80e0e3e3a6e78.svg
804
+ upload_time: 2025-09-24T03:25:20.206Z
805
+ https://www.arcblock.io:
806
+ url: https://www.arcblock.io/image-bin/uploads/8ef80e0e3e3a6e78.svg
807
+ upload_time: 2025-09-24T09:23:53.190Z
808
+ ce4cc493a6a9cf1a42cd37081cbba373613a16b1bce81227af58e7a0464d0901:
809
+ local_path: .aigne/doc-smith/.tmp/assets/d2/2597a6a661139d834a56561225e245e67c68140de27e7039f44645f5a5c1658a.svg
810
+ sites:
811
+ https://docsmith.aigne.io:
812
+ url: https://docsmith.aigne.io/image-bin/uploads/ce4cc493a6a9cf1a.svg
813
+ upload_time: 2025-09-24T03:25:20.279Z
814
+ https://www.arcblock.io:
815
+ url: https://www.arcblock.io/image-bin/uploads/ce4cc493a6a9cf1a.svg
816
+ upload_time: 2025-09-24T09:23:53.049Z
817
+ 699d986f388f52892e5da2b908d48b5410aebaf310f47c3341fa7f27783c54a0:
818
+ local_path: .aigne/doc-smith/.tmp/assets/d2/5c32895e99c900bf4464b2fd50075b655e4e9317cd86a68f6a87f3cf29a3e3b1.svg
819
+ sites:
820
+ https://docsmith.aigne.io:
821
+ url: https://docsmith.aigne.io/image-bin/uploads/699d986f388f5289.svg
822
+ upload_time: 2025-09-24T03:25:20.300Z
823
+ https://www.arcblock.io:
824
+ url: https://www.arcblock.io/image-bin/uploads/699d986f388f5289.svg
825
+ upload_time: 2025-09-24T09:23:53.216Z
826
+ b99e5c27eef62d6a7958fc78ccf87e2bf4b922b977d8a89ae7f7c36864114aeb:
827
+ local_path: .aigne/doc-smith/.tmp/assets/d2/0cc7ec9a0a426b6e5185dabe677215856eae176f29d688e4886b3868e3171ef3.svg
828
+ sites:
829
+ https://docsmith.aigne.io:
830
+ url: https://docsmith.aigne.io/image-bin/uploads/b99e5c27eef62d6a.svg
831
+ upload_time: 2025-09-24T03:25:20.477Z
832
+ https://www.arcblock.io:
833
+ url: https://www.arcblock.io/image-bin/uploads/b99e5c27eef62d6a.svg
834
+ upload_time: 2025-09-24T09:23:53.112Z
835
+ 5080f760d298768f304af39ca8709e30a52f34b5a0760542bf0b8a99d77d27be:
836
+ local_path: .aigne/doc-smith/.tmp/assets/d2/134e462de45976422f8739aef110ca3e505765fcd4dbc357139a871298e101f0.svg
837
+ sites:
838
+ https://docsmith.aigne.io:
839
+ url: https://docsmith.aigne.io/image-bin/uploads/5080f760d298768f.svg
840
+ upload_time: 2025-09-24T03:25:21.098Z
841
+ https://www.arcblock.io:
842
+ url: https://www.arcblock.io/image-bin/uploads/5080f760d298768f.svg
843
+ upload_time: 2025-09-24T09:23:54.149Z
844
+ 7eaed48bd8dcb78ddf4abf3de316532186b0efcd752aca20887018751b3b1a23:
845
+ local_path: .aigne/doc-smith/.tmp/assets/d2/a428bb92feb59b8aa4b912b97ac70e097e32ba9adefb5782714a642da9d7ec8a.svg
846
+ sites:
847
+ https://docsmith.aigne.io:
848
+ url: https://docsmith.aigne.io/image-bin/uploads/7eaed48bd8dcb78d.svg
849
+ upload_time: 2025-09-24T03:25:21.114Z
850
+ https://www.arcblock.io:
851
+ url: https://www.arcblock.io/image-bin/uploads/7eaed48bd8dcb78d.svg
852
+ upload_time: 2025-09-24T09:23:54.252Z
853
+ c85d557785c8982369a5398a6b7d9e81e724e7558e24d53ecf00dff7b1b36f06:
854
+ local_path: .aigne/doc-smith/.tmp/assets/d2/58df377909c723fbfe6163cc24f769a77372fb09bbe9a48f2ad0609833839873.svg
855
+ sites:
856
+ https://docsmith.aigne.io:
857
+ url: https://docsmith.aigne.io/image-bin/uploads/c85d557785c89823.svg
858
+ upload_time: 2025-09-24T03:25:21.227Z
859
+ https://www.arcblock.io:
860
+ url: https://www.arcblock.io/image-bin/uploads/c85d557785c89823.svg
861
+ upload_time: 2025-09-24T09:23:53.836Z
862
+ 14933df12f399ef6ca3369b8a171e04d79da9e42c9be47144195931987d722bf:
863
+ local_path: .aigne/doc-smith/.tmp/assets/d2/f42e957500cda2e3b0834c082db4952c4352e61ac1b24b0f8cac92ad0596d97c.svg
864
+ sites:
865
+ https://docsmith.aigne.io:
866
+ url: https://docsmith.aigne.io/image-bin/uploads/14933df12f399ef6.svg
867
+ upload_time: 2025-09-24T03:25:21.291Z
868
+ https://www.arcblock.io:
869
+ url: https://www.arcblock.io/image-bin/uploads/14933df12f399ef6.svg
870
+ upload_time: 2025-09-24T09:23:53.997Z
871
+ bab8a004be52ea4096d2c1fd9b38a35f256941c0670338ea135be64e350bf384:
872
+ local_path: .aigne/doc-smith/.tmp/assets/d2/a379d2ed3ea2665152ca8a38f76055795703bfa0d580c21ea7431572308a0c39.svg
873
+ sites:
874
+ https://docsmith.aigne.io:
875
+ url: https://docsmith.aigne.io/image-bin/uploads/bab8a004be52ea40.svg
876
+ upload_time: 2025-09-24T03:25:21.359Z
877
+ https://www.arcblock.io:
878
+ url: https://www.arcblock.io/image-bin/uploads/bab8a004be52ea40.svg
879
+ upload_time: 2025-09-24T09:23:54.396Z
880
+ 8179091e60cfe9b17076ccb9a3a1990e1d3a0e44eb2d996f6518508e708cc022:
881
+ local_path: .aigne/doc-smith/.tmp/assets/d2/7fdcc5466d5180d426f41b20af4c980c058f37317dab88ff925f4adc9ea30302.svg
882
+ sites:
883
+ https://docsmith.aigne.io:
884
+ url: https://docsmith.aigne.io/image-bin/uploads/8179091e60cfe9b1.svg
885
+ upload_time: 2025-09-24T03:25:21.411Z
886
+ https://www.arcblock.io:
887
+ url: https://www.arcblock.io/image-bin/uploads/8179091e60cfe9b1.svg
888
+ upload_time: 2025-09-24T09:23:54.098Z
889
+ 21c077c3cf0d89d1faff14ac2271cba437095ae284b1af340c53e23e6647021a:
890
+ local_path: .aigne/doc-smith/.tmp/assets/d2/e3dc5b92a7516e1b2919bcabe842f96f94f3997d7ae73f55a6cdfaf41a7177b7.svg
891
+ sites:
892
+ https://docsmith.aigne.io:
893
+ url: https://docsmith.aigne.io/image-bin/uploads/21c077c3cf0d89d1.svg
894
+ upload_time: 2025-09-24T03:25:21.914Z
895
+ https://www.arcblock.io:
896
+ url: https://www.arcblock.io/image-bin/uploads/21c077c3cf0d89d1.svg
897
+ upload_time: 2025-09-24T09:23:55.303Z
898
+ 06c792ea967b36b46ec78f8fbca13a99bf6ab7f45a819c58544b7e88eee42f3a:
899
+ local_path: .aigne/doc-smith/.tmp/assets/d2/035e5bb162735229766e67ad05ecabef60d79e4fdb8129786ff82bab30356145.svg
900
+ sites:
901
+ https://docsmith.aigne.io:
902
+ url: https://docsmith.aigne.io/image-bin/uploads/06c792ea967b36b4.svg
903
+ upload_time: 2025-09-24T03:25:22.019Z
904
+ https://www.arcblock.io:
905
+ url: https://www.arcblock.io/image-bin/uploads/06c792ea967b36b4.svg
906
+ upload_time: 2025-09-24T09:23:54.686Z
907
+ c428da0b6bcf2949b45b435dccb4319bdcca96874b7c70005efffd3e37dc62cd:
908
+ local_path: .aigne/doc-smith/.tmp/assets/d2/5fc1046de0fcfee37b0e248fbb73455e269ac43e3679a8f095bb570127fd1ad2.svg
909
+ sites:
910
+ https://docsmith.aigne.io:
911
+ url: https://docsmith.aigne.io/image-bin/uploads/c428da0b6bcf2949.svg
912
+ upload_time: 2025-09-24T03:25:22.065Z
913
+ https://www.arcblock.io:
914
+ url: https://www.arcblock.io/image-bin/uploads/c428da0b6bcf2949.svg
915
+ upload_time: 2025-09-24T09:23:54.802Z
916
+ a8e54e016f9e00f1e5ab26e2649f6870242c297d546c45f85e799b01f86d0789:
917
+ local_path: .aigne/doc-smith/.tmp/assets/d2/08fe884e38a5b7eba07ebfe2c312d3331db74353662a2551ecaf8f2e2e56f918.svg
918
+ sites:
919
+ https://docsmith.aigne.io:
920
+ url: https://docsmith.aigne.io/image-bin/uploads/a8e54e016f9e00f1.svg
921
+ upload_time: 2025-09-24T03:25:22.086Z
922
+ https://www.arcblock.io:
923
+ url: https://www.arcblock.io/image-bin/uploads/a8e54e016f9e00f1.svg
924
+ upload_time: 2025-09-24T09:23:55.208Z
925
+ a05ae7e7f39e23cf9ce5a02adcc25eda6fa41ba027a3147c148232be87fc3646:
926
+ local_path: .aigne/doc-smith/.tmp/assets/d2/765a072a26145a9e33d1109e6cc4f4aaecc0c04048befcb5ec9079879a90c698.svg
927
+ sites:
928
+ https://docsmith.aigne.io:
929
+ url: https://docsmith.aigne.io/image-bin/uploads/a05ae7e7f39e23cf.svg
930
+ upload_time: 2025-09-24T03:25:22.187Z
931
+ https://www.arcblock.io:
932
+ url: https://www.arcblock.io/image-bin/uploads/a05ae7e7f39e23cf.svg
933
+ upload_time: 2025-09-24T09:23:55.375Z
934
+ ab80a553f99ad657c129120b83ac414336f7a2accfb63d0f427346d7411c4318:
935
+ local_path: .aigne/doc-smith/.tmp/assets/d2/10c66982f0546cc1dfb5e864dadb8a34761436268d8373b654a2d419511a0bfe.svg
936
+ sites:
937
+ https://docsmith.aigne.io:
938
+ url: https://docsmith.aigne.io/image-bin/uploads/ab80a553f99ad657.svg
939
+ upload_time: 2025-09-24T03:25:22.262Z
940
+ https://www.arcblock.io:
941
+ url: https://www.arcblock.io/image-bin/uploads/ab80a553f99ad657.svg
942
+ upload_time: 2025-09-24T09:23:55.356Z
943
+ d10a953c1c9404c2b83f5e3ed8bd126dba49526587163c1e861185c5e8ec2ceb:
944
+ local_path: .aigne/doc-smith/.tmp/assets/d2/148623bd23e7bf1810c0e214c96eae251492bccd1a67cbb2a33952825204fb9c.svg
945
+ sites:
946
+ https://docsmith.aigne.io:
947
+ url: https://docsmith.aigne.io/image-bin/uploads/d10a953c1c9404c2.svg
948
+ upload_time: 2025-09-24T03:25:22.410Z
949
+ https://www.arcblock.io:
950
+ url: https://www.arcblock.io/image-bin/uploads/d10a953c1c9404c2.svg
951
+ upload_time: 2025-09-24T09:23:54.169Z
952
+ b76eafb1f32f8d0162a7c579808fe6ed1348fe3f5999f5dc653c870ac0034ea5:
953
+ local_path: .aigne/doc-smith/.tmp/assets/d2/eb2ab09d20e6659794713d30bd755b3f135abed90d5db6d20e235439f8f5ee49.svg
954
+ sites:
955
+ https://docsmith.aigne.io:
956
+ url: https://docsmith.aigne.io/image-bin/uploads/b76eafb1f32f8d01.svg
957
+ upload_time: 2025-09-24T03:25:22.429Z
958
+ https://www.arcblock.io:
959
+ url: https://www.arcblock.io/image-bin/uploads/b76eafb1f32f8d01.svg
960
+ upload_time: 2025-09-24T09:23:55.074Z
961
+ 95c8a5ac8eb7478a709478672c9d58a4e16300da60e49ee9a86c552461caf3e0:
962
+ local_path: .aigne/doc-smith/.tmp/assets/d2/efacec0e6133bb3a03fd6f723eedd51339a6508fef0d3e07ee29ff5c5789e156.svg
963
+ sites:
964
+ https://docsmith.aigne.io:
965
+ url: https://docsmith.aigne.io/image-bin/uploads/95c8a5ac8eb7478a.svg
966
+ upload_time: 2025-09-24T03:25:22.685Z
967
+ https://www.arcblock.io:
968
+ url: https://www.arcblock.io/image-bin/uploads/95c8a5ac8eb7478a.svg
969
+ upload_time: 2025-09-24T09:23:56.220Z
970
+ e2d0854d8222bf9d3abc4148f6f67b860db0bb01baed11fe984f47e6c8d1f2b1:
971
+ local_path: .aigne/doc-smith/.tmp/assets/d2/b374cf2e8cbe08f56f92fccd95afc445bb3f23055e8ef64a267aab4b39de1f70.svg
972
+ sites:
973
+ https://docsmith.aigne.io:
974
+ url: https://docsmith.aigne.io/image-bin/uploads/e2d0854d8222bf9d.svg
975
+ upload_time: 2025-09-24T03:25:22.788Z
976
+ https://www.arcblock.io:
977
+ url: https://www.arcblock.io/image-bin/uploads/e2d0854d8222bf9d.svg
978
+ upload_time: 2025-09-24T09:23:55.551Z
979
+ 6f18b145b0db0f6107b665f269a0fd51a0f1e843e1d37e1b452b992ae211dbbc:
980
+ local_path: .aigne/doc-smith/.tmp/assets/d2/5755c8452dbd44e5f3c39ef3008d25d30a9507efc4fb92144303765965da5722.svg
981
+ sites:
982
+ https://docsmith.aigne.io:
983
+ url: https://docsmith.aigne.io/image-bin/uploads/6f18b145b0db0f61.svg
984
+ upload_time: 2025-09-24T03:25:22.844Z
985
+ https://www.arcblock.io:
986
+ url: https://www.arcblock.io/image-bin/uploads/6f18b145b0db0f61.svg
987
+ upload_time: 2025-09-24T09:23:55.571Z
988
+ 6f544a868dc4cbfd43deb34ab5dafbd1df8ad54fbf09aa7d7bc0ccefddb23353:
989
+ local_path: .aigne/doc-smith/.tmp/assets/d2/3ab242d47a0ce52a751e3672d2526da0002f77c1401d49454818b2951a6e6686.svg
990
+ sites:
991
+ https://docsmith.aigne.io:
992
+ url: https://docsmith.aigne.io/image-bin/uploads/6f544a868dc4cbfd.svg
993
+ upload_time: 2025-09-24T03:25:22.981Z
994
+ https://www.arcblock.io:
995
+ url: https://www.arcblock.io/image-bin/uploads/6f544a868dc4cbfd.svg
996
+ upload_time: 2025-09-24T09:23:56.009Z
997
+ e58a7ea511a04c7fb67723b394c176ccea98f926a7adea7612db0ea98ce6d80b:
998
+ local_path: .aigne/doc-smith/.tmp/assets/d2/26d73cf489e34c502ef3931087022a954dc0087ec3299f35e30e251a1fc6c3a8.svg
999
+ sites:
1000
+ https://docsmith.aigne.io:
1001
+ url: https://docsmith.aigne.io/image-bin/uploads/e58a7ea511a04c7f.svg
1002
+ upload_time: 2025-09-24T03:25:23.176Z
1003
+ https://www.arcblock.io:
1004
+ url: https://www.arcblock.io/image-bin/uploads/e58a7ea511a04c7f.svg
1005
+ upload_time: 2025-09-24T09:23:55.240Z
1006
+ f4f8512aca0765fe7d132b071db0c1a7133e65c0ebe10257cc866709e097f5b3:
1007
+ local_path: .aigne/doc-smith/.tmp/assets/d2/64f9264bec762bbbf26bc96b4a6c1ce039af6569fd1d8ce5efe8809bf79eb61d.svg
1008
+ sites:
1009
+ https://docsmith.aigne.io:
1010
+ url: https://docsmith.aigne.io/image-bin/uploads/f4f8512aca0765fe.svg
1011
+ upload_time: 2025-09-24T03:25:23.198Z
1012
+ https://www.arcblock.io:
1013
+ url: https://www.arcblock.io/image-bin/uploads/f4f8512aca0765fe.svg
1014
+ upload_time: 2025-09-24T09:23:55.835Z
1015
+ 15c56ce50ee3eba4b127ddfceca9560b89c4a68d770b5bf3f6040fa3345f0d7b:
1016
+ local_path: .aigne/doc-smith/.tmp/assets/d2/9721acb3442bb78fbf2526c997c177af1df475111a0a77135b7211d372e6bfd9.svg
1017
+ sites:
1018
+ https://docsmith.aigne.io:
1019
+ url: https://docsmith.aigne.io/image-bin/uploads/15c56ce50ee3eba4.svg
1020
+ upload_time: 2025-09-24T03:25:23.284Z
1021
+ https://www.arcblock.io:
1022
+ url: https://www.arcblock.io/image-bin/uploads/15c56ce50ee3eba4.svg
1023
+ upload_time: 2025-09-24T09:23:56.241Z
1024
+ 79bfdb16e2213e248302a2a05a81fb9441deb2ebefce2beeed5b8c776aa7da60:
1025
+ local_path: .aigne/doc-smith/.tmp/assets/d2/7cb90301b245cbf842669c72d2953e6ab9bcb8296e7852476377197ca3706fce.svg
1026
+ sites:
1027
+ https://docsmith.aigne.io:
1028
+ url: https://docsmith.aigne.io/image-bin/uploads/79bfdb16e2213e24.svg
1029
+ upload_time: 2025-09-24T03:25:23.531Z
1030
+ https://www.arcblock.io:
1031
+ url: https://www.arcblock.io/image-bin/uploads/79bfdb16e2213e24.svg
1032
+ upload_time: 2025-09-24T09:23:56.725Z
1033
+ 99f937aa6917c168a165b8da2f04dc0d4ceca8cd3afa3871e4be6497006063b7:
1034
+ local_path: .aigne/doc-smith/.tmp/assets/d2/503a434e5a24bb9da0ce340895731217c09556d6859cc52407cf34d5335b5324.svg
1035
+ sites:
1036
+ https://docsmith.aigne.io:
1037
+ url: https://docsmith.aigne.io/image-bin/uploads/99f937aa6917c168.svg
1038
+ upload_time: 2025-09-24T03:25:23.599Z
1039
+ https://www.arcblock.io:
1040
+ url: https://www.arcblock.io/image-bin/uploads/99f937aa6917c168.svg
1041
+ upload_time: 2025-09-24T09:23:56.386Z
1042
+ 8f474f5f93e0a514c1ee527290fef69c68fde347f218c7e4300bb95685eb7242:
1043
+ local_path: .aigne/doc-smith/.tmp/assets/d2/51503533854761fa21ed7c7a81bb7fe1dbe7ae1d87bd2d83509b4c54c0161a79.svg
1044
+ sites:
1045
+ https://docsmith.aigne.io:
1046
+ url: https://docsmith.aigne.io/image-bin/uploads/8f474f5f93e0a514.svg
1047
+ upload_time: 2025-09-24T03:25:23.955Z
1048
+ https://www.arcblock.io:
1049
+ url: https://www.arcblock.io/image-bin/uploads/8f474f5f93e0a514.svg
1050
+ upload_time: 2025-09-24T09:23:56.125Z
1051
+ 403705a575d777a67843804ab4828bc2963c00d8510523a43dbf51e1bb08793e:
1052
+ local_path: .aigne/doc-smith/.tmp/assets/d2/d8bced4593437d5f84a5e92517af2188b6d7f638296cb47b5882fd7959bef686.svg
1053
+ sites:
1054
+ https://docsmith.aigne.io:
1055
+ url: https://docsmith.aigne.io/image-bin/uploads/403705a575d777a6.svg
1056
+ upload_time: 2025-09-24T03:25:23.988Z
1057
+ https://www.arcblock.io:
1058
+ url: https://www.arcblock.io/image-bin/uploads/403705a575d777a6.svg
1059
+ upload_time: 2025-09-24T09:23:56.579Z
1060
+ 62f5a2f9c4aeefe701067b495e67acdbb9fb60c8925e6a6deba4d802527a3f38:
1061
+ local_path: .aigne/doc-smith/.tmp/assets/d2/44a2c0d900b7fe9a4ee723e94d2f45867ddeea3be1971aba4bffae2686783e6b.svg
1062
+ sites:
1063
+ https://docsmith.aigne.io:
1064
+ url: https://docsmith.aigne.io/image-bin/uploads/62f5a2f9c4aeefe7.svg
1065
+ upload_time: 2025-09-24T03:25:24.204Z
1066
+ https://www.arcblock.io:
1067
+ url: https://www.arcblock.io/image-bin/uploads/62f5a2f9c4aeefe7.svg
1068
+ upload_time: 2025-09-24T09:23:57.008Z
1069
+ d75710a01b4b51482c8e85cc95900ba499710dc14ed192dde57a5a306e684d82:
1070
+ local_path: .aigne/doc-smith/.tmp/assets/d2/36c986a4e1d45c8a4bdc942ec93db2e6da5bc3b6d404caa992d1972a0bb0d0ea.svg
1071
+ sites:
1072
+ https://docsmith.aigne.io:
1073
+ url: https://docsmith.aigne.io/image-bin/uploads/d75710a01b4b5148.svg
1074
+ upload_time: 2025-09-24T03:25:24.699Z
1075
+ https://www.arcblock.io:
1076
+ url: https://www.arcblock.io/image-bin/uploads/d75710a01b4b5148.svg
1077
+ upload_time: 2025-09-24T09:23:56.893Z
1078
+ 4b298614db1d25714f97d7249e2ddddb9850f6f3f87c96b7827677ea646f04c6:
1079
+ local_path: .aigne/doc-smith/.tmp/assets/d2/8352eb7c8f37571961e07690d93fb646b20793266c34a6264340867e54f83364.svg
1080
+ sites:
1081
+ https://docsmith.aigne.io:
1082
+ url: https://docsmith.aigne.io/image-bin/uploads/4b298614db1d2571.svg
1083
+ upload_time: 2025-09-24T03:25:24.940Z
1084
+ https://www.arcblock.io:
1085
+ url: https://www.arcblock.io/image-bin/uploads/4b298614db1d2571.svg
1086
+ upload_time: 2025-09-24T09:23:57.721Z
@@ -0,0 +1,187 @@
1
+ # 自動チャージコンポーネント
2
+
3
+ 自動チャージ機能は、ユーザーのクレジット残高が指定されたしきい値を下回った場合に自動的にチャージすることで、サービスの中断を防ぎます。これは主に2つのコンポーネントで管理されます:現在の設定を表示する`AutoTopup`と、設定用のインターフェースを提供する`AutoTopupModal`です。
4
+
5
+ ## 自動チャージのワークフロー
6
+
7
+ 以下の図は、自動チャージ機能設定の典型的なユーザーフローを示しています。ユーザーは`AutoTopup`表示コンポーネントを操作し、それが変更を行うための`AutoTopupModal`を起動します。その後、モーダルはバックエンドAPIと通信して設定を保存します。
8
+
9
+ ```d2
10
+ direction: down
11
+
12
+ User: {
13
+ shape: c4-person
14
+ }
15
+
16
+ Application-UI: {
17
+ label: "アプリケーションUI"
18
+ shape: rectangle
19
+
20
+ AutoTopup-Card: {
21
+ label: "AutoTopupコンポーネント"
22
+ shape: rectangle
23
+ }
24
+
25
+ AutoTopup-Modal: {
26
+ label: "AutoTopupModal"
27
+ shape: rectangle
28
+ }
29
+ }
30
+
31
+ Payment-API: {
32
+ label: "支払いAPI"
33
+ shape: cylinder
34
+ }
35
+
36
+ User -> Application-UI.AutoTopup-Card: "1. 自動チャージのステータスを表示"
37
+ Application-UI.AutoTopup-Card -> Application-UI.AutoTopup-Modal: "2. '設定'をクリックしてモーダルを開く"
38
+ User -> Application-UI.AutoTopup-Modal: "3. 設定を調整して保存"
39
+ Application-UI.AutoTopup-Modal -> Payment-API: "4. 設定を送信"
40
+ Payment-API -> Payment-API: "5. 設定を保存"
41
+ Payment-API -> Application-UI.AutoTopup-Modal: "6. 成功を返す"
42
+ Application-UI.AutoTopup-Modal -> Application-UI.AutoTopup-Card: "7. onSuccessを呼び出し、UIを更新"
43
+
44
+ ```
45
+
46
+ ## AutoTopup
47
+
48
+ `AutoTopup`コンポーネントは、特定の通貨の現在の自動チャージステータスを表示し、設定へのエントリーポイントを提供する表示カードです。柔軟性のために複数のレンダリングモードをサポートしています。
49
+
50
+ ### Props
51
+
52
+ | Prop | Type | Description |
53
+ | --- | --- | --- |
54
+ | `currencyId` | `string` | **必須。** 管理するクレジット通貨のID。 |
55
+ | `onConfigChange` | `(config: AutoRechargeConfig) => void` | 任意。設定が正常に更新されたときにトリガーされるコールバック関数。 |
56
+ | `mode` | `'default' \| 'simple' \| 'custom'` | 任意。レンダリングモード。デフォルトは`'default'`です。<br/>- `default`: 全ての詳細を表示する完全に展開されたカード。<br/>- `simple`: 詳細を展開するためのボタンが付いた、コンパクトで折りたたまれたビュー。<br/>- `custom`: `children`レンダープロップを使用してカスタムUIをレンダリングします。 |
57
+ | `sx` | `SxProps` | 任意。コンポーネントに適用するカスタムMUIスタイル。 |
58
+ | `children` | `(openModal, config, paymentData, loading) => React.ReactNode` | 任意。`mode`が`'custom'`の場合にのみ使用されるレンダープロップ関数。カスタムインターフェースを構築するために必要なツールを受け取ります。 |
59
+
60
+ ### 使用方法
61
+
62
+ #### シンプルモード
63
+
64
+ これは最も一般的な使用例で、ユーザーが詳細を展開できるコンパクトな表示を提供します。
65
+
66
+ ```tsx CreditManagement.tsx icon=logos:react
67
+ import { PaymentProvider, AutoTopup } from '@blocklet/payment-react';
68
+
69
+ function CreditManagement({ session, currencyId }) {
70
+ const handleConfigChange = (config) => {
71
+ console.log('自動チャージの設定が更新されました:', config);
72
+ // ここでユーザーの残高を更新することをお勧めします
73
+ };
74
+
75
+ return (
76
+ <PaymentProvider session={session}>
77
+ <AutoTopup
78
+ currencyId={currencyId}
79
+ mode="simple"
80
+ onConfigChange={handleConfigChange}
81
+ sx={{ mt: 2 }}
82
+ />
83
+ </PaymentProvider>
84
+ );
85
+ }
86
+ ```
87
+
88
+ #### カスタムモード
89
+
90
+ UIを完全に制御するには、レンダープロップを使用して`custom`モードを使用します。これにより、自動チャージのステータスと設定トリガーを既存のレイアウトにシームレスに統合できます。
91
+
92
+ ```tsx CustomAutoTopupDisplay.tsx icon=logos:react
93
+ import { PaymentProvider, AutoTopup } from '@blocklet/payment-react';
94
+ import { Button, Card, CardContent, Typography } from '@mui/material';
95
+
96
+ function CustomAutoTopupDisplay({ session, currencyId }) {
97
+ return (
98
+ <PaymentProvider session={session}>
99
+ <AutoTopup currencyId={currencyId} mode="custom">
100
+ {(openModal, config, paymentData, loading) => {
101
+ if (loading) return <div>設定を読み込み中...</div>;
102
+
103
+ return (
104
+ <Card variant="outlined">
105
+ <CardContent>
106
+ <Typography variant="h6">スマート自動チャージ</Typography>
107
+ {config?.enabled ? (
108
+ <Typography color="success.main">
109
+ ステータス: アクティブ
110
+ </Typography>
111
+ ) : (
112
+ <Typography color="text.secondary">
113
+ ステータス: 非アクティブ
114
+ </Typography>
115
+ )}
116
+ <Button onClick={openModal} variant="contained" sx={{ mt: 2 }}>
117
+ {config?.enabled ? '設定を変更' : '今すぐ設定'}
118
+ </Button>
119
+ </CardContent>
120
+ </Card>
121
+ );
122
+ }}
123
+ </AutoTopup>
124
+ </PaymentProvider>
125
+ );
126
+ }
127
+ ```
128
+
129
+ ## AutoTopupModal
130
+
131
+ `AutoTopupModal`は、トリガーとなるしきい値、購入金額、支払い方法など、自動チャージ機能のすべての側面をユーザーが有効化、無効化、設定できるダイアログコンポーネントです。
132
+
133
+ ### Props
134
+
135
+ | Prop | Type | Description |
136
+ | --- | --- | --- |
137
+ | `open` | `boolean` | **必須。** モーダルが表示されるかどうかを制御します。 |
138
+ | `onClose` | `() => void` | **必須。** モーダルを閉じるためのコールバック関数。 |
139
+ | `currencyId` | `string` | **必須。** 設定するクレジット通貨のID。 |
140
+ | `customerId` | `string` | 任意。顧客のDID。デフォルトは`PaymentProvider`セッションからのユーザーです。 |
141
+ | `onSuccess` | `(config: AutoRechargeConfig) => void` | 任意。設定が正常に保存された後にトリガーされるコールバック。 |
142
+ | `onError` | `(error: any) => void` | 任意。送信中にエラーが発生した場合にトリガーされるコールバック。 |
143
+ | `defaultEnabled` | `boolean` | 任意。`true`の場合、新しい設定のためにモーダルが開かれると、'自動チャージを有効にする'スイッチがデフォルトでオンになります。 |
144
+
145
+ ### 使用方法
146
+
147
+ 以下は、`AutoTopupModal`の状態を管理し、そのコールバックを処理する方法の完全な例です。
148
+
149
+ ```tsx AutoRechargeSettings.tsx icon=logos:react
150
+ import { PaymentProvider, AutoTopupModal } from '@blocklet/payment-react';
151
+ import { useState } from 'react';
152
+ import { Button } from '@mui/material';
153
+
154
+ function AutoRechargeSettings({ session, currencyId }) {
155
+ const [isModalOpen, setModalOpen] = useState(false);
156
+
157
+ const handleSuccess = (config) => {
158
+ console.log('設定が正常に保存されました:', config);
159
+ setModalOpen(false);
160
+ // オプションで、成功のトーストを表示するか、データを更新します
161
+ };
162
+
163
+ const handleError = (error) => {
164
+ console.error('設定の保存に失敗しました:', error);
165
+ // オプションで、ユーザーにエラーメッセージを表示します
166
+ };
167
+
168
+ return (
169
+ <PaymentProvider session={session}>
170
+ <Button variant="contained" onClick={() => setModalOpen(true)}>
171
+ 自動チャージを設定
172
+ </Button>
173
+
174
+ <AutoTopupModal
175
+ open={isModalOpen}
176
+ onClose={() => setModalOpen(false)}
177
+ currencyId={currencyId}
178
+ onSuccess={handleSuccess}
179
+ onError={handleError}
180
+ defaultEnabled={true}
181
+ />
182
+ </PaymentProvider>
183
+ );
184
+ }
185
+ ```
186
+
187
+ この設定は、自動チャージ機能を管理するための堅牢な方法を提供し、ユーザーに制御権を与えながら、サービス利用クレジットを維持するためのスムーズな体験を保証します。