@reown/appkit-scaffold-ui 0.0.3

package/dist/esm/src/utils/w3m-connecting-widget/index.js

@@ -0,0 +1,187 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { AssetUtil, ConnectionController, CoreHelperUtil, RouterController, SnackController, ThemeController } from '@reown/appkit-core';
+import { LitElement, html } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import styles from './styles.js';
+export class W3mConnectingWidget extends LitElement {
+    constructor() {
+        super();
+        this.wallet = RouterController.state.data?.wallet;
+        this.connector = RouterController.state.data?.connector;
+        this.timeout = undefined;
+        this.secondaryBtnLabel = 'Try again';
+        this.secondaryBtnIcon = 'refresh';
+        this.secondaryLabel = 'Accept connection request in the wallet';
+        this.onConnect = undefined;
+        this.onRender = undefined;
+        this.onAutoConnect = undefined;
+        this.isWalletConnect = true;
+        this.unsubscribe = [];
+        this.imageSrc = AssetUtil.getWalletImage(this.wallet) ?? AssetUtil.getConnectorImage(this.connector);
+        this.name = this.wallet?.name ?? this.connector?.name ?? 'Wallet';
+        this.isRetrying = false;
+        this.uri = ConnectionController.state.wcUri;
+        this.error = ConnectionController.state.wcError;
+        this.ready = false;
+        this.showRetry = false;
+        this.buffering = false;
+        this.isMobile = false;
+        this.onRetry = undefined;
+        this.unsubscribe.push(...[
+            ConnectionController.subscribeKey('wcUri', val => {
+                this.uri = val;
+                if (this.isRetrying && this.onRetry) {
+                    this.isRetrying = false;
+                    this.onConnect?.();
+                }
+            }),
+            ConnectionController.subscribeKey('wcError', val => (this.error = val)),
+            ConnectionController.subscribeKey('buffering', val => (this.buffering = val))
+        ]);
+    }
+    firstUpdated() {
+        this.onAutoConnect?.();
+        this.showRetry = !this.onAutoConnect;
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+        clearTimeout(this.timeout);
+    }
+    render() {
+        this.onRender?.();
+        this.onShowRetry();
+        const subLabel = this.error
+            ? 'Connection can be declined if a previous request is still active'
+            : this.secondaryLabel;
+        let label = `Continue in ${this.name}`;
+        if (this.buffering) {
+            label = 'Connecting...';
+        }
+        if (this.error) {
+            label = 'Connection declined';
+        }
+        return html `
+      <wui-flex
+        data-error=${ifDefined(this.error)}
+        data-retry=${this.showRetry}
+        flexDirection="column"
+        alignItems="center"
+        .padding=${['3xl', 'xl', 'xl', 'xl']}
+        gap="xl"
+      >
+        <wui-flex justifyContent="center" alignItems="center">
+          <wui-wallet-image size="lg" imageSrc=${ifDefined(this.imageSrc)}></wui-wallet-image>
+
+          ${this.error ? null : this.loaderTemplate()}
+
+          <wui-icon-box
+            backgroundColor="error-100"
+            background="opaque"
+            iconColor="error-100"
+            icon="close"
+            size="sm"
+            border
+            borderColor="wui-color-bg-125"
+          ></wui-icon-box>
+        </wui-flex>
+
+        <wui-flex flexDirection="column" alignItems="center" gap="xs">
+          <wui-text variant="paragraph-500" color=${this.error ? 'error-100' : 'fg-100'}>
+            ${label}
+          </wui-text>
+          <wui-text align="center" variant="small-500" color="fg-200">${subLabel}</wui-text>
+        </wui-flex>
+
+        <wui-button
+          variant="accent"
+          size="md"
+          ?disabled=${!this.error && this.buffering}
+          @click=${this.onTryAgain.bind(this)}
+        >
+          <wui-icon color="inherit" slot="iconLeft" name=${this.secondaryBtnIcon}></wui-icon>
+          ${this.secondaryBtnLabel}
+        </wui-button>
+      </wui-flex>
+
+      ${this.isWalletConnect
+            ? html `
+            <wui-flex .padding=${['0', 'xl', 'xl', 'xl']} justifyContent="center">
+              <wui-link @click=${this.onCopyUri} color="fg-200">
+                <wui-icon size="xs" color="fg-200" slot="iconLeft" name="copy"></wui-icon>
+                Copy link
+              </wui-link>
+            </wui-flex>
+          `
+            : null}
+
+      <w3m-mobile-download-links .wallet=${this.wallet}></w3m-mobile-download-links>
+    `;
+    }
+    onShowRetry() {
+        if (this.error && !this.showRetry) {
+            this.showRetry = true;
+            const retryButton = this.shadowRoot?.querySelector('wui-button');
+            retryButton?.animate([{ opacity: 0 }, { opacity: 1 }], {
+                fill: 'forwards',
+                easing: 'ease'
+            });
+        }
+    }
+    onTryAgain() {
+        if (!this.buffering) {
+            ConnectionController.setWcError(false);
+            if (this.onRetry) {
+                this.isRetrying = true;
+                this.onRetry?.();
+            }
+            else {
+                this.onConnect?.();
+            }
+        }
+    }
+    loaderTemplate() {
+        const borderRadiusMaster = ThemeController.state.themeVariables['--w3m-border-radius-master'];
+        const radius = borderRadiusMaster ? parseInt(borderRadiusMaster.replace('px', ''), 10) : 4;
+        return html `<wui-loading-thumbnail radius=${radius * 9}></wui-loading-thumbnail>`;
+    }
+    onCopyUri() {
+        try {
+            if (this.uri) {
+                CoreHelperUtil.copyToClopboard(this.uri);
+                SnackController.showSuccess('Link copied');
+            }
+        }
+        catch {
+            SnackController.showError('Failed to copy');
+        }
+    }
+}
+W3mConnectingWidget.styles = styles;
+__decorate([
+    state()
+], W3mConnectingWidget.prototype, "uri", void 0);
+__decorate([
+    state()
+], W3mConnectingWidget.prototype, "error", void 0);
+__decorate([
+    state()
+], W3mConnectingWidget.prototype, "ready", void 0);
+__decorate([
+    state()
+], W3mConnectingWidget.prototype, "showRetry", void 0);
+__decorate([
+    state()
+], W3mConnectingWidget.prototype, "buffering", void 0);
+__decorate([
+    property({ type: Boolean })
+], W3mConnectingWidget.prototype, "isMobile", void 0);
+__decorate([
+    property()
+], W3mConnectingWidget.prototype, "onRetry", void 0);
+//# sourceMappingURL=index.js.map

package/dist/esm/src/utils/w3m-connecting-widget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/utils/w3m-connecting-widget/index.ts"],"names":[],"mappings":"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"}

package/dist/esm/src/utils/w3m-connecting-widget/styles.js

@@ -0,0 +1,64 @@
+import { css } from 'lit';
+export default css `
+  @keyframes shake {
+    0% {
+      transform: translateX(0);
+    }
+    25% {
+      transform: translateX(3px);
+    }
+    50% {
+      transform: translateX(-3px);
+    }
+    75% {
+      transform: translateX(3px);
+    }
+    100% {
+      transform: translateX(0);
+    }
+  }
+
+  wui-flex:first-child:not(:only-child) {
+    position: relative;
+  }
+
+  wui-loading-thumbnail {
+    position: absolute;
+  }
+
+  wui-icon-box {
+    position: absolute;
+    right: calc(var(--wui-spacing-3xs) * -1);
+    bottom: calc(var(--wui-spacing-3xs) * -1);
+    opacity: 0;
+    transform: scale(0.5);
+    transition-property: opacity, transform;
+    transition-duration: var(--wui-duration-lg);
+    transition-timing-function: var(--wui-ease-out-power-2);
+    will-change: opacity, transform;
+  }
+
+  wui-text[align='center'] {
+    width: 100%;
+    padding: 0px var(--wui-spacing-l);
+  }
+
+  [data-error='true'] wui-icon-box {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  [data-error='true'] > wui-flex:first-child {
+    animation: shake 250ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
+  }
+
+  [data-retry='false'] wui-link {
+    display: none;
+  }
+
+  [data-retry='true'] wui-link {
+    display: block;
+    opacity: 1;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/utils/w3m-connecting-widget/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/utils/w3m-connecting-widget/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DjB,CAAA"}

package/dist/esm/src/utils/w3m-email-otp-widget/index.js

@@ -0,0 +1,166 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import { RouterController, SnackController, ConnectorController, CoreHelperUtil } from '@reown/appkit-core';
+import { state } from 'lit/decorators.js';
+import styles from './styles.js';
+import { W3mFrameHelpers } from '@reown/appkit-wallet';
+const OTP_LENGTH = 6;
+let W3mEmailOtpWidget = class W3mEmailOtpWidget extends LitElement {
+    firstUpdated() {
+        this.startOTPTimeout();
+    }
+    disconnectedCallback() {
+        clearTimeout(this.OTPTimeout);
+    }
+    constructor() {
+        super();
+        this.loading = false;
+        this.timeoutTimeLeft = W3mFrameHelpers.getTimeToNextEmailLogin();
+        this.error = '';
+        this.otp = '';
+        this.email = RouterController.state.data?.email;
+        this.authConnector = ConnectorController.getAuthConnector();
+    }
+    render() {
+        if (!this.email) {
+            throw new Error('w3m-email-otp-widget: No email provided');
+        }
+        const isResendDisabled = Boolean(this.timeoutTimeLeft);
+        const footerLabels = this.getFooterLabels(isResendDisabled);
+        return html `
+      <wui-flex
+        flexDirection="column"
+        alignItems="center"
+        .padding=${['l', '0', 'l', '0']}
+        gap="l"
+      >
+        <wui-flex
+          class="email-display"
+          flexDirection="column"
+          alignItems="center"
+          .padding=${['0', 'xl', '0', 'xl']}
+        >
+          <wui-text variant="paragraph-400" color="fg-100" align="center">
+            Enter the code we sent to
+          </wui-text>
+          <wui-text variant="paragraph-500" color="fg-100" lineClamp="1" align="center">
+            ${this.email}
+          </wui-text>
+        </wui-flex>
+
+        <wui-text variant="small-400" color="fg-200">The code expires in 20 minutes</wui-text>
+
+        ${this.loading
+            ? html `<wui-loading-spinner size="xl" color="accent-100"></wui-loading-spinner>`
+            : html ` <wui-flex flexDirection="column" alignItems="center" gap="xs">
+              <wui-otp
+                dissabled
+                length="6"
+                @inputChange=${this.onOtpInputChange.bind(this)}
+                .otp=${this.otp}
+              ></wui-otp>
+              ${this.error
+                ? html `
+                    <wui-text variant="small-400" align="center" color="error-100">
+                      ${this.error}. Try Again
+                    </wui-text>
+                  `
+                : null}
+            </wui-flex>`}
+
+        <wui-flex alignItems="center" gap="xs">
+          <wui-text variant="small-400" color="fg-200">${footerLabels.title}</wui-text>
+          <wui-link @click=${this.onResendCode.bind(this)} .disabled=${isResendDisabled}>
+            ${footerLabels.action}
+          </wui-link>
+        </wui-flex>
+      </wui-flex>
+    `;
+    }
+    startOTPTimeout() {
+        this.timeoutTimeLeft = W3mFrameHelpers.getTimeToNextEmailLogin();
+        this.OTPTimeout = setInterval(() => {
+            if (this.timeoutTimeLeft > 0) {
+                this.timeoutTimeLeft = W3mFrameHelpers.getTimeToNextEmailLogin();
+            }
+            else {
+                clearInterval(this.OTPTimeout);
+            }
+        }, 1000);
+    }
+    async onOtpInputChange(event) {
+        try {
+            if (!this.loading) {
+                this.otp = event.detail;
+                if (this.authConnector && this.otp.length === OTP_LENGTH) {
+                    this.loading = true;
+                    await this.onOtpSubmit?.(this.otp);
+                }
+            }
+        }
+        catch (error) {
+            this.error = CoreHelperUtil.parseError(error);
+            this.loading = false;
+        }
+    }
+    async onResendCode() {
+        try {
+            if (this.onOtpResend) {
+                if (!this.loading && !this.timeoutTimeLeft) {
+                    this.error = '';
+                    this.otp = '';
+                    const authConnector = ConnectorController.getAuthConnector();
+                    if (!authConnector || !this.email) {
+                        throw new Error('w3m-email-otp-widget: Unable to resend email');
+                    }
+                    this.loading = true;
+                    await this.onOtpResend(this.email);
+                    this.startOTPTimeout();
+                    SnackController.showSuccess('Code email resent');
+                }
+            }
+            else if (this.onStartOver) {
+                this.onStartOver();
+            }
+        }
+        catch (error) {
+            SnackController.showError(error);
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    getFooterLabels(isResendDisabled) {
+        if (this.onStartOver) {
+            return {
+                title: 'Something wrong?',
+                action: `Try again ${isResendDisabled ? `in ${this.timeoutTimeLeft}s` : ''}`
+            };
+        }
+        return {
+            title: `Didn't receive it?`,
+            action: `Resend ${isResendDisabled ? `in ${this.timeoutTimeLeft}s` : 'Code'}`
+        };
+    }
+};
+W3mEmailOtpWidget.styles = styles;
+__decorate([
+    state()
+], W3mEmailOtpWidget.prototype, "loading", void 0);
+__decorate([
+    state()
+], W3mEmailOtpWidget.prototype, "timeoutTimeLeft", void 0);
+__decorate([
+    state()
+], W3mEmailOtpWidget.prototype, "error", void 0);
+W3mEmailOtpWidget = __decorate([
+    customElement('w3m-email-otp-widget')
+], W3mEmailOtpWidget);
+export { W3mEmailOtpWidget };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/utils/w3m-email-otp-widget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/utils/w3m-email-otp-widget/index.ts"],"names":[],"mappings":"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"}

package/dist/esm/src/utils/w3m-email-otp-widget/styles.js

@@ -0,0 +1,12 @@
+import { css } from 'lit';
+export default css `
+  wui-loading-spinner {
+    margin: 9px auto;
+  }
+
+  .email-display,
+  .email-display wui-text {
+    max-width: 100%;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/utils/w3m-email-otp-widget/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/utils/w3m-email-otp-widget/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;CASjB,CAAA"}