@doiim/reown-appkit-scaffold-ui 1.8.19-doiim.0

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

@@ -0,0 +1,70 @@
+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 { LitElement, html } from 'lit';
+import { state } from 'lit/decorators.js';
+import { SnackController } from '@doiim/reown-appkit-controllers';
+import { customElement } from '@doiim/reown-appkit-ui';
+import '@doiim/reown-appkit-ui/wui-snackbar';
+import styles from './styles.js';
+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;
+        return html ` <wui-snackbar message=${message} variant=${variant}></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'
+            });
+            if (this.timeout) {
+                clearTimeout(this.timeout);
+            }
+            if (SnackController.state.autoClose) {
+                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,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAA;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,qCAAqC,CAAA;AAE5C,OAAO,MAAM,MAAM,aAAa,CAAA;AAKzB,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;QAElD,OAAO,IAAI,CAAA,0BAA0B,OAAO,YAAY,OAAO,mBAAmB,CAAA;IACpF,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,IAAI,CAAC,OAAO,EAAE,CAAC;gBACjB,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;YAC5B,CAAC;YAED,IAAI,eAAe,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;gBACpC,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,CAAA;YAC/D,CAAC;QACH,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;;AAnEsB,kBAAM,GAAG,MAAM,AAAT,CAAS;AAQrB;IAAhB,KAAK,EAAE;yCAA0C;AATvC,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CAqEvB"}

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,114 @@
+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 { LitElement, html } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { AlertController, ApiController, ConnectorController, ConstantsUtil, OptionsController, RouterController } from '@doiim/reown-appkit-controllers';
+import { executeSocialLogin } from '@doiim/reown-appkit-controllers/utils';
+import { CoreHelperUtil } from '@doiim/reown-appkit-controllers/utils';
+import { customElement } from '@doiim/reown-appkit-ui';
+import '@doiim/reown-appkit-ui/wui-flex';
+import '@doiim/reown-appkit-ui/wui-list-social';
+import { W3mFrameProvider } from '@doiim/reown-appkit-wallet';
+import styles from './styles.js';
+let W3mSocialLoginList = class W3mSocialLoginList extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.tabIdx = undefined;
+        this.connectors = ConnectorController.state.connectors;
+        this.authConnector = this.connectors.find(c => c.type === 'AUTH');
+        this.remoteFeatures = OptionsController.state.remoteFeatures;
+        this.isPwaLoading = false;
+        this.hasExceededUsageLimit = ApiController.state.plan.hasExceededUsageLimit;
+        this.unsubscribe.push(ConnectorController.subscribeKey('connectors', val => {
+            this.connectors = val;
+            this.authConnector = this.connectors.find(c => c.type === 'AUTH');
+        }), OptionsController.subscribeKey('remoteFeatures', val => (this.remoteFeatures = val)));
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.handlePwaFrameLoad();
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        let socials = this.remoteFeatures?.socials || [];
+        const isAuthConnectorExist = Boolean(this.authConnector);
+        const isSocialsEnabled = socials?.length;
+        const isConnectSocialsView = RouterController.state.view === 'ConnectSocials';
+        if ((!isAuthConnectorExist || !isSocialsEnabled) && !isConnectSocialsView) {
+            return null;
+        }
+        if (isConnectSocialsView && !isSocialsEnabled) {
+            socials = ConstantsUtil.DEFAULT_SOCIALS;
+        }
+        return html ` <wui-flex flexDirection="column" gap="2">
+      ${socials.map(social => html `<wui-list-social
+            @click=${() => {
+            this.onSocialClick(social);
+        }}
+            data-testid=${`social-selector-${social}`}
+            name=${social}
+            logo=${social}
+            ?disabled=${this.isPwaLoading}
+          ></wui-list-social>`)}
+    </wui-flex>`;
+    }
+    async onSocialClick(socialProvider) {
+        if (this.hasExceededUsageLimit) {
+            RouterController.push('UsageExceeded');
+            return;
+        }
+        if (socialProvider) {
+            await executeSocialLogin(socialProvider);
+        }
+    }
+    async handlePwaFrameLoad() {
+        if (CoreHelperUtil.isPWA()) {
+            this.isPwaLoading = true;
+            try {
+                if (this.authConnector?.provider instanceof W3mFrameProvider) {
+                    await this.authConnector.provider.init();
+                }
+            }
+            catch (error) {
+                AlertController.open({
+                    displayMessage: 'Error loading embedded wallet in PWA',
+                    debugMessage: error.message
+                }, 'error');
+            }
+            finally {
+                this.isPwaLoading = false;
+            }
+        }
+    }
+};
+W3mSocialLoginList.styles = styles;
+__decorate([
+    property()
+], W3mSocialLoginList.prototype, "tabIdx", void 0);
+__decorate([
+    state()
+], W3mSocialLoginList.prototype, "connectors", void 0);
+__decorate([
+    state()
+], W3mSocialLoginList.prototype, "authConnector", void 0);
+__decorate([
+    state()
+], W3mSocialLoginList.prototype, "remoteFeatures", void 0);
+__decorate([
+    state()
+], W3mSocialLoginList.prototype, "isPwaLoading", void 0);
+__decorate([
+    state()
+], W3mSocialLoginList.prototype, "hasExceededUsageLimit", 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 '@doiim/reown-appkit-ui';
+export default css `
+  :host {
+    margin-top: ${({ spacing }) => spacing['1']};
+  }
+  wui-separator {
+    margin: ${({ spacing }) => spacing['3']} calc(${({ spacing }) => spacing['3']} * -1)
+      ${({ spacing }) => spacing['2']} calc(${({ spacing }) => spacing['3']} * -1);
+    width: calc(100% + ${({ spacing }) => spacing['3']} * 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,wBAAwB,CAAA;AAE5C,eAAe,GAAG,CAAA;;kBAEA,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;;cAGjC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;QACzE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;yBAClD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;CAErD,CAAA"}

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

@@ -0,0 +1,214 @@
+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 { LitElement, html } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { ConstantsUtil as CommonConstantsUtil } from '@doiim/reown-appkit-common';
+import { AlertController, ApiController, ChainController, ConnectionController, ConnectorController, ConstantsUtil, OptionsController, RouterController } from '@doiim/reown-appkit-controllers';
+import { executeSocialLogin } from '@doiim/reown-appkit-controllers/utils';
+import { CoreHelperUtil } from '@doiim/reown-appkit-controllers/utils';
+import { UiHelperUtil, customElement } from '@doiim/reown-appkit-ui';
+import '@doiim/reown-appkit-ui/wui-flex';
+import '@doiim/reown-appkit-ui/wui-list-social';
+import '@doiim/reown-appkit-ui/wui-logo-select';
+import { W3mFrameProvider } from '@doiim/reown-appkit-wallet';
+import styles from './styles.js';
+const MAX_TOP_VIEW = 2;
+const MAXIMUM_LENGTH = 6;
+let W3mSocialLoginWidget = class W3mSocialLoginWidget extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.walletGuide = 'get-started';
+        this.tabIdx = undefined;
+        this.connectors = ConnectorController.state.connectors;
+        this.remoteFeatures = OptionsController.state.remoteFeatures;
+        this.authConnector = this.connectors.find(c => c.type === 'AUTH');
+        this.isPwaLoading = false;
+        this.hasExceededUsageLimit = ApiController.state.plan.hasExceededUsageLimit;
+        this.unsubscribe.push(ConnectorController.subscribeKey('connectors', val => {
+            this.connectors = val;
+            this.authConnector = this.connectors.find(c => c.type === 'AUTH');
+        }), OptionsController.subscribeKey('remoteFeatures', val => (this.remoteFeatures = val)), ApiController.subscribeKey('plan', val => (this.hasExceededUsageLimit = val.hasExceededUsageLimit)));
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.handlePwaFrameLoad();
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        return html `
+      <wui-flex
+        class="container"
+        flexDirection="column"
+        gap="2"
+        data-testid="w3m-social-login-widget"
+      >
+        ${this.topViewTemplate()}${this.bottomViewTemplate()}
+      </wui-flex>
+    `;
+    }
+    topViewTemplate() {
+        const isCreateWalletPage = this.walletGuide === 'explore';
+        let socials = this.remoteFeatures?.socials;
+        if (!socials && isCreateWalletPage) {
+            socials = ConstantsUtil.DEFAULT_SOCIALS;
+            return this.renderTopViewContent(socials);
+        }
+        if (!socials) {
+            return null;
+        }
+        return this.renderTopViewContent(socials);
+    }
+    renderTopViewContent(socials) {
+        if (socials.length === 2) {
+            return html ` <wui-flex gap="2">
+        ${socials.slice(0, MAX_TOP_VIEW).map(social => html `<wui-logo-select
+              data-testid=${`social-selector-${social}`}
+              @click=${() => {
+                this.onSocialClick(social);
+            }}
+              logo=${social}
+              tabIdx=${ifDefined(this.tabIdx)}
+              ?disabled=${this.isPwaLoading || this.hasConnection()}
+            ></wui-logo-select>`)}
+      </wui-flex>`;
+        }
+        return html ` <wui-list-button
+      data-testid=${`social-selector-${socials[0]}`}
+      @click=${() => {
+            this.onSocialClick(socials[0]);
+        }}
+      size="lg"
+      icon=${ifDefined(socials[0])}
+      text=${`Continue with ${UiHelperUtil.capitalize(socials[0])}`}
+      tabIdx=${ifDefined(this.tabIdx)}
+      ?disabled=${this.isPwaLoading || this.hasConnection()}
+    ></wui-list-button>`;
+    }
+    bottomViewTemplate() {
+        let socials = this.remoteFeatures?.socials;
+        const isCreateWalletPage = this.walletGuide === 'explore';
+        const isSocialDisabled = !this.authConnector || !socials || socials.length === 0;
+        if (isSocialDisabled && isCreateWalletPage) {
+            socials = ConstantsUtil.DEFAULT_SOCIALS;
+        }
+        if (!socials) {
+            return null;
+        }
+        if (socials.length <= MAX_TOP_VIEW) {
+            return null;
+        }
+        if (socials && socials.length > MAXIMUM_LENGTH) {
+            return html `<wui-flex gap="2">
+        ${socials.slice(1, MAXIMUM_LENGTH - 1).map(social => html `<wui-logo-select
+              data-testid=${`social-selector-${social}`}
+              @click=${() => {
+                this.onSocialClick(social);
+            }}
+              logo=${social}
+              tabIdx=${ifDefined(this.tabIdx)}
+              ?focusable=${this.tabIdx !== undefined && this.tabIdx >= 0}
+              ?disabled=${this.isPwaLoading || this.hasConnection()}
+            ></wui-logo-select>`)}
+        <wui-logo-select
+          logo="more"
+          tabIdx=${ifDefined(this.tabIdx)}
+          @click=${this.onMoreSocialsClick.bind(this)}
+          ?disabled=${this.isPwaLoading || this.hasConnection()}
+          data-testid="social-selector-more"
+        ></wui-logo-select>
+      </wui-flex>`;
+        }
+        if (!socials) {
+            return null;
+        }
+        return html `<wui-flex gap="2">
+      ${socials.slice(1, socials.length).map(social => html `<wui-logo-select
+            data-testid=${`social-selector-${social}`}
+            @click=${() => {
+            this.onSocialClick(social);
+        }}
+            logo=${social}
+            tabIdx=${ifDefined(this.tabIdx)}
+            ?focusable=${this.tabIdx !== undefined && this.tabIdx >= 0}
+            ?disabled=${this.isPwaLoading || this.hasConnection()}
+          ></wui-logo-select>`)}
+    </wui-flex>`;
+    }
+    onMoreSocialsClick() {
+        RouterController.push('ConnectSocials');
+    }
+    async onSocialClick(socialProvider) {
+        if (this.hasExceededUsageLimit) {
+            RouterController.push('UsageExceeded');
+            return;
+        }
+        const isAvailableChain = CommonConstantsUtil.AUTH_CONNECTOR_SUPPORTED_CHAINS.find(chain => chain === ChainController.state.activeChain);
+        if (!isAvailableChain) {
+            const caipNetwork = ChainController.getFirstCaipNetworkSupportsAuthConnector();
+            if (caipNetwork) {
+                RouterController.push('SwitchNetwork', { network: caipNetwork });
+                return;
+            }
+        }
+        if (socialProvider) {
+            await executeSocialLogin(socialProvider);
+        }
+    }
+    async handlePwaFrameLoad() {
+        if (CoreHelperUtil.isPWA()) {
+            this.isPwaLoading = true;
+            try {
+                if (this.authConnector?.provider instanceof W3mFrameProvider) {
+                    await this.authConnector.provider.init();
+                }
+            }
+            catch (error) {
+                AlertController.open({
+                    displayMessage: 'Error loading embedded wallet in PWA',
+                    debugMessage: error.message
+                }, 'error');
+            }
+            finally {
+                this.isPwaLoading = false;
+            }
+        }
+    }
+    hasConnection() {
+        return ConnectionController.hasAnyConnection(CommonConstantsUtil.CONNECTOR_ID.AUTH);
+    }
+};
+W3mSocialLoginWidget.styles = styles;
+__decorate([
+    property()
+], W3mSocialLoginWidget.prototype, "walletGuide", void 0);
+__decorate([
+    property()
+], W3mSocialLoginWidget.prototype, "tabIdx", void 0);
+__decorate([
+    state()
+], W3mSocialLoginWidget.prototype, "connectors", void 0);
+__decorate([
+    state()
+], W3mSocialLoginWidget.prototype, "remoteFeatures", void 0);
+__decorate([
+    state()
+], W3mSocialLoginWidget.prototype, "authConnector", void 0);
+__decorate([
+    state()
+], W3mSocialLoginWidget.prototype, "isPwaLoading", void 0);
+__decorate([
+    state()
+], W3mSocialLoginWidget.prototype, "hasExceededUsageLimit", 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,9 @@
+import { css } from '@doiim/reown-appkit-ui';
+export default css `
+  wui-separator {
+    margin: ${({ spacing }) => spacing['3']} calc(${({ spacing }) => spacing['3']} * -1)
+      ${({ spacing }) => spacing['3']} calc(${({ spacing }) => spacing['3']} * -1);
+    width: calc(100% + ${({ spacing }) => spacing['3']} * 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,wBAAwB,CAAA;AAE5C,eAAe,GAAG,CAAA;;cAEJ,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;QACzE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;yBAClD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;CAErD,CAAA"}