@lukso/up-connector 0.4.0-dev.a8c9315

package/dist/chunk-IAKQFHFD.cjs

@@ -0,0 +1,595 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkXOKG3KILcjs = require('./chunk-XOKG3KIL.cjs');
+
+
+var _chunkZBDE64SDcjs = require('./chunk-ZBDE64SD.cjs');
+
+// src/restore-modal.ts
+var _passkeyauth = require('@lukso/passkey-auth');
+var _lit = require('lit');
+var _decoratorsjs = require('lit/decorators.js');
+require('@lukso/web-components/dist/components/lukso-modal');
+require('@lukso/web-components/dist/components/lukso-button');
+require('@lukso/web-components/dist/components/lukso-input');
+var RestoreModal = class extends _chunkXOKG3KILcjs.CoreLitElement {
+  constructor() {
+    super(...arguments);
+    this.isOpen = false;
+    this.theme = "auto";
+    this.keyGenerator = null;
+    this.currentStep = 1 /* UPLOAD */;
+    this.selectedFile = null;
+    this.backupData = null;
+    this.fileError = null;
+    this.isDragging = false;
+    this.password = "";
+    this.passwordErrors = [];
+    this.isRestoring = false;
+    this.walletData = null;
+    this.validationWarnings = [];
+    this.validationInfo = [];
+    this.controllers = [];
+    this.restoredAddresses = [];
+  }
+  /**
+   * Public method for parent to set preview result
+   * Called after parent handles the 'preview' event
+   */
+  setPreviewResult(options) {
+    this.controllers = options.controllers;
+    this.validationWarnings = options.warnings || [];
+  }
+  /**
+   * Public method for parent to set validation result
+   * Called after parent handles the 'validate' event
+   */
+  setValidationResult(walletData, options) {
+    this.isRestoring = false;
+    if (_optionalChain([options, 'optionalAccess', _ => _.error])) {
+      this.passwordErrors = [options.error];
+      this.validationWarnings = [];
+      this.validationInfo = [];
+    } else if (walletData) {
+      this.walletData = walletData;
+      this.validationWarnings = _optionalChain([options, 'optionalAccess', _2 => _2.warnings]) || [];
+      this.validationInfo = _optionalChain([options, 'optionalAccess', _3 => _3.info]) || [];
+      this.currentStep = 4 /* SUCCESS */;
+    }
+  }
+  render() {
+    return _lit.html`
+      <lukso-modal
+        ?is-open=${this.isOpen}
+        size="medium"
+        @on-backdrop-click=${this.close}
+      >
+        <div class="p-6">
+          <!-- Header -->
+          <h2 class="m-0 mb-6 text-neutral-20 dark:text-white heading-inter-21-semi-bold">
+            ${this.getStepTitle()}
+          </h2>
+
+          <!-- Step content -->
+          ${this.renderStep()}
+        </div>
+      </lukso-modal>
+    `;
+  }
+  renderStep() {
+    switch (this.currentStep) {
+      case 1 /* UPLOAD */:
+        return this.renderUploadStep();
+      case 2 /* PASSWORD */:
+        return this.renderPasswordStep();
+      case 3 /* PREVIEW */:
+        return this.renderPreviewStep();
+      case 4 /* SUCCESS */:
+        return this.renderSuccessStep();
+      default:
+        return _lit.nothing;
+    }
+  }
+  renderUploadStep() {
+    return _lit.html`
+      <p class="mb-6 text-neutral-40 dark:text-neutral-50 paragraph-inter-16-regular">
+        Select your backup file to restore your wallet data. Your backup file stays on your device and is never uploaded.
+      </p>
+
+      <div
+        class="border-2 border-dashed rounded-xl p-10 text-center bg-neutral-95 dark:bg-neutral-80 transition-all cursor-pointer my-6 ${this.isDragging ? "border-blue-60 bg-blue-95 dark:bg-blue-95/10" : this.fileError ? "border-red-55 bg-red-95" : "border-neutral-90 dark:border-neutral-70"}"
+        @drop=${this.handleDrop}
+        @dragover=${this.handleDragOver}
+        @dragleave=${this.handleDragLeave}
+        @click=${this.triggerFileInput}
+      >
+        <div class="flex flex-col items-center gap-3">
+          <p class="m-0 text-neutral-10 dark:text-white heading-inter-16-semi-bold">
+            Drag and drop your backup file here
+          </p>
+          <p class="m-0 text-neutral-40 paragraph-inter-14-regular">or</p>
+          <lukso-button
+            variant="primary"
+            @click=${(e) => {
+      e.stopPropagation();
+      this.triggerFileInput();
+    }}
+          >
+            Choose File
+          </lukso-button>
+          ${this.selectedFile ? _lit.html`
+            <p class="mt-2 mb-0 text-green-54 paragraph-inter-14-semi-bold">
+              ${this.selectedFile.name}
+            </p>
+          ` : _lit.nothing}
+          ${this.fileError ? _lit.html`
+            <p class="mt-2 mb-0 text-red-55 paragraph-inter-14-semi-bold">
+              ${this.fileError}
+            </p>
+          ` : _lit.nothing}
+        </div>
+      </div>
+
+      <input
+        type="file"
+        class="hidden"
+        accept=".json"
+        @change=${this.handleFileSelect}
+      />
+
+      <div class="flex justify-end mt-6">
+        <lukso-button variant="text" @click=${this.close}>
+          Cancel
+        </lukso-button>
+      </div>
+    `;
+  }
+  renderPasswordStep() {
+    const canProceed = this.password && this.password.length > 0;
+    return _lit.html`
+      <p class="mb-5 text-neutral-40 dark:text-neutral-50 paragraph-inter-14-regular">
+        This backup is encrypted. Enter the password to decrypt it.
+      </p>
+
+      <div>
+        <lukso-input
+          type="password"
+          label="Password"
+          placeholder="Enter decryption password"
+          .value=${this.password}
+          @on-input=${(e) => this.password = e.detail.value}
+          @keyup=${(e) => e.key === "Enter" && canProceed && this.previewRestore()}
+          is-full-width
+          autofocus
+        ></lukso-input>
+        ${this.passwordErrors.map(
+      (error) => _lit.html`
+          <div class="mt-1 text-red-55 paragraph-inter-13-regular">${error}</div>
+        `
+    )}
+      </div>
+
+      <div class="flex justify-between gap-3 mt-6">
+        <div class="flex gap-3">
+          <lukso-button variant="text" @click=${this.close}>
+            Cancel
+          </lukso-button>
+          <lukso-button variant="secondary" @click=${this.goBack}>
+            Back
+          </lukso-button>
+        </div>
+        <lukso-button
+          variant="primary"
+          ?disabled=${!canProceed || this.isRestoring}
+          ?is-loading=${this.isRestoring}
+          @click=${this.previewRestore}
+        >
+          Continue
+        </lukso-button>
+      </div>
+    `;
+  }
+  renderPreviewStep() {
+    return _lit.html`
+      <p class="mb-6 text-neutral-40 dark:text-neutral-50 paragraph-inter-16-regular">
+        ${this.controllers.length > 0 ? `Found ${this.controllers.length} controller${this.controllers.length === 1 ? "" : "s"} in backup.` : "No controllers found in backup."}
+      </p>
+
+      ${this.controllers.length > 0 ? _lit.html`
+          <div class="mb-6">
+            <div class="mb-3 text-neutral-20 dark:text-neutral-90 paragraph-inter-14-semi-bold">
+              Controllers:
+            </div>
+            ${this.controllers.map(
+      (controller) => _lit.html`
+                <div class="bg-neutral-95 dark:bg-neutral-80 border border-neutral-90 dark:border-neutral-70 rounded-lg px-3 py-2.5 mb-2">
+                  <div class="flex items-center justify-between">
+                    <div class="text-neutral-40 paragraph-inter-13-regular font-mono">
+                      ${this.truncateAddress(controller.address)}
+                    </div>
+                    <div
+                      class="px-2 py-0.5 rounded text-xs font-semibold ${controller.status === "new" ? "bg-green-95 dark:bg-green-95/10 text-green-55 border border-green-55/30" : "bg-neutral-90 dark:bg-neutral-70 text-neutral-50 border border-neutral-80 dark:border-neutral-60"}"
+                    >
+                      ${controller.status === "new" ? "NEW" : "EXISTS"}
+                    </div>
+                  </div>
+                  <div class="text-neutral-60 paragraph-inter-12-regular mt-1">
+                    ${controller.address}
+                  </div>
+                </div>
+              `
+    )}
+          </div>
+        ` : _lit.nothing}
+
+      ${this.validationWarnings.length > 0 ? _lit.html`
+          <div class="mb-4">
+            ${this.validationWarnings.map(
+      (warning) => _lit.html`
+                <div class="bg-yellow-95 dark:bg-yellow-95/10 border border-yellow-55 dark:border-yellow-55/50 rounded-lg px-3 py-2.5 mb-2 flex items-start gap-2">
+                  <span class="text-yellow-55 dark:text-yellow-55 text-lg leading-none">⚠️</span>
+                  <span class="text-yellow-55 dark:text-yellow-55 paragraph-inter-13-regular flex-1">${warning}</span>
+                </div>
+              `
+    )}
+          </div>
+        ` : _lit.nothing}
+
+      <div class="flex justify-between gap-3 mt-6">
+        <div class="flex gap-3">
+          <lukso-button variant="text" @click=${this.close}>
+            Cancel
+          </lukso-button>
+          <lukso-button variant="secondary" @click=${this.goBackFromPreview}>
+            Back
+          </lukso-button>
+        </div>
+        <lukso-button
+          variant="primary"
+          @click=${this.confirmRestore}
+        >
+          Confirm Restore
+        </lukso-button>
+      </div>
+    `;
+  }
+  renderSuccessStep() {
+    return _lit.html`
+      <!-- Success header with icon -->
+      <div class="text-center mb-6">
+        <div class="w-16 h-16 mx-auto mb-4 bg-green-95 dark:bg-green-95/20 rounded-full flex items-center justify-center">
+          <span class="text-2xl text-green-55">✅</span>
+        </div>
+        <h3 class="text-neutral-20 dark:text-white heading-inter-18-semi-bold mb-2">
+          Wallet Restored Successfully!
+        </h3>
+        <p class="text-neutral-40 dark:text-neutral-50 paragraph-inter-14-regular">
+          ${this.restoredAddresses.length > 0 ? `Imported ${this.restoredAddresses.length} address${this.restoredAddresses.length > 1 ? "es" : ""} to your wallet.` : "Your wallet has been restored successfully."}
+        </p>
+      </div>
+      
+      <!-- Restored addresses -->
+      ${this.restoredAddresses.length > 0 ? _lit.html`
+        <div class="mb-6">
+          <div class="mb-3 text-neutral-20 dark:text-neutral-90 paragraph-inter-14-semi-bold">
+            Restored Addresses:
+          </div>
+          ${this.restoredAddresses.map(
+      (address) => _lit.html`
+            <div class="bg-green-95 dark:bg-green-95/10 border border-green-60 dark:border-green-60/50 rounded-lg px-3 py-2.5 mb-2 flex items-center gap-2">
+              <span class="text-green-60 dark:text-green-45 text-sm">✓</span>
+              <span class="text-neutral-20 dark:text-white paragraph-inter-13-regular font-mono flex-1">${this.truncateAddress(address)}</span>
+            </div>
+          `
+    )}
+        </div>
+      ` : ""}
+
+      <!-- Action buttons for success -->
+      <div class="flex justify-center mt-6">
+        <lukso-button variant="primary" @click=${this.close}>
+          OK
+        </lukso-button>
+      </div>
+    `;
+  }
+  getStepTitle() {
+    switch (this.currentStep) {
+      case 1 /* UPLOAD */:
+        return "Restore Wallet";
+      case 2 /* PASSWORD */:
+        return "Enter Password";
+      case 3 /* PREVIEW */:
+        return "Review Changes";
+      case 4 /* SUCCESS */:
+        return "Restore Complete";
+      default:
+        return "Restore Wallet";
+    }
+  }
+  triggerFileInput() {
+    const input = _optionalChain([this, 'access', _4 => _4.shadowRoot, 'optionalAccess', _5 => _5.querySelector, 'call', _6 => _6(
+      'input[type="file"]'
+    )]);
+    if (input) {
+      input.click();
+    }
+  }
+  async handleFileSelect(e) {
+    const input = e.target;
+    const file = _optionalChain([input, 'access', _7 => _7.files, 'optionalAccess', _8 => _8[0]]);
+    if (file) {
+      await this.handleFile(file);
+    }
+  }
+  handleDragOver(e) {
+    e.preventDefault();
+    this.isDragging = true;
+  }
+  handleDragLeave() {
+    this.isDragging = false;
+  }
+  async handleDrop(e) {
+    e.preventDefault();
+    this.isDragging = false;
+    const file = _optionalChain([e, 'access', _9 => _9.dataTransfer, 'optionalAccess', _10 => _10.files, 'optionalAccess', _11 => _11[0]]);
+    if (file) {
+      await this.handleFile(file);
+    }
+  }
+  async handleFile(file) {
+    this.fileError = null;
+    if (!file.name.endsWith(".json")) {
+      this.fileError = "Please select a valid JSON backup file";
+      return;
+    }
+    try {
+      const backup = await _passkeyauth.readBackupFile.call(void 0, file);
+      this.selectedFile = file;
+      this.backupData = backup;
+      const isEncrypted = backup.encryptedSecrets ? true : _optionalChain([backup, 'access', _12 => _12.secrets, 'optionalAccess', _13 => _13.encrypted]);
+      if (isEncrypted) {
+        this.currentStep = 2 /* PASSWORD */;
+      } else {
+        await this.previewRestore();
+      }
+    } catch (error) {
+      this.fileError = error instanceof Error ? error.message : "Failed to read backup file";
+      console.error("Failed to read backup file:", error);
+    }
+  }
+  async previewRestore() {
+    if (!this.backupData) return;
+    this.isRestoring = true;
+    this.passwordErrors = [];
+    try {
+      let decryptedBackup = this.backupData;
+      if (this.backupData.encryptedSecrets || _optionalChain([this, 'access', _14 => _14.backupData, 'access', _15 => _15.secrets, 'optionalAccess', _16 => _16.encrypted])) {
+        if (!this.keyGenerator) {
+          throw new Error("KeyGenerator not available");
+        }
+        const verifiedBackup = await this.keyGenerator.verifyBackup(
+          this.backupData,
+          this.password
+        );
+        decryptedBackup = verifiedBackup;
+      } else {
+        decryptedBackup = this.backupData;
+      }
+      const backupControllers = /* @__PURE__ */ new Set();
+      const secretsData = _optionalChain([decryptedBackup, 'access', _17 => _17.secrets, 'optionalAccess', _18 => _18.data]) || [];
+      for (const secret of secretsData) {
+        if (secret.address) {
+          backupControllers.add(secret.address.toLowerCase());
+        }
+      }
+      for (const account of decryptedBackup.accounts || []) {
+        if (account.networks) {
+          for (const network of account.networks) {
+            for (const controller of network.controllers || []) {
+              if (controller.address) {
+                backupControllers.add(controller.address.toLowerCase());
+              }
+            }
+          }
+        }
+      }
+      const lsp23Deployments = decryptedBackup.LSP23CrossChainDeployment || [];
+      for (const deployment of lsp23Deployments) {
+        for (const controller of deployment.initialControllers || []) {
+          if (controller.address) {
+            backupControllers.add(controller.address.toLowerCase());
+          }
+        }
+      }
+      console.log(
+        "\u{1F50D} [RestoreModal] Found controller addresses:",
+        Array.from(backupControllers)
+      );
+      for (const secret of secretsData) {
+        if (secret.address) {
+          backupControllers.add(secret.address.toLowerCase());
+        }
+      }
+      this.controllers = Array.from(backupControllers).map((address) => ({
+        address,
+        status: "new"
+      }));
+      this.currentStep = 3 /* PREVIEW */;
+    } catch (error) {
+      console.error("Failed to preview restore:", error);
+      const errorMessage = error instanceof Error ? error.message : "Failed to preview restore";
+      if (errorMessage.toLowerCase().includes("password")) {
+        this.passwordErrors = ["Incorrect password. Please try again."];
+      } else {
+        this.fileError = errorMessage;
+        this.currentStep = 1 /* UPLOAD */;
+        this.selectedFile = null;
+        this.backupData = null;
+        const input = _optionalChain([this, 'access', _19 => _19.shadowRoot, 'optionalAccess', _20 => _20.querySelector, 'call', _21 => _21(
+          'input[type="file"]'
+        )]);
+        if (input) {
+          input.value = "";
+        }
+      }
+    } finally {
+      this.isRestoring = false;
+    }
+  }
+  async confirmRestore() {
+    if (!this.backupData || !this.keyGenerator) {
+      console.error(
+        "\u274C [RestoreModal] Missing backup data or keyGenerator for restore"
+      );
+      this.dispatchEvent(
+        new CustomEvent("error", {
+          detail: { error: "Missing backup data or keyGenerator" },
+          bubbles: true,
+          composed: true
+        })
+      );
+      return;
+    }
+    try {
+      this.isRestoring = true;
+      console.log("\u{1F504} [RestoreModal] Starting secure restoration process...");
+      const result = await this.keyGenerator.restoreFromBackup(
+        this.backupData,
+        this.password
+      );
+      if (result.success) {
+        console.log("\u2705 [RestoreModal] Restore successful:", result.addresses);
+        this.restoredAddresses = result.addresses;
+        this.dispatchEvent(
+          new CustomEvent("success", {
+            detail: { addresses: result.addresses },
+            bubbles: true,
+            composed: true
+          })
+        );
+        this.currentStep = 4 /* SUCCESS */;
+      } else {
+        console.error("\u274C [RestoreModal] Restore failed");
+        this.dispatchEvent(
+          new CustomEvent("error", {
+            detail: {
+              error: "Restore failed. Please check the backup file and password."
+            },
+            bubbles: true,
+            composed: true
+          })
+        );
+      }
+    } catch (error) {
+      console.error("\u274C [RestoreModal] Restore error:", error);
+      const errorMessage = error instanceof Error ? error.message : "Unknown error";
+      this.dispatchEvent(
+        new CustomEvent("error", {
+          detail: { error: errorMessage },
+          bubbles: true,
+          composed: true
+        })
+      );
+    } finally {
+      this.isRestoring = false;
+    }
+  }
+  goBack() {
+    if (this.currentStep === 2 /* PASSWORD */) {
+      this.currentStep = 1 /* UPLOAD */;
+      this.password = "";
+      this.passwordErrors = [];
+    }
+  }
+  goBackFromPreview() {
+    const isEncrypted = _optionalChain([this, 'access', _22 => _22.backupData, 'optionalAccess', _23 => _23.encryptedSecrets]) ? true : _optionalChain([this, 'access', _24 => _24.backupData, 'optionalAccess', _25 => _25.secrets, 'optionalAccess', _26 => _26.encrypted]);
+    if (isEncrypted) {
+      this.currentStep = 2 /* PASSWORD */;
+    } else {
+      this.currentStep = 1 /* UPLOAD */;
+    }
+    this.controllers = [];
+    this.validationWarnings = [];
+  }
+  close() {
+    this.isOpen = false;
+    this.dispatchEvent(
+      new CustomEvent("close", { bubbles: true, composed: true })
+    );
+    setTimeout(() => {
+      this.currentStep = 1 /* UPLOAD */;
+      this.selectedFile = null;
+      this.backupData = null;
+      this.fileError = null;
+      this.isDragging = false;
+      this.password = "";
+      this.passwordErrors = [];
+      this.isRestoring = false;
+      this.walletData = null;
+      this.restoredAddresses = [];
+      this.controllers = [];
+      this.validationWarnings = [];
+    }, 300);
+  }
+  truncateAddress(address) {
+    if (!address || address.length < 10) return address;
+    return `${address.slice(0, 6)}...${address.slice(-4)}`;
+  }
+};
+_chunkZBDE64SDcjs.__decorateClass.call(void 0, [
+  _decoratorsjs.property.call(void 0, { type: Boolean, reflect: true })
+], RestoreModal.prototype, "isOpen", 2);
+_chunkZBDE64SDcjs.__decorateClass.call(void 0, [
+  _decoratorsjs.property.call(void 0, { type: String })
+], RestoreModal.prototype, "theme", 2);
+_chunkZBDE64SDcjs.__decorateClass.call(void 0, [
+  _decoratorsjs.property.call(void 0, { type: Object })
+], RestoreModal.prototype, "keyGenerator", 2);
+_chunkZBDE64SDcjs.__decorateClass.call(void 0, [
+  _decoratorsjs.state.call(void 0, )
+], RestoreModal.prototype, "currentStep", 2);
+_chunkZBDE64SDcjs.__decorateClass.call(void 0, [
+  _decoratorsjs.state.call(void 0, )
+], RestoreModal.prototype, "selectedFile", 2);
+_chunkZBDE64SDcjs.__decorateClass.call(void 0, [
+  _decoratorsjs.state.call(void 0, )
+], RestoreModal.prototype, "backupData", 2);
+_chunkZBDE64SDcjs.__decorateClass.call(void 0, [
+  _decoratorsjs.state.call(void 0, )
+], RestoreModal.prototype, "fileError", 2);
+_chunkZBDE64SDcjs.__decorateClass.call(void 0, [
+  _decoratorsjs.state.call(void 0, )
+], RestoreModal.prototype, "isDragging", 2);
+_chunkZBDE64SDcjs.__decorateClass.call(void 0, [
+  _decoratorsjs.state.call(void 0, )
+], RestoreModal.prototype, "password", 2);
+_chunkZBDE64SDcjs.__decorateClass.call(void 0, [
+  _decoratorsjs.state.call(void 0, )
+], RestoreModal.prototype, "passwordErrors", 2);
+_chunkZBDE64SDcjs.__decorateClass.call(void 0, [
+  _decoratorsjs.state.call(void 0, )
+], RestoreModal.prototype, "isRestoring", 2);
+_chunkZBDE64SDcjs.__decorateClass.call(void 0, [
+  _decoratorsjs.state.call(void 0, )
+], RestoreModal.prototype, "walletData", 2);
+_chunkZBDE64SDcjs.__decorateClass.call(void 0, [
+  _decoratorsjs.state.call(void 0, )
+], RestoreModal.prototype, "validationWarnings", 2);
+_chunkZBDE64SDcjs.__decorateClass.call(void 0, [
+  _decoratorsjs.state.call(void 0, )
+], RestoreModal.prototype, "validationInfo", 2);
+_chunkZBDE64SDcjs.__decorateClass.call(void 0, [
+  _decoratorsjs.state.call(void 0, )
+], RestoreModal.prototype, "controllers", 2);
+_chunkZBDE64SDcjs.__decorateClass.call(void 0, [
+  _decoratorsjs.state.call(void 0, )
+], RestoreModal.prototype, "restoredAddresses", 2);
+RestoreModal = exports.RestoreModal = _chunkZBDE64SDcjs.__decorateClass.call(void 0, [
+  _decoratorsjs.customElement.call(void 0, "restore-modal")
+], RestoreModal);
+
+
+
+exports.RestoreModal = RestoreModal;
+//# sourceMappingURL=chunk-IAKQFHFD.cjs.map