iccandle-widget-fully 0.1.1 → 0.1.2

package/entries/suite/dist/widget-suite.js

@@ -1,37 +1,37 @@
 (function(){"use strict";try{if(typeof document<"u"){var i=document.createElement("style");i.appendChild(document.createTextNode('.icc-auth{--icc-primary: #00dfb9;--icc-bg: #ffffff;--icc-border: #e5e7eb;--icc-text: #0b0b0b;--icc-muted: #6b7280;display:flex;height:100%;width:100%;align-items:center;justify-content:center;padding:16px;font-family:Inter Tight,ui-sans-serif,system-ui,sans-serif;color:var(--icc-text)}.iccandle-dark .icc-auth,.icc-auth.icc-dark{--icc-bg: #1a1a1a;--icc-border: rgba(255, 255, 255, .14);--icc-text: #ffffff;--icc-muted: #9ca3af}.icc-auth__stack{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:520px}.icc-auth__logo{display:flex;align-items:center;gap:10px}.icc-auth__logo-text{font-size:26px;font-weight:600;letter-spacing:.5px}.icc-auth__tagline{text-align:center;font-size:28px;line-height:1.15;font-weight:700;margin:0;max-width:380px;background:linear-gradient(90deg,#34d3b0,#4fd1c5);-webkit-background-clip:text;background-clip:text;color:transparent}.icc-auth__card{width:100%;max-width:520px;border:1px solid var(--icc-border);border-radius:16px;background:var(--icc-bg);overflow:hidden}.icc-auth__section{padding:16px}.icc-auth__turnstile{margin-bottom:14px}.icc-auth__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:40px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s ease}.icc-auth__btn--outline{border:1px solid var(--icc-border);background:var(--icc-bg);color:var(--icc-text)}.icc-auth__btn--outline:hover{background:color-mix(in srgb,var(--icc-text) 6%,transparent)}.icc-auth__btn--primary{border:1px solid color-mix(in srgb,var(--icc-primary) 50%,transparent);background:color-mix(in srgb,var(--icc-primary) 12%,transparent);color:var(--icc-text)}.icc-auth__btn--primary:hover{background:color-mix(in srgb,var(--icc-primary) 22%,transparent)}.icc-auth__btn:disabled{opacity:.5;cursor:not-allowed}.icc-auth__divider{display:flex;align-items:center;gap:12px;padding:0 16px}.icc-auth__divider:before,.icc-auth__divider:after{content:"";height:1px;flex:1;background:var(--icc-border)}.icc-auth__divider span{font-weight:600;color:var(--icc-muted);font-size:13px}.icc-auth__field{margin-bottom:14px}.icc-auth__label{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:500;margin-bottom:6px}.icc-auth__input-wrap{position:relative}.icc-auth__input{width:100%;height:40px;border-radius:6px;border:1px solid var(--icc-border);background:var(--icc-bg);color:var(--icc-text);padding:8px 12px;font-size:14px;box-sizing:border-box;outline:none}.icc-auth__input:focus{border-color:var(--icc-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--icc-primary) 25%,transparent)}.icc-auth__eye{position:absolute;top:9px;right:10px;cursor:pointer;color:var(--icc-muted);background:none;border:none;padding:0;font-size:12px}.icc-auth__link{color:var(--icc-primary);text-decoration:underline;cursor:pointer;font-weight:600;background:none;border:none;padding:0;font-size:inherit}.icc-auth__foot{text-align:center;color:var(--icc-muted);padding-bottom:16px;font-size:14px}.icc-auth__msg{padding:0 16px 8px;font-size:12px;color:var(--icc-muted)}.icc-auth__msg--error{color:#ef4444}')),document.head.appendChild(i)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
 import { jsx as e, jsxs as n, Fragment as ie } from "react/jsx-runtime";
-import he, { useState as _, useEffect as se } from "react";
-import { SelectorWidget as ge, PatternView as be } from "iccandle-widget-fully/selector";
-import { PatternTrackerWidget as me } from "iccandle-widget-fully/pattern-tracker";
-import { NewsWidget as ye } from "iccandle-widget-fully/news";
-import { useIccandleAuth as ne, IccandleAuthProvider as ve } from "iccandle-widget-fully/auth";
-import { useBilling as _e } from "iccandle-widget-fully/payment";
-function xe(t) {
+import he, { useState as _, useEffect as se, useMemo as ge } from "react";
+import { SelectorWidget as be, PatternView as me } from "iccandle-widget-fully/selector";
+import { PatternTrackerWidget as ye } from "iccandle-widget-fully/pattern-tracker";
+import { NewsWidget as ve } from "iccandle-widget-fully/news";
+import { useIccandleAuth as ne, IccandleAuthProvider as _e, decodeJwtPayload as xe } from "iccandle-widget-fully/auth";
+import { useBilling as we } from "iccandle-widget-fully/payment";
+function Se(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var w = {}, le;
-function we() {
-  if (le) return w;
+var k = {}, le;
+function ke() {
+  if (le) return k;
   le = 1;
-  var t = w && w.__createBinding || (Object.create ? (function(i, l, h, f) {
-    f === void 0 && (f = h);
-    var v = Object.getOwnPropertyDescriptor(l, h);
-    (!v || ("get" in v ? !l.__esModule : v.writable || v.configurable)) && (v = { enumerable: !0, get: function() {
-      return l[h];
-    } }), Object.defineProperty(i, f, v);
-  }) : (function(i, l, h, f) {
-    f === void 0 && (f = h), i[f] = l[h];
-  })), r = w && w.__setModuleDefault || (Object.create ? (function(i, l) {
+  var t = k && k.__createBinding || (Object.create ? (function(i, l, f, h) {
+    h === void 0 && (h = f);
+    var y = Object.getOwnPropertyDescriptor(l, f);
+    (!y || ("get" in y ? !l.__esModule : y.writable || y.configurable)) && (y = { enumerable: !0, get: function() {
+      return l[f];
+    } }), Object.defineProperty(i, h, y);
+  }) : (function(i, l, f, h) {
+    h === void 0 && (h = f), i[h] = l[f];
+  })), r = k && k.__setModuleDefault || (Object.create ? (function(i, l) {
     Object.defineProperty(i, "default", { enumerable: !0, value: l });
   }) : function(i, l) {
     i.default = l;
-  }), a = w && w.__importStar || function(i) {
+  }), a = k && k.__importStar || function(i) {
     if (i && i.__esModule) return i;
     var l = {};
-    if (i != null) for (var h in i) h !== "default" && Object.prototype.hasOwnProperty.call(i, h) && t(l, i, h);
+    if (i != null) for (var f in i) f !== "default" && Object.prototype.hasOwnProperty.call(i, f) && t(l, i, f);
     return r(l, i), l;
   };
-  Object.defineProperty(w, "__esModule", { value: !0 }), w.useTurnstile = w.Turnstile = void 0;
+  Object.defineProperty(k, "__esModule", { value: !0 }), k.useTurnstile = k.Turnstile = void 0;
   const d = a(he), u = typeof globalThis < "u" ? globalThis : window;
   let c = typeof u.turnstile < "u" ? "ready" : "unloaded", o, x;
   const b = new Promise((i, l) => {
@@ -44,15 +44,15 @@ function we() {
         c = "loading", u[i] = () => {
           x.resolve(), c = "ready", delete u[i];
         };
-        const h = `${l}?onload=${i}&render=explicit`, f = document.createElement("script");
-        f.src = h, f.async = !0, f.addEventListener("error", () => {
+        const f = `${l}?onload=${i}&render=explicit`, h = document.createElement("script");
+        h.src = f, h.async = !0, h.addEventListener("error", () => {
           x.reject("Failed to load Turnstile."), delete u[i];
-        }), document.head.appendChild(f);
+        }), document.head.appendChild(h);
       }
       return b;
     };
   }
-  function y({ id: i, className: l, style: h, sitekey: f, action: v, cData: N, theme: E, language: k, tabIndex: T, responseField: W, responseFieldName: B, size: C, fixedSize: D, retry: z, retryInterval: I, refreshExpired: $, appearance: g, execution: j, userRef: P, onVerify: U, onSuccess: H, onLoad: G, onError: Z, onExpire: K, onTimeout: V, onAfterInteractive: q, onBeforeInteractive: Q, onUnsupported: Y }) {
+  function m({ id: i, className: l, style: f, sitekey: h, action: y, cData: B, theme: T, language: A, tabIndex: N, responseField: I, responseFieldName: C, size: v, fixedSize: D, retry: z, retryInterval: P, refreshExpired: $, appearance: g, execution: j, userRef: L, onVerify: U, onSuccess: H, onLoad: G, onError: Z, onExpire: K, onTimeout: V, onAfterInteractive: q, onBeforeInteractive: Q, onUnsupported: Y }) {
     const ue = (0, d.useRef)(null), s = (0, d.useState)({
       onVerify: U,
       onSuccess: H,
@@ -63,15 +63,15 @@ function we() {
       onAfterInteractive: q,
       onBeforeInteractive: Q,
       onUnsupported: Y
-    })[0], M = P ?? ue, pe = D ? {
-      width: C === "compact" ? "130px" : C === "flexible" ? "100%" : "300px",
-      height: C === "compact" ? "120px" : "65px",
-      ...h
-    } : h;
+    })[0], M = L ?? ue, pe = D ? {
+      width: v === "compact" ? "130px" : v === "flexible" ? "100%" : "300px",
+      height: v === "compact" ? "120px" : "65px",
+      ...f
+    } : f;
     return (0, d.useEffect)(() => {
       if (!M.current)
         return;
-      let ae = !1, L = "";
+      let ae = !1, W = "";
       return (async () => {
         var X, J;
         if (c !== "ready")
@@ -85,31 +85,31 @@ function we() {
           return;
         let F;
         const fe = {
-          sitekey: f,
-          action: v,
-          cData: N,
-          theme: E,
-          language: k,
-          tabindex: T,
-          "response-field": W,
-          "response-field-name": B,
-          size: C,
+          sitekey: h,
+          action: y,
+          cData: B,
+          theme: T,
+          language: A,
+          tabindex: N,
+          "response-field": I,
+          "response-field-name": C,
+          size: v,
           retry: z,
-          "retry-interval": I,
+          "retry-interval": P,
           "refresh-expired": $,
           appearance: g,
           execution: j,
-          callback: (p, A) => {
+          callback: (p, E) => {
             var ee, te;
-            (ee = s.onVerify) === null || ee === void 0 || ee.call(s, p, F), (te = s.onSuccess) === null || te === void 0 || te.call(s, p, A, F);
+            (ee = s.onVerify) === null || ee === void 0 || ee.call(s, p, F), (te = s.onSuccess) === null || te === void 0 || te.call(s, p, E, F);
           },
           "error-callback": (p) => {
-            var A;
-            return (A = s.onError) === null || A === void 0 ? void 0 : A.call(s, p, F);
+            var E;
+            return (E = s.onError) === null || E === void 0 ? void 0 : E.call(s, p, F);
           },
           "expired-callback": (p) => {
-            var A;
-            return (A = s.onExpire) === null || A === void 0 ? void 0 : A.call(s, p, F);
+            var E;
+            return (E = s.onExpire) === null || E === void 0 ? void 0 : E.call(s, p, F);
           },
           "timeout-callback": () => {
             var p;
@@ -128,22 +128,22 @@ function we() {
             return (p = s.onUnsupported) === null || p === void 0 ? void 0 : p.call(s, F);
           }
         };
-        L = window.turnstile.render(M.current, fe), F = m(L), (J = s.onLoad) === null || J === void 0 || J.call(s, L, F);
+        W = window.turnstile.render(M.current, fe), F = S(W), (J = s.onLoad) === null || J === void 0 || J.call(s, W, F);
       })(), () => {
-        ae = !0, L && window.turnstile.remove(L);
+        ae = !0, W && window.turnstile.remove(W);
       };
     }, [
-      f,
-      v,
-      N,
-      E,
-      k,
-      T,
-      W,
+      h,
+      y,
       B,
+      T,
+      A,
+      N,
+      I,
       C,
+      v,
       z,
-      I,
+      P,
       $,
       g,
       j
@@ -161,8 +161,8 @@ function we() {
       Y
     ]), d.default.createElement("div", { ref: M, id: i, className: l, style: pe });
   }
-  w.Turnstile = y, w.default = y;
-  function m(i) {
+  k.Turnstile = m, k.default = m;
+  function S(i) {
     return {
       execute: (l) => window.turnstile.execute(i, l),
       reset: () => window.turnstile.reset(i),
@@ -170,17 +170,17 @@ function we() {
       isExpired: () => window.turnstile.isExpired(i)
     };
   }
-  function S() {
+  function w() {
     const [i, l] = (0, d.useState)(c);
     return (0, d.useEffect)(() => {
       c !== "ready" && b.then(() => l(c));
     }, []), u.turnstile;
   }
-  return w.useTurnstile = S, w;
+  return k.useTurnstile = w, k;
 }
-var Se = we();
-const ke = /* @__PURE__ */ xe(Se), Ce = "0x4AAAAAAA6sL3ZLXFrjySJ8", Te = "Designed for Traders Who Value Insight Over Noise";
-function Fe() {
+var Ce = ke();
+const Te = /* @__PURE__ */ Se(Ce), Fe = "0x4AAAAAAA6sL3ZLXFrjySJ8", Ae = "Designed for Traders Who Value Insight Over Noise";
+function Ne() {
   return /* @__PURE__ */ n("svg", { width: "16", height: "16", viewBox: "0 0 48 48", "aria-hidden": !0, children: [
     /* @__PURE__ */ e("path", { fill: "#EA4335", d: "M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z" }),
     /* @__PURE__ */ e("path", { fill: "#4285F4", d: "M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z" }),
@@ -188,7 +188,7 @@ function Fe() {
     /* @__PURE__ */ e("path", { fill: "#34A853", d: "M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z" })
   ] });
 }
-function Ae({ dark: t }) {
+function Ee({ dark: t }) {
   return /* @__PURE__ */ e("div", { className: "icc-auth__logo", children: /* @__PURE__ */ e(
     "img",
     {
@@ -198,39 +198,39 @@ function Ae({ dark: t }) {
     }
   ) });
 }
-function Ne({ dark: t = !1 }) {
-  const { signIn: r, signUp: a, confirm: d, signInWithGoogle: u, loading: c } = ne(), [o, x] = _("signIn"), [b, y] = _(""), [m, S] = _(""), [i, l] = _(""), [h, f] = _(""), [v, N] = _(!1), [E, k] = _(!1), [T, W] = _(""), [B, C] = _(null), D = async (g, j) => {
-    C(null);
+function Be({ dark: t = !1 }) {
+  const { signIn: r, signUp: a, confirm: d, signInWithGoogle: u, loading: c } = ne(), [o, x] = _("signIn"), [b, m] = _(""), [S, w] = _(""), [i, l] = _(""), [f, h] = _(""), [y, B] = _(!1), [T, A] = _(!1), [N, I] = _(""), [C, v] = _(null), D = async (g, j) => {
+    v(null);
     try {
-      await g(), C({ text: j });
-    } catch (P) {
-      C({ text: P?.message ?? "Something went wrong", error: !0 });
+      await g(), v({ text: j });
+    } catch (L) {
+      v({ text: L?.message ?? "Something went wrong", error: !0 });
     }
   }, z = (g) => {
     if (g.preventDefault(), o === "signIn") {
-      if (!E) {
-        k(!0);
+      if (!T) {
+        A(!0);
         return;
       }
-      D(() => r(b, m, T), "Signed in.");
+      D(() => r(b, S, N), "Signed in.");
     } else if (o === "signUp") {
-      if (m !== i) {
-        C({ text: "Passwords must match", error: !0 });
+      if (S !== i) {
+        v({ text: "Passwords must match", error: !0 });
         return;
       }
       D(async () => {
-        await a(b, m, T), x("confirm");
+        await a(b, S, N), x("confirm");
       }, "Check your email for the confirmation code.");
     } else
       D(async () => {
-        await d(b, h, T), x("signIn"), k(!0);
+        await d(b, f, N), x("signIn"), A(!0);
       }, "Confirmed — you can sign in now.");
-  }, I = (g) => {
-    x(g), k(!1), C(null);
+  }, P = (g) => {
+    x(g), A(!1), v(null);
   };
   return /* @__PURE__ */ e("div", { className: `icc-auth${t ? " icc-dark" : ""}`, children: /* @__PURE__ */ n("div", { className: "icc-auth__stack", children: [
-    /* @__PURE__ */ e(Ae, { dark: t }),
-    /* @__PURE__ */ e("p", { className: "icc-auth__tagline", children: Te }),
+    /* @__PURE__ */ e(Ee, { dark: t }),
+    /* @__PURE__ */ e("p", { className: "icc-auth__tagline", children: Ae }),
     /* @__PURE__ */ n("div", { className: "icc-auth__card", children: [
       /* @__PURE__ */ e("div", { className: "icc-auth__section", children: /* @__PURE__ */ n(
         "button",
@@ -239,7 +239,7 @@ function Ne({ dark: t = !1 }) {
           className: "icc-auth__btn icc-auth__btn--outline",
           onClick: u,
           children: [
-            /* @__PURE__ */ e(Fe, {}),
+            /* @__PURE__ */ e(Ne, {}),
             " Continue with Google"
           ]
         }
@@ -254,11 +254,11 @@ function Ne({ dark: t = !1 }) {
             placeholder: "Enter your personal or work email",
             autoComplete: "username",
             value: b,
-            onChange: (g) => y(g.target.value),
+            onChange: (g) => m(g.target.value),
             required: !0
           }
         ) }) }),
-        o !== "confirm" && (E || o === "signUp") && /* @__PURE__ */ n("div", { className: "icc-auth__field", children: [
+        o !== "confirm" && (T || o === "signUp") && /* @__PURE__ */ n("div", { className: "icc-auth__field", children: [
           /* @__PURE__ */ n("div", { className: "icc-auth__label", children: [
             /* @__PURE__ */ e("span", { children: "Password" }),
             o === "signIn" && /* @__PURE__ */ e(
@@ -267,7 +267,7 @@ function Ne({ dark: t = !1 }) {
                 type: "button",
                 className: "icc-auth__link",
                 style: { fontSize: 12 },
-                onClick: () => C({ text: "Password recovery is available on app.iccandle.ai" }),
+                onClick: () => v({ text: "Password recovery is available on app.iccandle.ai" }),
                 children: "Forgot password?"
               }
             )
@@ -277,11 +277,11 @@ function Ne({ dark: t = !1 }) {
               "input",
               {
                 className: "icc-auth__input",
-                type: v ? "text" : "password",
+                type: y ? "text" : "password",
                 placeholder: "********",
                 autoComplete: o === "signIn" ? "current-password" : "new-password",
-                value: m,
-                onChange: (g) => S(g.target.value),
+                value: S,
+                onChange: (g) => w(g.target.value),
                 required: !0
               }
             ),
@@ -290,8 +290,8 @@ function Ne({ dark: t = !1 }) {
               {
                 type: "button",
                 className: "icc-auth__eye",
-                onClick: () => N((g) => !g),
-                children: v ? "Hide" : "Show"
+                onClick: () => B((g) => !g),
+                children: y ? "Hide" : "Show"
               }
             )
           ] })
@@ -302,7 +302,7 @@ function Ne({ dark: t = !1 }) {
             "input",
             {
               className: "icc-auth__input",
-              type: v ? "text" : "password",
+              type: y ? "text" : "password",
               placeholder: "********",
               autoComplete: "new-password",
               value: i,
@@ -318,38 +318,38 @@ function Ne({ dark: t = !1 }) {
             {
               className: "icc-auth__input",
               placeholder: "Code from your email",
-              value: h,
-              onChange: (g) => f(g.target.value),
+              value: f,
+              onChange: (g) => h(g.target.value),
               required: !0
             }
           ) })
         ] }),
         /* @__PURE__ */ e("div", { className: "icc-auth__turnstile", children: /* @__PURE__ */ e(
-          ke,
+          Te,
           {
-            sitekey: Ce,
+            sitekey: Fe,
             size: "flexible",
             theme: t ? "dark" : "light",
-            onVerify: (g) => W(g)
+            onVerify: (g) => I(g)
           }
         ) }),
         /* @__PURE__ */ e("button", { type: "submit", className: "icc-auth__btn icc-auth__btn--primary", disabled: c, children: c ? "…" : o === "signUp" ? "Create account" : o === "confirm" ? "Confirm" : "Continue with email" })
       ] }),
-      B && /* @__PURE__ */ e("p", { className: `icc-auth__msg${B.error ? " icc-auth__msg--error" : ""}`, children: B.text }),
+      C && /* @__PURE__ */ e("p", { className: `icc-auth__msg${C.error ? " icc-auth__msg--error" : ""}`, children: C.text }),
       /* @__PURE__ */ e("p", { className: "icc-auth__foot", children: o === "signIn" ? /* @__PURE__ */ n(ie, { children: [
         "Don't have an account?",
         " ",
-        /* @__PURE__ */ e("button", { type: "button", className: "icc-auth__link", onClick: () => I("signUp"), children: "Sign up" })
+        /* @__PURE__ */ e("button", { type: "button", className: "icc-auth__link", onClick: () => P("signUp"), children: "Sign up" })
       ] }) : /* @__PURE__ */ n(ie, { children: [
         "Already have an account?",
         " ",
-        /* @__PURE__ */ e("button", { type: "button", className: "icc-auth__link", onClick: () => I("signIn"), children: "Sign in" })
+        /* @__PURE__ */ e("button", { type: "button", className: "icc-auth__link", onClick: () => P("signIn"), children: "Sign in" })
       ] }) })
     ] })
   ] }) });
 }
-const Ee = "https://api.iccandle.ai";
-function Be(t) {
+const Ie = "https://api.iccandle.ai";
+function Re(t) {
   const [r, a] = _(null), [d, u] = _(!1);
   return se(() => {
     if (!t) {
@@ -357,7 +357,7 @@ function Be(t) {
       return;
     }
     let c = !1;
-    return u(!0), fetch(`${Ee}/credits/v1/me`, {
+    return u(!0), fetch(`${Ie}/credits/v1/me`, {
       headers: { Authorization: `Bearer ${t}` }
     }).then((o) => o.ok ? o.json() : null).then((o) => {
       c || a(o);
@@ -374,17 +374,17 @@ const R = {
   standard: { yearly: "price_1Su8TwQcDufIB3EhIDjPpP7A", monthly: "price_1SohFOQcDufIB3EhCZj741Hc" },
   pro: { yearly: "price_1Su8VoQcDufIB3Ehi8I6Mrgw", monthly: "price_1SrttvQcDufIB3EhrbVPNR3w" },
   expert: { yearly: "price_1Su8Y9QcDufIB3Ehvjj1QT0B", monthly: "price_1SrtlJQcDufIB3EhWM5BSUl4" }
-}, Re = {
+}, De = {
   free: "Free",
   standard: "Standard",
   pro: "Pro",
   expert: "Expert"
-}, De = { free: 0, standard: 1, pro: 2, expert: 3 };
-function Ie(t) {
+}, Pe = { free: 0, standard: 1, pro: 2, expert: 3 };
+function Le(t) {
   const r = (t ?? "free").toLowerCase();
   return r === "standard" || r === "pro" || r === "expert" ? r : "free";
 }
-const Pe = {
+const We = {
   free: {
     news: { limit_daily: 1, rpm: 1 },
     pattern: { limit: 0, webhook: 0 },
@@ -409,14 +409,14 @@ const Pe = {
     search: { candle_limit: 3e4, limit_daily: 300, tabs: 15, available_resolutions: "Unlimited", results_limit: 200, rpm: 30, symbols: "all" },
     chat: { limit_daily: 350, rpm: 20 }
   }
-}, Le = {
+}, ze = {
   free: { patternSelector: 1, patternTracker: 0, newsImpact: 1, scanResults: 10, activeTabs: 7 },
   standard: { patternSelector: 17, patternTracker: 15, newsImpact: 17, scanResults: 30, activeTabs: 20 },
   pro: { patternSelector: 33, patternTracker: 50, newsImpact: 33, scanResults: 50, activeTabs: 67 },
   expert: { patternSelector: 100, patternTracker: 100, newsImpact: 100, scanResults: 100, activeTabs: 100 }
 };
 function O(t) {
-  const r = Pe[t], a = Le[t];
+  const r = We[t], a = ze[t];
   return [
     { label: "Pattern Selector", value: `${r.search.limit_daily} scans per day`, progress: a.patternSelector, isZero: a.patternSelector === 0, showProgress: !0 },
     { label: "Pattern Tracker", value: `${r.pattern.limit}`, progress: a.patternTracker, isZero: a.patternTracker === 0, showProgress: !0 },
@@ -427,7 +427,7 @@ function O(t) {
     { label: "Webhook", value: r.pattern.webhook > 0 ? "Enabled" : "Disabled", progress: null, isZero: r.pattern.webhook === 0, showProgress: !1 }
   ];
 }
-function We(t) {
+function je(t) {
   const r = (a, d) => `$${t ? a : d}`;
   return [
     { title: "Free", subtitle: "Explore and try", badgeText: "Free", price: "$0", priceSuffix: "Free for everyone", isFree: !0, isBest: !1, plan: "free", tier: 0, features: O("free") },
@@ -436,53 +436,53 @@ function We(t) {
     { title: "Expert", subtitle: "Analyze without limits", badgeText: "Maximum Access", price: r(127, 159), priceSuffix: "USD/month", isFree: !1, isBest: !1, plan: "expert", tier: 3, productKey: t ? R.expert.yearly : R.expert.monthly, features: O("expert") }
   ];
 }
-const ze = "#00DFB9", je = "#FFB84D", re = "#ffffff", oe = "#808080", ce = "linear-gradient(to bottom, #171717 0%, #0A0A0A 100%)", de = "#262626", Me = "#2c2c2c", Oe = "#2a2a2a", $e = "#E0E0E0", Ue = "#0d0d0d", He = {
+const Me = "#00DFB9", Oe = "#FFB84D", re = "#ffffff", oe = "#808080", ce = "linear-gradient(to bottom, #171717 0%, #0A0A0A 100%)", de = "#262626", $e = "#2c2c2c", Ue = "#2a2a2a", He = "#E0E0E0", Ge = "#0d0d0d", Ze = {
   free: { border: "1px solid rgba(255,255,255,0.2)", background: "rgba(255,255,255,0.1)", color: "#fff" },
   standard: { background: "#00BFA5", color: "#fff" },
   pro: { background: "linear-gradient(to right, #FFB42D, #007964)", color: "#fff" },
   expert: { background: "linear-gradient(to right, #ffb84d, #ff8c00)", color: "#fff" }
 };
-function Ge(t) {
-  return t === "pro" ? { background: "linear-gradient(90deg, #FFB42D 41.35%, #00DFB9 100%)", WebkitBackgroundClip: "text", backgroundClip: "text", color: "transparent", fontWeight: 600 } : t === "expert" ? { color: je, fontWeight: 600 } : t === "standard" ? { color: ze, fontWeight: 600 } : { color: re, fontWeight: 600 };
+function Ke(t) {
+  return t === "pro" ? { background: "linear-gradient(90deg, #FFB42D 41.35%, #00DFB9 100%)", WebkitBackgroundClip: "text", backgroundClip: "text", color: "transparent", fontWeight: 600 } : t === "expert" ? { color: Oe, fontWeight: 600 } : t === "standard" ? { color: Me, fontWeight: 600 } : { color: re, fontWeight: 600 };
 }
-function Ze() {
+function Ve() {
   return /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "#fff", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { marginTop: 2, flexShrink: 0 }, children: /* @__PURE__ */ e("path", { d: "M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" }) });
 }
-function Ke() {
+function qe() {
   return /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "#fff", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { marginTop: 2, flexShrink: 0 }, children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12" }) });
 }
-function Ve({ f: t }) {
+function Qe({ f: t }) {
   return /* @__PURE__ */ n("li", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
     /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "flex-start", gap: 8 }, children: [
-      t.isZero ? /* @__PURE__ */ e(Ke, {}) : /* @__PURE__ */ e(Ze, {}),
+      t.isZero ? /* @__PURE__ */ e(qe, {}) : /* @__PURE__ */ e(Ve, {}),
       /* @__PURE__ */ n("div", { style: { display: "flex", flex: 1, justifyContent: "space-between", gap: 2, fontSize: 14, lineHeight: 1.375 }, children: [
         /* @__PURE__ */ e("span", { style: { color: re }, children: t.label }),
         t.value && /* @__PURE__ */ e("span", { style: { color: re, letterSpacing: "-0.02em", fontVariantNumeric: "tabular-nums" }, children: t.value })
       ] })
     ] }),
-    t.showProgress && t.progress !== null && /* @__PURE__ */ e("div", { style: { paddingLeft: 26 }, children: /* @__PURE__ */ e("div", { style: { height: 4, borderRadius: 999, overflow: "hidden", background: Oe }, children: /* @__PURE__ */ e("div", { style: { height: "100%", width: `${t.progress}%`, background: "#fff", borderRadius: 999, transition: "width 0.3s ease" } }) }) })
+    t.showProgress && t.progress !== null && /* @__PURE__ */ e("div", { style: { paddingLeft: 26 }, children: /* @__PURE__ */ e("div", { style: { height: 4, borderRadius: 999, overflow: "hidden", background: Ue }, children: /* @__PURE__ */ e("div", { style: { height: "100%", width: `${t.progress}%`, background: "#fff", borderRadius: 999, transition: "width 0.3s ease" } }) }) })
   ] });
 }
-function qe({
+function Ye({
   plan: t,
   currentPlan: r,
   onSelect: a,
   onManageBilling: d
 }) {
-  const [u, c] = _(!1), o = r === t.plan, x = t.tier < De[r];
-  let b, y = !1, m, S = !1;
-  o ? (b = "Current Plan", y = !0) : t.isFree ? (b = "Switch to Free", m = d, S = !0) : (b = `${x ? "Switch to" : "Get"} ${t.title}`, m = () => a(t));
-  const i = S ? { height: 44, width: "100%", borderRadius: 12, border: "1px solid #fff", background: "transparent", color: "#fff", fontSize: 14, fontWeight: 700, cursor: "pointer" } : {
+  const [u, c] = _(!1), o = r === t.plan, x = t.tier < Pe[r];
+  let b, m = !1, S, w = !1;
+  o ? (b = "Current Plan", m = !0) : t.isFree ? (b = "Switch to Free", S = d, w = !0) : (b = `${x ? "Switch to" : "Get"} ${t.title}`, S = () => a(t));
+  const i = w ? { height: 44, width: "100%", borderRadius: 12, border: "1px solid #fff", background: "transparent", color: "#fff", fontSize: 14, fontWeight: 700, cursor: "pointer" } : {
     height: 44,
     width: "100%",
     borderRadius: 12,
     border: 0,
-    background: $e,
-    color: Ue,
+    background: He,
+    color: Ge,
     fontSize: 14,
     fontWeight: 600,
-    cursor: y ? "default" : "pointer",
-    opacity: y ? 0.5 : 1
+    cursor: m ? "default" : "pointer",
+    opacity: m ? 0.5 : 1
   };
   return /* @__PURE__ */ n(
     "div",
@@ -515,21 +515,21 @@ function qe({
                   /* @__PURE__ */ e("span", { style: { fontSize: 18, fontWeight: 600, letterSpacing: "-0.02em", color: "#fff" }, children: t.title }),
                   /* @__PURE__ */ e("span", { style: { fontSize: 12, fontWeight: 500, color: oe }, children: t.subtitle })
                 ] }),
-                /* @__PURE__ */ e("span", { style: { ...He[t.plan], borderRadius: 999, padding: "4px 12px", fontSize: 12, whiteSpace: "nowrap", flexShrink: 0 }, children: t.badgeText })
+                /* @__PURE__ */ e("span", { style: { ...Ze[t.plan], borderRadius: 999, padding: "4px 12px", fontSize: 12, whiteSpace: "nowrap", flexShrink: 0 }, children: t.badgeText })
               ] }),
               /* @__PURE__ */ n("div", { style: { padding: "0 16px", display: "flex", alignItems: "baseline", gap: 8 }, children: [
                 /* @__PURE__ */ e("span", { style: { fontSize: 30, fontWeight: 600, letterSpacing: "-0.02em", color: "#fff" }, children: t.price }),
                 /* @__PURE__ */ e("span", { style: { fontSize: 16, color: oe, fontWeight: t.isFree ? 400 : 500 }, children: t.priceSuffix })
               ] }),
-              /* @__PURE__ */ e("div", { style: { padding: "0 16px" }, children: /* @__PURE__ */ e("button", { type: "button", disabled: y, onClick: m, style: i, children: b }) }),
+              /* @__PURE__ */ e("div", { style: { padding: "0 16px" }, children: /* @__PURE__ */ e("button", { type: "button", disabled: m, onClick: S, style: i, children: b }) }),
               /* @__PURE__ */ n("div", { style: { padding: "0 16px" }, children: [
                 /* @__PURE__ */ n("p", { style: { margin: 0, fontSize: 15, color: "#fff" }, children: [
                   "Everything in ",
-                  /* @__PURE__ */ e("span", { style: Ge(t.plan), children: t.title }),
+                  /* @__PURE__ */ e("span", { style: Ke(t.plan), children: t.title }),
                   " plan"
                 ] }),
-                /* @__PURE__ */ e("div", { style: { height: 1, background: Me, margin: "12px 0" } }),
-                /* @__PURE__ */ e("ul", { style: { listStyle: "none", margin: 0, padding: 0, display: "flex", flexDirection: "column", gap: 16 }, children: t.features.map((l) => /* @__PURE__ */ e(Ve, { f: l }, l.label)) })
+                /* @__PURE__ */ e("div", { style: { height: 1, background: $e, margin: "12px 0" } }),
+                /* @__PURE__ */ e("ul", { style: { listStyle: "none", margin: 0, padding: 0, display: "flex", flexDirection: "column", gap: 16 }, children: t.features.map((l) => /* @__PURE__ */ e(Qe, { f: l }, l.label)) })
               ] })
             ]
           }
@@ -538,7 +538,7 @@ function qe({
     }
   );
 }
-function Qe({ isAnnual: t, setIsAnnual: r }) {
+function Xe({ isAnnual: t, setIsAnnual: r }) {
   const a = {
     position: "relative",
     zIndex: 1,
@@ -581,12 +581,12 @@ function Qe({ isAnnual: t, setIsAnnual: r }) {
     ] })
   ] });
 }
-function Ye({
+function Je({
   currentPlan: t,
   onSelect: r,
   onManageBilling: a
 }) {
-  const [d, u] = _(!0), c = We(d);
+  const [d, u] = _(!0), c = je(d);
   return /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: 40, width: "100%", maxWidth: 1120, margin: "0 auto" }, children: [
     /* @__PURE__ */ n("div", { style: { display: "flex", flexWrap: "wrap", alignItems: "flex-end", justifyContent: "space-between", gap: 20 }, children: [
       /* @__PURE__ */ n("div", { children: [
@@ -598,12 +598,12 @@ function Ye({
         /* @__PURE__ */ e("p", { style: { margin: "12px 0 0", fontSize: 16, fontWeight: 300, color: "#fff", whiteSpace: "pre-line" }, children: `Get more than 2 months for free
 by subscribing annually` })
       ] }),
-      /* @__PURE__ */ e(Qe, { isAnnual: d, setIsAnnual: u })
+      /* @__PURE__ */ e(Xe, { isAnnual: d, setIsAnnual: u })
     ] }),
-    /* @__PURE__ */ e("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(240px, 1fr))", gap: 16, alignItems: "stretch" }, children: c.map((o) => /* @__PURE__ */ e(qe, { plan: o, currentPlan: t, onSelect: r, onManageBilling: a }, o.plan)) })
+    /* @__PURE__ */ e("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(240px, 1fr))", gap: 16, alignItems: "stretch" }, children: c.map((o) => /* @__PURE__ */ e(Ye, { plan: o, currentPlan: t, onSelect: r, onManageBilling: a }, o.plan)) })
   ] });
 }
-function Xe({
+function et({
   open: t,
   onClose: r,
   currentPlan: a,
@@ -645,11 +645,11 @@ function Xe({
           children: /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12" }) })
         }
       ),
-      /* @__PURE__ */ e("div", { style: { position: "absolute", inset: 0, overflowY: "auto", WebkitOverflowScrolling: "touch" }, children: /* @__PURE__ */ e("div", { style: { padding: "56px 20px 64px" }, children: /* @__PURE__ */ e(Ye, { currentPlan: a, onSelect: d, onManageBilling: u }) }) })
+      /* @__PURE__ */ e("div", { style: { position: "absolute", inset: 0, overflowY: "auto", WebkitOverflowScrolling: "touch" }, children: /* @__PURE__ */ e("div", { style: { padding: "56px 20px 64px" }, children: /* @__PURE__ */ e(Je, { currentPlan: a, onSelect: d, onManageBilling: u }) }) })
     ] })
   ) : null;
 }
-const Je = {
+const tt = {
   free: {
     outer: { background: "linear-gradient(270deg, rgba(0,0,0,0.6) 0%, rgba(0,125,101,0.6) 100%)" },
     inner: { background: "#000" },
@@ -675,8 +675,8 @@ const Je = {
     label: { color: "#FAFAFA" }
   }
 };
-function et({ plan: t, initial: r, title: a, onClick: d }) {
-  const u = Je[t];
+function it({ plan: t, initial: r, title: a, onClick: d }) {
+  const u = tt[t];
   return /* @__PURE__ */ e(
     "button",
     {
@@ -691,11 +691,11 @@ function et({ plan: t, initial: r, title: a, onClick: d }) {
     }
   );
 }
-function tt({ dark: t = !1 }) {
-  const { email: r, token: a, signOut: d } = ne(), { subscribe: u, manageBilling: c } = _e(a), { data: o } = Be(a), [x, b] = _(!1), y = Ie(o?.user_credit?.plan), m = (r?.trim()?.[0] ?? "U").toUpperCase(), S = t ? "rgba(255,255,255,0.12)" : "rgba(128,128,128,0.25)", i = {
+function rt({ dark: t = !1 }) {
+  const { email: r, token: a, signOut: d } = ne(), { subscribe: u, manageBilling: c } = we(a), { data: o } = Re(a), [x, b] = _(!1), m = Le(o?.user_credit?.plan), S = (r?.trim()?.[0] ?? "U").toUpperCase(), w = t ? "rgba(255,255,255,0.12)" : "rgba(128,128,128,0.25)", i = {
     cursor: "pointer",
     borderRadius: 8,
-    border: `1px solid ${S}`,
+    border: `1px solid ${w}`,
     background: "transparent",
     color: t ? "#e5e5e5" : "#444",
     fontSize: 12,
@@ -712,17 +712,17 @@ function tt({ dark: t = !1 }) {
         justifyContent: "space-between",
         gap: 12,
         padding: "10px 14px",
-        borderTop: `1px solid ${S}`
+        borderTop: `1px solid ${w}`
       },
       children: [
-        /* @__PURE__ */ e(et, { plan: y, initial: m, title: Re[y], onClick: () => b(!0) }),
+        /* @__PURE__ */ e(it, { plan: m, initial: S, title: De[m], onClick: () => b(!0) }),
         /* @__PURE__ */ e("button", { type: "button", style: i, onClick: d, children: "Sign out" }),
         /* @__PURE__ */ e(
-          Xe,
+          et,
           {
             open: x,
             onClose: () => b(!1),
-            currentPlan: y,
+            currentPlan: m,
             onSelect: (l) => {
               l.productKey && u(l.productKey);
             },
@@ -733,18 +733,18 @@ function tt({ dark: t = !1 }) {
     }
   );
 }
-const it = ["selector", "pattern", "news"], rt = {
+const nt = ["selector", "pattern", "news"], at = {
   selector: "Selector",
   pattern: "Pattern",
   news: "News"
 };
-function pt(t) {
-  return /* @__PURE__ */ e(ve, { children: /* @__PURE__ */ e(nt, { ...t }) });
+function ht(t) {
+  return /* @__PURE__ */ e(_e, { children: /* @__PURE__ */ e(lt, { ...t }) });
 }
-function nt({
+function lt({
   children: t,
   defaultTab: r,
-  tabs: a = it,
+  tabs: a = nt,
   labels: d,
   className: u,
   style: c,
@@ -752,12 +752,19 @@ function nt({
   pattern: x,
   news: b
 }) {
-  const { token: y } = ne(), [m, S] = _(
+  const { token: m, email: S } = ne(), [w, i] = _(
     r ?? a[0] ?? "selector"
-  ), i = (o?.theme ?? x?.theme ?? b?.theme) === "dark", l = !!y, h = y ?? "", [f, v] = _(null), N = o ? {
+  ), l = (o?.theme ?? x?.theme ?? b?.theme) === "dark", f = !!m, h = m ?? "", y = ge(() => {
+    if (!m) return "";
+    try {
+      return String(xe(m).sub ?? "");
+    } catch {
+      return "";
+    }
+  }, [m]), B = S ?? "", [T, A] = _(null), N = o ? {
     ...o,
-    onScanResults: v
-  } : void 0, E = {
+    onScanResults: A
+  } : void 0, I = {
     display: "flex",
     flex: 1,
     minHeight: 0,
@@ -768,7 +775,7 @@ function nt({
     {
       className: `iccandle-widget-suite ${u ?? ""}`,
       style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0, width: "100%", ...c },
-      children: /* @__PURE__ */ n("div", { className: "iccandle-widget-suite__main", style: E, children: [
+      children: /* @__PURE__ */ n("div", { className: "iccandle-widget-suite__main", style: I, children: [
         /* @__PURE__ */ n(
           "div",
           {
@@ -776,12 +783,12 @@ function nt({
             style: { position: "relative", flex: 1, minWidth: 0, minHeight: 0 },
             children: [
               t,
-              l && m === "selector" && N && /* @__PURE__ */ e(
+              f && w === "selector" && N && /* @__PURE__ */ e(
                 "div",
                 {
                   className: "iccandle-widget-suite__chart-overlay",
                   style: { position: "absolute", inset: 0, pointerEvents: "none", zIndex: 50 },
-                  children: /* @__PURE__ */ e(ge, { token: h, ...N, children: null }, "selector")
+                  children: /* @__PURE__ */ e(be, { token: h, ...N, userId: y, children: null }, "selector")
                 }
               )
             ]
@@ -802,7 +809,7 @@ function nt({
               // to the SDK panel (right column) so it never covers the broker's chart.
               position: "relative"
             },
-            children: l ? /* @__PURE__ */ n(ie, { children: [
+            children: f ? /* @__PURE__ */ n(ie, { children: [
               /* @__PURE__ */ e(
                 "div",
                 {
@@ -818,16 +825,16 @@ function nt({
                     background: "var(--iccandle-secondary, rgba(128,128,128,0.12))",
                     border: "1px solid var(--iccandle-border, rgba(128,128,128,0.2))"
                   },
-                  children: a.map((k) => {
-                    const T = m === k;
+                  children: a.map((C) => {
+                    const v = w === C;
                     return /* @__PURE__ */ e(
                       "button",
                       {
                         type: "button",
                         role: "tab",
-                        "aria-selected": T,
-                        onClick: () => S(k),
-                        className: `iccandle-widget-suite__tab${T ? " iccandle-widget-suite__tab--active" : ""}`,
+                        "aria-selected": v,
+                        onClick: () => i(C),
+                        className: `iccandle-widget-suite__tab${v ? " iccandle-widget-suite__tab--active" : ""}`,
                         style: {
                           flex: 1,
                           cursor: "pointer",
@@ -837,13 +844,13 @@ function nt({
                           fontSize: 13,
                           fontWeight: 600,
                           transition: "background 0.15s, color 0.15s",
-                          background: T ? "#262626" : "transparent",
-                          color: T ? "#FFFFFF" : "var(--iccandle-text, #888)",
+                          background: v ? "#262626" : "transparent",
+                          color: v ? "#FFFFFF" : "var(--iccandle-text, #888)",
                           textTransform: "capitalize"
                         },
-                        children: d?.[k] ?? rt[k]
+                        children: d?.[C] ?? at[C]
                       },
-                      k
+                      C
                     );
                   })
                 }
@@ -854,23 +861,25 @@ function nt({
                   className: "iccandle-widget-suite__body",
                   style: { position: "relative", flex: 1, minHeight: 0 },
                   children: [
-                    m === "pattern" && x && /* @__PURE__ */ e(
-                      me,
+                    w === "pattern" && x && /* @__PURE__ */ e(
+                      ye,
                       {
                         token: h,
                         ...x,
-                        onGoToScan: a.includes("selector") ? () => S("selector") : void 0,
+                        userId: y,
+                        email: B,
+                        onGoToScan: a.includes("selector") ? () => i("selector") : void 0,
                         children: null
                       },
                       "pattern"
                     ),
-                    m === "news" && b && /* @__PURE__ */ e(ye, { token: h, ...b, children: null }, "news"),
-                    m === "selector" && (f && (f.isLoading || f.scanResult.matches.length > 0) ? /* @__PURE__ */ e(
-                      be,
+                    w === "news" && b && /* @__PURE__ */ e(ve, { token: h, ...b, userId: y, children: null }, "news"),
+                    w === "selector" && (T && (T.isLoading || T.scanResult.matches.length > 0) ? /* @__PURE__ */ e(
+                      me,
                       {
-                        scanResult: f.scanResult,
-                        isLoading: f.isLoading,
-                        hideLayout: () => v(null)
+                        scanResult: T.scanResult,
+                        isLoading: T.isLoading,
+                        hideLayout: () => A(null)
                       }
                     ) : /* @__PURE__ */ n(
                       "div",
@@ -890,7 +899,7 @@ function nt({
                             "img",
                             {
                               loading: "eager",
-                              src: `https://app.iccandle.ai/images/no-data-${i ? "white" : "black"}.png`,
+                              src: `https://app.iccandle.ai/images/no-data-${l ? "white" : "black"}.png`,
                               alt: "No scan yet",
                               style: { width: "100%", maxWidth: 200, height: "auto" }
                             }
@@ -903,8 +912,8 @@ function nt({
                   ]
                 }
               ),
-              /* @__PURE__ */ e(tt, { dark: i })
-            ] }) : /* @__PURE__ */ e(Ne, { dark: i })
+              /* @__PURE__ */ e(rt, { dark: l })
+            ] }) : /* @__PURE__ */ e(Be, { dark: l })
           }
         )
       ] })
@@ -912,5 +921,5 @@ function nt({
   );
 }
 export {
-  pt as WidgetSuite
+  ht as WidgetSuite
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iccandle-widget-fully",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "type": "module",
   "description": "Unified ICCandle widgets: selector, pattern-tracker, news",
   "publishConfig": {