0xtrails 0.0.1 → 0.0.2

package/dist/widget/wallet-D8ssEB0o.js

@@ -0,0 +1,13 @@
+import "./index-CK94R-H7.js";
+import { b as c } from "./lit-html-BRjl1r6K.js";
+const e = c`<svg fill="none" viewBox="0 0 20 20">
+  <path
+    fill="currentColor"
+    fill-rule="evenodd"
+    d="M0 5.5c0-1.8 1.46-3.25 3.25-3.25H14.5c1.8 0 3.25 1.46 3.25 3.25v.28A3.25 3.25 0 0 1 20 8.88v2.24c0 1.45-.94 2.68-2.25 3.1v.28c0 1.8-1.46 3.25-3.25 3.25H3.25A3.25 3.25 0 0 1 0 14.5v-9Zm15.75 8.88h-2.38a4.38 4.38 0 0 1 0-8.76h2.38V5.5c0-.69-.56-1.25-1.25-1.25H3.25C2.56 4.25 2 4.81 2 5.5v9c0 .69.56 1.25 1.25 1.25H14.5c.69 0 1.25-.56 1.25-1.25v-.13Zm-2.38-6.76a2.37 2.37 0 1 0 0 4.75h3.38c.69 0 1.25-.55 1.25-1.24V8.87c0-.69-.56-1.24-1.25-1.24h-3.38Z"
+    clip-rule="evenodd"
+  />
+</svg>`;
+export {
+  e as walletSvg
+};

package/dist/widget/wallet-placeholder-HtAy21Wc.js

@@ -0,0 +1,19 @@
+import "./index-CK94R-H7.js";
+import { b as a } from "./lit-html-BRjl1r6K.js";
+const e = a`
+  <svg fill="none" viewBox="0 0 48 44">
+    <path
+      style="fill: var(--wui-color-bg-300);"
+      d="M4.56 8.64c-1.23 1.68-1.23 4.08-1.23 8.88v8.96c0 4.8 0 7.2 1.23 8.88.39.55.87 1.02 1.41 1.42C7.65 38 10.05 38 14.85 38h14.3c4.8 0 7.2 0 8.88-1.22a6.4 6.4 0 0 0 1.41-1.42c.83-1.14 1.1-2.6 1.19-4.92a6.4 6.4 0 0 0 5.16-4.65c.21-.81.21-1.8.21-3.79 0-1.98 0-2.98-.22-3.79a6.4 6.4 0 0 0-5.15-4.65c-.1-2.32-.36-3.78-1.19-4.92a6.4 6.4 0 0 0-1.41-1.42C36.35 6 33.95 6 29.15 6h-14.3c-4.8 0-7.2 0-8.88 1.22a6.4 6.4 0 0 0-1.41 1.42Z"
+    />
+    <path
+      style="fill: var(--wui-color-fg-200);"
+      fill-rule="evenodd"
+      d="M2.27 11.33a6.4 6.4 0 0 1 6.4-6.4h26.66a6.4 6.4 0 0 1 6.4 6.4v1.7a6.4 6.4 0 0 1 5.34 6.3v5.34a6.4 6.4 0 0 1-5.34 6.3v1.7a6.4 6.4 0 0 1-6.4 6.4H8.67a6.4 6.4 0 0 1-6.4-6.4V11.33ZM39.6 31.07h-6.93a9.07 9.07 0 1 1 0-18.14h6.93v-1.6a4.27 4.27 0 0 0-4.27-4.26H8.67a4.27 4.27 0 0 0-4.27 4.26v21.34a4.27 4.27 0 0 0 4.27 4.26h26.66a4.27 4.27 0 0 0 4.27-4.26v-1.6Zm-6.93-16a6.93 6.93 0 0 0 0 13.86h8a4.27 4.27 0 0 0 4.26-4.26v-5.34a4.27 4.27 0 0 0-4.26-4.26h-8Z"
+      clip-rule="evenodd"
+    />
+  </svg>
+`;
+export {
+  e as walletPlaceholderSvg
+};

package/dist/widget/walletconnect-Bp_4XfrY.js

@@ -0,0 +1,37 @@
+import "./index-CK94R-H7.js";
+import { b as l } from "./lit-html-BRjl1r6K.js";
+const a = l`<svg fill="none" viewBox="0 0 96 67">
+  <path
+    fill="currentColor"
+    d="M25.32 18.8a32.56 32.56 0 0 1 45.36 0l1.5 1.47c.63.62.63 1.61 0 2.22l-5.15 5.05c-.31.3-.82.3-1.14 0l-2.07-2.03a22.71 22.71 0 0 0-31.64 0l-2.22 2.18c-.31.3-.82.3-1.14 0l-5.15-5.05a1.55 1.55 0 0 1 0-2.22l1.65-1.62Zm56.02 10.44 4.59 4.5c.63.6.63 1.6 0 2.21l-20.7 20.26c-.62.61-1.63.61-2.26 0L48.28 41.83a.4.4 0 0 0-.56 0L33.03 56.21c-.63.61-1.64.61-2.27 0L10.07 35.95a1.55 1.55 0 0 1 0-2.22l4.59-4.5a1.63 1.63 0 0 1 2.27 0L31.6 43.63a.4.4 0 0 0 .57 0l14.69-14.38a1.63 1.63 0 0 1 2.26 0l14.69 14.38a.4.4 0 0 0 .57 0l14.68-14.38a1.63 1.63 0 0 1 2.27 0Z"
+  />
+  <path
+    stroke="#000"
+    stroke-opacity=".1"
+    d="M25.67 19.15a32.06 32.06 0 0 1 44.66 0l1.5 1.48c.43.42.43 1.09 0 1.5l-5.15 5.05a.31.31 0 0 1-.44 0l-2.07-2.03a23.21 23.21 0 0 0-32.34 0l-2.22 2.18a.31.31 0 0 1-.44 0l-5.15-5.05a1.05 1.05 0 0 1 0-1.5l1.65-1.63ZM81 29.6l4.6 4.5c.42.41.42 1.09 0 1.5l-20.7 20.26c-.43.43-1.14.43-1.57 0L48.63 41.47a.9.9 0 0 0-1.26 0L32.68 55.85c-.43.43-1.14.43-1.57 0L10.42 35.6a1.05 1.05 0 0 1 0-1.5l4.59-4.5a1.13 1.13 0 0 1 1.57 0l14.68 14.38a.9.9 0 0 0 1.27 0l-.35-.35.35.35L47.22 29.6a1.13 1.13 0 0 1 1.56 0l14.7 14.38a.9.9 0 0 0 1.26 0L79.42 29.6a1.13 1.13 0 0 1 1.57 0Z"
+  />
+</svg>`, L = l`
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_22274_4692)">
+<path d="M0 6.64C0 4.17295 0 2.93942 0.525474 2.01817C0.880399 1.39592 1.39592 0.880399 2.01817 0.525474C2.93942 0 4.17295 0 6.64 0H9.36C11.8271 0 13.0606 0 13.9818 0.525474C14.6041 0.880399 15.1196 1.39592 15.4745 2.01817C16 2.93942 16 4.17295 16 6.64V9.36C16 11.8271 16 13.0606 15.4745 13.9818C15.1196 14.6041 14.6041 15.1196 13.9818 15.4745C13.0606 16 11.8271 16 9.36 16H6.64C4.17295 16 2.93942 16 2.01817 15.4745C1.39592 15.1196 0.880399 14.6041 0.525474 13.9818C0 13.0606 0 11.8271 0 9.36V6.64Z" fill="#C7B994"/>
+<path d="M4.49038 5.76609C6.42869 3.86833 9.5713 3.86833 11.5096 5.76609L11.7429 5.99449C11.8398 6.08938 11.8398 6.24323 11.7429 6.33811L10.9449 7.11942C10.8964 7.16686 10.8179 7.16686 10.7694 7.11942L10.4484 6.80512C9.09617 5.48119 6.90381 5.48119 5.5516 6.80512L5.20782 7.14171C5.15936 7.18915 5.08079 7.18915 5.03234 7.14171L4.23434 6.3604C4.13742 6.26552 4.13742 6.11167 4.23434 6.01678L4.49038 5.76609ZM13.1599 7.38192L13.8702 8.07729C13.9671 8.17217 13.9671 8.32602 13.8702 8.4209L10.6677 11.5564C10.5708 11.6513 10.4137 11.6513 10.3168 11.5564L8.04388 9.33105C8.01965 9.30733 7.98037 9.30733 7.95614 9.33105L5.6833 11.5564C5.58638 11.6513 5.42925 11.6513 5.33234 11.5564L2.12982 8.42087C2.0329 8.32598 2.0329 8.17213 2.12982 8.07724L2.84004 7.38188C2.93695 7.28699 3.09408 7.28699 3.191 7.38188L5.46392 9.60726C5.48815 9.63098 5.52743 9.63098 5.55166 9.60726L7.82447 7.38188C7.92138 7.28699 8.07851 7.28699 8.17543 7.38187L10.4484 9.60726C10.4726 9.63098 10.5119 9.63098 10.5361 9.60726L12.809 7.38192C12.9059 7.28703 13.063 7.28703 13.1599 7.38192Z" fill="#202020"/>
+</g>
+<defs>
+<clipPath id="clip0_22274_4692">
+<path d="M0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8Z" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+`, i = l`
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="11" cy="11" r="11" transform="matrix(-1 0 0 1 23 1)" fill="#202020"/>
+<circle cx="11" cy="11" r="11.5" transform="matrix(-1 0 0 1 23 1)" stroke="#C7B994" stroke-opacity="0.7"/>
+<path d="M15.4523 11.0686L16.7472 9.78167C13.8205 6.87297 10.1838 6.87297 7.25708 9.78167L8.55201 11.0686C10.7779 8.85645 13.2279 8.85645 15.4538 11.0686H15.4523Z" fill="#C7B994"/>
+<path d="M15.0199 14.067L12 11.0656L8.98 14.067L5.96004 11.0656L4.66663 12.3511L8.98 16.6393L12 13.638L15.0199 16.6393L19.3333 12.3511L18.0399 11.0656L15.0199 14.067Z" fill="#C7B994"/>
+</svg>
+`;
+export {
+  i as walletConnectBrownSvg,
+  L as walletConnectLightBrownSvg,
+  a as walletConnectSvg
+};

package/dist/widget/warning-circle-FgYS7P7n.js

@@ -0,0 +1,17 @@
+import "./index-CK94R-H7.js";
+import { b as l } from "./lit-html-BRjl1r6K.js";
+const e = l`<svg fill="none" viewBox="0 0 20 20">
+  <path
+    fill="currentColor"
+    d="M11 6.67a1 1 0 1 0-2 0v2.66a1 1 0 0 0 2 0V6.67ZM10 14.5a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Z"
+  />
+  <path
+    fill="currentColor"
+    fill-rule="evenodd"
+    d="M10 1a9 9 0 1 0 0 18 9 9 0 0 0 0-18Zm-7 9a7 7 0 1 1 14 0 7 7 0 0 1-14 0Z"
+    clip-rule="evenodd"
+  />
+</svg>`;
+export {
+  e as warningCircleSvg
+};

package/dist/widget/widget/index.js

@@ -0,0 +1,7 @@
+(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode('@source "./";:root,[data-theme=dark]{--seq-color-positive: #1fc266;--seq-color-negative: #c2501f;--seq-color-info: #0076cc;--seq-color-warning: #f4b03e;--seq-color-primary: rgba(255, 255, 255, 1);--seq-color-secondary: rgba(255, 255, 255, .8);--seq-color-muted: rgba(255, 255, 255, .5);--seq-color-inverse: rgba(0, 0, 0, 1);--seq-color-background-primary: rgba(0, 0, 0, 1);--seq-color-background-secondary: rgba(255, 255, 255, .1);--seq-color-background-contrast: rgba(0, 0, 0, .5);--seq-color-background-muted: rgba(255, 255, 255, .05);--seq-color-background-control: rgba(255, 255, 255, .25);--seq-color-background-inverse: rgba(255, 255, 255, 1);--seq-color-background-backdrop: rgba(34, 34, 34, .9);--seq-color-background-overlay: rgba(0, 0, 0, .7);--seq-color-background-raised: rgba(54, 54, 54, .7);--seq-color-border-normal: rgba(255, 255, 255, .25);--seq-color-border-focus: rgba(255, 255, 255, .5);--seq-color-border-error: rgba(255, 69, 0, 1);--seq-color-button-glass: rgba(255, 255, 255, .15);--seq-color-button-emphasis: rgba(0, 0, 0, .5);--seq-color-button-inverse: rgba(255, 255, 255, .8);--seq-color-gradient-backdrop: linear-gradient( 243.18deg, rgba(86, 52, 189, .85) 0%, rgba(49, 41, 223, .85) 63.54%, rgba(7, 98, 149, .85) 100% );--seq-color-gradient-primary: linear-gradient( 89.69deg, #4411e1 .27%, #7537f9 99.73% );--seq-color-gradient-secondary: linear-gradient( 32.51deg, #951990 -15.23%, #3a35b1 48.55%, #20a8b0 100% );--seq-color-gradient-skeleton: linear-gradient( -45deg, transparent, var(--seq-color-background-secondary), transparent )}[data-theme=light]{--seq-color-positive: #1fc266;--seq-color-negative: #c2501f;--seq-color-info: #0076cc;--seq-color-warning: #f4b03e;--seq-color-primary: rgba(0, 0, 0, 1);--seq-color-secondary: rgba(0, 0, 0, .8);--seq-color-muted: rgba(0, 0, 0, .5);--seq-color-inverse: rgba(255, 255, 255, 1);--seq-color-background-primary: rgba(244, 244, 244, 1);--seq-color-background-secondary: rgba(0, 0, 0, .1);--seq-color-background-contrast: rgba(244, 244, 244, .5);--seq-color-background-muted: rgba(0, 0, 0, .05);--seq-color-background-control: rgba(0, 0, 0, .25);--seq-color-background-inverse: rgba(0, 0, 0, 1);--seq-color-background-backdrop: rgba(221, 221, 221, .9);--seq-color-background-overlay: rgba(244, 244, 244, .7);--seq-color-background-raised: rgba(192, 192, 192, .7);--seq-color-border-normal: rgba(0, 0, 0, .25);--seq-color-border-focus: rgba(0, 0, 0, .5);--seq-color-border-error: rgba(255, 69, 0, 1);--seq-color-button-glass: rgba(0, 0, 0, .15);--seq-color-button-emphasis: rgba(255, 255, 255, .5);--seq-color-button-inverse: rgba(0, 0, 0, .8);--seq-color-gradient-backdrop: linear-gradient( 243.18deg, rgba(86, 52, 189, .85) 0%, rgba(49, 41, 223, .85) 63.54%, rgba(7, 98, 149, .85) 100% );--seq-color-gradient-primary: linear-gradient( 89.69deg, #4411e1 .27%, #7537f9 99.73% );--seq-color-gradient-secondary: linear-gradient( 32.51deg, #951990 -15.23%, #3a35b1 48.55%, #20a8b0 100% );--seq-color-gradient-skeleton: linear-gradient( -45deg, transparent, var(--seq-color-background-secondary), transparent )}@theme inline{ --font-body: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: "Roboto", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-primary: var(--seq-color-primary); --color-secondary: var(--seq-color-secondary); --color-muted: var(--seq-color-muted); --color-inverse: var(--seq-color-inverse); --color-positive: var(--seq-color-positive); --color-negative: var(--seq-color-negative); --color-info: var(--seq-color-info); --color-warning: var(--seq-color-warning); --color-background-primary: var(--seq-color-background-primary); --color-background-secondary: var(--seq-color-background-secondary); --color-background-contrast: var(--seq-color-background-contrast); --color-background-muted: var(--seq-color-background-muted); --color-background-control: var(--seq-color-background-control); --color-background-inverse: var(--seq-color-background-inverse); --color-background-backdrop: var(--seq-color-background-backdrop); --color-background-overlay: var(--seq-color-background-overlay); --color-background-raised: var(--seq-color-background-raised); --color-border-normal: var(--seq-color-border-normal); --color-border-focus: var(--seq-color-border-focus); --color-border-error: var(--seq-color-border-error); --color-button-glass: var(--seq-color-button-glass); --color-button-emphasis: var(--seq-color-button-emphasis); --color-button-inverse: var(--seq-color-button-inverse); --background-image-gradient-backdrop: var(--seq-color-gradient-backdrop); --background-image-gradient-primary: var(--seq-color-gradient-primary); --background-image-gradient-secondary: var(--seq-color-gradient-secondary); --background-image-gradient-skeleton: var(--seq-color-gradient-skeleton); --animate-skeleton: skeleton 1s ease infinite; --animate-swipe-out: swipe-out .2s ease-out; @keyframes skeleton { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes swipe-out { from { transform: translateX(var(--radix-toast-swipe-end-x)); } to { transform: translateX(100%); } } }')),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+import { T as l, J as t, K as o } from "../index-O8FmRjKe.js";
+export {
+  l as TrailsWidget,
+  t as createModalController,
+  o as defaultWalletOptions
+};

package/dist/widget/widget.d.ts

@@ -0,0 +1,47 @@
+import "@0xsequence/design-system/preset";
+import React from "react";
+import type { RelayerEnv } from "../relayer.js";
+import type { Theme } from "../theme.js";
+export declare const defaultWalletOptions: string[];
+export type TrailsWidgetProps = {
+    appId: string;
+    sequenceIndexerUrl?: string | null;
+    sequenceApiUrl?: string | null;
+    sequenceEnv?: RelayerEnv;
+    toAddress?: string | null;
+    toAmount?: string | null;
+    toChainId?: number | string | null;
+    toToken?: string | null;
+    toCalldata?: string | null;
+    children?: React.ReactNode;
+    renderInline?: boolean;
+    theme?: Theme;
+    walletOptions?: string[];
+    onOriginConfirmation?: (txHash: string, chainId: number) => void;
+    onDestinationConfirmation?: (txHash: string, chainId: number) => void;
+    privyAppId?: string;
+    privyClientId?: string;
+    useSourceTokenForButtonText?: boolean;
+    paymasterUrls?: Array<{
+        chainId: number;
+        url: string;
+    }>;
+    gasless?: boolean;
+    buttonText?: string;
+};
+export interface TrailsWidgetRef {
+    openModal: () => void;
+    closeModal: () => void;
+    isModalOpen: boolean;
+}
+export declare const TrailsWidget: React.ForwardRefExoticComponent<TrailsWidgetProps & React.RefAttributes<TrailsWidgetRef>>;
+export declare function ShadowPortal({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const createModalController: (ref: React.RefObject<TrailsWidgetRef>) => {
+    openModal: () => void;
+    closeModal: () => void;
+    isModalOpen: boolean;
+};
+export default TrailsWidget;
+//# sourceMappingURL=widget.d.ts.map

package/dist/widget/widget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget.d.ts","sourceRoot":"","sources":["../../src/widget/widget.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAA;AAgBzC,OAAO,KASN,MAAM,OAAO,CAAA;AAkBd,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,KAAK,EAAe,KAAK,EAAE,MAAM,aAAa,CAAA;AAsBrD,eAAO,MAAM,oBAAoB,UAAwB,CAAA;AAiBzD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAClC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,WAAW,CAAC,EAAE,UAAU,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IAClC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAChE,yBAAyB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACrE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,2BAA2B,CAAC,EAAE,OAAO,CAAA;IACrC,aAAa,CAAC,EAAE,KAAK,CAAC;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACvD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,WAAW,EAAE,OAAO,CAAA;CACrB;AAwpCD,eAAO,MAAM,YAAY,2FAoHxB,CAAA;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAqBvE;AAGD,eAAO,MAAM,qBAAqB,GAChC,KAAK,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;;;;CAKrC,CAAA;AAEF,eAAe,YAAY,CAAA"}