@zeniai/web-components 3.16.33 → 3.16.34

package/dist/DrawerPage-Cfae2XFW.js

@@ -1,208 +0,0 @@
-import { j as i } from "./vendor-.pnpm-DxbX2tX4.js";
-import t from "@emotion/styled";
-import { u as c, a as g, a5 as z, S as n, R as a, av as d, K as w, D as r, Z as P, F as C, b as L } from "./index-B3sr4TRT.js";
-import { S as b } from "./hyperlink-DQyCeXx2.js";
-import { S as k, a as R } from "./money-2cg1MuG4.js";
-const l = {
-  drawerItemPadding: new a(r[3], r[3], r[4]),
-  styledDivMarginLeft: new a(r[6], r[7]),
-  verticalLineLeftMargin: new a(32, 42),
-  iconWidth: new a(r[5], r[6]),
-  iconHeight: new a(r[5], r[6]),
-  iconSize: new a(20, r[4])
-}, f = {
-  title: new d("standardRegular", "largeRegular"),
-  content: new d("smallRegular", "standardRegular")
-}, x = g.getLocalizedStrings().rewardsPage.drawerPage, I = ({
-  rewardsPlan: e
-}) => {
-  const o = [T(), D(), B({ rewardsPlan: e })], s = c();
-  return /* @__PURE__ */ i.jsx(A, { children: o.map((j, y) => /* @__PURE__ */ i.jsxs(W, { children: [
-    /* @__PURE__ */ i.jsx(E, { children: j }),
-    y < o.length - 1 ? /* @__PURE__ */ i.jsx(H, { windowSize: s }) : null
-  ] }, `step_${y}`)) });
-}, T = () => {
-  const e = c(), o = x.item1;
-  return /* @__PURE__ */ i.jsxs(p, { windowSize: e, children: [
-    /* @__PURE__ */ i.jsxs(m, { children: [
-      /* @__PURE__ */ i.jsx(S, { windowSize: e, icon: "link", children: /* @__PURE__ */ i.jsx(M, { windowSize: e }) }),
-      /* @__PURE__ */ i.jsx(u, { windowSize: e, children: o.title })
-    ] }),
-    /* @__PURE__ */ i.jsx($, { windowSize: e, children: /* @__PURE__ */ i.jsx(v, { windowSize: e, children: o.content }) })
-  ] });
-}, D = () => {
-  const e = c(), o = x.item2;
-  return /* @__PURE__ */ i.jsxs(p, { windowSize: e, children: [
-    /* @__PURE__ */ i.jsxs(m, { children: [
-      /* @__PURE__ */ i.jsx(S, { windowSize: e, icon: "user", children: /* @__PURE__ */ i.jsx(_, { windowSize: e }) }),
-      /* @__PURE__ */ i.jsx(u, { windowSize: e, children: o.title })
-    ] }),
-    /* @__PURE__ */ i.jsx($, { windowSize: e, children: /* @__PURE__ */ i.jsx(v, { windowSize: e, children: o.content }) })
-  ] });
-}, B = ({ rewardsPlan: e }) => {
-  const o = c(), s = x.item3;
-  return /* @__PURE__ */ i.jsxs(p, { windowSize: o, children: [
-    /* @__PURE__ */ i.jsxs(m, { children: [
-      /* @__PURE__ */ i.jsx(S, { windowSize: o, icon: "money", children: /* @__PURE__ */ i.jsx(N, { windowSize: o }) }),
-      /* @__PURE__ */ i.jsx(u, { windowSize: o, children: s.title[e.planName] })
-    ] }),
-    /* @__PURE__ */ i.jsx($, { windowSize: o, children: /* @__PURE__ */ i.jsx(v, { windowSize: o, children: s.content[e.planName].replace(
-      "__reward-amount__",
-      z("0,0", e.referrerAmount)
-    ) }) })
-  ] });
-}, p = t.div`
-  border: 1px solid ${(e) => e.theme.colors.grey3};
-  border-radius: ${n.sp2};
-  box-shadow: ${(e) => `${n.sp0} 1px 2px ${n.sp0} ${e.theme.colors.dropShadowNormal}`};
-  padding: ${(e) => l.drawerItemPadding.valuePx(e.windowSize)};
-  width: ${(e) => `calc(100%- ${l.drawerItemPadding.valuePx(e.windowSize)})`};
-  background-color: ${(e) => e.theme.colors.grey5};
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: flex-start;
-`, m = t.div`
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-`, $ = t.div`
-  margin-left: ${(e) => l.styledDivMarginLeft.valuePx(e.windowSize)};
-`, M = t(b)`
-  height: ${(e) => l.iconSize.valuePx(e.windowSize)};
-  width: ${(e) => l.iconSize.valuePx(e.windowSize)};
-  color: ${(e) => e.theme.colors.graphColor12Dark};
-`, _ = t(k)`
-  height: ${(e) => l.iconSize.valuePx(e.windowSize)};
-  width: ${(e) => l.iconSize.valuePx(e.windowSize)};
-  color: ${(e) => e.theme.colors.graphColor06Dark};
-`, N = t(R)`
-  height: ${(e) => l.iconSize.valuePx(e.windowSize)};
-  width: ${(e) => l.iconSize.valuePx(e.windowSize)};
-  color: ${(e) => e.theme.colors.success};
-`, S = t.div`
-  width: ${(e) => l.iconWidth.valuePx(e.windowSize)};
-  height: ${(e) => l.iconHeight.valuePx(e.windowSize)};
-  border-radius: 50%;
-  background-color: ${(e) => e.icon === "link" ? e.theme.colors.graphColor14Light : e.icon === "user" ? e.theme.colors.graphColor06Light : e.theme.colors.graphColor20Light};
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-right: ${n.sp2};
-`, u = t(w)`
-  color: ${(e) => e.theme.colors.primary};
-  ${(e) => `${f.title.style(e.windowSize)}`};
-`, v = t(w)`
-  color: ${(e) => e.theme.colors.hero};
-  ${(e) => `${f.content.style(e.windowSize)}`};
-`, W = t.div`
-  display: flex;
-  flex-direction: row;
-  position: relative;
-  z-index: 1;
-`, A = t.div`
-  margin-top: ${n.sp4};
-`, H = t.div`
-  top: ${n.sp0};
-  width: 1px;
-  height: 100%;
-  position: absolute;
-  left: ${(e) => l.verticalLineLeftMargin.valuePx(e.windowSize)};
-  width: 2px;
-  background: ${(e) => e.theme.colors.grey2};
-  z-index: -1;
-`, E = t.div`
-  padding-bottom: ${n.sp4};
-`, {
-  common: {
-    navBar: { back: X }
-  }
-} = g.getLocalizedStrings(), h = {
-  navBarContainerPaddingXaxis: new a(10, r[3]),
-  containerPaddingLeft: new a(r[3], r[6], r[8]),
-  containerPaddingRight: new a(r[3], r[6], r[8])
-}, F = {
-  title: new d("standardRegular", "largeRegular")
-}, { referAndEarn: K } = g.getLocalizedStrings().rewardsPage;
-function oe({
-  rewardsPlan: e,
-  onDismissClick: o
-}) {
-  const s = c();
-  return /* @__PURE__ */ i.jsxs(V, { windowSize: s, children: [
-    /* @__PURE__ */ i.jsx(J, { windowSize: s, children: /* @__PURE__ */ i.jsxs(Z, { windowSize: s, children: [
-      s === "small" && /* @__PURE__ */ i.jsx(Q, { children: /* @__PURE__ */ i.jsx(
-        P,
-        {
-          enterDelay: 600,
-          title: X,
-          placement: "bottom",
-          style: { padding: `${n.sp1} ${n.sp2}` },
-          children: /* @__PURE__ */ i.jsx(U, { onClick: o })
-        }
-      ) }),
-      /* @__PURE__ */ i.jsx(q, { windowSize: s, children: K }),
-      s !== "small" && /* @__PURE__ */ i.jsx(O, { onClick: o })
-    ] }) }),
-    /* @__PURE__ */ i.jsx(G, { windowSize: s, children: /* @__PURE__ */ i.jsx(I, { rewardsPlan: e }) })
-  ] });
-}
-const V = t.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${(e) => e.theme.colors.grey4};
-  overflow-x: hidden;
-  width: 100%;
-  height: 100vh;
-  position: relative;
-`, Z = t.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  height: 100%;
-  width: ${(e) => e.windowSize === "small" ? "100%" : "76%"};
-`, q = t(w)`
-  color: ${(e) => e.theme.colors.primary};
-  width: 96%;
-  text-align: center;
-  ${(e) => `${F.title.style(e.windowSize)}`};
-`, G = t.div`
-  padding-left: ${(e) => h.containerPaddingLeft.valuePx(e.windowSize)};
-  padding-right: ${(e) => h.containerPaddingRight.valuePx(e.windowSize)};
-`, J = t.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  top: ${n.sp0};
-  padding: ${(e) => `${h.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${n.sp0}`};
-  z-index: 2;
-  background-color: ${(e) => e.theme.colors.grey4};
-`, O = t(L)`
-  cursor: pointer;
-  color: ${(e) => e.theme.colors.hero};
-  width: ${n.sp4};
-  height: ${n.sp4};
-  min-height: ${n.sp3};
-  &:hover {
-    color: ${(e) => e.theme.colors.primary};
-  }
-`, Q = t.div`
-  height: ${n.sp4};
-  width: ${n.sp4};
-  display: flex;
-  align-items: center;
-  margin-left: ${n.sp3};
-`, U = t(C)`
-  height: ${n.sp4};
-  width: ${n.sp4};
-  cursor: pointer;
-  color: ${(e) => e.theme.colors.hero};
-  &:hover {
-    color: ${(e) => e.theme.colors.primary};
-  }
-`;
-export {
-  oe as default
-};

package/dist/DrawerPage-g8q16J5Z.cjs

@@ -1,118 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./vendor-.pnpm-B6vI-hvj.cjs"),n=require("@emotion/styled"),t=require("./index-am18ouAt.cjs"),j=require("./hyperlink-x_2Dp7cf.cjs"),S=require("./money-CJCMJZfW.cjs"),r={drawerItemPadding:new t.ResponsiveSized(t.sp[3],t.sp[3],t.sp[4]),styledDivMarginLeft:new t.ResponsiveSized(t.sp[6],t.sp[7]),verticalLineLeftMargin:new t.ResponsiveSized(32,42),iconWidth:new t.ResponsiveSized(t.sp[5],t.sp[6]),iconHeight:new t.ResponsiveSized(t.sp[5],t.sp[6]),iconSize:new t.ResponsiveSized(20,t.sp[4])},g={title:new t.ResponsiveSizedStyle("standardRegular","largeRegular"),content:new t.ResponsiveSizedStyle("smallRegular","standardRegular")},l=t.appLocale.getLocalizedStrings().rewardsPage.drawerPage,v=({rewardsPlan:e})=>{const o=[$(),R(),z({rewardsPlan:e})],s=t.useWindowSizeContext();return i.jsxRuntimeExports.jsx(C,{children:o.map((w,m)=>i.jsxRuntimeExports.jsxs(P,{children:[i.jsxRuntimeExports.jsx(b,{children:w}),m<o.length-1?i.jsxRuntimeExports.jsx(L,{windowSize:s}):null]},`step_${m}`))})},$=()=>{const e=t.useWindowSizeContext(),o=l.item1;return i.jsxRuntimeExports.jsxs(d,{windowSize:e,children:[i.jsxRuntimeExports.jsxs(a,{children:[i.jsxRuntimeExports.jsx(x,{windowSize:e,icon:"link",children:i.jsxRuntimeExports.jsx(y,{windowSize:e})}),i.jsxRuntimeExports.jsx(h,{windowSize:e,children:o.title})]}),i.jsxRuntimeExports.jsx(p,{windowSize:e,children:i.jsxRuntimeExports.jsx(u,{windowSize:e,children:o.content})})]})},R=()=>{const e=t.useWindowSizeContext(),o=l.item2;return i.jsxRuntimeExports.jsxs(d,{windowSize:e,children:[i.jsxRuntimeExports.jsxs(a,{children:[i.jsxRuntimeExports.jsx(x,{windowSize:e,icon:"user",children:i.jsxRuntimeExports.jsx(f,{windowSize:e})}),i.jsxRuntimeExports.jsx(h,{windowSize:e,children:o.title})]}),i.jsxRuntimeExports.jsx(p,{windowSize:e,children:i.jsxRuntimeExports.jsx(u,{windowSize:e,children:o.content})})]})},z=({rewardsPlan:e})=>{const o=t.useWindowSizeContext(),s=l.item3;return i.jsxRuntimeExports.jsxs(d,{windowSize:o,children:[i.jsxRuntimeExports.jsxs(a,{children:[i.jsxRuntimeExports.jsx(x,{windowSize:o,icon:"money",children:i.jsxRuntimeExports.jsx(E,{windowSize:o})}),i.jsxRuntimeExports.jsx(h,{windowSize:o,children:s.title[e.planName]})]}),i.jsxRuntimeExports.jsx(p,{windowSize:o,children:i.jsxRuntimeExports.jsx(u,{windowSize:o,children:s.content[e.planName].replace("__reward-amount__",t.amountToString("0,0",e.referrerAmount))})})]})},d=n.div`
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  border-radius: ${t.Space.sp2};
-  box-shadow: ${e=>`${t.Space.sp0} 1px 2px ${t.Space.sp0} ${e.theme.colors.dropShadowNormal}`};
-  padding: ${e=>r.drawerItemPadding.valuePx(e.windowSize)};
-  width: ${e=>`calc(100%- ${r.drawerItemPadding.valuePx(e.windowSize)})`};
-  background-color: ${e=>e.theme.colors.grey5};
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: flex-start;
-`,a=n.div`
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-`,p=n.div`
-  margin-left: ${e=>r.styledDivMarginLeft.valuePx(e.windowSize)};
-`,y=n(j.SvgHyperlink)`
-  height: ${e=>r.iconSize.valuePx(e.windowSize)};
-  width: ${e=>r.iconSize.valuePx(e.windowSize)};
-  color: ${e=>e.theme.colors.graphColor12Dark};
-`,f=n(S.SvgInvitation)`
-  height: ${e=>r.iconSize.valuePx(e.windowSize)};
-  width: ${e=>r.iconSize.valuePx(e.windowSize)};
-  color: ${e=>e.theme.colors.graphColor06Dark};
-`,E=n(S.SvgMoney)`
-  height: ${e=>r.iconSize.valuePx(e.windowSize)};
-  width: ${e=>r.iconSize.valuePx(e.windowSize)};
-  color: ${e=>e.theme.colors.success};
-`,x=n.div`
-  width: ${e=>r.iconWidth.valuePx(e.windowSize)};
-  height: ${e=>r.iconHeight.valuePx(e.windowSize)};
-  border-radius: 50%;
-  background-color: ${e=>e.icon==="link"?e.theme.colors.graphColor14Light:e.icon==="user"?e.theme.colors.graphColor06Light:e.theme.colors.graphColor20Light};
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-right: ${t.Space.sp2};
-`,h=n(t.StyledText)`
-  color: ${e=>e.theme.colors.primary};
-  ${e=>`${g.title.style(e.windowSize)}`};
-`,u=n(t.StyledText)`
-  color: ${e=>e.theme.colors.hero};
-  ${e=>`${g.content.style(e.windowSize)}`};
-`,P=n.div`
-  display: flex;
-  flex-direction: row;
-  position: relative;
-  z-index: 1;
-`,C=n.div`
-  margin-top: ${t.Space.sp4};
-`,L=n.div`
-  top: ${t.Space.sp0};
-  width: 1px;
-  height: 100%;
-  position: absolute;
-  left: ${e=>r.verticalLineLeftMargin.valuePx(e.windowSize)};
-  width: 2px;
-  background: ${e=>e.theme.colors.grey2};
-  z-index: -1;
-`,b=n.div`
-  padding-bottom: ${t.Space.sp4};
-`,{common:{navBar:{back:k}}}=t.appLocale.getLocalizedStrings(),c={navBarContainerPaddingXaxis:new t.ResponsiveSized(10,t.sp[3]),containerPaddingLeft:new t.ResponsiveSized(t.sp[3],t.sp[6],t.sp[8]),containerPaddingRight:new t.ResponsiveSized(t.sp[3],t.sp[6],t.sp[8])},T={title:new t.ResponsiveSizedStyle("standardRegular","largeRegular")},{referAndEarn:I}=t.appLocale.getLocalizedStrings().rewardsPage;function W({rewardsPlan:e,onDismissClick:o}){const s=t.useWindowSizeContext();return i.jsxRuntimeExports.jsxs(B,{windowSize:s,children:[i.jsxRuntimeExports.jsx(q,{windowSize:s,children:i.jsxRuntimeExports.jsxs(D,{windowSize:s,children:[s==="small"&&i.jsxRuntimeExports.jsx(A,{children:i.jsxRuntimeExports.jsx(t.Tooltip,{enterDelay:600,title:k,placement:"bottom",style:{padding:`${t.Space.sp1} ${t.Space.sp2}`},children:i.jsxRuntimeExports.jsx(H,{onClick:o})})}),i.jsxRuntimeExports.jsx(M,{windowSize:s,children:I}),s!=="small"&&i.jsxRuntimeExports.jsx(N,{onClick:o})]})}),i.jsxRuntimeExports.jsx(_,{windowSize:s,children:i.jsxRuntimeExports.jsx(v,{rewardsPlan:e})})]})}const B=n.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-  overflow-x: hidden;
-  width: 100%;
-  height: 100vh;
-  position: relative;
-`,D=n.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  height: 100%;
-  width: ${e=>e.windowSize==="small"?"100%":"76%"};
-`,M=n(t.StyledText)`
-  color: ${e=>e.theme.colors.primary};
-  width: 96%;
-  text-align: center;
-  ${e=>`${T.title.style(e.windowSize)}`};
-`,_=n.div`
-  padding-left: ${e=>c.containerPaddingLeft.valuePx(e.windowSize)};
-  padding-right: ${e=>c.containerPaddingRight.valuePx(e.windowSize)};
-`,q=n.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  top: ${t.Space.sp0};
-  padding: ${e=>`${c.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${t.Space.sp0}`};
-  z-index: 2;
-  background-color: ${e=>e.theme.colors.grey4};
-`,N=n(t.SvgClose)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${t.Space.sp4};
-  height: ${t.Space.sp4};
-  min-height: ${t.Space.sp3};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,A=n.div`
-  height: ${t.Space.sp4};
-  width: ${t.Space.sp4};
-  display: flex;
-  align-items: center;
-  margin-left: ${t.Space.sp3};
-`,H=n(t.SvgArrowLeft)`
-  height: ${t.Space.sp4};
-  width: ${t.Space.sp4};
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`;exports.default=W;