@pollar/react 0.11.5 → 0.12.0-rc.2

package/README.md

@@ -139,7 +139,7 @@ Context provider that initialises the Pollar client and makes it available to ch
 <PollarProvider
   client={{
     apiKey: 'your-api-key',
-    baseUrl: 'https://sdk.api.pollar.xyz', // optional, origin only — the SDK appends /v2
+    baseUrl: 'https://sdk.api.pollar.xyz', // optional, origin only — the SDK appends /v3
     stellarNetwork: 'testnet', // optional, default: 'testnet'
     storage, // optional, RN apps inject this
     keyManager, // optional, autodetects on web

package/dist/index.css

@@ -1967,6 +1967,56 @@ html.dark .pollar-send-inline-action {
   flex-direction: column;
   gap: 1rem;
 }
+.pollar-ramp-saved {
+  gap: 0.625rem;
+  padding-bottom: 1rem;
+  margin-bottom: 1rem;
+  border-bottom: 1px solid var(--pollar-border);
+}
+.pollar-ramp-saved-row {
+  display: flex;
+  gap: 0.625rem;
+  align-items: center;
+}
+.pollar-ramp-saved-row > button:first-child {
+  flex: 1;
+  min-width: 0;
+}
+.pollar-ramp-saved-row > button:last-child:not(:first-child) {
+  width: auto;
+}
+.pollar-ramp-explore {
+  display: flex;
+  flex-direction: column;
+  gap: 0.625rem;
+  border-top: 1px solid var(--pollar-border);
+  margin-top: 1.25rem;
+  padding-top: 1.25rem;
+}
+.pollar-ramp-workflow p {
+  margin: 0;
+}
+.pollar-ramp-terms {
+  padding: 0.875rem 1rem;
+  border: 1px solid var(--pollar-border);
+  border-radius: var(--pollar-card-border-radius, 10px);
+  background: var(--pollar-input-bg);
+  color: var(--pollar-text);
+  line-height: 1.6;
+  font-size: 0.875rem;
+}
+.pollar-ramp-workflow-detail,
+.pollar-ramp-reference {
+  overflow-wrap: anywhere;
+  font-size: 0.8125rem;
+  line-height: 1.5;
+  color: var(--pollar-muted);
+}
+.pollar-ramp-hosted-link {
+  display: flex;
+  justify-content: center;
+  text-decoration: none;
+}
 .pollar-ramp-payment-title {
   font-size: 0.8125rem;
   font-weight: 600;
@@ -2209,6 +2259,23 @@ html.dark .pollar-send-inline-action {
     padding-inline: 0.625rem;
   }
 }
+.pollar-receive-locked {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.75rem;
+  padding: 1rem;
+  border: 1px solid var(--pollar-error-border, #fecaca);
+  border-radius: var(--pollar-card-border-radius, 10px);
+  background: var(--pollar-error-bg, #fef2f2);
+  color: var(--pollar-error-text, #b91c1c);
+  font-size: 0.85rem;
+  line-height: 1.4;
+  text-align: center;
+}
+.pollar-receive-locked p {
+  margin: 0;
+}
 
 /* src/components/transaction-modal/TransactionModal.css */
 .pollar-tx-modal {
@@ -3413,23 +3480,148 @@ html.dark .pollar-cosign-modal {
   border-color: var(--pollar-accent);
   color: var(--pollar-accent-text, #fff);
 }
-.pollar-cosign-group {
-  margin: 8px 0 12px;
-  padding: 10px 12px;
-  border-radius: var(--pollar-card-border-radius);
-  border: 1px solid var(--pollar-border);
+
+/* src/components/recovery-modal/RecoveryModal.css */
+.pollar-recovery-modal {
+  display: flex;
+  flex-direction: column;
+  width: 440px;
+  max-width: calc(100vw - 2rem);
+  max-height: calc(100dvh - 2rem);
+  overflow: hidden;
+  padding-bottom: 0.75rem;
+}
+.pollar-recovery-body {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  overflow-y: auto;
+  padding: 0 0.25rem 0.5rem;
+}
+.pollar-recovery-banner {
+  padding: 0.75rem 0.9rem;
+  border-radius: var(--pollar-card-border-radius, 10px);
+  font-size: 0.85rem;
+  line-height: 1.4;
+}
+.pollar-recovery-banner-warn {
+  border: 1px solid var(--pollar-error-border, #fecaca);
+  background: var(--pollar-error-bg, #fef2f2);
+  color: var(--pollar-error-text, #b91c1c);
 }
-.pollar-cosign-group-title {
-  margin: 0 0 4px;
+.pollar-recovery-banner-ok {
+  border: 1px solid color-mix(in srgb, var(--pollar-success-text, #16a34a) 35%, transparent);
+  background: color-mix(in srgb, var(--pollar-success-text, #16a34a) 8%, var(--pollar-bg));
+  color: var(--pollar-text);
+}
+.pollar-recovery-section {
+  display: flex;
+  flex-direction: column;
+  gap: 0.45rem;
+  padding-top: 0.6rem;
+  border-top: 1px solid var(--pollar-border);
+}
+.pollar-recovery-section h3 {
+  margin: 0;
+  font-size: 0.9rem;
   font-weight: 600;
+  color: var(--pollar-text);
+}
+.pollar-recovery-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.5rem;
+  font-size: 0.85rem;
+  color: var(--pollar-text);
+}
+.pollar-recovery-item-pending {
+  flex-wrap: wrap;
 }
-.pollar-cosign-group-steps {
-  margin: 8px 0 0;
-  padding-left: 20px;
+.pollar-recovery-actions {
+  display: flex;
+  gap: 0.4rem;
 }
-.pollar-cosign-group-step-current {
+.pollar-recovery-tag {
+  padding: 0.1rem 0.45rem;
+  border-radius: 999px;
+  background: color-mix(in srgb, var(--pollar-accent) 12%, var(--pollar-bg));
+  color: var(--pollar-accent);
+  font-size: 0.72rem;
   font-weight: 600;
 }
+.pollar-recovery-muted {
+  margin: 0;
+  color: var(--pollar-muted);
+  font-size: 0.8rem;
+  line-height: 1.4;
+}
+.pollar-recovery-row {
+  display: flex;
+  gap: 0.5rem;
+}
+.pollar-recovery-input {
+  flex: 1;
+  min-width: 0;
+  padding: 0.55rem 0.7rem;
+  border: 1px solid var(--pollar-border);
+  border-radius: var(--pollar-button-border-radius, 8px);
+  background: var(--pollar-input-bg, transparent);
+  color: var(--pollar-text);
+  font-size: 0.85rem;
+}
+.pollar-recovery-btn {
+  padding: 0.5rem 0.8rem;
+  border: 1px solid var(--pollar-border);
+  border-radius: var(--pollar-button-border-radius, 8px);
+  background: transparent;
+  color: var(--pollar-text);
+  font-size: 0.82rem;
+  font-weight: 500;
+  cursor: pointer;
+}
+.pollar-recovery-btn:disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
+}
+.pollar-recovery-btn-primary {
+  border-color: var(--pollar-accent);
+  background: var(--pollar-accent);
+  color: #fff;
+}
+.pollar-recovery-btn-danger {
+  border-color: var(--pollar-error-border, #fecaca);
+  color: var(--pollar-error-text, #b91c1c);
+}
+.pollar-recovery-check {
+  display: flex;
+  gap: 0.45rem;
+  align-items: flex-start;
+  color: var(--pollar-text);
+  font-size: 0.8rem;
+}
+.pollar-recovery-phrase {
+  margin: 0;
+  padding: 0.8rem;
+  border: 1px dashed var(--pollar-border);
+  border-radius: var(--pollar-card-border-radius, 10px);
+  background: var(--pollar-input-bg, transparent);
+  color: var(--pollar-text);
+  font-size: 0.9rem;
+  white-space: pre-wrap;
+  word-break: break-word;
+  user-select: all;
+}
+.pollar-recovery-notice {
+  margin: 0;
+  color: var(--pollar-success-text, #16a34a);
+  font-size: 0.8rem;
+}
+.pollar-recovery-error {
+  margin: 0;
+  color: var(--pollar-error-text, #b91c1c);
+  font-size: 0.8rem;
+}
 
 /* src/components/tx-history-modal/TxHistoryModal.css */
 .pollar-hist-modal {