@bringweb3/chrome-extension-kit 1.0.0 → 1.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bringweb3/chrome-extension-kit",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -16,6 +16,10 @@
     "test": "vitest --coverage",
     "release": "yarn build & changeset publish"
   },
+  "files": [
+    "dist",
+    "README.md"
+  ],
   "devDependencies": {
     "@changesets/cli": "^2.27.7",
     "@types/chrome": "^0.0.268",

package/.changeset/README.md

@@ -1,8 +0,0 @@
-# Changesets
-
-Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
-with multi-package repos, or single-package repos to help you version and publish your code. You can
-find the full documentation for it [in our repository](https://github.com/changesets/changesets)
-
-We have a quick list of common questions to get you started engaging with this project in
-[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

package/.changeset/config.json

@@ -1,11 +0,0 @@
-{
-  "$schema": "https://unpkg.com/@changesets/config@3.0.2/schema.json",
-  "changelog": "@changesets/cli/changelog",
-  "commit": false,
-  "fixed": [],
-  "linked": [],
-  "access": "restricted",
-  "baseBranch": "main",
-  "updateInternalDependencies": "patch",
-  "ignore": []
-}

package/CHANGELOG.md

@@ -1,7 +0,0 @@
-# @bringweb3/chrome-extension-kit
-
-## 1.0.0
-
-### Major Changes
-
-- fb4c76e: Initial release of @bringweb3/chrome-extension-kit - Chrome Extension Kit from Bringweb3

package/bringInitBackground.ts

@@ -1,301 +0,0 @@
-import fetchDomains from "./utils/api/fetchDomains.js"
-import validateDomain from "./utils/api/validateDomain.js"
-import checkEvents from "./utils/api/checkEvents.js"
-import { ApiEndpoint } from "./utils/apiEndpoint.js"
-
-import { UPDATE_CACHE_ALARM_NAME } from './utils/constants.js'
-import storage from "./utils/storage.js"
-
-const quietTime = 30 * 60 * 1000
-
-const getWalletAddress = async (tabId?: number): Promise<WalletAddress> => {
-    let walletAddress: WalletAddress = await storage.get('walletAddress')
-
-    try {
-        if (!tabId) {
-            const tabs = await chrome.tabs.query({ active: true, currentWindow: true })
-            if (!tabs || !tabs[0] || !tabs[0].id) return walletAddress;
-            tabId = tabs[0].id
-        }
-
-        const res = await sendMessage(tabId, { action: 'GET_WALLET_ADDRESS' });
-
-        if (res?.walletAddress && walletAddress !== res?.walletAddress) {
-            walletAddress = res?.walletAddress
-            await storage.set('walletAddress', walletAddress as string)
-        }
-    } catch (error) {
-        // console.log("Can't update wallet address");
-    }
-
-    return walletAddress
-}
-
-const calcDelay = (timestamp: number) => {
-    const now = Date.now()
-    return (timestamp - now) / 1000 / 60 // milliseconds to minutes
-}
-
-const updateCache = async (apiKey: string) => {
-    const res = await fetchDomains(apiKey)
-
-    storage.set('relevantDomains', res.relevantDomains)
-
-    const { nextUpdateTimestamp } = res
-
-    const delay = calcDelay(nextUpdateTimestamp)
-
-    chrome.alarms.create(UPDATE_CACHE_ALARM_NAME, {
-        delayInMinutes: delay
-    })
-}
-
-const checkNotifications = async (apiKey: string, tabId: number, cashbackUrl: string | undefined, isAfterActivation?: boolean) => {
-    const falseReturn = { showNotification: false, token: '' };
-
-    const nextNotificationCheck = await storage.get('notificationCheck');
-
-    if (nextNotificationCheck?.check && Date.now() < nextNotificationCheck.check) return falseReturn;
-
-    const walletAddress = await getWalletAddress(tabId)
-
-    if (!walletAddress) return falseReturn;
-
-    const res = await checkEvents({ apiKey, walletAddress, cashbackUrl });
-    const notifications = {
-        check: isAfterActivation ? res.nextRequestTimestampActivated : res.nextRequestTimestampRegular,
-        nextRequestTimestampActivated: res.nextRequestTimestampActivated,
-        nextRequestTimestampRegular: res.nextRequestTimestampRegular
-    }
-    storage.set('notificationCheck', notifications);
-
-    return {
-        showNotification: res.showNotification as boolean,
-        token: res.token as string
-    };
-}
-
-const getDomain = (url: string) => {
-    return url.replace(/^(https?:\/\/)?(www\.)?/, '');
-}
-
-const getRelevantDomain = async (url: string | undefined) => {
-    const relevantDomains = await storage.get('relevantDomains')
-    if (!url || !relevantDomains || !relevantDomains.length) return ''
-    const domain = getDomain(url)
-    for (const relevantDomain of relevantDomains) {
-        if (domain.startsWith(relevantDomain)) {
-
-            const quietDomains = await storage.get('quietDomains')
-            if (quietDomains && quietDomains[relevantDomain] && Date.now() < quietDomains[relevantDomain]) {
-                return ''
-            }
-            return relevantDomain
-        }
-    }
-    return ''
-}
-
-const addQuietDomain = async (domain: string, time?: number) => {
-    if (!time) time = quietTime
-
-    let quietDomains = await storage.get('quietDomains')
-
-    if (typeof quietDomains === 'object') {
-        quietDomains[domain] = Date.now() + time
-    } else {
-        quietDomains = { [domain]: Date.now() + quietTime }
-    }
-    storage.set('quietDomains', quietDomains)
-}
-
-const getCashbackUrl = (cashbackUrl: string | undefined): string | undefined => {
-    return cashbackUrl ? chrome.runtime.getURL(cashbackUrl) : undefined;
-}
-
-interface Message {
-    action: 'INJECT' | 'GET_WALLET_ADDRESS'
-    domain?: string
-    token?: string
-    page?: string
-}
-
-const sendMessage = async (tabId: number, message: Message) => {
-    const maxRetries = 5;
-    const baseDelay = 1000; // 1 second
-
-    for (let attempt = 0; attempt < maxRetries; attempt++) {
-        try {
-            // Check if tab still exists
-            const tabInfo = await chrome.tabs.get(tabId);
-            if (chrome.runtime.lastError) {
-                // console.warn("Tab no longer exists:", chrome.runtime.lastError);
-                return;
-            }
-
-            const res = await chrome.tabs.sendMessage(tabId, message);
-            // console.log("Message sent successfully");
-            return res;
-        } catch (error) {
-            // console.warn(`Attempt ${attempt + 1} failed:`, error);
-            if (attempt < maxRetries - 1) {
-                await new Promise(resolve => setTimeout(resolve, baseDelay * Math.pow(2, attempt)));
-            }
-        }
-    }
-}
-
-const showNotification = async (identifier: string, tabId: number, cashbackPagePath: string | undefined): Promise<void> => {
-    const notification = await checkNotifications(identifier, tabId, getCashbackUrl(cashbackPagePath))
-
-    if (!notification.showNotification) return;
-    await sendMessage(tabId, {
-        action: 'INJECT',
-        token: notification.token,
-        page: 'notification',
-    })
-}
-
-interface UrlDict {
-    [key: string]: string
-}
-
-const urlsDict: UrlDict = {}
-
-interface Configuration {
-    identifier: string
-    apiEndpoint: string
-    cashbackPagePath?: string
-}
-/**
- * Initializes the background script for the Bring extension.
- *
- * @async
- * @function bringInitBackground
- * @param {Object} configuration - The configuration object.
- * @param {string} configuration.identifier - The identifier for the extension.
- * @param {string} configuration.apiEndpoint - The API endpoint ('prod' or 'sandbox').
- * @param {string} [configuration.cashbackPagePath] - Optional path to the cashback page.
- * @throws {Error} Throws an error if identifier or apiEndpoint is missing, or if apiEndpoint is invalid.
- * @returns {Promise<void>}
- *
- * @description
- * This function sets up the background processes for the Bring extension. It initializes
- * the API endpoint, sets up listeners for alarms, runtime messages, and tab updates.
- * It handles various actions such as opting out, closing notifications, injecting content
- * based on URL changes, and managing quiet domains.
- *
- * The function performs the following tasks:
- * - Validates and sets the API endpoint
- * - Updates the cache
- * - Sets up listeners for alarms to update cache periodically
- * - Handles runtime messages for opting out and closing notifications
- * - Monitors tab updates to inject content or show notifications based on URL changes
- * - Validates domains and manages quiet domains
- *
- * @example
- * bringInitBackground({
- *   identifier: 'my-extension-id',
- *   apiEndpoint: 'sandbox',
- *   cashbackPagePath: '/cashback.html'
- * });
- */
-const bringInitBackground = async ({ identifier, apiEndpoint, cashbackPagePath }: Configuration) => {
-    if (!identifier || !apiEndpoint) throw new Error('Missing configuration')
-    if (!['prod', 'sandbox'].includes(apiEndpoint)) throw new Error('unknown apiEndpoint')
-
-    ApiEndpoint.getInstance().setApiEndpoint(apiEndpoint)
-
-
-    updateCache(identifier)
-
-    chrome.alarms.onAlarm.addListener(async (alarm) => {
-        const { name } = alarm
-
-        switch (name) {
-            case UPDATE_CACHE_ALARM_NAME:
-                updateCache(identifier)
-                break;
-            default:
-                console.error('alarm with no use case:', name);
-                break;
-        }
-    })
-
-    chrome.runtime.onMessage.addListener(async (request, sender) => {
-        const { action, time } = request
-
-        switch (action) {
-            case 'ACTIVATE':
-                const notificationCheck = await storage.get('notificationCheck')
-                if (!notificationCheck.check || !notificationCheck.nextRequestTimestampActivated) break;
-                notificationCheck.check = notificationCheck.nextRequestTimestampActivated;
-                storage.set('notificationCheck', notificationCheck)
-                break;
-            case 'OPT_OUT':
-                storage.set('optOut', Date.now() + time)
-                break;
-            case 'CLOSE':
-                const domain = await getRelevantDomain(sender.tab?.url || sender.origin)
-                if (!domain) break;
-                addQuietDomain(domain, time)
-                break;
-            default:
-                console.warn(`Bring unknown action: ${action}`);
-                break;
-        }
-    })
-
-    chrome.tabs.onUpdated.addListener(async (tabId, changeInfo, tab) => {
-        const optOut = await storage.get('optOut');
-
-        if (optOut && optOut > Date.now()) {
-            await showNotification(identifier, tabId, cashbackPagePath);
-            return;
-        }
-
-        if (!tab.url) return;
-
-        const urlObj = new URL(tab.url)
-        const url = `${urlObj.hostname.replace('www.', '')}${urlObj.pathname}`
-
-        const previousUrl = urlsDict[tabId];
-
-        if (changeInfo.status !== 'complete' || url === previousUrl) return;
-
-        urlsDict[tabId] = url
-
-        const match = await getRelevantDomain(tab.url);
-
-        if (!match || !match.length) {
-            await showNotification(identifier, tabId, cashbackPagePath)
-            return;
-        };
-
-        const address = await getWalletAddress(tabId);
-
-        const { token, isValid } = await validateDomain({
-            apiKey: identifier,
-            query: {
-                domain: match,
-                url: tab.url,
-                address
-            }
-        });
-
-        if (!isValid) {
-            addQuietDomain(match);
-            return;
-        }
-
-        sendMessage(tabId, {
-            action: 'INJECT',
-            token,
-            domain: url
-        });
-    })
-
-    chrome.tabs.onRemoved.addListener(tabId => delete urlsDict[tabId])
-}
-
-export default bringInitBackground

package/bringInitContentScript.ts

@@ -1,101 +0,0 @@
-import injectIFrame from "./utils/contentScript/injectIFrame.js";
-import handleIframeMessages from "./utils/contentScript/handleIframeMessages.js";
-import startListenersForWalletAddress from "./utils/contentScript/startLIstenersForWalletAddress.js";
-
-let iframeEl: IFrame = null
-let isIframeOpen = false
-
-interface Configuration {
-    iframeEndpoint: string
-    getWalletAddress: () => Promise<WalletAddress>
-    promptLogin: () => Promise<WalletAddress>
-    walletAddressListeners: string[]
-    customTheme?: Style
-}
-
-/**
- * Initializes the content script for the Bring extension.
- * 
- * @async
- * @function bringInitContentScript
- * @param {Object} configuration - The configuration object.
- * @param {Function} configuration.getWalletAddress - A function that returns a Promise resolving to the wallet address.
- * @param {Function} configuration.promptLogin - A function to prompt the user to login.
- * @param {string[]} configuration.walletAddressListeners - An array of strings representing wallet address listeners.
- * @param {Object} [configuration.customTheme] - Optional custom theme settings.
- * @param {string} configuration.iframeEndpoint - The endpoint URL for the iframe.
- * @throws {Error} Throws an error if any required configuration is missing.
- * @returns {Promise<void>}
- * 
- * @description
- * This function sets up event listeners for wallet address changes, iframe messages,
- * and Chrome runtime messages. It handles actions such as getting the wallet address
- * and injecting iframes based on received messages.
- * 
- * @example
- * bringInitContentScript({
- *   getWalletAddress: async () => '0x1234...',
- *   promptLogin: () => { ... },
- *   walletAddressListeners: ["listener1", "listener2"],
- *   iframeEndpoint: 'https://example.com/iframe'
- * });
- */
-const bringInitContentScript = async ({
-    getWalletAddress,
-    promptLogin,
-    walletAddressListeners,
-    customTheme,
-    iframeEndpoint
-}: Configuration) => {
-    if (!getWalletAddress || !promptLogin || !walletAddressListeners?.length || !iframeEndpoint) throw new Error('Missing configuration')
-
-    startListenersForWalletAddress({
-        walletAddressListeners,
-        getWalletAddress,
-        iframeEl
-    })
-
-    window.addEventListener('message', (e) => handleIframeMessages({
-        event: e,
-        iframeEl,
-        promptLogin
-    }))
-
-    // Listen for message
-    chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
-
-        const { action } = request
-
-        switch (action) {
-
-            case 'GET_WALLET_ADDRESS':
-                getWalletAddress()
-                    .then(walletAddress => sendResponse({ status: 'success', walletAddress }))
-                    .catch(err => sendResponse({ status: 'success', walletAddress: undefined }))
-                return true
-
-            case 'INJECT':
-                if (isIframeOpen) {
-                    return
-                }
-                const { token, page } = request;
-                // console.log(`injecting to: ${request.domain}`);
-
-                iframeEl = injectIFrame({
-                    query: { token },
-                    iframeSrc: page === 'notification' ?
-                        `${iframeEndpoint}notification` : iframeEndpoint,
-                    theme: customTheme
-                });
-                isIframeOpen = true
-                sendResponse({ status: 'success' });
-                return true
-
-            default:
-                console.error(`Unknown action: ${action}`);
-                break;
-        }
-    });
-}
-
-export default bringInitContentScript;

package/config.ts

@@ -1 +0,0 @@
-export const API_URL = 'https://sandbox-api.bringweb3.io/v1/extension'

package/dist/index.d.mts

@@ -1,77 +0,0 @@
-interface Configuration$1 {
-    iframeEndpoint: string;
-    getWalletAddress: () => Promise<WalletAddress>;
-    promptLogin: () => Promise<WalletAddress>;
-    walletAddressListeners: string[];
-    customTheme?: Style;
-}
-/**
- * Initializes the content script for the Bring extension.
- *
- * @async
- * @function bringInitContentScript
- * @param {Object} configuration - The configuration object.
- * @param {Function} configuration.getWalletAddress - A function that returns a Promise resolving to the wallet address.
- * @param {Function} configuration.promptLogin - A function to prompt the user to login.
- * @param {string[]} configuration.walletAddressListeners - An array of strings representing wallet address listeners.
- * @param {Object} [configuration.customTheme] - Optional custom theme settings.
- * @param {string} configuration.iframeEndpoint - The endpoint URL for the iframe.
- * @throws {Error} Throws an error if any required configuration is missing.
- * @returns {Promise<void>}
- *
- * @description
- * This function sets up event listeners for wallet address changes, iframe messages,
- * and Chrome runtime messages. It handles actions such as getting the wallet address
- * and injecting iframes based on received messages.
- *
- * @example
- * bringInitContentScript({
- *   getWalletAddress: async () => '0x1234...',
- *   promptLogin: () => { ... },
- *   walletAddressListeners: ["listener1", "listener2"],
- *   iframeEndpoint: 'https://example.com/iframe'
- * });
- */
-declare const bringInitContentScript: ({ getWalletAddress, promptLogin, walletAddressListeners, customTheme, iframeEndpoint }: Configuration$1) => Promise<void>;
-
-interface Configuration {
-    identifier: string;
-    apiEndpoint: string;
-    cashbackPagePath?: string;
-}
-/**
- * Initializes the background script for the Bring extension.
- *
- * @async
- * @function bringInitBackground
- * @param {Object} configuration - The configuration object.
- * @param {string} configuration.identifier - The identifier for the extension.
- * @param {string} configuration.apiEndpoint - The API endpoint ('prod' or 'sandbox').
- * @param {string} [configuration.cashbackPagePath] - Optional path to the cashback page.
- * @throws {Error} Throws an error if identifier or apiEndpoint is missing, or if apiEndpoint is invalid.
- * @returns {Promise<void>}
- *
- * @description
- * This function sets up the background processes for the Bring extension. It initializes
- * the API endpoint, sets up listeners for alarms, runtime messages, and tab updates.
- * It handles various actions such as opting out, closing notifications, injecting content
- * based on URL changes, and managing quiet domains.
- *
- * The function performs the following tasks:
- * - Validates and sets the API endpoint
- * - Updates the cache
- * - Sets up listeners for alarms to update cache periodically
- * - Handles runtime messages for opting out and closing notifications
- * - Monitors tab updates to inject content or show notifications based on URL changes
- * - Validates domains and manages quiet domains
- *
- * @example
- * bringInitBackground({
- *   identifier: 'my-extension-id',
- *   apiEndpoint: 'sandbox',
- *   cashbackPagePath: '/cashback.html'
- * });
- */
-declare const bringInitBackground: ({ identifier, apiEndpoint, cashbackPagePath }: Configuration) => Promise<void>;
-
-export { bringInitBackground, bringInitContentScript };

package/dist/index.d.ts

@@ -1,77 +0,0 @@
-interface Configuration$1 {
-    iframeEndpoint: string;
-    getWalletAddress: () => Promise<WalletAddress>;
-    promptLogin: () => Promise<WalletAddress>;
-    walletAddressListeners: string[];
-    customTheme?: Style;
-}
-/**
- * Initializes the content script for the Bring extension.
- *
- * @async
- * @function bringInitContentScript
- * @param {Object} configuration - The configuration object.
- * @param {Function} configuration.getWalletAddress - A function that returns a Promise resolving to the wallet address.
- * @param {Function} configuration.promptLogin - A function to prompt the user to login.
- * @param {string[]} configuration.walletAddressListeners - An array of strings representing wallet address listeners.
- * @param {Object} [configuration.customTheme] - Optional custom theme settings.
- * @param {string} configuration.iframeEndpoint - The endpoint URL for the iframe.
- * @throws {Error} Throws an error if any required configuration is missing.
- * @returns {Promise<void>}
- *
- * @description
- * This function sets up event listeners for wallet address changes, iframe messages,
- * and Chrome runtime messages. It handles actions such as getting the wallet address
- * and injecting iframes based on received messages.
- *
- * @example
- * bringInitContentScript({
- *   getWalletAddress: async () => '0x1234...',
- *   promptLogin: () => { ... },
- *   walletAddressListeners: ["listener1", "listener2"],
- *   iframeEndpoint: 'https://example.com/iframe'
- * });
- */
-declare const bringInitContentScript: ({ getWalletAddress, promptLogin, walletAddressListeners, customTheme, iframeEndpoint }: Configuration$1) => Promise<void>;
-
-interface Configuration {
-    identifier: string;
-    apiEndpoint: string;
-    cashbackPagePath?: string;
-}
-/**
- * Initializes the background script for the Bring extension.
- *
- * @async
- * @function bringInitBackground
- * @param {Object} configuration - The configuration object.
- * @param {string} configuration.identifier - The identifier for the extension.
- * @param {string} configuration.apiEndpoint - The API endpoint ('prod' or 'sandbox').
- * @param {string} [configuration.cashbackPagePath] - Optional path to the cashback page.
- * @throws {Error} Throws an error if identifier or apiEndpoint is missing, or if apiEndpoint is invalid.
- * @returns {Promise<void>}
- *
- * @description
- * This function sets up the background processes for the Bring extension. It initializes
- * the API endpoint, sets up listeners for alarms, runtime messages, and tab updates.
- * It handles various actions such as opting out, closing notifications, injecting content
- * based on URL changes, and managing quiet domains.
- *
- * The function performs the following tasks:
- * - Validates and sets the API endpoint
- * - Updates the cache
- * - Sets up listeners for alarms to update cache periodically
- * - Handles runtime messages for opting out and closing notifications
- * - Monitors tab updates to inject content or show notifications based on URL changes
- * - Validates domains and manages quiet domains
- *
- * @example
- * bringInitBackground({
- *   identifier: 'my-extension-id',
- *   apiEndpoint: 'sandbox',
- *   cashbackPagePath: '/cashback.html'
- * });
- */
-declare const bringInitBackground: ({ identifier, apiEndpoint, cashbackPagePath }: Configuration) => Promise<void>;
-
-export { bringInitBackground, bringInitContentScript };

package/index.ts

@@ -1,7 +0,0 @@
-import bringInitContentScript from "./bringInitContentScript.js"
-import bringInitBackground from "./bringInitBackground.js"
-
-export {
-    bringInitBackground,
-    bringInitContentScript
-}

package/tests/getQueryParams.test.ts

@@ -1,23 +0,0 @@
-import getQueryParams from '../utils/getQueryParams'
-import { describe, it, expect } from 'vitest'
-
-describe('getQueryParams', () => {
-    it('return params', () => {
-
-        const query = { param1: 'value1', param2: 'value2' }
-        const params = getQueryParams({ query })
-
-        expect(params).toEqual('param1=value1&param2=value2')
-    })
-    it('return empty string', () => {
-        const params = getQueryParams({ query: {} })
-
-        expect(params).toEqual('')
-    })
-    it('adds prefix', () => {
-        const query = { param1: 'value1', param2: 'value2' }
-        const params = getQueryParams({ query, prefix: 't' })
-
-        expect(params).toEqual('t_param1=value1&t_param2=value2')
-    })
-})

package/tsconfig.json

@@ -1,12 +0,0 @@
-{
-  "compilerOptions": {
-    "module": "commonjs", /* Specify what module code is generated. */
-    "target": "es2023", /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */
-    "esModuleInterop": true, /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */
-    "forceConsistentCasingInFileNames": true, /* Ensure that casing is correct in imports. */
-    "strict": true, /* Enable all strict type-checking options. */
-    "skipLibCheck": true, /* Skip type checking all .d.ts files. */
-    "noUncheckedIndexedAccess": true, /* Add 'undefined' to a type when accessed using an index. */
-    "noEmit": true, /* Disable emitting files from a compilation. */
-  }
-}

package/types.d.ts

@@ -1,25 +0,0 @@
-type WalletAddress = string | undefined
-
-type Endpoint = 'sandbox' | 'prod';
-
-type IFrame = HTMLIFrameElement | null
-
-interface Style {
-    [key: string]: string
-}
-
-interface KeyFrame {
-    name: string
-    rules: string
-}
-
-interface BringEvent {
-    data: {
-        from: string
-        action: string
-        style?: Style[]
-        keyFrames?: KeyFrame[]
-        extensionId: string
-        time?: number
-    }
-}

package/utils/api/checkEvents.ts

@@ -1,33 +0,0 @@
-import { ApiEndpoint } from "../apiEndpoint";
-
-interface CheckEventsProps {
-    apiKey: string;
-    walletAddress: string
-    cashbackUrl: string | undefined;
-}
-
-interface Body {
-    walletAddress: string;
-    cashbackUrl?: string;
-    test?: boolean
-}
-
-const checkEvents = async ({ apiKey, walletAddress, cashbackUrl }: CheckEventsProps) => {
-    const endpoint = ApiEndpoint.getInstance().getApiEndpoint()
-    const body: Body = { walletAddress, test: true }
-    if (cashbackUrl) body.cashbackUrl = cashbackUrl;
-
-    const res = await fetch(`${endpoint}/check-events`, {
-        method: 'POST',
-        headers: {
-            'Content-Type': 'application/json',
-            'x-api-key': apiKey
-        },
-        body: JSON.stringify(body)
-    })
-    const json = await res.json()
-
-    return json
-}
-
-export default checkEvents;

package/utils/api/fetchDomains.ts

@@ -1,16 +0,0 @@
-import { ApiEndpoint } from "../apiEndpoint"
-
-const fetchDomains = async (apiKey: string) => {
-    const endpoint = ApiEndpoint.getInstance().getApiEndpoint()
-
-    const res = await fetch(`${endpoint}/domains?country=us`, {
-        headers: {
-            'x-api-key': apiKey
-        }
-    })
-    const json = await res.json()
-    // console.log({ json });
-    return json
-}
-
-export default fetchDomains

package/utils/api/validateDomain.ts

@@ -1,28 +0,0 @@
-import { ApiEndpoint } from "../apiEndpoint";
-import getQueryParams from "../getQueryParams";
-
-interface ValidateDomainProps {
-    apiKey: string,
-    query: {
-        url: string,
-        domain: string,
-        address: WalletAddress,
-        country?: string
-    }
-}
-
-const validateDomain = async ({ apiKey, query }: ValidateDomainProps) => {
-    const endpoint = ApiEndpoint.getInstance().getApiEndpoint()
-    const params = getQueryParams({ query: { ...query, country: 'us' } })
-
-    const res = await fetch(`${endpoint}/token?${params.toString()}`, {
-        headers: {
-            'x-api-key': apiKey
-        }
-    })
-    const json = await res.json()
-    // console.log({ json });
-    return json
-}
-
-export default validateDomain;

package/utils/apiEndpoint.ts

@@ -1,28 +0,0 @@
-
-export class ApiEndpoint {
-  private static instance: ApiEndpoint | null = null;
-  private apiEndpoint: string = '';
-
-  private constructor() {
-  }
-
-  public static getInstance(): ApiEndpoint {
-    if (!ApiEndpoint.instance) {
-      ApiEndpoint.instance = new ApiEndpoint();
-    }
-    return ApiEndpoint.instance;
-  }
-
-  public setApiEndpoint(endpoint: string): void {
-    this.apiEndpoint = endpoint === 'prod'
-      ? 'https://api.bringweb3.io/v1/extension'
-      : 'https://sandbox-api.bringweb3.io/v1/extension';
-  }
-
-  public getApiEndpoint(): string {
-    if (!this.apiEndpoint) {
-      throw new Error('API endpoint not set. Call setApiEndpoint first.');
-    }
-    return this.apiEndpoint;
-  }
-}

package/utils/constants.ts

@@ -1,2 +0,0 @@
-export const UPDATE_CACHE_ALARM_NAME = 'updateCache'
-export const CHECK_EVENTS_ALARM_NAME = 'checkEvents'

package/utils/contentScript/addKeyFrames.ts

@@ -1,20 +0,0 @@
-const addKeyframes = (keyFrames: KeyFrame[] | undefined): void => {
-
-    if (!keyFrames || !keyFrames.length) return
-
-    const style = document.createElement('style');
-
-    document.head.appendChild(style);
-
-    const sheet = style.sheet;
-
-    if (sheet) {
-        keyFrames.forEach(({ name, rules }) => {
-            sheet.insertRule(`@keyframes ${name} { ${rules} }`, sheet.cssRules.length);
-        })
-    } else {
-        console.error('Failed to create stylesheet');
-    }
-}
-
-export default addKeyframes;

package/utils/contentScript/applyStyles.ts

@@ -1,11 +0,0 @@
-const applyStyles = (element: IFrame, style: Style[] | undefined) => {
-    if (!element || !style || !Object.keys(style).length) return;
-
-    Object.entries(style).forEach(([key, value]) => {
-        if (key in element.style) {
-            (element.style as any)[key] = value;
-        }
-    });
-}
-
-export default applyStyles;

package/utils/contentScript/handleIframeMessages.ts

@@ -1,56 +0,0 @@
-import applyStyles from "./applyStyles"
-import addKeyframes from "./addKeyFrames"
-
-interface Props {
-    event: BringEvent
-    iframeEl: IFrame
-    promptLogin: () => Promise<WalletAddress>
-}
-
-const ACTIONS = {
-    OPEN: 'OPEN',
-    CLOSE: 'CLOSE',
-    ACTIVATE: 'ACTIVATE',
-    PROMPT_LOGIN: 'PROMPT_LOGIN',
-    OPT_OUT: 'OPT_OUT',
-    ADD_KEYFRAMES: 'ADD_KEYFRAMES'
-}
-
-const UNION_ACTIONS = [ACTIONS.ACTIVATE]
-
-const handleIframeMessages = ({ event, iframeEl, promptLogin }: Props) => {
-    const { data } = event
-    const { from, action, style, keyFrames, time, extensionId } = data
-
-    if (from !== 'bringweb3') return
-
-    // If the event comes from another extension that installed our package, ignore it (unless it ACTIVATE action)
-    if (extensionId !== chrome.runtime.id && !UNION_ACTIONS.includes(action)) return
-
-    switch (action) {
-        case ACTIONS.OPEN:
-            applyStyles(iframeEl, style)
-            break;
-        case ACTIONS.CLOSE:
-            if (iframeEl) iframeEl.parentNode?.removeChild(iframeEl)
-            if (time) chrome.runtime.sendMessage({ action, time })
-            break;
-        case ACTIONS.PROMPT_LOGIN:
-            promptLogin()
-            break;
-        case ACTIONS.ACTIVATE:
-            chrome.runtime.sendMessage({ action })
-            break;
-        case ACTIONS.OPT_OUT:
-            chrome.runtime.sendMessage({ action, time })
-            break;
-        case ACTIONS.ADD_KEYFRAMES:
-            addKeyframes(keyFrames)
-            break;
-        default:
-            // console.log('Non exist ACTION:', action);
-            break;
-    }
-}
-
-export default handleIframeMessages;

package/utils/contentScript/injectIFrame.ts

@@ -1,36 +0,0 @@
-import getQueryParams from "../getQueryParams";
-
-interface Query {
-    [key: string]: string
-
-}
-
-interface Props {
-    query: Query
-    theme?: Style
-    iframeSrc: string
-}
-
-const injectIFrame = ({ query, theme, iframeSrc }: Props): HTMLIFrameElement => {
-    const extensionId = chrome.runtime.id;
-    const params = getQueryParams({ query: { ...query, extensionId } })
-    const customStyles = theme ? `&${getQueryParams({ query: theme, prefix: 't' })}` : ''
-    const iframe = document.createElement('iframe');
-    iframe.id = `bringweb3-iframe:${extensionId}`;
-    iframe.src = `${iframeSrc}?${params}${customStyles}`;
-    iframe.setAttribute('sandbox', "allow-popups allow-scripts allow-same-origin allow-top-navigation-by-user-activation")
-    iframe.style.position = "fixed";
-    iframe.scrolling = "no";
-    iframe.style.overflow = "hidden";
-    iframe.style.width = "1px";
-    iframe.style.height = "1px";
-    iframe.style.right = "8px";
-    iframe.style.borderRadius = "10px";
-    iframe.style.border = "none";
-    iframe.style.cssText += `z-index: 99999999999999 !important;`;
-    if (theme?.popupShadow) iframe.style.boxShadow = theme.popupShadow;
-    document.documentElement.appendChild(iframe);
-    return iframe
-}
-
-export default injectIFrame;

package/utils/contentScript/startLIstenersForWalletAddress.ts

@@ -1,30 +0,0 @@
-interface Props {
-    walletAddressListeners: string[],
-    getWalletAddress: () => Promise<WalletAddress>
-    iframeEl: IFrame
-}
-
-const startListenersForWalletAddress = ({ walletAddressListeners, getWalletAddress, iframeEl }: Props) => {
-    for (let i = 0; i < walletAddressListeners.length; i++) {
-        const eventName = walletAddressListeners[i]
-        if (!eventName) continue
-        window.addEventListener(eventName, async (e) => {
-            // console.log('NEW EVENT');
-            // console.log(e.detail);
-
-
-            if (!iframeEl) {
-                iframeEl = document.querySelector(`#bringweb3-iframe:${chrome.runtime.id}`)
-                if (!iframeEl) return
-            }
-            if (!iframeEl.contentWindow) {
-                return
-            }
-            const address = await getWalletAddress()
-
-            iframeEl.contentWindow.postMessage({ action: 'WALLET_ADDRESS_UPDATE', walletAddress: address }, '*')
-        });
-    }
-}
-
-export default startListenersForWalletAddress;

package/utils/getQueryParams.ts

@@ -1,27 +0,0 @@
-interface Query {
-    [key: string]: string | undefined
-
-}
-
-interface props {
-    query: Query
-    prefix?: string
-}
-
-const getQueryParams = (props: props) => {
-    const params = new URLSearchParams()
-    const { query, prefix } = props
-
-    Object.entries(query).forEach(([key, value]) => {
-        if (!value) return
-        if (prefix) key = `${prefix}_${key}`
-        if (key === 'url') {
-            params.append(key, encodeURIComponent(value))
-        } else {
-            params.append(key, value)
-        }
-    })
-    return params.toString()
-}
-
-export default getQueryParams

package/utils/storage.ts

@@ -1,25 +0,0 @@
-const set = async (key: string, value: any) => {
-    chrome.storage.local.set({ [key]: value });
-}
-
-const get = async (key: string) => {
-    const data = await chrome.storage.local.get(key)
-    return data[key]
-}
-
-const remove = async (key: string) => {
-    chrome.storage.local.remove(key)
-}
-
-// const clear = async () => {
-//     chrome.storage.local.clear(() => {
-//         console.log('Cache cleared successfully')
-//     })
-// }
-
-export default {
-    set,
-    get,
-    remove,
-    // clear
-}