@zeniai/web-components 3.16.41 → 3.16.43

package/dist/CreditCardPaymentPlgSection-CqvgalYj.js

@@ -1,196 +0,0 @@
-import { u as z, j as o } from "./vendor-.pnpm-BZbZ6JJC.js";
-import t from "@emotion/styled";
-import { u as M, a as B, dK as T, ex as L, j as S, B as W, M as R, S as l, C as n, R as a, eN as D, _ as I, ba as G, G as H, D as i } from "./index-BtH6xclG.js";
-const r = {
-  iconContainerMaxWidthHeight: new a(i[6], i[7]),
-  iconContainerMarginRight: new a(i[3], i[3]),
-  iconWidthHeight: new a(20, i[4]),
-  iconPadding: new a(10, 12),
-  containerPaddingTopBottom: new a(i[4], i[4]),
-  containerPaddingLeftRight: new a(i[3], i[4]),
-  buttonLeftMargin: new a(i[8], i[0]),
-  buttonTopMargin: new a(i[4], i[2]),
-  bulletContainerGap: new a(12, i[3])
-};
-function Y({
-  heading: e,
-  buttonText: c,
-  analytics: g,
-  maxInsuredAmount: w,
-  pageName: h,
-  style: x,
-  onSignUpClick: b,
-  onSwitchClick: C,
-  onMoveMoneyClick: f
-}) {
-  const s = M(), y = z(), { common: $, commonSetUp: v } = B.getLocalizedStrings(), d = v.setUp.accountsPlg, P = () => {
-    switch (c) {
-      case d.signUpButtonText:
-        g?.trackPlgPromoClicked(h, "Sign Up for Free"), b?.();
-        break;
-      case d.switchButtonText:
-        g?.trackPlgPromoClicked(h, "Switch Now"), C?.();
-        break;
-      default:
-        g?.trackPlgPromoClicked(h, "Move Money"), f?.();
-    }
-  }, k = T(
-    L(w),
-    w,
-    $.currency.currencySymbol
-  ).toUpperCase();
-  return /* @__PURE__ */ o.jsxs(
-    K,
-    {
-      windowSize: s,
-      width: x?.width,
-      style: x,
-      "data-testid": S("credit-card-payment-plg-section"),
-      children: [
-        /* @__PURE__ */ o.jsxs(U, { children: [
-          /* @__PURE__ */ o.jsx(
-            A,
-            {
-              windowSize: s,
-              isDarkMode: y.mode === "dark",
-              children: /* @__PURE__ */ o.jsx(E, { windowSize: s, children: /* @__PURE__ */ o.jsx(J, {}) })
-            }
-          ),
-          /* @__PURE__ */ o.jsx(O, { children: /* @__PURE__ */ o.jsxs(V, { children: [
-            /* @__PURE__ */ o.jsx(_, { windowSize: s, children: e }),
-            /* @__PURE__ */ o.jsxs(q, { windowSize: s, children: [
-              /* @__PURE__ */ o.jsxs(u, { children: [
-                /* @__PURE__ */ o.jsx(p, {}),
-                /* @__PURE__ */ o.jsx(m, { children: d.bulletPoints.two.replace(
-                  "__amount__",
-                  k
-                ) })
-              ] }),
-              /* @__PURE__ */ o.jsxs(u, { children: [
-                /* @__PURE__ */ o.jsx(p, {}),
-                /* @__PURE__ */ o.jsx(m, { children: d.bulletPoints.three })
-              ] }),
-              /* @__PURE__ */ o.jsxs(u, { children: [
-                /* @__PURE__ */ o.jsx(p, {}),
-                /* @__PURE__ */ o.jsx(m, { children: d.bulletPoints.four })
-              ] })
-            ] })
-          ] }) })
-        ] }),
-        /* @__PURE__ */ o.jsx(F, { windowSize: s, children: /* @__PURE__ */ o.jsx(
-          W,
-          {
-            label: c,
-            "data-testid": S("accounts-plg-button", c),
-            onClick: (j) => {
-              j.stopPropagation(), P();
-            },
-            buttonColors: {
-              borderColor: {
-                default: n.brandColorSapphire,
-                hover: n.brandColorSapphire,
-                disabled: n.brandColorSapphire
-              },
-              backgroundColor: {
-                default: n.brandColorSapphire,
-                hover: n.brandColorSapphire,
-                disabled: n.brandColorSapphire
-              },
-              textColor: {
-                default: n.neutralGrey5Light,
-                hover: n.neutralGrey5Light,
-                disabled: n.neutralGrey5Light
-              }
-            },
-            size: "small",
-            style: { padding: `6px ${l.sp3}`, borderRadius: "6px" },
-            textStyle: { fontWeight: R.regular }
-          }
-        ) })
-      ]
-    }
-  );
-}
-const U = t.div`
-  display: flex;
-  align-items: center;
-`, _ = t(I)`
-  color: ${(e) => e.theme.colors.primary};
-  width: 100%;
-`, F = t.div`
-  display: flex;
-  color: inherit;
-  margin-bottom: auto;
-  margin-left: ${(e) => r.buttonLeftMargin.valuePx(e.windowSize)};
-  margin-top: ${(e) => r.buttonTopMargin.valuePx(e.windowSize)};
-`, E = t.div`
-  width: ${(e) => r.iconWidthHeight.valuePx(e.windowSize)};
-  height: ${(e) => r.iconWidthHeight.valuePx(e.windowSize)};
-`, J = t(D)`
-  color: ${(e) => e.theme.colors.primary};
-  width: inherit;
-  height: inherit;
-`, A = t.div`
-  display: flex;
-  margin-bottom: auto;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  align-self: ${(e) => e.windowSize === "small" ? "flex-start" : "unset"};
-  padding: ${(e) => r.iconPadding.valuePx(e.windowSize)};
-  background: ${(e) => e.isDarkMode ? e.theme.colors.brandColorJadeDark : e.theme.colors.brandColorJadeLight};
-  border-radius: ${l.sp11};
-  color: ${(e) => e.isDarkMode ? n.neutralGrey5Light : e.theme.colors.brandColorOnyx};
-  max-width: ${(e) => r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
-  max-height: ${(e) => r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
-  margin-right: ${(e) => r.iconContainerMarginRight.valuePx(e.windowSize)};
-`, K = t.div`
-  display: flex;
-  align-items: ${(e) => e.windowSize === "small" ? "flex-start" : "center"};
-  flex-direction: ${(e) => e.windowSize === "small" ? "column" : "row"};
-  padding: ${(e) => `${r.containerPaddingTopBottom.valuePx(
-  e.windowSize
-)} ${r.containerPaddingLeftRight.valuePx(e.windowSize)}`};
-  background-color: ${(e) => e.theme.colors.grey5};
-  fill: ${(e) => e.theme.colors.grey1};
-  color: ${(e) => e.theme.colors.grey1};
-  justify-content: space-between;
-  box-sizing: border-box;
-  &:hover {
-    color: ${(e) => e.theme.colors.primary};
-    fill: ${(e) => e.theme.colors.primary};
-  }
-  background-color: ${(e) => e.theme.colors.grey3};
-  background-image:
-    url(https://storage.googleapis.com/zeni-apis.appspot.com/images/cards-plg-background-lower.svg),
-    url(https://storage.googleapis.com/zeni-apis.appspot.com/images/cards-plg-background-upper.svg);
-  background-position:
-    100% 100%,
-    0% 0%;
-  background-repeat: no-repeat;
-`, O = t.div`
-  display: flex;
-  flex-direction: column;
-`, V = t.div``, q = t.div`
-  display: flex;
-  flex-direction: ${(e) => e.windowSize === "small" ? "column" : "row"};
-  gap: ${(e) => r.bulletContainerGap.valuePx(e.windowSize)};
-  justify-content: space-between;
-  margin: ${(e) => e.windowSize === "small" ? l.sp3 : l.sp1}
-    auto 0 0;
-`, u = t.div`
-  display: flex;
-  align-items: center;
-`, p = t(G)`
-  width: ${l.sp3};
-  height: ${l.sp3};
-  vertical-align: middle;
-  margin-right: ${l.sp1};
-  color: ${n.success};
-`, m = t(H)`
-  color: ${(e) => e.theme.colors.primary};
-  white-space: nowrap;
-`;
-export {
-  Y as C
-};

package/dist/CreditCardPaymentPlgSection-DBVTqR1H.cjs

@@ -1,78 +0,0 @@
-"use strict";const t=require("./vendor-.pnpm-DHyNpoQL.cjs"),i=require("@emotion/styled"),o=require("./index-DiGCN0Sk.cjs"),n={iconContainerMaxWidthHeight:new o.ResponsiveSized(o.sp[6],o.sp[7]),iconContainerMarginRight:new o.ResponsiveSized(o.sp[3],o.sp[3]),iconWidthHeight:new o.ResponsiveSized(20,o.sp[4]),iconPadding:new o.ResponsiveSized(10,12),containerPaddingTopBottom:new o.ResponsiveSized(o.sp[4],o.sp[4]),containerPaddingLeftRight:new o.ResponsiveSized(o.sp[3],o.sp[4]),buttonLeftMargin:new o.ResponsiveSized(o.sp[8],o.sp[0]),buttonTopMargin:new o.ResponsiveSized(o.sp[4],o.sp[2]),bulletContainerGap:new o.ResponsiveSized(12,o.sp[3])};function y({heading:e,buttonText:a,analytics:l,maxInsuredAmount:g,pageName:d,style:x,onSignUpClick:m,onSwitchClick:h,onMoveMoneyClick:w}){const r=o.useWindowSizeContext(),S=t.useTheme(),{common:C,commonSetUp:b}=o.appLocale.getLocalizedStrings(),s=b.setUp.accountsPlg,j=()=>{switch(a){case s.signUpButtonText:l?.trackPlgPromoClicked(d,"Sign Up for Free"),m?.();break;case s.switchButtonText:l?.trackPlgPromoClicked(d,"Switch Now"),h?.();break;default:l?.trackPlgPromoClicked(d,"Move Money"),w?.()}},v=o.amountValueToString(o.getAmountFormatString(g),g,C.currency.currencySymbol).toUpperCase();return t.jsxRuntimeExports.jsxs(M,{windowSize:r,width:x?.width,style:x,"data-testid":o.generateDataTestId("credit-card-payment-plg-section"),children:[t.jsxRuntimeExports.jsxs($,{children:[t.jsxRuntimeExports.jsx(E,{windowSize:r,isDarkMode:S.mode==="dark",children:t.jsxRuntimeExports.jsx(P,{windowSize:r,children:t.jsxRuntimeExports.jsx(k,{})})}),t.jsxRuntimeExports.jsx(B,{children:t.jsxRuntimeExports.jsxs(T,{children:[t.jsxRuntimeExports.jsx(f,{windowSize:r,children:e}),t.jsxRuntimeExports.jsxs(L,{windowSize:r,children:[t.jsxRuntimeExports.jsxs(c,{children:[t.jsxRuntimeExports.jsx(p,{}),t.jsxRuntimeExports.jsx(u,{children:s.bulletPoints.two.replace("__amount__",v)})]}),t.jsxRuntimeExports.jsxs(c,{children:[t.jsxRuntimeExports.jsx(p,{}),t.jsxRuntimeExports.jsx(u,{children:s.bulletPoints.three})]}),t.jsxRuntimeExports.jsxs(c,{children:[t.jsxRuntimeExports.jsx(p,{}),t.jsxRuntimeExports.jsx(u,{children:s.bulletPoints.four})]})]})]})})]}),t.jsxRuntimeExports.jsx(z,{windowSize:r,children:t.jsxRuntimeExports.jsx(o.Button,{label:a,"data-testid":o.generateDataTestId("accounts-plg-button",a),onClick:R=>{R.stopPropagation(),j()},buttonColors:{borderColor:{default:o.Colors.brandColorSapphire,hover:o.Colors.brandColorSapphire,disabled:o.Colors.brandColorSapphire},backgroundColor:{default:o.Colors.brandColorSapphire,hover:o.Colors.brandColorSapphire,disabled:o.Colors.brandColorSapphire},textColor:{default:o.Colors.neutralGrey5Light,hover:o.Colors.neutralGrey5Light,disabled:o.Colors.neutralGrey5Light}},size:"small",style:{padding:`6px ${o.Space.sp3}`,borderRadius:"6px"},textStyle:{fontWeight:o.FontWeight.regular}})})]})}const $=i.div`
-  display: flex;
-  align-items: center;
-`,f=i(o.StandardMedium)`
-  color: ${e=>e.theme.colors.primary};
-  width: 100%;
-`,z=i.div`
-  display: flex;
-  color: inherit;
-  margin-bottom: auto;
-  margin-left: ${e=>n.buttonLeftMargin.valuePx(e.windowSize)};
-  margin-top: ${e=>n.buttonTopMargin.valuePx(e.windowSize)};
-`,P=i.div`
-  width: ${e=>n.iconWidthHeight.valuePx(e.windowSize)};
-  height: ${e=>n.iconWidthHeight.valuePx(e.windowSize)};
-`,k=i(o.SvgBankBuilding)`
-  color: ${e=>e.theme.colors.primary};
-  width: inherit;
-  height: inherit;
-`,E=i.div`
-  display: flex;
-  margin-bottom: auto;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  align-self: ${e=>e.windowSize==="small"?"flex-start":"unset"};
-  padding: ${e=>n.iconPadding.valuePx(e.windowSize)};
-  background: ${e=>e.isDarkMode?e.theme.colors.brandColorJadeDark:e.theme.colors.brandColorJadeLight};
-  border-radius: ${o.Space.sp11};
-  color: ${e=>e.isDarkMode?o.Colors.neutralGrey5Light:e.theme.colors.brandColorOnyx};
-  max-width: ${e=>n.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
-  max-height: ${e=>n.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
-  margin-right: ${e=>n.iconContainerMarginRight.valuePx(e.windowSize)};
-`,M=i.div`
-  display: flex;
-  align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  padding: ${e=>`${n.containerPaddingTopBottom.valuePx(e.windowSize)} ${n.containerPaddingLeftRight.valuePx(e.windowSize)}`};
-  background-color: ${e=>e.theme.colors.grey5};
-  fill: ${e=>e.theme.colors.grey1};
-  color: ${e=>e.theme.colors.grey1};
-  justify-content: space-between;
-  box-sizing: border-box;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-    fill: ${e=>e.theme.colors.primary};
-  }
-  background-color: ${e=>e.theme.colors.grey3};
-  background-image:
-    url(https://storage.googleapis.com/zeni-apis.appspot.com/images/cards-plg-background-lower.svg),
-    url(https://storage.googleapis.com/zeni-apis.appspot.com/images/cards-plg-background-upper.svg);
-  background-position:
-    100% 100%,
-    0% 0%;
-  background-repeat: no-repeat;
-`,B=i.div`
-  display: flex;
-  flex-direction: column;
-`,T=i.div``,L=i.div`
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  gap: ${e=>n.bulletContainerGap.valuePx(e.windowSize)};
-  justify-content: space-between;
-  margin: ${e=>e.windowSize==="small"?o.Space.sp3:o.Space.sp1}
-    auto 0 0;
-`,c=i.div`
-  display: flex;
-  align-items: center;
-`,p=i(o.SvgTickRoundFill)`
-  width: ${o.Space.sp3};
-  height: ${o.Space.sp3};
-  vertical-align: middle;
-  margin-right: ${o.Space.sp1};
-  color: ${o.Colors.success};
-`,u=i(o.SmallRegular)`
-  color: ${e=>e.theme.colors.primary};
-  white-space: nowrap;
-`;exports.CreditCardPaymentPlgSection=y;

package/dist/CurrencySelectField-DkY3JrVU.cjs

@@ -1,139 +0,0 @@
-"use strict";const o=require("./vendor-.pnpm-DHyNpoQL.cjs"),b=require("react"),i=require("@emotion/styled"),t=require("./index-DiGCN0Sk.cjs"),F=({name:e,registerOptions:s,defaultValue:n,isDisabled:c,style:a,placeholder:d,isOptionRemovable:r=!0,menuItemHeight:u=40,controlStyle:p})=>{const{control:x,formState:{errors:g}}=o.useFormContext(),m=o.useTheme(),[f,j]=b.useState(!1),C=o.has(g,e??""),w=t.appLocale.getLocalizedStrings().common.currency,R=l=>{if(!(l==null||!l))return{value:l,label:n.allOptions.find(h=>h.value===l)?.label??l,countryCode:n.allOptions.find(h=>h.value===l)?.countryCode??w.countryCode}},E={container:l=>({...l,width:"100%",...a}),menu:l=>({...l,backgroundColor:m.colors.grey5,borderRadius:t.Space.sp1,boxShadow:`${t.Space.sp0} 2px ${t.Space.sp2} ${m.colors.dropShadowHover}`,border:`1px solid ${m.colors.grey3}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:`1px ${t.Space.sp0} ${t.Space.sp0} ${t.Space.sp0}`,overflow:"hidden"}),menuList:l=>({...l,borderRadius:t.Space.sp1}),input:()=>({color:m.colors.primary,margin:0}),singleValue:l=>({...l,margin:0,position:"absolute"})},O={hasError:C,menuItemHeight:u,controlStyle:p,isOptionRemovable:r};return o.jsxRuntimeExports.jsx(o.Controller,{name:e,control:x,defaultValue:n,rules:s,"data-testid":t.generateDataTestId("currency-select-field",e),render:({field:{onChange:l,onBlur:h,value:v,ref:k}})=>{const y=v;return b.createElement(o.StateManagedSelect$1,{...O,ref:k,isMulti:!1,isSearchable:!0,isClearable:r,autoFocus:f===!0,openMenuOnClick:!0,controlShouldRenderValue:!0,placeholder:d,value:R(y.selectedOption),options:n.allOptions,"data-testid":t.generateDataTestId("currency-select",e),onChange:S=>{r&&S?.value!=null&&y?.selectedOption===S.value?l({selectedOption:void 0,allOptions:n.allOptions}):l({selectedOption:S?.value,allOptions:n.allOptions})},onMenuClose:()=>j(!1),key:o.nanoid(),tabSelectsValue:!1,openMenuOnFocus:!0,classNamePrefix:"currency-select-field",onBlur:h,menuPlacement:"auto",maxMenuHeight:240,menuShouldScrollIntoView:!1,closeMenuOnSelect:!0,components:{Control:I,Option:D,Input:M,SingleValue:P,ValueContainer:V,DropdownIndicator:Q,IndicatorSeparator:U,Placeholder:N,ClearIndicator:X,MenuList:L},hideSelectedOptions:!1,styles:E,isDisabled:c!=null})}})},I=e=>{const{menuIsOpen:s,isFocused:n,isDisabled:c,selectProps:a}=e,{value:d,hasError:r,controlStyle:u}=a;return o.jsxRuntimeExports.jsx(_,{controlStyle:u,menuIsOpen:s,isFocused:n,isDisabled:c,selectedValue:d,hasError:r,children:o.jsxRuntimeExports.jsx(o.components.Control,{...e,className:"select-control",children:e.children})})},D=e=>{const{data:s,isSelected:n,isDisabled:c,isFocused:a,selectProps:d}=e,{isOptionRemovable:r}=d,u=s.countryCode,p=typeof s.label=="string"?s.label:s.value;return o.jsxRuntimeExports.jsx(q,{isOptionRemovable:r,className:"select-option-wrapper",isFocused:a,isSelected:n,isDisabled:c,"data-testid":t.generateDataTestId("currency-select-field-option",p),children:o.jsxRuntimeExports.jsx(o.components.Option,{...e,className:"select-option",children:o.jsxRuntimeExports.jsxs(z,{children:[o.jsxRuntimeExports.jsx(T,{countryCode:u}),o.jsxRuntimeExports.jsx(A,{isSelected:n,children:o.jsxRuntimeExports.jsx(B,{isSelected:n,isDisabled:c,children:s.label})}),n?o.jsxRuntimeExports.jsxs(G,{children:[o.jsxRuntimeExports.jsx(J,{className:"right-tick-icon"}),o.jsxRuntimeExports.jsx(K,{className:"close-tick-icon"})]}):null]})})})},L=e=>{const{options:s,children:n,maxHeight:c,getValue:a,selectProps:d}=e,{menuItemHeight:r}=d,[u]=a(),p=s.indexOf(u)*r;return o.jsxRuntimeExports.jsx(o.VariableSizeList,{height:n.length>7?c:n.length*r,width:"100%",itemCount:n.length,itemSize:()=>r,initialScrollOffset:p,children:({index:x,style:g})=>o.jsxRuntimeExports.jsx(W,{style:g,children:n[x]})})},V=e=>o.jsxRuntimeExports.jsx(o.components.ValueContainer,{...e,className:"select-value-container",children:e.children}),M=e=>{const{selectProps:s}=e,{placeholder:n,value:c}=s;return o.jsxRuntimeExports.jsx($,{children:o.jsxRuntimeExports.jsx(o.components.Input,{...e,autoComplete:"new-password",placeholder:c==null?n:void 0,children:e.children})})},P=e=>{const{data:s}=e;return o.jsxRuntimeExports.jsx(o.components.SingleValue,{...e,children:o.jsxRuntimeExports.jsx($,{children:s.label})})},$=i(t.StandardRegular)`
-  color: ${e=>e.theme.colors.primary};
-`,N=()=>null,T=({countryCode:e})=>{if(e!=null&&o.hasFlag(e)===!1)return o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{});{const s=e??"",n=o.Flags[`${t.toAlpha2CountryCodeSupportedByProvider(s)}`];return o.jsxRuntimeExports.jsx(H,{children:o.jsxRuntimeExports.jsx(n,{width:t.Space.sp4,height:t.Space.sp3})})}},_=i.span`
-  width: 100%;
-  background-color: ${e=>e.hasError?t.Colors.importantLight:e.menuIsOpen?e.theme.colors.background:e.controlStyle?.backgroundColor!=null?e.controlStyle?.backgroundColor:e.theme.colors.grey5};
-  border-radius: ${t.Space.sp1};
-  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
-  .select-control {
-    border: none;
-    height: ${t.Space.sp6};
-    background-color: inherit;
-    box-shadow: none;
-    &:hover {
-      fill: ${e=>e.theme.colors.primary};
-      background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.hasError?t.Colors.importantLight:e.theme.colors.background};
-      border-color: none;
-    }
-    width: auto;
-    min-height: auto;
-    cursor: pointer;
-  }
-
-  .select-value-container {
-    width: 100%;
-    display: flex;
-    margin: ${t.Space.sp0} ${t.Space.sp3};
-    padding: 0;
-    max-width: 100%;
-    height: 100%;
-    min-width: auto;
-    align-items: center;
-    flex-wrap: nowrap;
-    cursor: pointer;
-    justify-content: ${e=>e.controlStyle?.justifyContent!=null?e.controlStyle?.justifyContent:e.menuIsOpen===!1?"flex-end":"flex-start"};
-
-    .currency-select-field__single-value {
-      display: flex;
-      margin: ${t.Space.sp0};
-      color: ${e=>e.hasError?t.Colors.important:e.theme.colors.primary};
-      ${t.textStyles.standardRegular.css};
-    }
-
-    .currency-select-field__input-container {
-      display: flex;
-      width: ${e=>e.menuIsOpen===!1&&e.selectedValue!=null?t.Space.sp0:"100%"};
-      position: ${e=>e.isFocused===!1&&e.selectedValue==null?"initial":"absolute"};
-      ${t.textStyles.standardRegular.css};
-      color: ${e=>e.hasError===!0?t.Colors.important:e.theme.colors.primary};
-      margin: ${t.Space.sp0};
-      cursor: inherit;
-      top: ${t.Space.sp2};
-
-      > input {
-        text-align: ${e=>e.isFocused===!1&&e.selectedValue==null?"right":"initial"};
-        text-align: ${e=>e.isFocused===!1?"right":"left"};
-        align-items: center;
-        overflow: hidden;
-        cursor: inherit;
-        :disabled {
-          visibility: visible;
-        }
-        ::placeholder {
-          color: ${e=>e.hasError?t.Colors.important:e.theme.colors.grey1};
-        }
-      }
-    }
-  }
-`,q=i.div`
-  border-radius: inherit;
-  .select-option {
-    ${t.textStyles.smallRegular.css};
-    height: ${t.Space.sp6};
-    padding: 9px ${t.Space.sp3};
-    color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.champion};
-    opacity: ${e=>e.isDisabled?.32:1};
-    background-color: ${e=>e.isSelected?e.theme.colors.grey3:e.theme.colors.grey5};
-    ${e=>e.isFocused&&`background-color: ${e.theme.colors.background}`};
-    cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
-    border-top: none;
-    border-radius: inherit;
-    .close-tick-icon {
-      display: none;
-    }
-
-    &:hover {
-      background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.theme.colors.background};
-      color: ${e=>e.isDisabled?e.theme.colors.champion:e.theme.colors.primary};
-      .right-tick-icon {
-        display: ${e=>e.isOptionRemovable?"none":"inline-block"};
-      }
-      .close-tick-icon {
-        display: ${e=>e.isOptionRemovable?"inline-block":"none"};
-      }
-    }
-  }
-`,z=i.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-`,H=i.div`
-  padding-right: ${t.Space.sp2};
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  fill: initial;
-  color: initial;
-`,B=i(t.SmallRegular)`
-  padding-right: 10px;
-  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
-  ${e=>e.isSelected&&"cursor: default"};
-`,A=i.div`
-  width: ${e=>e.isSelected?`calc(100% - ${t.Space.sp3})`:"100%"};
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-`,W=i.div`
-  :first-of-type {
-    border-top-left-radius: ${t.Space.sp1};
-    border-top-right-radius: ${t.Space.sp1};
-  }
-
-  :last-of-type {
-    border-bottom-left-radius: ${t.Space.sp1};
-    border-bottom-right-radius: ${t.Space.sp1};
-  }
-`,G=i.div`
-  display: flex;
-`,J=i(t.SvgTick)`
-  width: 12px;
-  height: 12px;
-  margin-right: 2px;
-  margin-left: ${t.Space.sp1};
-  color: ${e=>e.theme.colors.primary};
-`,K=i(t.SvgClose)`
-  width: ${t.Space.sp3};
-  height: ${t.Space.sp3};
-  color: ${e=>e.theme.colors.primary};
-`,Q=()=>null,U=()=>null,X=()=>null;exports.CurrencySelectField=F;