@myxtra/authentication-green 1.2.4 → 1.3.0-alpha.0

package/dist/{App-e8ac02e6.mjs → App-d4dd0bb2.mjs}

@@ -1,4 +1,4 @@
-import { r as d, j as n, g as wt, u as Q, a as Qe, b as _t, E as Rt } from "./index-3a8fc734.mjs";
+import { r as d, j as n, g as wt, u as Q, a as Qe, b as _t, E as Rt } from "./index-48945f87.mjs";
 class H {
   constructor() {
     this.listeners = /* @__PURE__ */ new Set(), this.subscribe = this.subscribe.bind(this);
@@ -1950,10 +1950,11 @@ var Es = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__h
     children: /* @__PURE__ */ n.jsx(
       "path",
       {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        fill: "currentColor",
-        d: "M5.53033 4.46967C5.23744 4.17678 4.76256 4.17678 4.46967 4.46967C4.17678 4.76256 4.17678 5.23744 4.46967 5.53033L10.9393 12L4.46967 18.4697C4.17678 18.7626 4.17678 19.2374 4.46967 19.5303C4.76256 19.8232 5.23744 19.8232 5.53033 19.5303L12 13.0607L18.4697 19.5303C18.7626 19.8232 19.2374 19.8232 19.5303 19.5303C19.8232 19.2374 19.8232 18.7626 19.5303 18.4697L13.0607 12L19.5303 5.53033C19.8232 5.23744 19.8232 4.76256 19.5303 4.46967C19.2374 4.17678 18.7626 4.17678 18.4697 4.46967L12 10.9393L5.53033 4.46967Z"
+        d: "M20 6.5L9 17.5L4 12.5",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
       }
     )
   })
@@ -1971,12 +1972,12 @@ var Es = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__h
       {
         fillRule: "evenodd",
         clipRule: "evenodd",
-        d: "M10.25 2.25C9.83579 2.25 9.5 2.58579 9.5 3C9.5 3.41421 9.83579 3.75 10.25 3.75H15.25C16.112 3.75 16.9386 4.09241 17.5481 4.7019C18.1576 5.3114 18.5 6.13805 18.5 7V17C18.5 17.862 18.1576 18.6886 17.5481 19.2981C16.9386 19.9076 16.112 20.25 15.25 20.25H10.25C9.83579 20.25 9.5 20.5858 9.5 21C9.5 21.4142 9.83579 21.75 10.25 21.75H15.25C16.5098 21.75 17.718 21.2496 18.6088 20.3588C19.4996 19.468 20 18.2598 20 17V7C20 5.74022 19.4996 4.53204 18.6088 3.64124C17.718 2.75044 16.5098 2.25 15.25 2.25H10.25ZM9.71967 9.53033C9.42678 9.23744 9.42678 8.76256 9.71967 8.46967C10.0126 8.17678 10.4874 8.17678 10.7803 8.46967L13.7803 11.4697C14.0732 11.7626 14.0732 12.2374 13.7803 12.5303L10.7803 15.5303C10.4874 15.8232 10.0126 15.8232 9.71967 15.5303C9.42678 15.2374 9.42678 14.7626 9.71967 14.4697L11.4393 12.75L4.25 12.75C3.83579 12.75 3.5 12.4142 3.5 12C3.5 11.5858 3.83579 11.25 4.25 11.25L11.4393 11.25L9.71967 9.53033Z",
-        fill: "#323232"
+        fill: "currentColor",
+        d: "M5.53033 4.46967C5.23744 4.17678 4.76256 4.17678 4.46967 4.46967C4.17678 4.76256 4.17678 5.23744 4.46967 5.53033L10.9393 12L4.46967 18.4697C4.17678 18.7626 4.17678 19.2374 4.46967 19.5303C4.76256 19.8232 5.23744 19.8232 5.53033 19.5303L12 13.0607L18.4697 19.5303C18.7626 19.8232 19.2374 19.8232 19.5303 19.5303C19.8232 19.2374 19.8232 18.7626 19.5303 18.4697L13.0607 12L19.5303 5.53033C19.8232 5.23744 19.8232 4.76256 19.5303 4.46967C19.2374 4.17678 18.7626 4.17678 18.4697 4.46967L12 10.9393L5.53033 4.46967Z"
       }
     )
   })
-), Ms = Ns, Fs = (t) => /* @__PURE__ */ n.jsxs(
+), Ms = Ns, Fs = (t) => /* @__PURE__ */ n.jsx(
   "svg",
   E(x({
     width: "24",
@@ -1985,48 +1986,15 @@ var Es = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__h
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, t), {
-    children: [
-      /* @__PURE__ */ n.jsx(
-        "path",
-        {
-          d: "M14.4749 4.52513C15.8418 5.89197 15.8418 8.10804 14.4749 9.47488C13.1081 10.8417 10.892 10.8417 9.52516 9.47488C8.15832 8.10804 8.15832 5.89197 9.52516 4.52513C10.892 3.15829 13.1081 3.15829 14.4749 4.52513",
-          stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      ),
-      /* @__PURE__ */ n.jsx(
-        "path",
-        {
-          d: "M13.5 20.5H10H5C4.448 20.5 4 20.052 4 19.5V18.5C4 15.9788 6.7434 14.1935 10 13.6679C10.6521 13.5627 11.3247 13.508 12 13.508C13.0272 13.508 14.0482 13.6346 15 13.873",
-          stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      ),
-      /* @__PURE__ */ n.jsx(
-        "path",
-        {
-          d: "M17.5 16V18.0164V20",
-          stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      ),
-      /* @__PURE__ */ n.jsx(
-        "path",
-        {
-          d: "M19.5 18L17.4836 18L15.5 18",
-          stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
-    ]
+    children: /* @__PURE__ */ n.jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M10.25 2.25C9.83579 2.25 9.5 2.58579 9.5 3C9.5 3.41421 9.83579 3.75 10.25 3.75H15.25C16.112 3.75 16.9386 4.09241 17.5481 4.7019C18.1576 5.3114 18.5 6.13805 18.5 7V17C18.5 17.862 18.1576 18.6886 17.5481 19.2981C16.9386 19.9076 16.112 20.25 15.25 20.25H10.25C9.83579 20.25 9.5 20.5858 9.5 21C9.5 21.4142 9.83579 21.75 10.25 21.75H15.25C16.5098 21.75 17.718 21.2496 18.6088 20.3588C19.4996 19.468 20 18.2598 20 17V7C20 5.74022 19.4996 4.53204 18.6088 3.64124C17.718 2.75044 16.5098 2.25 15.25 2.25H10.25ZM9.71967 9.53033C9.42678 9.23744 9.42678 8.76256 9.71967 8.46967C10.0126 8.17678 10.4874 8.17678 10.7803 8.46967L13.7803 11.4697C14.0732 11.7626 14.0732 12.2374 13.7803 12.5303L10.7803 15.5303C10.4874 15.8232 10.0126 15.8232 9.71967 15.5303C9.42678 15.2374 9.42678 14.7626 9.71967 14.4697L11.4393 12.75L4.25 12.75C3.83579 12.75 3.5 12.4142 3.5 12C3.5 11.5858 3.83579 11.25 4.25 11.25L11.4393 11.25L9.71967 9.53033Z",
+        fill: "#323232"
+      }
+    )
   })
 ), ks = Fs, Ls = (t) => /* @__PURE__ */ n.jsx(
   "svg",
@@ -2048,6 +2016,43 @@ var Es = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__h
     )
   })
 ), Ds = Ls, Is = (t) => /* @__PURE__ */ n.jsxs(
+  "svg",
+  E(x({
+    width: "24",
+    height: "24",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, t), {
+    children: [
+      /* @__PURE__ */ n.jsxs("g", { clipPath: "url(#clip0_19_444)", children: [
+        /* @__PURE__ */ n.jsx(
+          "path",
+          {
+            d: "M17 21H7V21C5.89543 21 5 20.1046 5 19V12V12C5 10.8954 5.89543 10 7 10H17V10C18.1046 10 19 10.8954 19 12V19V19C19 20.1046 18.1046 21 17 21C17 21 17 21 17 21V21Z",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ n.jsx("circle", { cx: "10.3", cy: "15.5", r: "0.8", fill: "currentColor" }),
+        /* @__PURE__ */ n.jsx("circle", { cx: "13.7", cy: "15.5", r: "0.8", fill: "currentColor" }),
+        /* @__PURE__ */ n.jsx(
+          "path",
+          {
+            d: "M8 10V7V7C8 4.79086 9.79086 3 12 3V3C14.2091 3 16 4.79086 16 7V10",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ n.jsx("defs", { children: /* @__PURE__ */ n.jsx("clipPath", { id: "clip0_19_444", children: /* @__PURE__ */ n.jsx("rect", { width: "24", height: "24", fill: "white" }) }) })
+    ]
+  })
+), Ts = Is, Us = (t) => /* @__PURE__ */ n.jsxs(
   "svg",
   E(x({
     width: "24",
@@ -2079,7 +2084,7 @@ var Es = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__h
       )
     ]
   })
-), Ts = Is, Us = (t) => /* @__PURE__ */ n.jsx(
+), Qs = Us, qs = (t) => /* @__PURE__ */ n.jsxs(
   "svg",
   E(x({
     width: "24",
@@ -2088,55 +2093,74 @@ var Es = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__h
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, t), {
-    children: /* @__PURE__ */ n.jsx(
-      "path",
-      {
-        d: "M20 6.5L9 17.5L4 12.5",
-        stroke: "currentColor",
-        strokeWidth: "1.5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    )
+    children: [
+      /* @__PURE__ */ n.jsx(
+        "path",
+        {
+          d: "M14.4749 4.52513C15.8418 5.89197 15.8418 8.10804 14.4749 9.47488C13.1081 10.8417 10.892 10.8417 9.52516 9.47488C8.15832 8.10804 8.15832 5.89197 9.52516 4.52513C10.892 3.15829 13.1081 3.15829 14.4749 4.52513",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ n.jsx(
+        "path",
+        {
+          d: "M13.5 20.5H10H5C4.448 20.5 4 20.052 4 19.5V18.5C4 15.9788 6.7434 14.1935 10 13.6679C10.6521 13.5627 11.3247 13.508 12 13.508C13.0272 13.508 14.0482 13.6346 15 13.873",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ n.jsx(
+        "path",
+        {
+          d: "M17.5 16V18.0164V20",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ n.jsx(
+        "path",
+        {
+          d: "M19.5 18L17.4836 18L15.5 18",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    ]
   })
-), Qs = Us, qs = (t) => /* @__PURE__ */ n.jsxs(
+), Bs = qs, Ks = (t) => /* @__PURE__ */ n.jsxs(
   "svg",
   E(x({
-    width: "24",
-    height: "24",
+    width: "20",
+    height: "21",
     fill: "none",
-    viewBox: "0 0 24 24",
+    viewBox: "0 0 20 21",
     xmlns: "http://www.w3.org/2000/svg"
   }, t), {
     children: [
-      /* @__PURE__ */ n.jsxs("g", { clipPath: "url(#clip0_19_444)", children: [
-        /* @__PURE__ */ n.jsx(
-          "path",
-          {
-            d: "M17 21H7V21C5.89543 21 5 20.1046 5 19V12V12C5 10.8954 5.89543 10 7 10H17V10C18.1046 10 19 10.8954 19 12V19V19C19 20.1046 18.1046 21 17 21C17 21 17 21 17 21V21Z",
-            stroke: "currentColor",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ),
-        /* @__PURE__ */ n.jsx("circle", { cx: "10.3", cy: "15.5", r: "0.8", fill: "currentColor" }),
-        /* @__PURE__ */ n.jsx("circle", { cx: "13.7", cy: "15.5", r: "0.8", fill: "currentColor" }),
-        /* @__PURE__ */ n.jsx(
-          "path",
-          {
-            d: "M8 10V7V7C8 4.79086 9.79086 3 12 3V3C14.2091 3 16 4.79086 16 7V10",
-            stroke: "currentColor",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ n.jsx("defs", { children: /* @__PURE__ */ n.jsx("clipPath", { id: "clip0_19_444", children: /* @__PURE__ */ n.jsx("rect", { width: "24", height: "24", fill: "white" }) }) })
+      /* @__PURE__ */ n.jsx("circle", { cx: "10", cy: "10.0996", r: "7.5", stroke: "#00ab9e", strokeWidth: "1.25" }),
+      /* @__PURE__ */ n.jsx(
+        "circle",
+        {
+          cx: "10",
+          cy: "10.0996",
+          r: "7.5",
+          stroke: "white",
+          strokeDasharray: "15 30",
+          strokeWidth: "1.25"
+        }
+      )
     ]
   })
-), Bs = qs, Ks = (t) => /* @__PURE__ */ n.jsxs(
+), Hs = Ks, Vs = (t) => /* @__PURE__ */ n.jsxs(
   "svg",
   E(x({
     width: "24",
@@ -2170,30 +2194,6 @@ var Es = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__h
       /* @__PURE__ */ n.jsx("defs", { children: /* @__PURE__ */ n.jsx("clipPath", { id: "clip0_762_2934", children: /* @__PURE__ */ n.jsx("rect", { width: "24", height: "24", fill: "white" }) }) })
     ]
   })
-), Hs = Ks, Vs = (t) => /* @__PURE__ */ n.jsxs(
-  "svg",
-  E(x({
-    width: "20",
-    height: "21",
-    fill: "none",
-    viewBox: "0 0 20 21",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, t), {
-    children: [
-      /* @__PURE__ */ n.jsx("circle", { cx: "10", cy: "10.0996", r: "7.5", stroke: "#00ab9e", strokeWidth: "1.25" }),
-      /* @__PURE__ */ n.jsx(
-        "circle",
-        {
-          cx: "10",
-          cy: "10.0996",
-          r: "7.5",
-          stroke: "white",
-          strokeDasharray: "15 30",
-          strokeWidth: "1.25"
-        }
-      )
-    ]
-  })
 ), $s = Vs, Gs = (t) => {
   const e = (s) => `${s}${t.suffix ? `_${t.suffix}` : ""}`;
   return /* @__PURE__ */ n.jsxs(
@@ -2438,7 +2438,7 @@ var Es = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__h
         u
       ),
       children: /* @__PURE__ */ n.jsxs("div", { className: "card__empty-state__wrapper", children: [
-        /* @__PURE__ */ n.jsx("i", { className: "card__empty-state__icon", "aria-hidden": !0, children: s === "error" ? /* @__PURE__ */ n.jsx(Hs, {}) : r }),
+        /* @__PURE__ */ n.jsx("i", { className: "card__empty-state__icon", "aria-hidden": !0, children: s === "error" ? /* @__PURE__ */ n.jsx($s, {}) : r }),
         /* @__PURE__ */ n.jsxs("div", { className: "card__empty-state__content", children: [
           /* @__PURE__ */ n.jsx("p", { className: "card__empty-state__title", children: o }),
           /* @__PURE__ */ n.jsx("p", { className: "card__empty-state__description", children: a })
@@ -2557,7 +2557,7 @@ var ir = (t) => {
             className: O("checkbox__input", u)
           }, h)
         ),
-        i ? /* @__PURE__ */ n.jsx($s, { className: "checkbox__spinner", "aria-hidden": !0 }) : /* @__PURE__ */ n.jsx(Qs, { className: "checkbox__check", "aria-hidden": !0, strokeDasharray: "75" }),
+        i ? /* @__PURE__ */ n.jsx(Hs, { className: "checkbox__spinner", "aria-hidden": !0 }) : /* @__PURE__ */ n.jsx(As, { className: "checkbox__check", "aria-hidden": !0, strokeDasharray: "75" }),
         /* @__PURE__ */ n.jsx(ur, { id: s, name: r, children: l })
       ]
     }
@@ -2635,7 +2635,7 @@ var dr = (t) => {
       ref: e,
       formMethod: "dialog",
       onClick: o,
-      iconLeft: /* @__PURE__ */ n.jsx(As, {}),
+      iconLeft: /* @__PURE__ */ n.jsx(Ms, {}),
       variant: "icon--secondary",
       className: O("dialog__close button--icon", r)
     }, i)
@@ -2914,7 +2914,7 @@ const B = ({
             className: "manage-profile",
             mobileUrl: `${e}/manage-profile`,
             desktopUrl: `${e}/manage-profile/personal-data`,
-            icon: /* @__PURE__ */ n.jsx(Ts, {}),
+            icon: /* @__PURE__ */ n.jsx(Qs, {}),
             label: t("manageProfile")
           }
         ),
@@ -2942,7 +2942,7 @@ const B = ({
             className: "manage-privacy",
             mobileUrl: `${e}/manage-privacy`,
             desktopUrl: `${e}/manage-privacy/permissions`,
-            icon: /* @__PURE__ */ n.jsx(Bs, {}),
+            icon: /* @__PURE__ */ n.jsx(Ts, {}),
             label: t("privacy")
           }
         ),
@@ -2989,11 +2989,11 @@ const Ar = () => {
     ] }) }),
     /* @__PURE__ */ n.jsxs(L.Content, { children: [
       /* @__PURE__ */ n.jsx(L.Item, { children: /* @__PURE__ */ n.jsxs("a", { href: e, className: "button button--with-icon", children: [
-        /* @__PURE__ */ n.jsx("span", { className: "button__icon", children: /* @__PURE__ */ n.jsx(Ms, {}) }),
+        /* @__PURE__ */ n.jsx("span", { className: "button__icon", children: /* @__PURE__ */ n.jsx(ks, {}) }),
         /* @__PURE__ */ n.jsx("span", { className: "button__label", children: t("login") })
       ] }) }),
       /* @__PURE__ */ n.jsx(L.Item, { children: /* @__PURE__ */ n.jsxs("a", { href: `${s}/onboarding/register`, className: "button button--with-icon", children: [
-        /* @__PURE__ */ n.jsx("span", { className: "button__icon", children: /* @__PURE__ */ n.jsx(ks, {}) }),
+        /* @__PURE__ */ n.jsx("span", { className: "button__icon", children: /* @__PURE__ */ n.jsx(Bs, {}) }),
         /* @__PURE__ */ n.jsx("span", { className: "button__label", children: t("register") })
       ] }) })
     ] })

package/dist/{index-3a8fc734.mjs → index-48945f87.mjs}

@@ -8987,7 +8987,7 @@ class sh extends HTMLElement {
   async connectedCallback() {
     const t = this.attachShadow({ mode: "open" });
     uh(t);
-    const n = Sd(t), r = (await import("./App-e8ac02e6.mjs")).default;
+    const n = Sd(t), r = (await import("./App-d4dd0bb2.mjs")).default;
     n.render(
       /* @__PURE__ */ nr.jsx(
         r,

package/dist/xtra-authentication.mjs

@@ -1,4 +1,4 @@
-import { c as f } from "./index-3a8fc734.mjs";
+import { c as f } from "./index-48945f87.mjs";
 export {
   f as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myxtra/authentication-green",
-  "version": "1.2.4",
+  "version": "1.3.0-alpha.0",
   "main": "./dist/xtra-authentication.mjs",
   "publishConfig": {
     "access": "public",
@@ -19,9 +19,9 @@
     "translations:pull": "crowdin pull && prettier --write './src/assets/locales'"
   },
   "dependencies": {
-    "@myxtra/authentication-react": "1.6.3",
-    "@myxtra/shared": "1.6.3",
-    "@myxtra/ui-react": "1.6.3",
+    "@myxtra/authentication-react": "1.7.0-alpha.0",
+    "@myxtra/shared": "1.7.0-alpha.0",
+    "@myxtra/ui-react": "1.7.0-alpha.0",
     "@tanstack/react-query": "^4.32.0",
     "clsx": "^2.0.0",
     "i18next": "^22.5.1",
@@ -33,8 +33,8 @@
   },
   "devDependencies": {
     "@crowdin/cli": "^3.13.0",
-    "@myxtra/eslint-config-react": "1.6.2",
-    "@myxtra/stylelint-config": "1.6.2",
+    "@myxtra/eslint-config-react": "1.7.0-alpha.0",
+    "@myxtra/stylelint-config": "1.7.0-alpha.0",
     "@testing-library/dom": "^9.3.1",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^14.0.0",