Adding idempotency to payInvoice method and a hint to birthday input (#479)

* striga design review feedback (#20071)

## Reason

Design review feedback from Pat

GitOrigin-RevId: 612af3dbfbaf3dacae1c526b5073e1c48bcfa952

* feat: adding idempotency to typescript client payInvoice (#20102)

## Reason

Added support for idempotency keys in the `payInvoice` method.  This was already available via the API but not exposed in the client lib.

## Overview

This change adds an optional `idempotencyKey` parameter to the `payInvoice` method in the Lightspark SDK. When provided, this key is passed to the GraphQL API, allowing the server to identify and prevent duplicate payment attempts.

GitOrigin-RevId: 78045ab188bddb612c6b19431419ac35f133c660

* Update from public js-sdk main branch (#20094)

Update public `js` sources with the latest code from the [public
repository](https://github.com/lightsparkdev/js-sdk) main branch.

This typically happens when new versions of the SDK are released and
version updates need to be synced. The PR should be merged as soon as
possible to avoid updates to webdev overwriting the changes in the
js-sdk develop branch.

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Lightspark Eng <engineering@lightspark.com>
Co-authored-by: Corey Martin <coreyn.martin@gmail.com>
GitOrigin-RevId: de0143b6431a7a7232e6c88135f5f3a2398b8b89

* chore: adding changesets

---------

Co-authored-by: Matt Davis <matthappens@gmail.com>
Co-authored-by: Peng Ying <peng@lightspark.com>
Co-authored-by: lightspark-ci-js-sdk[bot] <134011073+lightspark-ci-js-sdk[bot]@users.noreply.github.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Lightspark Eng <engineering@lightspark.com>
Co-authored-by: Corey Martin <coreyn.martin@gmail.com>

Author: 6 people

.changeset/legal-hoops-drum.md

@@ -0,0 +1,5 @@
+---
+"@lightsparkdev/ui": patch
+---
+
+feat: adding hint for birthday input

.changeset/tame-towns-rescue.md

@@ -0,0 +1,5 @@
+---
+"@lightsparkdev/lightspark-sdk": patch
+---
+
+feat: exposing idempotency field on payInvoice method

packages/lightspark-sdk/src/client.ts

@@ -866,6 +866,7 @@ class LightsparkClient {
     maximumFeesMsats: number,
     timeoutSecs: number = 60,
     amountMsats: number | undefined = undefined,
+    idempotencyKey: string | undefined = undefined,
   ): Promise<OutgoingPayment | undefined> {
     if (!this.nodeKeyCache.hasKey(payerNodeId)) {
       throw new LightsparkSigningException("Paying node is not unlocked");
@@ -879,6 +880,9 @@ class LightsparkClient {
     if (amountMsats !== undefined) {
       variables.amount_msats = amountMsats;
     }
+    if (idempotencyKey !== undefined) {
+      variables.idempotency_key = idempotencyKey;
+    }
     const response = await this.requester.makeRawRequest(
       PayInvoice,
       variables,

packages/lightspark-sdk/src/graphql/PayInvoice.ts

@@ -9,6 +9,7 @@ export const PayInvoice = `
     $timeout_secs: Int!
     $maximum_fees_msats: Long!
     $amount_msats: Long
+    $idempotency_key: String
   ) {
     pay_invoice(
       input: {
@@ -17,6 +18,7 @@ export const PayInvoice = `
         timeout_secs: $timeout_secs
         maximum_fees_msats: $maximum_fees_msats
         amount_msats: $amount_msats
+        idempotency_key: $idempotency_key
       }
     ) {
       payment {

packages/ui/src/components/BirthdayInput.tsx

@@ -145,7 +145,14 @@ export function BirthdayInput({
         typography={{
           size: "Large",
         }}
-        hint={formatDateToText(date)}
+        hint={{
+          text: formatDateToText(date),
+          typography: {
+            type: "Label",
+            size: "Medium",
+            color: "secondary",
+          },
+        }}
         error={
           birthdayFieldBlurred && isInvalid ? invalidBirthdayError : undefined
         }

packages/ui/src/components/TextInput.tsx

@@ -79,6 +79,7 @@ export type TextInputProps = {
         side?: IconSide | undefined;
         offset?: IconOffset | undefined;
         strokeWidth?: IconStrokeWidth | undefined;
+        color?: ThemeOrColorKey | undefined;
       }
     | undefined;
   maxLength?: number;