@blocklet/payment-react 1.23.0 → 1.23.1

package/.aigne/doc-smith/translation-cache.yaml

@@ -1,7 +1,7 @@
 Payment Kit UI (React):
   en: Payment Kit UI (React)
-  zh: 支付套件 UI (React)
-  zh-TW: 支付套件 UI (React)
+  zh: Payment Kit UI (React)
+  zh-TW: Payment Kit UI (React)
   ja: 決済キットUI (React)
 "@blocklet/payment-react is a React library for blocklet payment systems with Payment Kit.":
   en: "@blocklet/payment-react is a React library for blocklet payment systems

package/.aigne/doc-smith/upload-cache.yaml

@@ -1138,3 +1138,345 @@ b11b0cdb89a8aee2639341f7a0ec348cad1afeb80991b76e23f5fcb26583309c:
     https://docsmith.aigne.io:
       url: https://docsmith.aigne.io/image-bin/uploads/72e00024f48c0f9d.jpg
       upload_time: 2025-12-04T14:44:10.287Z
+508a31361b9ec613d2cd791ab9c7f37b399894ebf63aa9404ea469de692164bb:
+  local_path: docs/assets/diagram/providers-01.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/508a31361b9ec613.jpg
+      upload_time: 2025-12-12T14:43:51.427Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/508a31361b9ec613.jpg
+      upload_time: 2025-12-12T14:44:44.033Z
+5b95c0485447400b8dd2b8a0eb547a227516ca75f2ebd00cc81bb2c90e546c7d:
+  local_path: docs/assets/diagram/overview-01.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/5b95c0485447400b.jpg
+      upload_time: 2025-12-12T14:43:51.485Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/5b95c0485447400b.jpg
+      upload_time: 2025-12-12T14:44:43.961Z
+714cfc359351a27f30377e319de459852f5c8da204fe79217d3848077aa74082:
+  local_path: docs/assets/diagram/providers-01.zh.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/714cfc359351a27f.jpg
+      upload_time: 2025-12-12T14:43:52.291Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/714cfc359351a27f.jpg
+      upload_time: 2025-12-12T14:44:44.903Z
+e2c22db919f4c801377e26162bc97d1991c7eac7a874d1719724bb9bae132377:
+  local_path: docs/assets/diagram/overview-01.zh.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/e2c22db919f4c801.jpg
+      upload_time: 2025-12-12T14:43:52.343Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/e2c22db919f4c801.jpg
+      upload_time: 2025-12-12T14:44:44.984Z
+ea42f92783c3a7188f7e005a979b915709bbbd742673bb16aeff265a33bd4abd:
+  local_path: docs/assets/diagram/providers-01.zh-TW.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/ea42f92783c3a718.jpg
+      upload_time: 2025-12-12T14:43:53.096Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/ea42f92783c3a718.jpg
+      upload_time: 2025-12-12T14:44:45.736Z
+be4e91e77b0aada38562a1b68c489ab3afbec23128044d0b953696d5de68d661:
+  local_path: docs/assets/diagram/overview-01.zh-TW.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/be4e91e77b0aada3.jpg
+      upload_time: 2025-12-12T14:43:53.140Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/be4e91e77b0aada3.jpg
+      upload_time: 2025-12-12T14:44:45.890Z
+92e0013fe8e94cc18e7a2c275f6678537300df9fdcf58f2be8afc91e19fa4238:
+  local_path: docs/assets/diagram/overview-01.ja.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/92e0013fe8e94cc1.jpg
+      upload_time: 2025-12-12T14:43:53.897Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/92e0013fe8e94cc1.jpg
+      upload_time: 2025-12-12T14:44:46.820Z
+95d86b2d33f459326ceedd5aa191accb619c5c561fb50b156efd6056ec7540d7:
+  local_path: docs/assets/diagram/providers-01.ja.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/95d86b2d33f45932.jpg
+      upload_time: 2025-12-12T14:43:53.940Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/95d86b2d33f45932.jpg
+      upload_time: 2025-12-12T14:44:46.575Z
+36bcc97375b6d3a7f764523e7ad72c60c52d0f29a5a530de16a6597a53c9195d:
+  local_path: docs/assets/diagram/components-diagram-0.zh.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/36bcc97375b6d3a7.jpg
+      upload_time: 2025-12-12T14:43:54.151Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/36bcc97375b6d3a7.jpg
+      upload_time: 2025-12-12T14:44:46.896Z
+fd6b645ad7ae1c8e80ea269540081c71d46c7d5eb91757a4a9045df458683534:
+  local_path: docs/assets/diagram/components-diagram-0.zh-TW.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/fd6b645ad7ae1c8e.jpg
+      upload_time: 2025-12-12T14:43:54.915Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/fd6b645ad7ae1c8e.jpg
+      upload_time: 2025-12-12T14:44:47.784Z
+277e16ea8099fbdd0bc5ae6eff811093e427669dbb4f1c00f8a102b456ed7ece:
+  local_path: docs/assets/diagram/payment-provider-diagram-0.zh.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/277e16ea8099fbdd.jpg
+      upload_time: 2025-12-12T14:43:55.382Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/277e16ea8099fbdd.jpg
+      upload_time: 2025-12-12T14:44:48.374Z
+11de4381bf11ed84aee50bdb407a4c2fec2db7c445813cbda519006499676161:
+  local_path: docs/assets/diagram/components-diagram-0.ja.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/11de4381bf11ed84.jpg
+      upload_time: 2025-12-12T14:43:55.680Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/11de4381bf11ed84.jpg
+      upload_time: 2025-12-12T14:44:48.646Z
+5508132a8d556d1bc7f766164a850e5a50f6aa23a0127ab1c05a452d0ddfd3a6:
+  local_path: docs/assets/diagram/payment-provider-diagram-0.zh-TW.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/5508132a8d556d1b.jpg
+      upload_time: 2025-12-12T14:43:56.157Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/5508132a8d556d1b.jpg
+      upload_time: 2025-12-12T14:44:49.199Z
+67e547a7f6c3bc45ac93f50a6f79c73e61033c0368d0a17a05ed870fe88ce22e:
+  local_path: docs/assets/diagram/payment-provider-diagram-0.ja.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/67e547a7f6c3bc45.jpg
+      upload_time: 2025-12-12T14:43:56.911Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/67e547a7f6c3bc45.jpg
+      upload_time: 2025-12-12T14:44:50.113Z
+810966fafe40d22e48f4f7c28ee3bdd778d0c6e2a851691eb9eb5ec53914d6c8:
+  local_path: docs/assets/diagram/components-checkout-checkout-table-01.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/810966fafe40d22e.jpg
+      upload_time: 2025-12-12T14:43:58.575Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/810966fafe40d22e.jpg
+      upload_time: 2025-12-12T14:44:51.753Z
+b293a397a0f3e75d8ef03018767fbe00ee1391ac33dea6cb4b76ae1edafbe6df:
+  local_path: docs/assets/diagram/components-checkout-checkout-donate-01.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/b293a397a0f3e75d.jpg
+      upload_time: 2025-12-12T14:43:58.645Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/b293a397a0f3e75d.jpg
+      upload_time: 2025-12-12T14:44:51.840Z
+6bf93c6c3b07bf61c9a770243d58f8166f67d237c2463fef44c15e1ca281e3e2:
+  local_path: docs/assets/diagram/components-business-overdue-invoice-payment-01.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/6bf93c6c3b07bf61.jpg
+      upload_time: 2025-12-12T14:43:58.913Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/6bf93c6c3b07bf61.jpg
+      upload_time: 2025-12-12T14:44:51.895Z
+1af78b6403e733fae63133f2fd1d5a730b89121d9a0e42295bc1e0019cb7233f:
+  local_path: docs/assets/diagram/components-checkout-checkout-table-01.zh.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/1af78b6403e733fa.jpg
+      upload_time: 2025-12-12T14:43:59.546Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/1af78b6403e733fa.jpg
+      upload_time: 2025-12-12T14:44:52.665Z
+897f9712718570b9ea9d82915f9348758399eb4a92ea4388e92babbed9f980d5:
+  local_path: docs/assets/diagram/components-checkout-checkout-donate-01.zh.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/897f9712718570b9.jpg
+      upload_time: 2025-12-12T14:43:59.594Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/897f9712718570b9.jpg
+      upload_time: 2025-12-12T14:44:52.886Z
+c635d7273eed3599e1e57e30e50a60a2a8bed374ba08535eb1b897ce2e23cda5:
+  local_path: docs/assets/diagram/resume-subscription-diagram-0.zh.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/c635d7273eed3599.jpg
+      upload_time: 2025-12-12T14:43:59.638Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/c635d7273eed3599.jpg
+      upload_time: 2025-12-12T14:44:52.717Z
+ef8702b2633ec9ebb8bfde9a4fb5646bc5aa1cd185fc45c8314c0b555aa5ad11:
+  local_path: docs/assets/diagram/auto-topup-diagram-0.zh.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/ef8702b2633ec9eb.jpg
+      upload_time: 2025-12-12T14:43:59.684Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/ef8702b2633ec9eb.jpg
+      upload_time: 2025-12-12T14:44:52.487Z
+0bcb441db2b4c9d0f0aac4df1ff37114c505c15f5e1c58fe0a9eab56afd7a0b4:
+  local_path: docs/assets/diagram/components-business-overdue-invoice-payment-01.zh.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/0bcb441db2b4c9d0.jpg
+      upload_time: 2025-12-12T14:43:59.837Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/0bcb441db2b4c9d0.jpg
+      upload_time: 2025-12-12T14:44:53.000Z
+4c20521ac6c2386be9fc661d1c68af1e2c6ae0a9fda5abf9f8c740c158179412:
+  local_path: docs/assets/diagram/auto-topup-diagram-0.zh-TW.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/4c20521ac6c2386b.jpg
+      upload_time: 2025-12-12T14:44:00.572Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/4c20521ac6c2386b.jpg
+      upload_time: 2025-12-12T14:44:53.356Z
+86c767928be291aa7fff85883f15ff2b9d6b7f1e406475192d656e30e34c3383:
+  local_path: docs/assets/diagram/resume-subscription-diagram-0.zh-TW.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/86c767928be291aa.jpg
+      upload_time: 2025-12-12T14:44:00.656Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/86c767928be291aa.jpg
+      upload_time: 2025-12-12T14:44:53.790Z
+396e30ff7d34fc3a63dbd94d44f2ea263b68586b172666749715bcc0a3e3db1d:
+  local_path: docs/assets/diagram/components-checkout-checkout-donate-01.zh-TW.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/396e30ff7d34fc3a.jpg
+      upload_time: 2025-12-12T14:44:00.820Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/396e30ff7d34fc3a.jpg
+      upload_time: 2025-12-12T14:44:53.887Z
+995b2e4de34689e2d251db27778ef611004e46ecf7628bf0c85036649b2ca3ac:
+  local_path: docs/assets/diagram/use-subscription-diagram-0.zh.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/995b2e4de34689e2.jpg
+      upload_time: 2025-12-12T14:44:00.900Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/995b2e4de34689e2.jpg
+      upload_time: 2025-12-12T14:44:53.965Z
+1bb9ed22adf19cfc98a94e12a2204b75a34b0cfeabf687e6dcd23f40cdd9b3e5:
+  local_path: docs/assets/diagram/components-checkout-checkout-table-01.zh-TW.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/1bb9ed22adf19cfc.jpg
+      upload_time: 2025-12-12T14:44:00.971Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/1bb9ed22adf19cfc.jpg
+      upload_time: 2025-12-12T14:44:53.733Z
+3397197159e6d3b1f5518ff4c4bbb14f001d32168575bfa208ec9a2c7dea6884:
+  local_path: docs/assets/diagram/components-business-overdue-invoice-payment-01.zh-TW.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/3397197159e6d3b1.jpg
+      upload_time: 2025-12-12T14:44:01.105Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/3397197159e6d3b1.jpg
+      upload_time: 2025-12-12T14:44:54.017Z
+e4ce08efeea2a55946e196d460ebd29197571366d6a9419a98ae977466a89ec8:
+  local_path: docs/assets/diagram/auto-topup-diagram-0.ja.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/e4ce08efeea2a559.jpg
+      upload_time: 2025-12-12T14:44:01.393Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/e4ce08efeea2a559.jpg
+      upload_time: 2025-12-12T14:44:54.333Z
+7c9da50c70c56842215ca6d279ada7bc95fcd51c0b6b2c6b5bd5278cf5f459e0:
+  local_path: docs/assets/diagram/resume-subscription-diagram-0.ja.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/7c9da50c70c56842.jpg
+      upload_time: 2025-12-12T14:44:01.466Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/7c9da50c70c56842.jpg
+      upload_time: 2025-12-12T14:44:54.899Z
+d302bbe464d3e70b43c20c02ad37426ccaf8d05ed4299fdd35fe07f330fb35d5:
+  local_path: docs/assets/diagram/components-checkout-checkout-donate-01.ja.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/d302bbe464d3e70b.jpg
+      upload_time: 2025-12-12T14:44:01.718Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/d302bbe464d3e70b.jpg
+      upload_time: 2025-12-12T14:44:55.160Z
+810cc434e1fb3faa17e4884e82b65e54b8536ac4071b7ce20d7f7aba9bd03b14:
+  local_path: docs/assets/diagram/components-checkout-checkout-table-01.ja.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/810cc434e1fb3faa.jpg
+      upload_time: 2025-12-12T14:44:01.790Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/810cc434e1fb3faa.jpg
+      upload_time: 2025-12-12T14:44:54.728Z
+2b6631b9ff0180fea82cd5a7f73709b8d5827a5434bbc614cb4c9686bc44d4ba:
+  local_path: docs/assets/diagram/use-subscription-diagram-0.zh-TW.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/2b6631b9ff0180fe.jpg
+      upload_time: 2025-12-12T14:44:01.840Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/2b6631b9ff0180fe.jpg
+      upload_time: 2025-12-12T14:44:55.104Z
+f181c897f7f2e851288c80fac61b2654bc47ea18be306e06f2c516c7765cc93f:
+  local_path: docs/assets/diagram/components-business-overdue-invoice-payment-01.ja.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/f181c897f7f2e851.jpg
+      upload_time: 2025-12-12T14:44:02.054Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/f181c897f7f2e851.jpg
+      upload_time: 2025-12-12T14:44:55.046Z
+9ade322e1cf45081e954e5fae63e0596a3f49832da678d73919e671f65ea32a8:
+  local_path: docs/assets/diagram/phone-input-diagram-0.zh.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/9ade322e1cf45081.jpg
+      upload_time: 2025-12-12T14:44:02.109Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/9ade322e1cf45081.jpg
+      upload_time: 2025-12-12T14:44:54.671Z
+a718818b18ca41eea57a1a525ec9c7717c9d4c86e6375914e5ce0fc13cb7edc1:
+  local_path: docs/assets/diagram/use-subscription-diagram-0.ja.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/a718818b18ca41ee.jpg
+      upload_time: 2025-12-12T14:44:02.605Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/a718818b18ca41ee.jpg
+      upload_time: 2025-12-12T14:44:55.961Z
+9d0fc26b1f01700f79b29d1866dc3bb6d92e235d074521802fd290880749bb94:
+  local_path: docs/assets/diagram/phone-input-diagram-0.zh-TW.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/9d0fc26b1f01700f.jpg
+      upload_time: 2025-12-12T14:44:02.907Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/9d0fc26b1f01700f.jpg
+      upload_time: 2025-12-12T14:44:55.615Z
+5315b6fb44563ac3a990976566b08df00df3680c8aec3e38c8077a97a96742ae:
+  local_path: docs/assets/diagram/phone-input-diagram-0.ja.jpg
+  sites:
+    https://www.arcblock.io:
+      url: https://www.arcblock.io/image-bin/uploads/5315b6fb44563ac3.jpg
+      upload_time: 2025-12-12T14:44:03.655Z
+    https://docsmith.aigne.io:
+      url: https://docsmith.aigne.io/image-bin/uploads/5315b6fb44563ac3.jpg
+      upload_time: 2025-12-12T14:44:56.425Z

package/docs/components-business-auto-topup.ja.md

@@ -6,8 +6,8 @@
 
 以下の図は、自動チャージ機能設定の典型的なユーザーフローを示しています。ユーザーは`AutoTopup`表示コンポーネントを操作し、それが変更を行うための`AutoTopupModal`を起動します。その後、モーダルはバックエンドAPIと通信して設定を保存します。
 
-<!-- DIAGRAM_IMAGE_START:flowchart:16:9 -->
-![Auto-Topup Components](assets/diagram/auto-topup-diagram-0.jpg)
+<!-- DIAGRAM_IMAGE_START:flowchart:16:9::1764919317 -->
+![Auto-Topup Components](assets/diagram/auto-topup-diagram-0.ja.jpg)
 <!-- DIAGRAM_IMAGE_END -->
 
 ## AutoTopup

package/docs/components-business-auto-topup.md

@@ -6,7 +6,7 @@ The auto-topup feature ensures uninterrupted service by automatically recharging
 
 The diagram below illustrates the typical user flow for configuring the auto-topup feature. The user interacts with the `AutoTopup` display component, which launches the `AutoTopupModal` for making changes. The modal then communicates with the backend API to save the configuration.
 
-<!-- DIAGRAM_IMAGE_START:flowchart:16:9 -->
+<!-- DIAGRAM_IMAGE_START:flowchart:16:9:1764919317 -->
 ![Auto-Topup Components](assets/diagram/auto-topup-diagram-0.jpg)
 <!-- DIAGRAM_IMAGE_END -->
 

package/docs/components-business-auto-topup.zh-TW.md

@@ -6,8 +6,8 @@
 
 下圖說明了使用者設定自動儲值功能的典型流程。使用者與 `AutoTopup` 顯示元件互動，該元件會啟動 `AutoTopupModal` 以進行變更。然後，彈出視窗會與後端 API 通訊以儲存設定。
 
-<!-- DIAGRAM_IMAGE_START:flowchart:16:9 -->
-![Auto-Topup Components](assets/diagram/auto-topup-diagram-0.jpg)
+<!-- DIAGRAM_IMAGE_START:flowchart:16:9:1764919317 -->
+![Auto-Topup Components](assets/diagram/auto-topup-diagram-0.zh-TW.jpg)
 <!-- DIAGRAM_IMAGE_END -->
 
 ## AutoTopup

package/docs/components-business-auto-topup.zh.md

@@ -6,8 +6,8 @@
 
 下图展示了配置自动充值功能的典型用户流程。用户与 `AutoTopup` 显示组件交互，该组件会启动 `AutoTopupModal` 以进行更改。然后，该模态框与后端 API 通信以保存配置。
 
-<!-- DIAGRAM_IMAGE_START:flowchart:16:9 -->
-![Auto-Topup Components](assets/diagram/auto-topup-diagram-0.jpg)
+<!-- DIAGRAM_IMAGE_START:flowchart:16:9:1764919317 -->
+![Auto-Topup Components](assets/diagram/auto-topup-diagram-0.zh.jpg)
 <!-- DIAGRAM_IMAGE_END -->
 
 ## AutoTopup

package/docs/components-business-overdue-invoice-payment.ja.md

@@ -8,45 +8,9 @@
 
 このコンポーネントは、データの取得から最終的なトランザクションの確認まで、支払い期限切れのプロセス全体を調整します。
 
-```d2 Overdue Payment Flow
-direction: down
-
-User: { 
-  shape: c4-person 
-}
-
-Client-App: {
-  label: "クライアントアプリケーション"
-  shape: rectangle
-
-  OverdueInvoicePayment-Component: {
-    label: "OverdueInvoicePayment コンポーネント"
-    shape: rectangle
-  }
-}
-
-Payment-Backend: {
-  label: "決済バックエンド"
-  shape: cylinder
-}
-
-DID-Wallet: {
-  label: "DID ウォレット"
-  icon: "https://www.arcblock.io/image-bin/uploads/37198ddc4a0b9e91e5c1c821ab895a34.svg"
-}
-
-User -> Client-App.OverdueInvoicePayment-Component: "1. コンポーネントをレンダリング"
-Client-App.OverdueInvoicePayment-Component -> Payment-Backend: "2. 期限切れの請求書を取得"
-Payment-Backend -> Client-App.OverdueInvoicePayment-Component: "3. 請求書の概要を返す"
-Client-App.OverdueInvoicePayment-Component -> User: "4. 支払いダイアログを表示"
-User -> Client-App.OverdueInvoicePayment-Component: "5. 「今すぐ支払う」をクリック"
-Client-App.OverdueInvoicePayment-Component -> DID-Wallet: "6. 接続セッションを開く (collect-batch)"
-User -> DID-Wallet: "7. 支払いを承認"
-DID-Wallet -> Client-App.OverdueInvoicePayment-Component: "8. 成功コールバックを送信"
-Payment-Backend -> Client-App.OverdueInvoicePayment-Component: "9. WebSocket イベント (invoice.paid)"
-Client-App.OverdueInvoicePayment-Component -> User: "10. UI を更新 (例: ダイアログを閉じる)"
-
-```
+<!-- DIAGRAM_IMAGE_START:flowchart:4:3::1765377372 -->
+![OverdueInvoicePayment](assets/diagram/components-business-overdue-invoice-payment-01.ja.jpg)
+<!-- DIAGRAM_IMAGE_END -->
 
 ## Props