@reown/appkit-scaffold-ui 0.0.3

package/dist/esm/src/partials/w3m-snackbar/index.js

@@ -0,0 +1,86 @@
+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 { SnackController } from '@reown/appkit-core';
+import { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import { state } from 'lit/decorators.js';
+import styles from './styles.js';
+const presets = {
+    loading: undefined,
+    success: {
+        backgroundColor: 'success-100',
+        iconColor: 'success-100',
+        icon: 'checkmark'
+    },
+    error: {
+        backgroundColor: 'error-100',
+        iconColor: 'error-100',
+        icon: 'close'
+    }
+};
+let W3mSnackBar = class W3mSnackBar extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.timeout = undefined;
+        this.open = SnackController.state.open;
+        this.unsubscribe.push(SnackController.subscribeKey('open', val => {
+            this.open = val;
+            this.onOpen();
+        }));
+    }
+    disconnectedCallback() {
+        clearTimeout(this.timeout);
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        const { message, variant } = SnackController.state;
+        const preset = presets[variant];
+        return html `
+      <wui-snackbar
+        message=${message}
+        backgroundColor=${preset?.backgroundColor}
+        iconColor=${preset?.iconColor}
+        icon=${preset?.icon}
+        .loading=${variant === 'loading'}
+      ></wui-snackbar>
+    `;
+    }
+    onOpen() {
+        clearTimeout(this.timeout);
+        if (this.open) {
+            this.animate([
+                { opacity: 0, transform: 'translateX(-50%) scale(0.85)' },
+                { opacity: 1, transform: 'translateX(-50%) scale(1)' }
+            ], {
+                duration: 150,
+                fill: 'forwards',
+                easing: 'ease'
+            });
+            this.timeout = setTimeout(() => SnackController.hide(), 2500);
+        }
+        else {
+            this.animate([
+                { opacity: 1, transform: 'translateX(-50%) scale(1)' },
+                { opacity: 0, transform: 'translateX(-50%) scale(0.85)' }
+            ], {
+                duration: 150,
+                fill: 'forwards',
+                easing: 'ease'
+            });
+        }
+    }
+};
+W3mSnackBar.styles = styles;
+__decorate([
+    state()
+], W3mSnackBar.prototype, "open", void 0);
+W3mSnackBar = __decorate([
+    customElement('w3m-snackbar')
+], W3mSnackBar);
+export { W3mSnackBar };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/partials/w3m-snackbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-snackbar/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,MAAM,MAAM,aAAa,CAAA;AAGhC,MAAM,OAAO,GAAG;IACd,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE;QACP,eAAe,EAAE,aAAa;QAC9B,SAAS,EAAE,aAAa;QACxB,IAAI,EAAE,WAAW;KAClB;IACD,KAAK,EAAE;QACL,eAAe,EAAE,WAAW;QAC5B,SAAS,EAAE,WAAW;QACtB,IAAI,EAAE,OAAO;KACd;CACO,CAAA;AAGH,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAWzC;QACE,KAAK,EAAE,CAAA;QARD,gBAAW,GAAmB,EAAE,CAAA;QAEhC,YAAO,GAAmC,SAAS,CAAA;QAG1C,SAAI,GAAG,eAAe,CAAC,KAAK,CAAC,IAAI,CAAA;QAIhD,IAAI,CAAC,WAAW,CAAC,IAAI,CACnB,eAAe,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE;YACzC,IAAI,CAAC,IAAI,GAAG,GAAG,CAAA;YACf,IAAI,CAAC,MAAM,EAAE,CAAA;QACf,CAAC,CAAC,CACH,CAAA;IACH,CAAC;IAEe,oBAAoB;QAClC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC1B,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,CAAA;IACxD,CAAC;IAGe,MAAM;QACpB,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,eAAe,CAAC,KAAK,CAAA;QAClD,MAAM,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAAA;QAE/B,OAAO,IAAI,CAAA;;kBAEG,OAAO;0BACC,MAAM,EAAE,eAAe;oBAC7B,MAAM,EAAE,SAAS;eACtB,MAAM,EAAE,IAAI;mBACR,OAAO,KAAK,SAAS;;KAEnC,CAAA;IACH,CAAC;IAGO,MAAM;QACZ,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC1B,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,IAAI,CAAC,OAAO,CACV;gBACE,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,8BAA8B,EAAE;gBACzD,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,2BAA2B,EAAE;aACvD,EACD;gBACE,QAAQ,EAAE,GAAG;gBACb,IAAI,EAAE,UAAU;gBAChB,MAAM,EAAE,MAAM;aACf,CACF,CAAA;YACD,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,CAAA;QAC/D,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,OAAO,CACV;gBACE,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,2BAA2B,EAAE;gBACtD,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,8BAA8B,EAAE;aAC1D,EACD;gBACE,QAAQ,EAAE,GAAG;gBACb,IAAI,EAAE,UAAU;gBAChB,MAAM,EAAE,MAAM;aACf,CACF,CAAA;QACH,CAAC;IACH,CAAC;;AAtEsB,kBAAM,GAAG,MAAM,AAAT,CAAS;AAQrB;IAAhB,KAAK,EAAE;yCAA0C;AATvC,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CAwEvB"}

package/dist/esm/src/partials/w3m-snackbar/styles.js

@@ -0,0 +1,13 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    display: block;
+    position: absolute;
+    opacity: 0;
+    pointer-events: none;
+    top: 11px;
+    left: 50%;
+    width: max-content;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/partials/w3m-snackbar/styles.js.map

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

package/dist/esm/src/partials/w3m-social-login-list/index.js

@@ -0,0 +1,104 @@
+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 { AccountController, ChainController, ConnectorController, CoreHelperUtil, EventsController, OptionsController, RouterController, SnackController } from '@reown/appkit-core';
+import { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import { state } from 'lit/decorators.js';
+import styles from './styles.js';
+import { SocialProviderEnum } from '@reown/appkit-utils';
+let W3mSocialLoginList = class W3mSocialLoginList extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.connectors = ConnectorController.state.connectors;
+        this.authConnector = this.connectors.find(c => c.type === 'AUTH');
+        this.unsubscribe.push(ConnectorController.subscribeKey('connectors', val => {
+            this.connectors = val;
+            this.authConnector = this.connectors.find(c => c.type === 'AUTH');
+        }));
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        const { socials } = OptionsController.state.features;
+        if (!this.authConnector || !socials?.length) {
+            return null;
+        }
+        return html ` <wui-flex flexDirection="column" gap="xs">
+      ${socials.map(social => html `<wui-list-social
+            @click=${() => {
+            this.onSocialClick(social);
+        }}
+            name=${social}
+            logo=${social}
+          ></wui-list-social>`)}
+    </wui-flex>`;
+    }
+    async onSocialClick(socialProvider) {
+        if (socialProvider) {
+            AccountController.setSocialProvider(socialProvider, ChainController.state.activeChain);
+            EventsController.sendEvent({
+                type: 'track',
+                event: 'SOCIAL_LOGIN_STARTED',
+                properties: { provider: socialProvider }
+            });
+        }
+        if (socialProvider === SocialProviderEnum.Farcaster) {
+            RouterController.push('ConnectingFarcaster');
+            const authConnector = ConnectorController.getAuthConnector();
+            if (authConnector) {
+                if (!AccountController.state.farcasterUrl) {
+                    try {
+                        const { url } = await authConnector.provider.getFarcasterUri();
+                        AccountController.setFarcasterUrl(url, ChainController.state.activeChain);
+                    }
+                    catch (error) {
+                        RouterController.goBack();
+                        SnackController.showError(error);
+                    }
+                }
+            }
+        }
+        else {
+            RouterController.push('ConnectingSocial');
+            const authConnector = ConnectorController.getAuthConnector();
+            this.popupWindow = CoreHelperUtil.returnOpenHref('', 'popupWindow', 'width=600,height=800,scrollbars=yes');
+            try {
+                if (authConnector && socialProvider) {
+                    const { uri } = await authConnector.provider.getSocialRedirectUri({
+                        provider: socialProvider
+                    });
+                    if (this.popupWindow && uri) {
+                        AccountController.setSocialWindow(this.popupWindow, ChainController.state.activeChain);
+                        this.popupWindow.location.href = uri;
+                    }
+                    else {
+                        this.popupWindow?.close();
+                        throw new Error('Something went wrong');
+                    }
+                }
+            }
+            catch (error) {
+                this.popupWindow?.close();
+                SnackController.showError('Something went wrong');
+            }
+        }
+    }
+};
+W3mSocialLoginList.styles = styles;
+__decorate([
+    state()
+], W3mSocialLoginList.prototype, "connectors", void 0);
+__decorate([
+    state()
+], W3mSocialLoginList.prototype, "authConnector", void 0);
+W3mSocialLoginList = __decorate([
+    customElement('w3m-social-login-list')
+], W3mSocialLoginList);
+export { W3mSocialLoginList };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/partials/w3m-social-login-list/index.js.map

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

package/dist/esm/src/partials/w3m-social-login-list/styles.js

@@ -0,0 +1,12 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    margin-top: var(--wui-spacing-3xs);
+  }
+  wui-separator {
+    margin: var(--wui-spacing-m) calc(var(--wui-spacing-m) * -1) var(--wui-spacing-xs)
+      calc(var(--wui-spacing-m) * -1);
+    width: calc(100% + var(--wui-spacing-s) * 2);
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/partials/w3m-social-login-list/styles.js.map

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

package/dist/esm/src/partials/w3m-social-login-widget/index.js

@@ -0,0 +1,180 @@
+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 { AccountController, ChainController, ConnectorController, CoreHelperUtil, EventsController, OptionsController, RouterController, SnackController } from '@reown/appkit-core';
+import { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import { state } from 'lit/decorators.js';
+import styles from './styles.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { SocialProviderEnum } from '@reown/appkit-utils';
+const MAX_TOP_VIEW = 2;
+const MAXIMUM_LENGTH = 6;
+let W3mSocialLoginWidget = class W3mSocialLoginWidget extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.connectors = ConnectorController.state.connectors;
+        this.features = OptionsController.state.features;
+        this.authConnector = this.connectors.find(c => c.type === 'AUTH');
+        this.unsubscribe.push(ConnectorController.subscribeKey('connectors', val => {
+            this.connectors = val;
+            this.authConnector = this.connectors.find(c => c.type === 'AUTH');
+        }));
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        const { socials } = this.features;
+        if (!this.authConnector || !socials?.length) {
+            return null;
+        }
+        return html `
+      <wui-flex
+        class="container"
+        flexDirection="column"
+        gap="xs"
+        .padding=${['0', '0', 'xs', '0']}
+        data-testid="w3m-social-login-widget"
+      >
+        ${this.topViewTemplate()}${this.bottomViewTemplate()}
+      </wui-flex>
+      ${this.separatorTemplate()}
+    `;
+    }
+    topViewTemplate() {
+        const { socials } = this.features;
+        if (!this.authConnector || !socials?.length) {
+            return null;
+        }
+        if (socials.length === 2) {
+            return html ` <wui-flex gap="xs">
+        ${socials.slice(0, MAX_TOP_VIEW).map(social => html `<wui-logo-select
+              data-testid=${`social-selector-${social}`}
+              @click=${() => {
+                this.onSocialClick(social);
+            }}
+              logo=${social}
+            ></wui-logo-select>`)}
+      </wui-flex>`;
+        }
+        return html ` <wui-list-social
+      data-testid=${`social-selector-${socials?.[0]}`}
+      @click=${() => {
+            this.onSocialClick(socials?.[0]);
+        }}
+      logo=${ifDefined(socials[0])}
+      align="center"
+      name=${`Continue with ${socials[0]}`}
+    ></wui-list-social>`;
+    }
+    bottomViewTemplate() {
+        const { socials } = this.features;
+        if (!this.authConnector || !socials?.length) {
+            return null;
+        }
+        if (socials.length <= MAX_TOP_VIEW) {
+            return null;
+        }
+        if (socials.length > MAXIMUM_LENGTH) {
+            return html `<wui-flex gap="xs">
+        ${socials.slice(1, MAXIMUM_LENGTH - 1).map(social => html `<wui-logo-select
+              data-testid=${`social-selector-${social}`}
+              @click=${() => {
+                this.onSocialClick(social);
+            }}
+              logo=${social}
+            ></wui-logo-select>`)}
+        <wui-logo-select logo="more" @click=${this.onMoreSocialsClick.bind(this)}></wui-logo-select>
+      </wui-flex>`;
+        }
+        return html `<wui-flex gap="xs">
+      ${socials.slice(1, socials.length).map(social => html `<wui-logo-select
+            data-testid=${`social-selector-${social}`}
+            @click=${() => {
+            this.onSocialClick(social);
+        }}
+            logo=${social}
+          ></wui-logo-select>`)}
+    </wui-flex>`;
+    }
+    separatorTemplate() {
+        const walletConnectConnector = this.connectors.find(c => c.type === 'WALLET_CONNECT');
+        if (walletConnectConnector) {
+            return html `<wui-separator text="or"></wui-separator>`;
+        }
+        return null;
+    }
+    onMoreSocialsClick() {
+        RouterController.push('ConnectSocials');
+    }
+    async onSocialClick(socialProvider) {
+        if (socialProvider) {
+            AccountController.setSocialProvider(socialProvider, ChainController.state.activeChain);
+            EventsController.sendEvent({
+                type: 'track',
+                event: 'SOCIAL_LOGIN_STARTED',
+                properties: { provider: socialProvider }
+            });
+        }
+        if (socialProvider === SocialProviderEnum.Farcaster) {
+            RouterController.push('ConnectingFarcaster');
+            const authConnector = ConnectorController.getAuthConnector();
+            if (authConnector) {
+                if (!AccountController.state.farcasterUrl) {
+                    try {
+                        const { url } = await authConnector.provider.getFarcasterUri();
+                        AccountController.setFarcasterUrl(url, ChainController.state.activeChain);
+                    }
+                    catch (error) {
+                        RouterController.goBack();
+                        SnackController.showError(error);
+                    }
+                }
+            }
+        }
+        else {
+            RouterController.push('ConnectingSocial');
+            const authConnector = ConnectorController.getAuthConnector();
+            this.popupWindow = CoreHelperUtil.returnOpenHref('', 'popupWindow', 'width=600,height=800,scrollbars=yes');
+            try {
+                if (authConnector && socialProvider) {
+                    const { uri } = await authConnector.provider.getSocialRedirectUri({
+                        provider: socialProvider
+                    });
+                    if (this.popupWindow && uri) {
+                        AccountController.setSocialWindow(this.popupWindow, ChainController.state.activeChain);
+                        this.popupWindow.location.href = uri;
+                    }
+                    else {
+                        this.popupWindow?.close();
+                        throw new Error('Something went wrong');
+                    }
+                }
+            }
+            catch (error) {
+                this.popupWindow?.close();
+                SnackController.showError('Something went wrong');
+            }
+        }
+    }
+};
+W3mSocialLoginWidget.styles = styles;
+__decorate([
+    state()
+], W3mSocialLoginWidget.prototype, "connectors", void 0);
+__decorate([
+    state()
+], W3mSocialLoginWidget.prototype, "features", void 0);
+__decorate([
+    state()
+], W3mSocialLoginWidget.prototype, "authConnector", void 0);
+W3mSocialLoginWidget = __decorate([
+    customElement('w3m-social-login-widget')
+], W3mSocialLoginWidget);
+export { W3mSocialLoginWidget };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/partials/w3m-social-login-widget/index.js.map

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

package/dist/esm/src/partials/w3m-social-login-widget/styles.js

@@ -0,0 +1,12 @@
+import { css } from 'lit';
+export default css `
+  :host > wui-flex:first-child {
+    margin-top: var(--wui-spacing-s);
+  }
+  wui-separator {
+    margin: var(--wui-spacing-m) calc(var(--wui-spacing-m) * -1) var(--wui-spacing-m)
+      calc(var(--wui-spacing-m) * -1);
+    width: calc(100% + var(--wui-spacing-s) * 2);
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/partials/w3m-social-login-widget/styles.js.map

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