@console-wallet/dapp-sdk 1.2.1 → 2.0.1

package/dist/esm/requests/submitInstructionChoice.js.map

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

package/dist/esm/services/index.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

package/dist/esm/services/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/services/index.ts"],"names":[],"mappings":""}

package/dist/esm/services/indexedDB/index.d.ts

@@ -0,0 +1 @@
+export * from './wc-session.storage';

package/dist/esm/services/indexedDB/index.js

@@ -0,0 +1,2 @@
+export * from './wc-session.storage';
+//# sourceMappingURL=index.js.map

package/dist/esm/services/indexedDB/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/services/indexedDB/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/dist/esm/services/indexedDB/wc-session.storage.d.ts

@@ -0,0 +1,10 @@
+export declare enum WC_SESSION_DB_KEYS {
+    SESSION_ID = "session_id",
+    LAST_SELECTED_OPTION = "last_selected_option"
+}
+export type WCDataType = string;
+export declare const prepareWcSessionDb: () => Promise<void>;
+export declare const setWcSessionDbData: (key: WC_SESSION_DB_KEYS, value: WCDataType) => Promise<boolean>;
+export declare const getWcSessionDbData: (key: WC_SESSION_DB_KEYS) => Promise<WCDataType | null>;
+export declare const removeWcSessionDbData: (key: WC_SESSION_DB_KEYS) => Promise<boolean>;
+export declare const clearWcSessionDbData: () => Promise<boolean>;

package/dist/esm/services/indexedDB/wc-session.storage.js

@@ -0,0 +1,51 @@
+import localforage from 'localforage';
+const wcSessionDb = localforage.createInstance({
+    name: 'Console_Wallet_WC',
+    storeName: 'wallet_connect_session',
+    driver: localforage.INDEXEDDB,
+    version: 3,
+});
+export var WC_SESSION_DB_KEYS;
+(function (WC_SESSION_DB_KEYS) {
+    WC_SESSION_DB_KEYS["SESSION_ID"] = "session_id";
+    WC_SESSION_DB_KEYS["LAST_SELECTED_OPTION"] = "last_selected_option";
+})(WC_SESSION_DB_KEYS || (WC_SESSION_DB_KEYS = {}));
+export const prepareWcSessionDb = async () => {
+    await wcSessionDb.ready();
+};
+export const setWcSessionDbData = async (key, value) => {
+    try {
+        await wcSessionDb.setItem(`${key}`, value);
+        return true;
+    }
+    catch {
+        return false;
+    }
+};
+export const getWcSessionDbData = async (key) => {
+    try {
+        return await wcSessionDb.getItem(`${key}`);
+    }
+    catch {
+        return null;
+    }
+};
+export const removeWcSessionDbData = async (key) => {
+    try {
+        await wcSessionDb.removeItem(`${key}`);
+        return true;
+    }
+    catch {
+        return false;
+    }
+};
+export const clearWcSessionDbData = async () => {
+    try {
+        await wcSessionDb.clear();
+        return true;
+    }
+    catch {
+        return false;
+    }
+};
+//# sourceMappingURL=wc-session.storage.js.map

package/dist/esm/services/indexedDB/wc-session.storage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wc-session.storage.js","sourceRoot":"","sources":["../../../../src/services/indexedDB/wc-session.storage.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,aAAa,CAAC;AAEtC,MAAM,WAAW,GAAG,WAAW,CAAC,cAAc,CAAC;IAC7C,IAAI,EAAE,mBAAmB;IACzB,SAAS,EAAE,wBAAwB;IACnC,MAAM,EAAE,WAAW,CAAC,SAAS;IAC7B,OAAO,EAAE,CAAC;CACX,CAAC,CAAC;AAEH,MAAM,CAAN,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,+CAAyB,CAAA;IACzB,mEAA6C,CAAA;AAC/C,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,QAG7B;AAID,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,IAAI,EAAE;IAC3C,MAAM,WAAW,CAAC,KAAK,EAAE,CAAC;AAC5B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,EACrC,GAAuB,EACvB,KAAiB,EACC,EAAE;IACpB,IAAI;QACF,MAAM,WAAW,CAAC,OAAO,CAAC,GAAG,GAAG,EAAE,EAAE,KAAK,CAAC,CAAC;QAC3C,OAAO,IAAI,CAAC;KACb;IAAC,MAAM;QACN,OAAO,KAAK,CAAC;KACd;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,EAAE,GAAuB,EAA8B,EAAE;IAC9F,IAAI;QACF,OAAO,MAAM,WAAW,CAAC,OAAO,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC;KAC5C;IAAC,MAAM;QACN,OAAO,IAAI,CAAC;KACb;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,EAAE,GAAuB,EAAoB,EAAE;IACvF,IAAI;QACF,MAAM,WAAW,CAAC,UAAU,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC;QAEvC,OAAO,IAAI,CAAC;KACb;IAAC,MAAM;QACN,OAAO,KAAK,CAAC;KACd;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,IAAsB,EAAE;IAC/D,IAAI;QACF,MAAM,WAAW,CAAC,KAAK,EAAE,CAAC;QAE1B,OAAO,IAAI,CAAC;KACb;IAAC,MAAM;QACN,OAAO,KAAK,CAAC;KACd;AACH,CAAC,CAAC"}

package/dist/esm/services/wc-service/connector-select.d.ts

@@ -0,0 +1,7 @@
+import { ConnectResponse } from '../../types';
+type Arguments = {
+    mobileFunction: () => Promise<ConnectResponse>;
+    browserFunction: () => Promise<ConnectResponse>;
+};
+export declare const selectConnector: (data: Arguments) => Promise<ConnectResponse>;
+export {};

package/dist/esm/services/wc-service/connector-select.js

@@ -0,0 +1,65 @@
+import { WC_PLACEHOLDER_DIV_ID } from '../../constants/wc.constants';
+import { EIP_1474_ERROR, EIP_1474_ERROR_ENUM } from '../../types';
+import CloseIcon from '../../assets/icons/close.svg';
+import ExtensionIcon from '../../assets/images/extension.png';
+import WalletConnectIcon from '../../assets/images/walletConnect.png';
+export const selectConnector = async ({ mobileFunction, browserFunction, }) => new Promise((resolve, reject) => {
+    const body = document.getElementsByTagName('body')[0];
+    if (body) {
+        const placeholderDiv = document.createElement('div');
+        placeholderDiv.id = WC_PLACEHOLDER_DIV_ID;
+        body.appendChild(placeholderDiv);
+        const title = document.createElement('span');
+        title.classList.add('title');
+        title.textContent = 'Connect wallet';
+        const closeIcon = document.createElement('img');
+        closeIcon.src = CloseIcon;
+        closeIcon.onclick = () => {
+            placeholderDiv.remove();
+            reject(EIP_1474_ERROR[EIP_1474_ERROR_ENUM.UserRejected]);
+        };
+        closeIcon.classList.add('closeWrapper');
+        title.appendChild(closeIcon);
+        const options = document.createElement('span');
+        options.classList.add('options');
+        const extensionOption = document.createElement('button');
+        extensionOption.classList.add('option');
+        extensionOption.textContent = 'Console Wallet Extension';
+        extensionOption.onclick = async () => {
+            placeholderDiv.remove();
+            try {
+                const res = await browserFunction();
+                resolve(res);
+            }
+            catch (err) {
+                reject(err);
+            }
+        };
+        const extensionIcon = document.createElement('img');
+        extensionIcon.src = ExtensionIcon;
+        extensionOption.appendChild(extensionIcon);
+        const mobileOption = document.createElement('button');
+        mobileOption.classList.add('option', 'small');
+        mobileOption.onclick = async () => {
+            placeholderDiv.remove();
+            try {
+                const res = await mobileFunction();
+                resolve(res);
+            }
+            catch (err) {
+                reject(err);
+            }
+        };
+        const walletConnectIcon = document.createElement('img');
+        walletConnectIcon.src = WalletConnectIcon;
+        mobileOption.appendChild(walletConnectIcon);
+        options.appendChild(extensionOption);
+        options.appendChild(mobileOption);
+        placeholderDiv.appendChild(options);
+        placeholderDiv.appendChild(title);
+    }
+    else {
+        reject(EIP_1474_ERROR[EIP_1474_ERROR_ENUM.InternalError]);
+    }
+});
+//# sourceMappingURL=connector-select.js.map

package/dist/esm/services/wc-service/connector-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connector-select.js","sourceRoot":"","sources":["../../../../src/services/wc-service/connector-select.ts"],"names":[],"mappings":"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"}

package/dist/esm/services/wc-service/index.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

package/dist/esm/services/wc-service/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/services/wc-service/index.ts"],"names":[],"mappings":""}

package/dist/esm/services/wc-service/prepare-wc.d.ts

@@ -0,0 +1 @@
+export declare const handlePrepareWC: () => Promise<void>;

package/dist/esm/services/wc-service/prepare-wc.js

@@ -0,0 +1,11 @@
+import { prepareWcSessionDb } from '../indexedDB';
+import { wcSessionService } from './wc-service';
+export const handlePrepareWC = async () => {
+    await prepareWcSessionDb();
+    await wcSessionService.getStoredSession();
+    if (wcSessionService.session) {
+        wcSessionService.startPolling();
+    }
+};
+handlePrepareWC();
+//# sourceMappingURL=prepare-wc.js.map

package/dist/esm/services/wc-service/prepare-wc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prepare-wc.js","sourceRoot":"","sources":["../../../../src/services/wc-service/prepare-wc.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,IAAmB,EAAE;IACvD,MAAM,kBAAkB,EAAE,CAAC;IAC3B,MAAM,gBAAgB,CAAC,gBAAgB,EAAE,CAAC;IAE1C,IAAI,gBAAgB,CAAC,OAAO,EAAE;QAC5B,gBAAgB,CAAC,YAAY,EAAE,CAAC;KACjC;AACH,CAAC,CAAC;AAEF,eAAe,EAAE,CAAC"}

package/dist/esm/services/wc-service/wc-request-separator.d.ts

@@ -0,0 +1 @@
+export declare const wcRequestLogicSeparator: (extensionRequest?: () => unknown, mobileRequest?: () => unknown) => Promise<unknown>;

package/dist/esm/services/wc-service/wc-request-separator.js

@@ -0,0 +1,23 @@
+import { EIP_1474_ERROR, EIP_1474_ERROR_ENUM } from '../../types';
+import { handlePrepareWC } from './prepare-wc';
+import { wcSessionService } from './wc-service';
+// TODO: add generic types
+export const wcRequestLogicSeparator = async (extensionRequest, mobileRequest) => {
+    await handlePrepareWC();
+    const session = await wcSessionService.session;
+    if (session) {
+        // If mobile session exist, but mobileRequest is not provided, throw error
+        if (!mobileRequest) {
+            throw EIP_1474_ERROR[EIP_1474_ERROR_ENUM.MethodNotSupported];
+        }
+        return mobileRequest();
+    }
+    else {
+        // If extension is a target, but extensionRequest is not provided, throw error
+        if (!extensionRequest) {
+            throw EIP_1474_ERROR[EIP_1474_ERROR_ENUM.MethodNotSupported];
+        }
+        return extensionRequest();
+    }
+};
+//# sourceMappingURL=wc-request-separator.js.map

package/dist/esm/services/wc-service/wc-request-separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wc-request-separator.js","sourceRoot":"","sources":["../../../../src/services/wc-service/wc-request-separator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,0BAA0B;AAC1B,MAAM,CAAC,MAAM,uBAAuB,GAAG,KAAK,EAC1C,gBAAgC,EAChC,aAA6B,EAC7B,EAAE;IACF,MAAM,eAAe,EAAE,CAAC;IAExB,MAAM,OAAO,GAAG,MAAM,gBAAgB,CAAC,OAAO,CAAC;IAE/C,IAAI,OAAO,EAAE;QACX,0EAA0E;QAC1E,IAAI,CAAC,aAAa,EAAE;YAClB,MAAM,cAAc,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,CAAC;SAC9D;QAED,OAAO,aAAa,EAAE,CAAC;KACxB;SAAM;QACL,8EAA8E;QAC9E,IAAI,CAAC,gBAAgB,EAAE;YACrB,MAAM,cAAc,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,CAAC;SAC9D;QAED,OAAO,gBAAgB,EAAE,CAAC;KAC3B;AACH,CAAC,CAAC"}

package/dist/esm/services/wc-service/wc-service.d.ts

@@ -0,0 +1,35 @@
+import { CommonDataFieldsRequest, ConnectRequest, PUBLIC_REQUESTS } from '../../types';
+import { GetWebPayloadForMobileResponseDTO } from '../../api/generated-wc-api';
+declare class WcSessionService {
+    private _session;
+    private _subscribers;
+    private _triggerSubscribers;
+    private _interval;
+    /**
+     * Returns the session value synchronously.
+     */
+    get session(): string | null;
+    /**
+     * Init session communication
+     */
+    init(data: ConnectRequest & CommonDataFieldsRequest): Promise<string>;
+    sendMessage(serializedPayload: string, type: PUBLIC_REQUESTS, messageId: string): Promise<void>;
+    terminateSession(id: string): Promise<void>;
+    /**
+     * Initializes the service by loading the session from IndexedDB.
+     */
+    getStoredSession(): Promise<void>;
+    /**
+     * Sets the session value both in memory (synchronously available immediately after)
+     * and in IndexedDB (asynchronously).
+     */
+    setSession(session: string): Promise<void>;
+    /**
+     * Clears the session from both memory and IndexedDB.
+     */
+    clearSession(): Promise<void>;
+    addSubscriber(id: string, callback: (message: GetWebPayloadForMobileResponseDTO, id: string, type: string) => void): void;
+    startPolling(): void;
+}
+export declare const wcSessionService: WcSessionService;
+export {};

package/dist/esm/services/wc-service/wc-service.js

@@ -0,0 +1,185 @@
+import qrcode from 'qrcode-generator';
+import { WC_PLACEHOLDER_DIV_ID } from '../../constants/wc.constants';
+import CloseIcon from '../../assets/icons/close.svg';
+import MobileIcon from '../../assets/images/extension.png';
+import { getWcSessionDbData, setWcSessionDbData, removeWcSessionDbData, WC_SESSION_DB_KEYS, } from '../indexedDB/wc-session.storage';
+import { api } from '../../api';
+import { EIP_1474_ERROR, EIP_1474_ERROR_ENUM, PUBLIC_REQUESTS, } from '../../types';
+import { getDeviceInfo } from '../../helpers/mobile-check.helper';
+import { MOBILE_DEEP_LINK_CONNECT } from '../../constants';
+class WcSessionService {
+    _session = null;
+    _subscribers = {};
+    _triggerSubscribers = {};
+    _interval = null;
+    /**
+     * Returns the session value synchronously.
+     */
+    get session() {
+        return this._session;
+    }
+    /**
+     * Init session communication
+     */
+    async init(data) {
+        const sessionRequest = await api.wc.qrSessionWebControllerCreateSdkSession();
+        const newSession = sessionRequest.sessionId;
+        await api.wc.qrSessionWebControllerCreateSessionMessage(newSession, {
+            method: PUBLIC_REQUESTS.CONNECT,
+            messageId: data.id,
+            serializedPayload: JSON.stringify(data),
+        });
+        const { isMobile, isAndroid, isIOS } = getDeviceInfo();
+        if (isMobile && isAndroid) {
+            console.log(1);
+            await this.setSession(newSession);
+            await this.getStoredSession();
+            window.location.href = `${MOBILE_DEEP_LINK_CONNECT}${newSession}`;
+            return newSession;
+        }
+        const body = document.getElementsByTagName('body')[0];
+        if (body) {
+            const placeholderDiv = document.createElement('div');
+            placeholderDiv.id = WC_PLACEHOLDER_DIV_ID;
+            body.appendChild(placeholderDiv);
+            const qrWrapper = document.createElement('div');
+            qrWrapper.classList.add('qrWrapper');
+            const description = document.createElement('span');
+            description.classList.add('description');
+            description.textContent = 'Scan this QR Code with your phone';
+            const qr = qrcode(5, 'M');
+            qr.addData(newSession);
+            qr.make();
+            qrWrapper.innerHTML = qr.createSvgTag(5, 20);
+            qrWrapper.appendChild(description);
+            const title = document.createElement('span');
+            title.classList.add('title');
+            title.textContent = 'Connect wallet';
+            const closeIcon = document.createElement('img');
+            closeIcon.src = CloseIcon;
+            closeIcon.onclick = () => {
+                placeholderDiv.remove();
+                this.terminateSession(newSession);
+                throw EIP_1474_ERROR[EIP_1474_ERROR_ENUM.UserRejected];
+            };
+            closeIcon.classList.add('closeWrapper');
+            if (isMobile && isIOS) {
+                const mobileOption = document.createElement('button');
+                mobileOption.classList.add('option');
+                mobileOption.textContent = 'Console Wallet Mobile';
+                mobileOption.onclick = async () => {
+                    window.location.href = `${MOBILE_DEEP_LINK_CONNECT}${newSession}`;
+                };
+                const mobileIcon = document.createElement('img');
+                mobileIcon.src = MobileIcon;
+                mobileOption.appendChild(mobileIcon);
+                title.appendChild(closeIcon);
+                placeholderDiv.appendChild(title);
+                placeholderDiv.appendChild(mobileOption);
+                await this.setSession(newSession);
+                await this.getStoredSession();
+                return newSession;
+            }
+            title.appendChild(closeIcon);
+            placeholderDiv.appendChild(qrWrapper);
+            placeholderDiv.appendChild(title);
+        }
+        await this.setSession(newSession);
+        await this.getStoredSession();
+        return newSession;
+    }
+    async sendMessage(serializedPayload, type, messageId) {
+        await api.wc.qrSessionWebControllerCreateSessionMessage(this.session || '', {
+            method: type,
+            messageId,
+            serializedPayload,
+        });
+    }
+    async terminateSession(id) {
+        try {
+            await api.wc.qrSessionWebControllerCloseSession(id);
+        }
+        catch {
+            //
+        }
+        try {
+            await this.clearSession();
+        }
+        catch {
+            //
+        }
+    }
+    /**
+     * Initializes the service by loading the session from IndexedDB.
+     */
+    async getStoredSession() {
+        const storedSession = await getWcSessionDbData(WC_SESSION_DB_KEYS.SESSION_ID);
+        if (storedSession) {
+            this._session = storedSession;
+        }
+    }
+    /**
+     * Sets the session value both in memory (synchronously available immediately after)
+     * and in IndexedDB (asynchronously).
+     */
+    async setSession(session) {
+        this._session = session;
+        await setWcSessionDbData(WC_SESSION_DB_KEYS.SESSION_ID, session);
+    }
+    /**
+     * Clears the session from both memory and IndexedDB.
+     */
+    async clearSession() {
+        this._session = null;
+        await removeWcSessionDbData(WC_SESSION_DB_KEYS.SESSION_ID);
+    }
+    addSubscriber(id, callback) {
+        if (id.endsWith('_TRIGGER')) {
+            this._triggerSubscribers[id] = [...(this._triggerSubscribers[id] || []), callback];
+        }
+        else {
+            this._subscribers[id] = callback;
+        }
+    }
+    // TODO: change short polling to long polling or use websockets
+    startPolling() {
+        if (this._interval !== null) {
+            return;
+        }
+        const request = async () => {
+            try {
+                const response = await api.wc.qrSessionWebControllerGetAllMessages(this.session || '');
+                const messages = response.messages;
+                messages.map((messageData) => {
+                    console.log('🚀 ~ file: wc-service.ts:205 ~ messageData:', messageData, messageData.serializedPayload);
+                    const message = JSON.parse(messageData.serializedPayload);
+                    const isTriggered = messageData.method.endsWith('_TRIGGER');
+                    const id = isTriggered ? messageData.method : message.id;
+                    console.log('🚀 ~ file: wc-service.ts:217 ~ this._subscribers[id]:', this._subscribers[id], this._subscribers, id);
+                    if (isTriggered) {
+                        for (const trigger of this._triggerSubscribers[id] || []) {
+                            trigger(messageData, id, messageData.method);
+                        }
+                    }
+                    else {
+                        if (this._subscribers[id]) {
+                            this._subscribers[id](messageData, id, messageData.method);
+                        }
+                    }
+                });
+            }
+            catch (e) {
+                console.log('🚀 ~ file: wc-service.ts:228 ~ e:', e);
+                this.terminateSession(this.session || '');
+                if (this._interval !== null) {
+                    clearInterval(this._interval);
+                }
+            }
+        };
+        //NOTE: to start polling immediately
+        request();
+        this._interval = setInterval(request, 10000);
+    }
+}
+export const wcSessionService = new WcSessionService();
+//# sourceMappingURL=wc-service.js.map

package/dist/esm/services/wc-service/wc-service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wc-service.js","sourceRoot":"","sources":["../../../../src/services/wc-service/wc-service.ts"],"names":[],"mappings":"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"}

package/dist/esm/styles.css

@@ -0,0 +1,110 @@
+#console-wallet-connect-placeholder {
+    z-index: 10000;
+    display: flex;
+    align-items: center;
+    flex-direction: column-reverse;
+    gap: 24px;
+    position: fixed;
+    left: 0;
+    right: 0;
+    margin-inline: auto;
+    width: fit-content;
+    padding: 32px;
+    border-radius: 24px;
+    background-color: #F0F0F0;
+    color: #000000;
+    box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);
+
+    .qrWrapper {
+      display: flex;
+      flex-direction: column;
+      background-color: #E2E2E2;
+      border-radius: 16px;
+
+      > svg {
+        position: relative;
+        border-radius: 16px;
+        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
+        width: 70svw;
+        max-width: 340px;
+        height: 70svw;
+        max-height: 340px;
+  
+        > rect {
+          fill: #F0F0F0;
+        }
+      }
+
+      .description {
+        padding: 12px;
+        text-align: center;
+        color: #000000;
+        font-size: 16px;
+        font-weight: 600;
+        line-height: 1.2;
+        width: 70svw;
+        max-width: 340px;
+        white-space: wrap;
+      }
+    }
+
+   
+
+    > .title {
+        position: relative;
+        display: flex;
+        width: 100%;
+        font-size: 24px;
+        font-weight: 700;
+        line-height: 1.2;
+
+        > .closeWrapper {
+          position: absolute;
+          padding: 4px;
+          border-radius: 50%;
+          color: #868686;
+          right: -16px;
+          top: -16px;
+          transition: 0.2s;
+        
+          &:hover {
+            background-color: rgb(185, 185, 185);
+          }
+        }
+    }
+
+    .options {
+      display: flex;
+      flex-direction: row;
+      gap: 4px;
+    }
+
+    .option {
+      display: flex;
+      flex-direction: row-reverse;
+      justify-content: flex-end;
+      width: 100%;
+      align-items: center;
+      border-radius: 16px;
+      padding: 12px 16px;
+      margin: 0;
+      gap: 16px;
+      background-color: #ffff;
+      transition: 0.2s;
+      color: #000000;
+
+      font-size: 16px;
+      font-weight: 600;
+      line-height: 1.2;
+
+      &.small {
+        width: fit-content;
+      }
+
+      &:hover {
+        background-color: #d0d0d0;
+      }
+    }
+
+
+}