@stellar-snaps/sdk 0.3.1 → 0.3.2

package/dist/index.mjs

@@ -154,6 +154,74 @@ async function deleteSnap(id, creator, options = {}) {
   }
 }
 
+// src/snap-modal.ts
+var MODAL_ID = "stellar-snap-modal";
+var IFRAME_ID = "stellar-snap-modal-iframe";
+function isBrowser() {
+  return typeof document !== "undefined" && typeof window !== "undefined";
+}
+function openSnapModal(snapUrl, options = {}) {
+  if (!isBrowser()) return;
+  closeSnapModal();
+  const { width = 420, height = 560, onClose } = options;
+  const overlay = document.createElement("div");
+  overlay.id = MODAL_ID;
+  overlay.setAttribute("role", "dialog");
+  overlay.setAttribute("aria-modal", "true");
+  overlay.setAttribute("aria-label", "Stellar Snap payment");
+  const styles = {
+    position: "fixed",
+    inset: "0",
+    zIndex: "2147483647",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "rgba(0, 0, 0, 0.6)",
+    padding: "20px",
+    boxSizing: "border-box"
+  };
+  Object.assign(overlay.style, styles);
+  const container = document.createElement("div");
+  container.style.position = "relative";
+  container.style.width = `${width}px`;
+  container.style.maxWidth = "100%";
+  container.style.height = `${height}px`;
+  container.style.maxHeight = "90vh";
+  container.style.backgroundColor = "rgb(23, 23, 23)";
+  container.style.borderRadius = "16px";
+  container.style.boxShadow = "0 25px 50px -12px rgba(0, 0, 0, 0.5)";
+  container.style.overflow = "hidden";
+  const closeBtn = document.createElement("button");
+  closeBtn.type = "button";
+  closeBtn.setAttribute("aria-label", "Close");
+  closeBtn.textContent = "\xD7";
+  closeBtn.style.cssText = "position:absolute;top:12px;right:12px;z-index:10;width:32px;height:32px;border:none;border-radius:8px;background:rgba(255,255,255,0.1);color:#e5e5e5;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;";
+  closeBtn.onclick = () => {
+    closeSnapModal();
+    onClose?.();
+  };
+  const iframe = document.createElement("iframe");
+  iframe.id = IFRAME_ID;
+  iframe.src = snapUrl;
+  iframe.title = "Stellar Snap payment";
+  iframe.style.cssText = "width:100%;height:100%;border:none;border-radius:16px;";
+  container.appendChild(closeBtn);
+  container.appendChild(iframe);
+  overlay.appendChild(container);
+  overlay.addEventListener("click", (e) => {
+    if (e.target === overlay) {
+      closeSnapModal();
+      onClose?.();
+    }
+  });
+  document.body.appendChild(overlay);
+}
+function closeSnapModal() {
+  if (!isBrowser()) return;
+  const el = document.getElementById(MODAL_ID);
+  if (el) el.remove();
+}
+
 // src/snap-id.ts
 var ALPHABET = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
 function generateSnapId(length = 8) {
@@ -1164,6 +1232,6 @@ function parseAddress(input) {
   throw new Error("Invalid address format");
 }
 
-export { CACHE_HEADERS, CORS_HEADERS, EXPLORER_URLS, HORIZON_URLS, InvalidAddressError, InvalidAmountError, InvalidAssetError, InvalidUriError, NETWORK_PASSPHRASES2 as NETWORK_PASSPHRASES, POSTGRES_SCHEMA, SHORTENER_DOMAINS, SQLITE_SCHEMA, SnapApiError, SnapNotFoundError, SnapUnauthorizedError, StellarSnapError, addDomain, buildPaymentTransaction, buildUrl, connectFreighter, createAsset, createDiscoveryFile, createPaymentSnap, createRateLimiter, createRegistry, createSnap, createSnapObject, createTransactionSnap, deleteSnap, errorResponse, extractDomain, extractPath, extractSnapId, generateJsonLd, generateMetaTags, generateSnapId, getAccountUrl, getAssetUrl, getBlockedDomains, getDomainStatus, getFreighterNetwork, getOperationUrl, getSnap, getTransactionUrl, getVerifiedDomains, isDomainBlocked, isDomainVerified, isFreighterConnected, isShortenerUrl, isValidAmount, isValidAssetCode, isValidSnapId, isValidStellarAddress, listSnaps, matchUrlToRule, metaTagsToHtml, parseAddress, parseQueryParams, parseSnapUri, removeDomain, resolveUrl, resolveUrls, signWithFreighter, submitTransaction, successResponse, validateDiscoveryFile, validateRegistry, validateRequired, validateSnapInput };
+export { CACHE_HEADERS, CORS_HEADERS, EXPLORER_URLS, HORIZON_URLS, InvalidAddressError, InvalidAmountError, InvalidAssetError, InvalidUriError, NETWORK_PASSPHRASES2 as NETWORK_PASSPHRASES, POSTGRES_SCHEMA, SHORTENER_DOMAINS, SQLITE_SCHEMA, SnapApiError, SnapNotFoundError, SnapUnauthorizedError, StellarSnapError, addDomain, buildPaymentTransaction, buildUrl, closeSnapModal, connectFreighter, createAsset, createDiscoveryFile, createPaymentSnap, createRateLimiter, createRegistry, createSnap, createSnapObject, createTransactionSnap, deleteSnap, errorResponse, extractDomain, extractPath, extractSnapId, generateJsonLd, generateMetaTags, generateSnapId, getAccountUrl, getAssetUrl, getBlockedDomains, getDomainStatus, getFreighterNetwork, getOperationUrl, getSnap, getTransactionUrl, getVerifiedDomains, isDomainBlocked, isDomainVerified, isFreighterConnected, isShortenerUrl, isValidAmount, isValidAssetCode, isValidSnapId, isValidStellarAddress, listSnaps, matchUrlToRule, metaTagsToHtml, openSnapModal, parseAddress, parseQueryParams, parseSnapUri, removeDomain, resolveUrl, resolveUrls, signWithFreighter, submitTransaction, successResponse, validateDiscoveryFile, validateRegistry, validateRequired, validateSnapInput };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map