@crossmint/client-sdk-react-ui 1.10.7 → 1.11.1

package/src/components/index.ts

@@ -1,8 +0,0 @@
-export * from "./CrossmintNFTCollectionView";
-export * from "./CrossmintNFTDetail";
-
-export * from "./embed";
-export * from "./hosted";
-export * from "./embed/v3";
-
-export { EmbeddedAuthForm } from "./auth/EmbeddedAuthForm";

package/src/consts/version.ts

@@ -1,3 +0,0 @@
-import { version } from "../../package.json";
-
-export const LIB_VERSION = version;

package/src/hooks/index.ts

@@ -1,4 +0,0 @@
-export * from "./useCrossmint";
-export * from "./useCrossmintCheckout";
-export * from "./useWallet";
-export * from "./useAuth";

package/src/hooks/useAuth.ts

@@ -1,11 +0,0 @@
-import { useContext } from "react";
-
-import { AuthContext, type AuthContextType } from "../providers";
-
-export function useAuth(): AuthContextType {
-    const context = useContext(AuthContext);
-    if (context === undefined) {
-        throw new Error("useAuth must be used within an AuthProvider");
-    }
-    return context;
-}

package/src/hooks/useCrossmint.test.tsx

@@ -1,103 +0,0 @@
-import { fireEvent, render } from "@testing-library/react";
-import { useEffect } from "react";
-import { beforeEach, describe, expect, it, vi } from "vitest";
-
-import { type Crossmint, createCrossmint } from "@crossmint/common-sdk-base";
-
-import { CrossmintProvider, useCrossmint } from "./useCrossmint";
-
-const MOCK_API_KEY =
-    "sk_development_5ZUNkuhjP8aYZEgUTDfWToqFpo5zakEqte1db4pHZgPAVKZ9JuSvnKeGiqY654DoBuuZEzYz4Eb8gRV2ePqQ1fxTjEP8tTaUQdzbGfyG9RgyeN5YbqViXinqxk8EayEkAGtvSSgjpjEr6iaBptJtUFwPW59DjQzTQP6P8uZdiajenVg7bARGKjzFyByNuVEoz41DpRB4hDZNFdwCTuf5joFv";
-
-vi.mock("@crossmint/common-sdk-base", () => ({
-    createCrossmint: vi.fn(),
-}));
-
-class MockSDK {
-    constructor(public crossmint: Crossmint) {}
-    somethingThatUpdatesJWT(newJWT: string) {
-        this.crossmint.jwt = newJWT;
-    }
-}
-
-function renderCrossmintProvider({ children }: { children: JSX.Element }) {
-    return render(<CrossmintProvider apiKey={MOCK_API_KEY}>{children}</CrossmintProvider>);
-}
-
-describe("CrossmintProvider", () => {
-    beforeEach(() => {
-        vi.resetAllMocks();
-        vi.mocked(createCrossmint).mockImplementation(() => ({
-            apiKey: MOCK_API_KEY,
-            jwt: "",
-        }));
-    });
-
-    it("provides initial JWT value", () => {
-        const TestComponent = () => {
-            const { crossmint } = useCrossmint();
-            return (
-                <div>
-                    <div data-testid="jwt">{crossmint.jwt}</div>
-                </div>
-            );
-        };
-        const { getByTestId } = renderCrossmintProvider({ children: <TestComponent /> });
-        expect(getByTestId("jwt").textContent).toBe("");
-    });
-
-    it("updates JWT using setJwt", () => {
-        const TestComponent = () => {
-            const { crossmint, setJwt } = useCrossmint();
-            return (
-                <div>
-                    <div data-testid="jwt">{crossmint.jwt}</div>
-                    <button onClick={() => setJwt("new_jwt")}>Update JWT</button>
-                </div>
-            );
-        };
-        const { getByTestId, getByText } = renderCrossmintProvider({ children: <TestComponent /> });
-        fireEvent.click(getByText("Update JWT"));
-        expect(getByTestId("jwt").textContent).toBe("new_jwt");
-    });
-
-    it("updates JWT using WalletSDK", () => {
-        const TestComponent = () => {
-            const { crossmint } = useCrossmint();
-            useEffect(() => {
-                const wallet = new MockSDK(crossmint);
-                wallet.somethingThatUpdatesJWT("sdk_jwt");
-            }, []);
-            return (
-                <div>
-                    <div data-testid="jwt">{crossmint.jwt}</div>
-                </div>
-            );
-        };
-        const { getByTestId } = renderCrossmintProvider({ children: <TestComponent /> });
-        expect(getByTestId("jwt").textContent).toBe("sdk_jwt");
-    });
-
-    it("triggers re-render on JWT change", () => {
-        const renderCount = vi.fn();
-        const TestComponent = () => {
-            const { crossmint, setJwt } = useCrossmint();
-            useEffect(() => {
-                renderCount();
-            });
-            return (
-                <div>
-                    <div data-testid="jwt">{crossmint.jwt}</div>
-                    <button onClick={() => setJwt("new_jwt")}>Update JWT</button>
-                </div>
-            );
-        };
-
-        const { getByText } = renderCrossmintProvider({ children: <TestComponent /> });
-
-        expect(renderCount).toHaveBeenCalledTimes(1);
-
-        fireEvent.click(getByText("Update JWT"));
-        expect(renderCount).toHaveBeenCalledTimes(2);
-    });
-});

package/src/hooks/useCrossmint.tsx

@@ -1,57 +0,0 @@
-import { type ReactNode, createContext, useCallback, useContext, useMemo, useRef, useState } from "react";
-
-import { type Crossmint, createCrossmint } from "@crossmint/common-sdk-base";
-
-export interface CrossmintContext {
-    crossmint: Crossmint;
-    setJwt: (jwt: string | undefined) => void;
-}
-
-const CrossmintContext = createContext<CrossmintContext | null>(null);
-
-export function CrossmintProvider({
-    children,
-    apiKey,
-    overrideBaseUrl,
-}: Omit<Crossmint, "jwt"> & {
-    children: ReactNode;
-}) {
-    const [version, setVersion] = useState(0);
-
-    const crossmintRef = useRef<Crossmint>(
-        new Proxy<Crossmint>(createCrossmint({ apiKey, overrideBaseUrl }), {
-            set(target, prop, value) {
-                if (prop === "jwt" && target.jwt !== value) {
-                    setVersion((v) => v + 1);
-                }
-                return Reflect.set(target, prop, value);
-            },
-        })
-    );
-
-    const setJwt = useCallback((jwt: string | undefined) => {
-        if (jwt !== crossmintRef.current.jwt) {
-            crossmintRef.current.jwt = jwt;
-        }
-    }, []);
-
-    const value = useMemo(
-        () => ({
-            get crossmint() {
-                return crossmintRef.current;
-            },
-            setJwt,
-        }),
-        [setJwt, version]
-    );
-
-    return <CrossmintContext.Provider value={value}>{children}</CrossmintContext.Provider>;
-}
-
-export function useCrossmint(missingContextMessage?: string) {
-    const context = useContext(CrossmintContext);
-    if (context == null) {
-        throw new Error(missingContextMessage ?? "useCrossmint must be used within a CrossmintProvider");
-    }
-    return context;
-}

package/src/hooks/useCrossmintAuth.ts

@@ -1,12 +0,0 @@
-import { useContext } from "react";
-import { AuthContext } from "../providers/CrossmintAuthProvider";
-
-export function useCrossmintAuth() {
-    const context = useContext(AuthContext);
-
-    if (!context) {
-        throw new Error("useCrossmintAuth must be used within a CrossmintAuthProvider");
-    }
-
-    return context;
-}

package/src/hooks/useCrossmintCheckout.tsx

@@ -1,56 +0,0 @@
-import { createContext, type ReactNode, useContext, useEffect, useState } from "react";
-import type { embeddedCheckoutV3IncomingEvents, Order } from "@crossmint/client-sdk-base";
-import type { z } from "zod";
-import { useCrossmint } from "./useCrossmint";
-import { createCrossmintApiClient } from "@/utils/createCrossmintApiClient";
-
-export interface CrossmintCheckoutContext {
-    order?: Order;
-    orderClientSecret?: string;
-}
-
-const CrossmintCheckoutContext = createContext<CrossmintCheckoutContext | undefined>(undefined);
-
-export function CrossmintCheckoutProvider({ children }: { children: ReactNode }) {
-    const [order, setOrder] = useState<Order | undefined>(undefined);
-    const [orderClientSecret, setOrderClientSecret] = useState<string | undefined>(undefined);
-
-    const { crossmint } = useCrossmint();
-    const apiClient = createCrossmintApiClient(crossmint, {
-        usageOrigin: "client",
-    });
-
-    useEffect(() => {
-        const listener = (event: MessageEvent) => {
-            if (event.origin !== new URL(apiClient.baseUrl).origin) {
-                return;
-            }
-            if (event.data.event !== "order:updated") {
-                return;
-            }
-            const { order, orderClientSecret } = event.data.data as z.infer<
-                (typeof embeddedCheckoutV3IncomingEvents)["order:updated"]
-            >;
-            setOrder(order);
-            setOrderClientSecret(orderClientSecret);
-        };
-        window.addEventListener("message", listener);
-        return () => {
-            window.removeEventListener("message", listener);
-        };
-    }, [order]);
-
-    return (
-        <CrossmintCheckoutContext.Provider value={{ order, orderClientSecret }}>
-            {children}
-        </CrossmintCheckoutContext.Provider>
-    );
-}
-
-export function useCrossmintCheckout() {
-    const context = useContext(CrossmintCheckoutContext);
-    if (!context) {
-        throw new Error("useCrossmintCheckout must be used within a CrossmintCheckoutProvider");
-    }
-    return context;
-}

package/src/hooks/useDeepEffect.ts

@@ -1,15 +0,0 @@
-import isEqual from "lodash.isequal";
-import { type DependencyList, type EffectCallback, useEffect, useRef } from "react";
-
-export default function useDeepEffect(callback: EffectCallback, dependencies: DependencyList): void {
-    const dependenciesRef = useRef(dependencies);
-
-    useEffect(() => {
-        const hasChanged = dependencies.some((dep, i) => !isEqual(dep, dependenciesRef.current[i]));
-
-        if (hasChanged) {
-            dependenciesRef.current = dependencies;
-            return callback();
-        }
-    }, [dependencies]);
-}

package/src/hooks/useEnvironment.ts

@@ -1,10 +0,0 @@
-import { useEffect, useState } from "react";
-
-export default function useEnvironment() {
-    const [isServerSideRendering, setIsServerSideRendering] = useState(true);
-    useEffect(() => {
-        setIsServerSideRendering(false);
-    }, []);
-
-    return { isServerSideRendering };
-}

package/src/hooks/useOAuthWindowListener.ts

@@ -1,84 +0,0 @@
-import type { OAuthProvider } from "@crossmint/common-sdk-auth";
-import { ChildWindow, PopupWindow } from "@crossmint/client-sdk-window";
-import { useEffect, useRef, useState } from "react";
-import { z } from "zod";
-import { useAuthForm } from "@/providers/auth/AuthFormProvider";
-import { useCrossmintAuth } from "./useCrossmintAuth";
-
-export const useOAuthWindowListener = (provider: OAuthProvider) => {
-    const { crossmintAuth } = useCrossmintAuth();
-    const { oauthUrlMap, setError } = useAuthForm();
-    const [isLoading, setIsLoading] = useState(false);
-    const childRef = useRef<ChildWindow<IncomingEvents, OutgoingEvents> | null>(null);
-
-    useEffect(() => {
-        if (childRef.current == null) {
-            childRef.current = new ChildWindow<IncomingEvents, OutgoingEvents>(window.opener || window.parent, "*", {
-                incomingEvents,
-            });
-        }
-
-        return () => {
-            if (childRef.current != null) {
-                childRef.current.off("authMaterialFromPopupCallback");
-            }
-        };
-    }, []);
-
-    const createPopupAndSetupListeners = async () => {
-        if (childRef.current == null) {
-            throw new Error("Child window not initialized");
-        }
-        setIsLoading(true);
-        setError(null);
-        const popup = await PopupWindow.init(oauthUrlMap[provider], {
-            awaitToLoad: false,
-            crossOrigin: true,
-            width: 400,
-            height: 700,
-        });
-
-        const handleAuthMaterial = async (data: { oneTimeSecret: string }) => {
-            await crossmintAuth?.handleRefreshAuthMaterial(data.oneTimeSecret);
-            childRef.current?.off("authMaterialFromPopupCallback");
-            popup.window.close();
-            setIsLoading(false);
-        };
-
-        const handleError = (data: { error: string }) => {
-            setError(data.error);
-            childRef.current?.off("errorFromPopupCallback");
-            popup.window.close();
-            setIsLoading(false);
-        };
-
-        childRef.current.on("authMaterialFromPopupCallback", handleAuthMaterial);
-        childRef.current.on("errorFromPopupCallback", handleError);
-        // Add a check for manual window closure
-        // Ideally we should find a more explicit way of doing this, but I think this is fine for now.
-        const checkWindowClosure = setInterval(() => {
-            if (popup.window.closed) {
-                clearInterval(checkWindowClosure);
-                setIsLoading(false);
-                childRef.current?.off("authMaterialFromPopupCallback");
-            }
-        }, 2500); // Check every 2.5 seconds
-    };
-
-    return {
-        createPopupAndSetupListeners,
-        isLoading,
-    };
-};
-
-const incomingEvents = {
-    authMaterialFromPopupCallback: z.object({ oneTimeSecret: z.string() }),
-    errorFromPopupCallback: z.object({ error: z.string() }),
-};
-
-type IncomingEvents = {
-    authMaterialFromPopupCallback: typeof incomingEvents.authMaterialFromPopupCallback;
-    errorFromPopupCallback: typeof incomingEvents.errorFromPopupCallback;
-};
-
-type OutgoingEvents = Record<string, never>;

package/src/hooks/useWallet.ts

@@ -1,13 +0,0 @@
-import { useContext } from "react";
-
-import { WalletContext } from "../providers/CrossmintWalletProvider";
-
-export function useWallet() {
-    const walletContext = useContext(WalletContext);
-
-    if (!walletContext) {
-        throw new Error("useWallet must be used within CrossmintAuthProvider or CrossmintWalletProvider");
-    }
-
-    return walletContext;
-}

package/src/icons/alert.tsx

@@ -1,19 +0,0 @@
-export function AlertIcon({ customColor = "#f44336" }: { customColor?: string }) {
-    return (
-        <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="20"
-            height="20"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke={customColor}
-            strokeWidth="2"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-        >
-            <circle cx="12" cy="12" r="10" />
-            <line x1="12" x2="12" y1="8" y2="12" />
-            <line x1="12" x2="12.01" y1="16" y2="16" />
-        </svg>
-    );
-}

package/src/icons/base64Icons.ts

@@ -1,8 +0,0 @@
-const metamaskIcon =
-    "data:image/png;base64,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";
-const coinbaseIcon =
-    "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIAAQMAAADOtka5AAAABlBMVEUAXP////+GP7vmAAADxUlEQVR42u2cPZKcMBCFoSYgJHTIEXwEHQ1u5jkKoUMCBwQY2eXyz84sSC19aMFT76VbfDuoX2trR+pXVZIkSZIkSZIkSZIkSZIkHaDP3n8lz3/xP/U9/3nnf2nOfb7xvzVmAvxf5T3f/gNM8APkfYTmLSDnI/RvAWv68zf/oHsyoHsEzOwNMt7h6Q3S36F9BkzsDZLfofbvNOS7KKejuveAmS1BYj9sLEFaIZstwMiWIG0RtpYgxQmbS5DihGYbMOY3Qmo7uG3AkrWd5lip3gMMbA3tq9juASa2hvZV7PcAK1xD6yre9gF3VgRrGbp9wMyKYC1Dvw9YYRFs3XALAe6sCLYytCHAxKpoq6MLARawHVnLUIcBA6uipY5NGDCyKlrq2IUBM6uipY59GLBCG8SNUMcAA7NB3AhNDDAyG8SN0MUAM7NB3Ah9ccAKfRRzUh0HDMxHMSc1ccDIfBRzEgZ0ccDMjBhzUh8HrNBHESdRQG0BDMyIYSs2FsBYEtBaABMzYtiKGOAsgIU5OexlDPCeebm2AYZygJsNcC8HaGyAkbVCqBkwoLMB5nIAZwMs5QC9DbCWA3jP2rH+MMDAeukAwL0UoLECxlKA1gqYSgE6K2AuBXBWwHJZQG8FrKUA3sMN4XRAbQcMZQA3O+B+UUAT8KuzbElNYNdoMwCj9Wd7v2UIlHj6EEDI5pNhS1xDrY4BswGwhLa7QgBnByyvCujtgPVVAd4O8AJsA+oUwCDAJuCWArgLcFFAkwIYBRBgB9CmAKZLfgIBBBBAAAGuBHiBv0wCCKB/OF4GoH//rwDQN1lHAPSdqr5bv8YJBz6kaekxET6o+siztkLHhUcfWKYfmf5Xx8aFjs4x4AUuMFzgFsgLXKU5/z7S+Xeyzr+Xdv7dPHw/EQPwHU0O6Nl2cADAsW4+ANCxbj4AcP6dbXzt/Pyb8+dPD+ABiAvMcDjWS1eYpMHDQOfPM+GRLDwUdv5cGx/Nc8zJB4wnnj9hiYdE8ZgqHpTFo7p8WBgDHDPiASPbeGgcj63jwXk8uo/DA3h8gWM2OCDCAYdI4BgLHKSBozzCdbSEwjhWxQMCVXCkCw6VwbE2FerFSB1tCUuOVfGAeCMcsIQjnipYBB5zxYO2cNQXDhvDcWc4cI1HvuHQORx7h4P3cPQfDx/E8Yc3uASbi5CWg9mxJTggBhMHceIoUB5GiuNQcSDr8zukR8LiUNrHbSkjFvfRS2MGAEcD83BiHI/MA5r/NPVSZauHz1fVJ++/VZIkSZIkSZIkSZIkSZIkHaAfwTLth8RB9t4AAAAASUVORK5CYII=";
-const walletConnectIcon =
-    "data:image/png;base64,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";
-
-export { metamaskIcon, coinbaseIcon, walletConnectIcon };

package/src/icons/chevronRight.tsx

@@ -1,21 +0,0 @@
-import type React from "react";
-
-export function ChevronRightIcon({ className, style }: { className?: string; style?: React.CSSProperties }) {
-    return (
-        <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="24"
-            height="24"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="currentColor"
-            strokeWidth="2"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-            className={className}
-            style={style}
-        >
-            <path d="m9 18 6-6-6-6" />
-        </svg>
-    );
-}

package/src/icons/discord.tsx

@@ -1,18 +0,0 @@
-export function DiscordIcon({ className }: { className?: string }) {
-    return (
-        <svg
-            xmlns="http://www.w3.org/2000/svg"
-            x="0px"
-            y="0px"
-            width="100"
-            height="100"
-            viewBox="0 0 48 48"
-            className={className}
-        >
-            <path
-                fill="#8c9eff"
-                d="M40,12c0,0-4.585-3.588-10-4l-0.488,0.976C34.408,10.174,36.654,11.891,39,14c-4.045-2.065-8.039-4-15-4s-10.955,1.935-15,4c2.346-2.109,5.018-4.015,9.488-5.024L18,8c-5.681,0.537-10,4-10,4s-5.121,7.425-6,22c5.162,5.953,13,6,13,6l1.639-2.185C13.857,36.848,10.715,35.121,8,32c3.238,2.45,8.125,5,16,5s12.762-2.55,16-5c-2.715,3.121-5.857,4.848-8.639,5.815L33,40c0,0,7.838-0.047,13-6C45.121,19.425,40,12,40,12z M17.5,30c-1.933,0-3.5-1.791-3.5-4c0-2.209,1.567-4,3.5-4s3.5,1.791,3.5,4C21,28.209,19.433,30,17.5,30z M30.5,30c-1.933,0-3.5-1.791-3.5-4c0-2.209,1.567-4,3.5-4s3.5,1.791,3.5,4C34,28.209,32.433,30,30.5,30z"
-            ></path>
-        </svg>
-    );
-}

package/src/icons/emailOTP.tsx

@@ -1,147 +0,0 @@
-export function EmailOtpIcon({
-    customAccentColor = "#04AA6D",
-    customButtonBackgroundColor = "#F2F3F7",
-    customBackgroundColor = "#ffffff",
-}: { customAccentColor?: string; customButtonBackgroundColor?: string; customBackgroundColor?: string }) {
-    return (
-        <svg width="136" height="113" viewBox="0 0 136 113" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <mask id="mask0_944_1329" maskUnits="userSpaceOnUse" x="8" y="8" width="97" height="97">
-                <path
-                    d="M104.598 56.2539C104.598 82.7636 83.1073 104.254 56.5977 104.254C30.088 104.254 8.59766 82.7636 8.59766 56.2539C8.59766 29.7442 30.088 8.25391 56.5977 8.25391C83.1073 8.25391 104.598 29.7442 104.598 56.2539Z"
-                    fill="#D9D9D9"
-                />
-            </mask>
-            <g mask="url(#mask0_944_1329)">
-                <circle cx="56.5977" cy="56.2539" r="48" fill={customButtonBackgroundColor} />
-                <g filter="url(#filter0_d_944_1329)">
-                    <mask id="mask1_944_1329" maskUnits="userSpaceOnUse" x="29" y="37" width="55" height="37">
-                        <rect x="29.2957" y="37.5449" width="54.604" height="35.8658" rx="3.212" fill="#52E0B5" />
-                    </mask>
-                    <g mask="url(#mask1_944_1329)">
-                        <rect
-                            x="29.2957"
-                            y="34.8662"
-                            width="54.604"
-                            height="38.544"
-                            rx="3.212"
-                            fill={customBackgroundColor}
-                        />
-                        <mask id="mask2_944_1329" maskUnits="userSpaceOnUse" x="29" y="51" width="55" height="41">
-                            <path
-                                d="M31.8833 74.2272C29.1168 72.267 29.1866 68.1383 32.0178 66.2728L53.9469 51.8234C55.5553 50.7636 57.6403 50.7636 59.2487 51.8234L81.1779 66.2728C84.0091 68.1383 84.0789 72.267 81.3124 74.2272L56.5978 91.7381L31.8833 74.2272Z"
-                                fill="#52E0B5"
-                            />
-                        </mask>
-                        <g mask="url(#mask2_944_1329)">
-                            <path
-                                d="M32.0675 73.9008C29.5307 72.1034 29.5947 68.3175 32.1909 66.6068L54.12 52.1574C55.5949 51.1856 57.5068 51.1856 58.9817 52.1574L80.9108 66.6068C83.507 68.3175 83.571 72.1034 81.0341 73.9008L56.5508 91.2479L32.0675 73.9008Z"
-                                stroke="#D0D5DD"
-                                strokeWidth="0.8"
-                            />
-                        </g>
-                        <path
-                            d="M26.9443 36.6072C23.1618 33.6476 22.8212 28.0457 26.2172 24.6497L50.9406 -0.073638C54.0648 -3.19783 59.1301 -3.19783 62.2543 -0.0736384L86.9776 24.6497C90.3737 28.0457 90.033 33.6476 86.2506 36.6072L61.5272 55.9514C58.6312 58.2173 54.5636 58.2173 51.6677 55.9514L26.9443 36.6072Z"
-                            fill={customBackgroundColor}
-                        />
-                        <path
-                            d="M27.1908 36.2921C23.5974 33.4806 23.2738 28.1588 26.5001 24.9326L51.2234 0.209205C54.1914 -2.75878 59.0035 -2.75878 61.9714 0.209205L86.6948 24.9326C89.921 28.1588 89.5974 33.4806 86.0041 36.2921L61.2807 55.6364C58.5296 57.789 54.6653 57.789 51.9142 55.6364L27.1908 36.2921Z"
-                            stroke="#67797F"
-                            strokeOpacity="0.45"
-                            strokeWidth="0.8"
-                        />
-                    </g>
-                </g>
-            </g>
-            <g filter="url(#filter1_d_944_1329)">
-                <path
-                    d="M106.88 68.5039H82.8799C74.5956 68.5039 67.8799 75.2196 67.8799 83.5039C67.8799 91.7882 74.5956 98.5039 82.8799 98.5039H106.88C115.164 98.5039 121.88 91.7882 121.88 83.5039C121.88 75.2196 115.164 68.5039 106.88 68.5039Z"
-                    fill={customBackgroundColor}
-                />
-            </g>
-            <g clipPath="url(#clip0_944_1329)">
-                <mask id="mask3_944_1329" maskUnits="userSpaceOnUse" x="70" y="71" width="49" height="25">
-                    <path d="M118.88 71.5039H70.8799V95.5039H118.88V71.5039Z" fill="white" />
-                </mask>
-                <g mask="url(#mask3_944_1329)">
-                    <path d="M118.88 71.5039H70.8799V95.5039H118.88V71.5039Z" fill="url(#paint0_linear_944_1329)" />
-                    <path d="M118.88 71.5039H70.8799V95.5039H118.88V71.5039Z" fill={customAccentColor} />
-                </g>
-                <path
-                    d="M80.5866 87.7014L80.7337 85.1127L78.5604 86.5381L77.7805 85.183L80.1009 84.0196L77.7805 82.8563L78.5604 81.5012L80.7337 82.9266L80.5866 80.3378H82.1399L81.9993 82.9266L84.1726 81.5012L84.9524 82.8563L82.6257 84.0196L84.9524 85.183L84.1726 86.5381L81.9993 85.1127L82.1399 87.7014H80.5866ZM90.0001 87.7014L90.1471 85.1127L87.9738 86.5381L87.194 85.183L89.5143 84.0196L87.194 82.8563L87.9738 81.5012L90.1471 82.9266L90.0001 80.3378H91.5534L91.4127 82.9266L93.586 81.5012L94.3659 82.8563L92.0391 84.0196L94.3659 85.183L93.586 86.5381L91.4127 85.1127L91.5534 87.7014H90.0001ZM99.4135 87.7014L99.5605 85.1127L97.3872 86.5381L96.6074 85.183L98.9277 84.0196L96.6074 82.8563L97.3872 81.5012L99.5605 82.9266L99.4135 80.3378H100.967L100.826 82.9266L102.999 81.5012L103.779 82.8563L101.453 84.0196L103.779 85.183L102.999 86.5381L100.826 85.1127L100.967 87.7014H99.4135ZM108.827 87.7014L108.974 85.1127L106.801 86.5381L106.021 85.183L108.341 84.0196L106.021 82.8563L106.801 81.5012L108.974 82.9266L108.827 80.3378H110.38L110.24 82.9266L112.413 81.5012L113.193 82.8563L110.866 84.0196L113.193 85.183L112.413 86.5381L110.24 85.1127L110.38 87.7014H108.827Z"
-                    fill={customBackgroundColor}
-                />
-            </g>
-            <defs>
-                <filter
-                    id="filter0_d_944_1329"
-                    x="11.6957"
-                    y="28.7449"
-                    width="89.804"
-                    height="71.0657"
-                    filterUnits="userSpaceOnUse"
-                    colorInterpolationFilters="sRGB"
-                >
-                    <feFlood floodOpacity="0" result="BackgroundImageFix" />
-                    <feColorMatrix
-                        in="SourceAlpha"
-                        type="matrix"
-                        values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-                        result="hardAlpha"
-                    />
-                    <feOffset dy="8.8" />
-                    <feGaussianBlur stdDeviation="8.8" />
-                    <feComposite in2="hardAlpha" operator="out" />
-                    <feColorMatrix
-                        type="matrix"
-                        values="0 0 0 0 0.0370486 0 0 0 0 0.087038 0 0 0 0 0.0916667 0 0 0 0.16 0"
-                    />
-                    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_944_1329" />
-                    <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_944_1329" result="shape" />
-                </filter>
-                <filter
-                    id="filter1_d_944_1329"
-                    x="53.8799"
-                    y="54.5039"
-                    width="82"
-                    height="58"
-                    filterUnits="userSpaceOnUse"
-                    colorInterpolationFilters="sRGB"
-                >
-                    <feFlood floodOpacity="0" result="BackgroundImageFix" />
-                    <feColorMatrix
-                        in="SourceAlpha"
-                        type="matrix"
-                        values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-                        result="hardAlpha"
-                    />
-                    <feOffset />
-                    <feGaussianBlur stdDeviation="7" />
-                    <feComposite in2="hardAlpha" operator="out" />
-                    <feColorMatrix
-                        type="matrix"
-                        values="0 0 0 0 0.0362847 0 0 0 0 0.0869733 0 0 0 0 0.0916667 0 0 0 0.12 0"
-                    />
-                    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_944_1329" />
-                    <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_944_1329" result="shape" />
-                </filter>
-                <linearGradient
-                    id="paint0_linear_944_1329"
-                    x1="103.915"
-                    y1="95.5039"
-                    x2="97.9027"
-                    y2="68.179"
-                    gradientUnits="userSpaceOnUse"
-                >
-                    <stop stopColor="#2E996C" />
-                    <stop offset="1" stopColor="#D0F2E5" />
-                </linearGradient>
-                <clipPath id="clip0_944_1329">
-                    <path
-                        d="M70.8799 83.5039C70.8799 76.8765 76.2525 71.5039 82.8799 71.5039H106.88C113.507 71.5039 118.88 76.8765 118.88 83.5039C118.88 90.1313 113.507 95.5039 106.88 95.5039H82.8799C76.2525 95.5039 70.8799 90.1313 70.8799 83.5039Z"
-                        fill={customBackgroundColor}
-                    />
-                </clipPath>
-            </defs>
-        </svg>
-    );
-}