@xfers/design-system 7.1.0-dev.5374ed6c61 → 7.1.0-dev.6af4e72e9f

package/cjs/index.js

@@ -1076,7 +1076,9 @@ padding-top:
   line-height: normal;
   font-weight: ${t=>t.active?700:400};
   color: ${t=>eu(t.variant,t.active)};
-  overflow-wrap: break-word;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 `,lu=ee.span`
   display: flex;
   align-items: center;
@@ -1097,8 +1099,13 @@ padding-top:
   line-height: normal;
   font-weight: ${t=>t.active?700:400};
   color: ${t=>eu(t.variant,t.active)};
-  overflow-wrap: break-word;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 `,hu=ee.div`
+  position: relative;
+  width: 100%;
+`,uu=ee.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1106,15 +1113,16 @@ padding-top:
   border-radius: 8px;
   width: 100%;
   box-sizing: border-box;
+  cursor: pointer;
   background-color: ${it.SECONDARY_NEUTRAL};
-`,uu=ee.div`
+`,pu=ee.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 4px;
   flex: 1 0 0;
   min-width: 0;
-`,pu=ee.span`
+`,fu=ee.span`
   width: 100%;
   font-family: ${ue};
   font-weight: 700;
@@ -1122,7 +1130,7 @@ padding-top:
   line-height: normal;
   color: ${ot.ON_NEUTRAL_SECONDARY};
   overflow-wrap: break-word;
-`,fu=ee.span`
+`,gu=ee.span`
   width: 100%;
   font-family: ${he};
   font-weight: 400;
@@ -1130,7 +1138,7 @@ padding-top:
   line-height: normal;
   color: ${ot.ON_NEUTRAL_SECONDARY};
   overflow-wrap: break-word;
-`,gu=ee.div`
+`,mu=ee.div`
   display: flex;
   align-items: center;
   gap: 8px;
@@ -1139,7 +1147,7 @@ padding-top:
   width: 100%;
   box-sizing: border-box;
   background-color: ${it.SECONDARY_NEUTRAL};
-`,mu=ee.span`
+`,bu=ee.span`
   flex: 1 0 0;
   min-width: 0;
   font-family: ${he};
@@ -1148,18 +1156,110 @@ padding-top:
   line-height: normal;
   color: ${ot.ON_NEUTRAL_SECONDARY};
   white-space: pre-wrap;
-`,bu=({label:t,variant:e="business",active:n=!1,onClick:i})=>a.default.createElement(cu,{variant:e,active:n,onClick:i},a.default.createElement(du,{variant:e,active:n},t)),xu=({icon:t,label:e,variant:n="business",active:i=!1,onClick:o,subItems:r,isExpanded:s=!1})=>{const l=eu(n,i),c=Boolean(r&&r.length>0);return a.default.createElement(a.default.Fragment,null,a.default.createElement(au,{variant:n,active:i,onClick:o},a.default.createElement(Dc,{icon:t,size:"m",color:l}),a.default.createElement(su,{variant:n,active:i},e),c&&a.default.createElement(lu,null,a.default.createElement(Dc,{icon:"keyboard_arrow_down",size:"m",color:l,style:s?{transform:"rotate(180deg)"}:void 0}))),s&&r&&r.map(t=>a.default.createElement(bu,{key:t.label,label:t.label,variant:n,active:t.active,onClick:t.onClick})))},yu=({companyName:t="ABC Pte. Ltd",subtitle:e="Company",enableDropdown:n=!0,onClick:i})=>a.default.createElement(hu,{onClick:i},a.default.createElement(uu,null,a.default.createElement(pu,null,t),a.default.createElement(fu,null,e)),n&&a.default.createElement(Dc,{icon:"keyboard_arrow_down",size:"m",color:ot.ON_NEUTRAL_SECONDARY})),vu=({text:t="Licensed & Regulated \nby Monetary Authority of Singapore"})=>a.default.createElement(gu,null,a.default.createElement(Dc,{icon:"verified_user",size:"m",color:ot.ON_NEUTRAL_SECONDARY}),a.default.createElement(mu,null,t)),_u=({variant:t="business",logo:e,companyProfile:n,children:i,footer:o})=>a.default.createElement(nu,{variant:t},a.default.createElement(iu,null,e&&a.default.createElement(ou,null,e),n,a.default.createElement(ru,null,i)),o),wu={business:a.default.createElement(o.SvgStraitsXBusinessAccountLightLogo,null),personal:a.default.createElement(o.SvgStraitsXPersonalAccountLightLogo,null),sandbox:a.default.createElement(o.SvgStraitsXSandboxLogo,null)},Su=[{icon:"home",label:"Home",gate:"treasury"},{icon:"credit_card",label:"Cards",gate:"cards",subItems:["Settlement","Monitoring","Issuance"]},{icon:"person_apron",label:"DVA Payments",gate:"dvaPayments",subItems:["Request for Information"]},{icon:"receipt_long",label:"Transaction History",gate:"transactionHistory"},{icon:"logo_dev",label:"API Tools",gate:"apiTools"},{icon:"headphones",label:"Support"}],ku=[{icon:"home",label:"Home"},{icon:"account_balance_wallet",label:"Mint"},{icon:"receipt_long",label:"Transaction History"},{icon:"headphones",label:"Support"}],Eu=({variant:e="business",companyProfile:n=!0,companyName:i,companySubtitle:o,activeItem:r="Home",activeSubItem:s,onItemClick:l,onSubItemClick:c,treasury:d=!0,cards:h=!0,dvaPayments:u=!0,transactionHistory:p=!0,apiTools:f=!0})=>{const g={treasury:d,cards:h,dvaPayments:u,transactionHistory:p,apiTools:f},[m,b]=t.useState(null),x="personal"===e,y=(x?ku:Su).filter(t=>!t.gate||!1!==g[t.gate]);return a.default.createElement(_u,{variant:e,logo:wu[e],companyProfile:!x&&n&&a.default.createElement(yu,{companyName:i,subtitle:o}),footer:a.default.createElement(vu,null)},y.map(t=>{var n;return a.default.createElement(xu,{key:t.label,icon:t.icon,label:t.label,variant:e,active:r===t.label,isExpanded:m===t.label,onClick:()=>(t=>{t.subItems&&b(e=>e===t.label?null:t.label),null==l||l(t.label)})(t),subItems:null===(n=t.subItems)||void 0===n?void 0:n.map(t=>({label:t,active:s===t,onClick:()=>null==c?void 0:c(t)}))})}))},Cu={Base:_u,Products:Eu};const Ou=a.default.createContext({setModal:()=>null,resetModal:()=>null}),Du=document.body,Mu=({modal:e})=>{const[n]=t.useState(document.createElement("div"));n.setAttribute("id","modal-root"),t.useEffect(()=>(Du.appendChild(n),()=>{Du.removeChild(n)}),[n]);const i=a.default.createElement(Pt,{styles:St`
+`,xu=ee.div`
+  position: absolute;
+  top: calc(100% + 4px);
+  left: 0;
+  z-index: 10;
+  width: 208px;
+  box-sizing: border-box;
+  padding: 8px 0;
+  border-radius: 12px;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  background-color: ${it.NEUTRAL};
+  box-shadow:
+    0px 12px 16px -4px rgba(10, 13, 18, 0.08),
+    0px 4px 6px -2px rgba(10, 13, 18, 0.03);
+`,yu=ee.div`
+  display: flex;
+  align-items: center;
+  padding: 8px 12px;
+  width: 100%;
+  box-sizing: border-box;
+  font-family: ${he};
+  font-weight: 400;
+  font-size: 12px;
+  line-height: normal;
+  color: ${ot.ON_NEUTRAL_SECONDARY};
+  white-space: nowrap;
+`,vu=ee.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 12px;
+  width: 100%;
+  box-sizing: border-box;
+  cursor: pointer;
+  background-color: ${t=>t.active?st.SIDEBAR_ACTIVE:"transparent"};
+`,_u=ee.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 12px;
+  width: 100%;
+  box-sizing: border-box;
+  cursor: pointer;
+`,wu=ee.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+  gap: 4px;
+  flex: 1 0 0;
+  min-width: 0;
+`,Su=ee.span`
+  width: 100%;
+  font-family: ${he};
+  font-weight: 400;
+  font-size: 16px;
+  line-height: normal;
+  color: ${ot.ON_NEUTRAL};
+  overflow-wrap: break-word;
+`,ku=ee.span`
+  width: 100%;
+  font-family: ${he};
+  font-weight: 400;
+  font-size: 14px;
+  line-height: normal;
+  color: ${ot.ON_NEUTRAL_SECONDARY};
+  overflow-wrap: break-word;
+`,Eu=ee.span`
+  width: 100%;
+  font-family: ${he};
+  font-weight: 400;
+  font-size: 16px;
+  line-height: normal;
+  color: ${ot.ON_NEUTRAL_SECONDARY};
+  overflow-wrap: break-word;
+`,Cu=ee.div`
+  width: 100%;
+  height: 14px;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+
+  &::after {
+    content: '';
+    display: block;
+    width: calc(100% - 24px);
+    margin: 0 12px;
+    border-top: 1px solid ${ot.LINE};
+  }
+`,Ou=({label:t,variant:e="business",active:n=!1,onClick:i})=>a.default.createElement(cu,{variant:e,active:n,onClick:i},a.default.createElement(du,{variant:e,active:n},t)),Du=({icon:t,label:e,variant:n="business",active:i=!1,onClick:o,subItems:r,isExpanded:s=!1})=>{const l=eu(n,i),c=Boolean(r&&r.length>0);return a.default.createElement(a.default.Fragment,null,a.default.createElement(au,{variant:n,active:i,onClick:o},a.default.createElement(Dc,{icon:t,size:"m",fill:i?1:0,color:l}),a.default.createElement(su,{variant:n,active:i},e),c&&a.default.createElement(lu,null,a.default.createElement(Dc,{icon:"keyboard_arrow_down",size:"m",color:l,style:s?{transform:"rotate(180deg)"}:void 0}))),s&&r&&r.map(t=>a.default.createElement(Ou,{key:t.label,label:t.label,variant:n,active:t.active,onClick:t.onClick})))},Mu=[{icon:"domain",label:"Company Settings"},{icon:"group",label:"Teams"},{icon:"receipt_long",label:"Billing"},{icon:"library_books",label:"Statements"}],Tu=({showMenuItems:t=!0,switchCompany:e=!0,companies:n=[],onMenuItemClick:i})=>a.default.createElement(xu,null,e&&n.length>0&&a.default.createElement(a.default.Fragment,null,a.default.createElement(yu,null,"SWITCH COMPANY"),n.map(t=>a.default.createElement(vu,{key:t.name,active:t.active,onClick:t.onClick},a.default.createElement(wu,null,a.default.createElement(Su,null,t.name),t.subtitle&&a.default.createElement(ku,null,t.subtitle)),t.active&&a.default.createElement(Dc,{icon:"check",size:"m",color:at.POSITIVE}))),t&&a.default.createElement(Cu,null)),t&&Mu.map(t=>a.default.createElement(_u,{key:t.label,onClick:()=>null==i?void 0:i(t.label)},a.default.createElement(Dc,{icon:t.icon,size:"m",color:ot.ON_NEUTRAL_SECONDARY}),a.default.createElement(wu,null,a.default.createElement(Eu,null,t.label))))),Au=({companyName:e="ABC Pte. Ltd",subtitle:n="Company",enableDropdown:i=!0,switchOnly:o=!1,companies:r,onMenuItemClick:s,onClick:l})=>{const[c,d]=t.useState(!1),h=t.useRef(null),u=null!=r?r:[{name:e,subtitle:"Business Account",active:!0}];t.useEffect(()=>{if(!c)return;const t=t=>{var e;(null===(e=h.current)||void 0===e?void 0:e.contains(t.target))||d(!1)},e=t=>{"Escape"===t.key&&d(!1)};return document.addEventListener("mousedown",t),document.addEventListener("keydown",e),()=>{document.removeEventListener("mousedown",t),document.removeEventListener("keydown",e)}},[c]);return a.default.createElement(hu,{ref:h},a.default.createElement(uu,{onClick:()=>{i&&d(t=>!t),null==l||l()}},a.default.createElement(pu,null,a.default.createElement(fu,null,e),a.default.createElement(gu,null,n)),i&&a.default.createElement(Dc,{icon:"keyboard_arrow_down",size:"m",color:ot.ON_NEUTRAL_SECONDARY,style:c?{transform:"rotate(180deg)"}:void 0})),i&&c&&a.default.createElement(Tu,{showMenuItems:!o,companies:u,onMenuItemClick:s}))},$u=({text:t="Licensed & Regulated \nby Monetary Authority of Singapore"})=>a.default.createElement(mu,null,a.default.createElement(Dc,{icon:"verified_user",size:"m",fill:0,color:at.POSITIVE}),a.default.createElement(bu,null,t)),Ru=({variant:t="business",logo:e,companyProfile:n,children:i,footer:o})=>a.default.createElement(nu,{variant:t},a.default.createElement(iu,null,e&&a.default.createElement(ou,null,e),n,a.default.createElement(ru,null,i)),o),Lu={business:a.default.createElement(o.SvgStraitsXBusinessAccountLightLogo,null),personal:a.default.createElement(o.SvgStraitsXPersonalAccountLightLogo,null),sandbox:a.default.createElement(o.SvgStraitsXSandboxLogo,null)},Pu=[{icon:"home",label:"Home",gate:"treasury"},{icon:"credit_card",label:"Cards",gate:"cards",subItems:["Settlement","Monitoring","Issuance"]},{icon:"person_apron",label:"DVA Payments",gate:"dvaPayments",subItems:["Request for Information"]},{icon:"receipt_long",label:"Transaction History",gate:"transactionHistory"},{icon:"logo_dev",label:"API Tools",gate:"apiTools"},{icon:"headphones",label:"Support"}],Nu=[{icon:"home",label:"Home"},{icon:"account_balance_wallet",label:"Mint"},{icon:"receipt_long",label:"Transaction History"},{icon:"headphones",label:"Support"}],Iu=({variant:e="business",companyProfile:n=!0,companyName:i,companySubtitle:o,activeItem:r="Home",onItemClick:s,onCompanyProfileClick:l,companies:c,switchOnly:d=!1,onCompanyMenuItemClick:h,treasury:u=!0,cards:p=!0,dvaPayments:f=!0,transactionHistory:g=!0,apiTools:m=!0})=>{const b={treasury:u,cards:p,dvaPayments:f,transactionHistory:g,apiTools:m},[x,y]=t.useState(null),v="personal"===e,_=(v?Nu:Pu).filter(t=>!t.gate||!1!==b[t.gate]);return a.default.createElement(Ru,{variant:e,logo:Lu[e],companyProfile:!v&&n&&a.default.createElement(Au,{companyName:i,subtitle:o,switchOnly:d,companies:c,onMenuItemClick:h,onClick:l}),footer:a.default.createElement($u,null)},_.map(t=>{var n;return a.default.createElement(Du,{key:t.label,icon:t.icon,label:t.label,variant:e,active:r===t.label&&(!t.subItems||Boolean(t.navigable)),isExpanded:x===t.label,onClick:()=>(t=>{t.subItems&&(y(e=>e===t.label?null:t.label),!t.navigable)||null==s||s(t.label)})(t),subItems:null===(n=t.subItems)||void 0===n?void 0:n.map(t=>({label:t,active:r===t,onClick:()=>null==s?void 0:s(t)}))})}))},Fu={Base:Ru,Products:Iu};const zu=a.default.createContext({setModal:()=>null,resetModal:()=>null}),Bu=document.body,Yu=({modal:e})=>{const[n]=t.useState(document.createElement("div"));n.setAttribute("id","modal-root"),t.useEffect(()=>(Bu.appendChild(n),()=>{Bu.removeChild(n)}),[n]);const i=a.default.createElement(Pt,{styles:St`
         body {
           overflow: hidden;
         }
-      `});return s.default.createPortal(a.default.createElement(Au,{open:!!e},!!e&&i,e),n)},Tu=It`
+      `});return s.default.createPortal(a.default.createElement(Wu,{open:!!e},!!e&&i,e),n)},Hu=It`
   0% {
     opacity: 0;
   }
   100% {
     opacity: 1;
   }
-`,Au=ee.div`
+`,Wu=ee.div`
   position: fixed;
   width: 100vw;
   height: 100%;
@@ -1171,7 +1271,7 @@ padding-top:
   z-index: 9; // bigger than nav bar z-index: 8
   ${t=>t.open&&St`
       display: block;
-      animation: ${Tu} 0.3s ease;
+      animation: ${Hu} 0.3s ease;
     `};
 `;exports.AccessApiTwoTone=n.SvgAccessApiTwoTone,exports.AccountStatement=n.SvgAccountStatement,exports.Add=n.SvgAdd,exports.Api=n.SvgApi,exports.ApiDocsTwoTone=n.SvgApiDocsTwoTone,exports.ArrowDown=n.SvgArrowDown,exports.ArrowLeft=n.SvgArrowLeft,exports.ArrowRight=n.SvgArrowRight,exports.ArrowSwitch=n.SvgArrowSwitch,exports.ArrowUp=n.SvgArrowUp,exports.Authorize=n.SvgAuthorize,exports.Avatar=n.SvgAvatar,exports.AvatarFilled=n.SvgAvatarFilled,exports.Bank=n.SvgBank,exports.BankFilled=n.SvgBankFilled,exports.BankFilledBackground=n.SvgBankFilledBackground,exports.Bell=n.SvgBell,exports.BellFilled=n.SvgBellFilled,exports.BulletPointArrow=n.SvgBulletPointArrow,exports.Calendar=n.SvgCalendar,exports.Camera=n.SvgCamera,exports.CardFilled=n.CardFilled,exports.Coins=n.Coins,exports.Company=n.SvgCompany,exports.CompanyComplexTwoTone=n.SvgCompanyComplexTwoTone,exports.CompanyTwoTone=n.SvgCompanyTwoTone,exports.Confirmation=n.SvgConfirmation,exports.CopyToClipboard=n.SvgCopyToClipboard,exports.CreditCard=n.SvgCreditCard,exports.Cross=n.SvgCross,exports.CrossMini=n.SvgCrossMini,exports.CustomerKnowledgeAssessment=n.SvgCustomerKnowledgeAssessment,exports.CustomerSupport=n.SvgCustomerSupport,exports.CustomerSupportTwoTone=n.SvgCustomerSupportTwoTone,exports.Delete=n.SvgDelete,exports.DepositTwoTone=n.SvgDepositTwoTone,exports.DeveloperTool=n.SvgDeveloperTool,exports.DeveloperToolTwoTone=n.SvgDeveloperToolTwoTone,exports.DirectMint=n.SvgDirectMint,exports.Document=n.SvgDocument,exports.DocumentFilled=n.SvgDocumentFilled,exports.DocumentWithMagnifier=n.SvgDocumentWithMagnifier,exports.Dots=n.SvgDots,exports.DownArrow=n.SvgDownArrow,exports.Download=n.SvgDownload,exports.Earn=n.SvgEarn,exports.Edit=n.SvgEdit,exports.Employee=n.SvgEmployee,exports.EmptyIcon=n.SvgEmptyIcon,exports.EmptyStateWithPattern=n.SvgEmptyStateWithPattern,exports.Expand=n.SvgExpand,exports.ExternalLink=n.SvgExternalLink,exports.Faq=n.SvgFaq,exports.FaqDialog=n.SvgFaqDialog,exports.FaqFilled=n.SvgFaqFilled,exports.File=n.SvgFile,exports.Filter=n.SvgFilter,exports.Flag=n.SvgFlag,exports.FlipHorizontal=n.SvgFlipHorizontal,exports.FlipVertical=n.SvgFlipVertical,exports.GenerateVA=n.GenerateVA,exports.HandShake=n.SvgHandShake,exports.HelpGuide=n.SvgHelpGuide,exports.Home=n.SvgHome,exports.Idea=n.SvgIdea,exports.Info=n.SvgInfo,exports.InfoFilled=n.SvgInfoFilled,exports.Invoice=n.SvgInvoice,exports.LockFilled=n.SvgLockFilled,exports.LockWithKeyHole=n.SvgLockWithKeyHole,exports.Login=n.SvgLogin,exports.Logout=n.SvgLogout,exports.LowFee=n.SvgLowFee,exports.Mail=n.SvgMail,exports.MemoCard=n.MemoCard,exports.MintSetupWallet=n.MintSetupWallet,exports.MintWallet=n.SvgMintWallet,exports.Minus=n.SvgMinus,exports.Mobile=n.SvgMobile,exports.More=n.SvgMore,exports.NavDashboard=n.SvgNavDashboard,exports.NavHamburger=n.SvgNavHamburger,exports.NavTransactions=n.SvgNavTransactions,exports.Notes=n.SvgNotes,exports.OneToOneXIDR=n.SvgOneToOneXIDR,exports.OneToOneXSGD=n.SvgOneToOneXSGD,exports.Outgoing=n.SvgOutgoing,exports.Passport=n.SvgPassport,exports.PaymentTwoTone=n.SvgPaymentTwoTone,exports.Payout=n.SvgPayout,exports.PenField=n.PenField,exports.Pending=n.SvgPending,exports.PersonWithCheckmark=n.SvgPersonWithCheckmark,exports.PersonWithError=n.SvgPersonWithError,exports.PersonalTwoTone=n.SvgPersonalTwoTone,exports.PiggyBank=n.SvgPiggyBank,exports.Reroll=n.SvgReroll,exports.Resend=n.SvgCallback,exports.Response=n.SvgResponse,exports.RotateLeft=n.SvgRotateLeft,exports.RotateRight=n.SvgRotateRight,exports.Scan=n.SvgScan,exports.Search=n.SvgSearch,exports.SendEmail=n.SvgSendEmail,exports.SendInvitation=n.SvgSendInvitation,exports.Settings=n.SvgSettings,exports.SettingsFilled=n.SvgSettingsFilled,exports.SignUpTwoTone=n.SvgSignUpTwoTone,exports.StateSuccessV2=n.StateSuccess,exports.StraitsXDecoVertical=n.Coins$1,exports.StraitsXEarnExchange=n.SvgExchange,exports.StraitsXEarnFee=n.SvgFee,exports.StraitsXEarnWallet=n.SvgWallet$1,exports.StraitsXEarnWithdrawal=n.SvgWithdrawal,exports.Swap=n.SvgSwap,exports.Switch=n.SvgSwitch,exports.SwitchAccount=n.SvgSwitchAccount,exports.Thumbnail=n.SvgThumbnail,exports.ThumbnailTwoTone=n.SvgThumbnailTwoTone,exports.Tick=n.SvgTick,exports.Time=n.Time,exports.Tips=n.SvgTips,exports.Transaction=n.SvgTransaction,exports.TwoFA=n.TwoFA,exports.Unlink=n.SvgUnlink,exports.UpArrow=n.SvgUpArrow,exports.Upload=n.SvgUpload,exports.UsefulLinks=n.SvgUsefulLinks,exports.UsefulLinksTwoTone=n.SvgUsefulLinksTwoTone,exports.User=n.SvgUser,exports.VerifiedShield=n.SvgVerifiedShield,exports.VerifyIdentity=n.SvgVerifyIdentity,exports.VerifyPhone=n.SvgVerifyPhone,exports.Wallet=n.SvgWallet,exports.WalletFilled=n.SvgWalletFilled,exports.WalletLinkIllustration=n.SvgWalletLinkIllustration,exports.WalletManualIllustration=n.SvgWalletManualIllustration,exports.WarningFilled=n.SvgWarningFilled,exports.WithdrawalTwoTone=n.SvgWithdrawalTwoTone,exports.Alfamart=o.SvgAlfamart,exports.Alfamidi=o.SvgAlfamidi,exports.Anz=o.SvgAnz,exports.Arbitrum=o.Arbitrum,exports.Avalanche=o.Avalanche,exports.Base=o.Base,exports.Bca=o.SvgBca,exports.Bea=o.SvgBea,exports.Binance=o.SvgBinance,exports.Bitgo=o.SvgBitgo,exports.Bnbsmart=o.BnbSmart,exports.Bni=o.SvgBni,exports.Bnp=o.SvgBnp,exports.Boc=o.SvgBoc,exports.Bri=o.SvgBri,exports.Bsi=o.SvgBsi,exports.Bss=o.SvgBss,exports.Cimb=o.SvgCimb,exports.Citi=o.SvgCiti,exports.Coinhako=o.SvgCoinhako,exports.Coinut=o.SvgCoinut,exports.CrossLogo=o.SvgCrossLogo,exports.Crypto=o.SvgCrypto,exports.DanPlusDan=o.SvgDanPlusDan,exports.Dana=o.SvgDana,exports.Danamon=o.SvgDanamon,exports.DarkStraitsXLogo=o.SvgDarkStraitsXLogo,exports.DarkStraitsXUserInfoBarLogo=o.SvgDarkStraitsXUserInfoBarLogo,exports.Dbag=o.SvgDbag,exports.Dbs=o.SvgDbs,exports.Dextf=o.SvgDextf,exports.EarnPiggyBank=o.SvgEarnPiggyBank,exports.EmptyStraitsX=o.EmptyStraitsX,exports.Ethereum=o.SvgEthereum,exports.FaceScan=o.FaceScan,exports.Fazz=o.SvgFazzLogo,exports.Feb=o.SvgFeb,exports.Finblox=o.SvgFinblox,exports.Fireblocks=o.SvgFireblocks,exports.GoPay=o.SvgGoPay,exports.Gpn=o.SvgGpn,exports.Hana=o.SvgHana,exports.Hedera=o.SvgHedera,exports.Hlb=o.SvgHlb,exports.Hodlnaut=o.SvgHodlnaut,exports.Hsbc=o.SvgHsbc,exports.Icbc=o.SvgIcbc,exports.Icici=o.SvgIcici,exports.IdFlag=o.SvgIdFlag,exports.IdrLogo=o.SvgIdrLogo,exports.Indomaret=o.SvgIndomaret,exports.InfoLogo=o.SvgInfoLogo,exports.InterestCompoundedDaily=o.SvgInterestCompoundedDaily,exports.Jcb=o.SvgJcb,exports.Jpmc=o.SvgSmbc,exports.Jumio=o.SvgJumio,exports.Lawson=o.SvgLawson,exports.LedgerVault=o.SvgLedgerVault,exports.LevelDown=o.LevelDown,exports.LightStraitsXLogo=o.SvgLightStraitsXLogo,exports.LinkAja=o.SvgLinkAja,exports.Liquid=o.SvgLiquid,exports.Mandiri=o.SvgMandiri,exports.Mastercard=o.SvgMastercard,exports.Mbb=o.SvgMbb,exports.Miz=o.SvgMiz,exports.Mufg=o.SvgMufg,exports.MyInfoLogo=o.SvgMyInfoLogo,exports.NoFees=o.SvgNoFees,exports.NoLockInPeriod=o.SvgNoLockInPeriod,exports.NotesBell=o.NotesBell,exports.OVO=o.SvgOvo,exports.Ocbc=o.SvgOcbc,exports.OnchainCustodian=o.SvgOnchainCustodian,exports.Permata=o.SvgPermata,exports.Polygon=o.SvgPolygon,exports.Posb=o.SvgPosb,exports.QcpCapital=o.SvgQcpCapital,exports.Qris=o.SvgQris,exports.Rbs=o.SvgRbs,exports.Rhb=o.SvgRhb,exports.Ripple=o.Ripple,exports.Scb=o.SvgScb,exports.SendLogo=o.SvgSendLogo,exports.SgdLogo=o.SvgSgdLogo,exports.ShopeePay=o.SvgShopeePay,exports.Sifl=o.SvgSifl,exports.Smbc=o.SvgSmbc$1,exports.Solana=o.Solana,exports.Sparrow=o.SvgSparrow,exports.StateError=o.StateError,exports.StateSuccess=o.StateSuccess,exports.StraitsXBusinessAccountDarkLogo=o.SvgStraitsXBusinessAccountDarkLogo,exports.StraitsXBusinessAccountLightLogo=o.SvgStraitsXBusinessAccountLightLogo,exports.StraitsXLogo=o.SvgStraitsXLogo,exports.StraitsXMyInfo=o.SvgStraitsXMyInfo,exports.StraitsXPersonalAccountDarkLogo=o.SvgStraitsXPersonalAccountDarkLogo,exports.StraitsXPersonalAccountLightLogo=o.SvgStraitsXPersonalAccountLightLogo,exports.StraitsXSandboxLogo=o.SvgStraitsXSandboxLogo,exports.StraitsxSandboxLogo=o.SvgStraitsxSandboxLogo,exports.Target=o.Target,exports.ThreeDSecure=o.SvgThreedsecure,exports.ThreeDotsLogo=o.SvgThreeDotsLogo,exports.TickLogo=o.SvgTickLogo,exports.TokenizeXchange=o.SvgTokenizeXchange,exports.Tron=o.Tron,exports.Trwi=o.SvgTrwi,exports.Unagii=o.SvgUnagii,exports.Uniswap=o.SvgUniswap,exports.Uob=o.SvgUob,exports.UsFlag=o.SvgUsFlag,exports.UsdLogo=o.SvgUsdLogo,exports.UsdcLogo=o.SvgUsdcLogo,exports.UsdpLogo=o.SvgUsdpLogo,exports.UsdtLogo=o.SvgUsdtLogo,exports.VecDeposits=o.SvgVecDeposits,exports.VecDesktop=o.SvgVecDesktop,exports.VecEmpty=o.SvgVecEmpty,exports.VecEmptyPlain=o.SvgVecEmptyPlain,exports.VecEmptyPlainGreen=o.SvgVecEmptyPlainGreen,exports.VecMobile=o.SvgVecMobile,exports.VecRecipients=o.SvgVecRecipients,exports.VecThumbnailDoc=o.SvgVecThumbnailDoc,exports.Visa=o.SvgVisa,exports.WalletLogo=o.SvgWalletLogo,exports.XfersLogo=o.SvgXfersLogo,exports.XfersSandboxLogo=o.SvgXfersSandboxLogo,exports.XidrLogo=o.SvgXidrLogo,exports.XsgdLogo=o.SvgXsgdLogo,exports.XusdLogo=o.SvgXusdLogo,exports.Zillet=o.SvgZillet,exports.Zilliqa=o.SvgZilliqa,exports.Zilswap=o.SvgZilswap,exports.Accordion=({header:e,body:n,defaultOpen:i=!1,headerHeightDesktop:o=95,headerHeightMobile:r=95,toggleText:s,onCloseToggleText:l=s,additionalHeaderItem:c,withBoxShadow:d=!1})=>{const[h,u]=t.useState(i);return a.default.createElement(sn,{open:h,headerHeightDesktop:o,headerHeightMobile:r,withBoxShadow:d},a.default.createElement(ln,{onClick:()=>u(t=>!t),headerHeightDesktop:o,headerHeightMobile:r},a.default.createElement(cn,null,e,a.default.createElement(un,null,s&&a.default.createElement(dn,null,h?l:s),a.default.createElement(hn,{open:h}))),c&&a.default.createElement(a.default.Fragment,null,c)),a.default.createElement(an,null),a.default.createElement("div",null,n))},exports.ActionButton=t=>{var{icon:e,type:n,disabled:i}=t,o=l(t,["icon","type","disabled"]);const{brand:r,actionButton:s}=Ne(),c=`\n    cursor: auto;\n    pointer-events: none;\n    opacity: ${r.action.disabledOpacity};\n  `,d=`\n        color: ${s.color};\n\n        &:focus {\n            color: ${s.color};\n        }\n\n        &:hover {\n            color: ${s.hover};\n        }\n\n        &:active {\n            color: ${s.color};\n        }\n  `,h=`\n        color: ${r.action.default};\n\n        &:focus {\n            color: ${r.action.default};\n        }\n\n        &:hover {\n            color: ${r.action.hover};\n        }\n\n        &:active {\n            color: ${r.action.default};\n        }\n  `,u=ee(je)`
     &.ant-btn {
@@ -1255,7 +1355,7 @@ padding-top:
   `,m=ht`
     display: block;
     margin: 1px 6px auto 0;
-  `;return a.default.createElement(g,Object.assign({},r),e&&("primary"===o?a.default.createElement(n.SvgInfoFilled,{style:{minHeight:"18px",minWidth:"18px"},color:s.primary.emphasis,className:dt(m)}):"success"===o?a.default.createElement(n.SvgTick,{style:{minHeight:"18px",minWidth:"18px"},color:$e.color.status.positive,className:dt(m)}):"warning"===o?a.default.createElement(n.SvgWarningFilled,{style:{minHeight:"18px",minWidth:"18px"},color:$e.color.status.warning,className:dt(m)}):"error"===o?a.default.createElement(n.SvgCrossMini,{style:{minHeight:"18px",minWidth:"18px"},color:$e.color.status.critical,className:dt(m)}):"notification"===o?a.default.createElement(n.SvgInfoFilled,{style:{minHeight:"18px",minWidth:"18px"},color:$e.color.status.info,className:dt(m)}):a.default.createElement(a.default.Fragment,null)),a.default.createElement(gt.Body,{size:"md"},i))},exports.Button=je,exports.Card=Ze,exports.Carousel=function(t){var{children:n,activeKey:i,width:o=250}=t,r=l(t,["children","activeKey","width"]);const{brand:s}=Ne(),c=n.map((t,n)=>a.default.createElement(e.Tabs.TabPane,{key:n,forceRender:!0},t)),d=n.map((t,e)=>a.default.createElement(yc,{key:e,isActive:e===i,activeColor:s.primary.default}));return a.default.createElement(mc,null,a.default.createElement(bc,Object.assign({renderTabBar:()=>a.default.createElement("div",null),width:o,activeKey:i.toString(),animated:!0},r),c),a.default.createElement(xc,null,d))},exports.Chart=({xValues:e,yValues:n,dataPrefix:i,dataPostfix:o,straitsXStyle:r,height:s=40})=>{const l=t.useRef(null),[c,d]=t.useState({datasets:[]}),h={labels:e,datasets:[{data:n}]},u=i||"",p=o||"";t.useEffect(()=>{const t=l.current;if(!t)return;const e=t.ctx,n=e.createLinearGradient(0,0,0,280);n.addColorStop(.3,"rgba(47, 141, 238, 0.08)"),n.addColorStop(.6,"rgba(47, 141, 238, 0.0002)"),n.addColorStop(1,"rgba(47, 141, 238, 0");const i=e.createLinearGradient(0,0,0,280);i.addColorStop(0,"rgba(0, 211, 126, 0.2)"),i.addColorStop(.1,"rgba(0, 211, 126, 0.1)"),i.addColorStop(1,"rgba(0, 211, 126, 0)");const o=Object.assign(Object.assign({},h),{datasets:h.datasets.map(t=>Object.assign(Object.assign({},t),{backgroundColor:r?i:n,fill:!0,borderColor:r?"#00D37E":"#2E8DEE",pointRadius:0}))});d(o)},[r,e,n]);const f={maintainAspectRatio:!1,plugins:{legend:{display:!1,labels:{font:{family:"'Inter', 'Arial', sans-serif"}}},tooltip:{intersect:!1,padding:15,displayColors:!1,borderColor:"rgba(0, 211, 126, 1)",borderWidth:r?1:0,backgroundColor:r?"#ffffff":"#000000",titleColor:r?"#1B2736":"#fff",bodyColor:r?"#1B2736":"#fff",titleAlign:"center",bodyAlign:"center",titleFont:{size:14},bodyFont:{size:14},callbacks:{title:t=>r?`${u}${t[0].parsed.y}${p}`:t[0].label,label:t=>r?t.label:`${u}${t.parsed.y}${p}`}}},scales:{x:{ticks:{color:r?"#1B2736":"rgba(0, 0, 0, 0.4)",font:{weight:"500",size:13}},grid:{display:!1}},y:{ticks:{beginAtZero:!0,padding:18,maxTicksLimit:3,color:r?"#1B2736":"rgba(0, 0, 0, 0.4)",callback:t=>`${u}${t}${p}`},grid:{display:!1,drawBorder:!1}}}};return a.default.createElement("div",{style:{position:"relative",height:`${s}vh`,width:"99%"}},a.default.createElement(gc,{id:"chart",ref:l,type:"line",data:c,options:f}))},exports.Checkbox=Sh,exports.Coachmark=function({index:t,primaryProps:e,size:n,skipProps:i,step:o,tooltipProps:r,backProps:s}){const{title:l,content:c,data:d}=o;return a.default.createElement(Vh,{role:r.role},a.default.createElement(Uh,null,a.default.createElement(jh,null,a.default.createElement(gt.Label,{size:"md"},l),a.default.createElement(Gh,{role:i.role,onClick:i.onClick},a.default.createElement(Dc,{icon:"close",size:"m"}))),a.default.createElement(gt.Body,{size:"md"},c)),a.default.createElement(Xh,null,a.default.createElement(qh,null,Array.from({length:n},(e,n)=>0===t&&!0===(null==d?void 0:d.skipZeroIndex)?a.default.createElement(a.default.Fragment,null):a.default.createElement(Zh,{key:n,isActive:n===t}))),a.default.createElement(Jh,null,s&&a.default.createElement(Kh,{typographyType:"label",size:"md",role:null==s?void 0:s.role,isDisabled:0===t,onClick:s.onClick,isUnderlined:!1},"Back"),a.default.createElement(Dh,{typographyType:"label",size:"md",role:e.role,onClick:e.onClick,isUnderlined:!1},"Next"))))},exports.CompanyProfile=yu,exports.ContentBreakdown=({title:t,children:e})=>{const{spacing:n,neutral:i}=Ne(),o=ee.div`
+  `;return a.default.createElement(g,Object.assign({},r),e&&("primary"===o?a.default.createElement(n.SvgInfoFilled,{style:{minHeight:"18px",minWidth:"18px"},color:s.primary.emphasis,className:dt(m)}):"success"===o?a.default.createElement(n.SvgTick,{style:{minHeight:"18px",minWidth:"18px"},color:$e.color.status.positive,className:dt(m)}):"warning"===o?a.default.createElement(n.SvgWarningFilled,{style:{minHeight:"18px",minWidth:"18px"},color:$e.color.status.warning,className:dt(m)}):"error"===o?a.default.createElement(n.SvgCrossMini,{style:{minHeight:"18px",minWidth:"18px"},color:$e.color.status.critical,className:dt(m)}):"notification"===o?a.default.createElement(n.SvgInfoFilled,{style:{minHeight:"18px",minWidth:"18px"},color:$e.color.status.info,className:dt(m)}):a.default.createElement(a.default.Fragment,null)),a.default.createElement(gt.Body,{size:"md"},i))},exports.Button=je,exports.COMPANY_MENU_ITEMS=Mu,exports.Card=Ze,exports.Carousel=function(t){var{children:n,activeKey:i,width:o=250}=t,r=l(t,["children","activeKey","width"]);const{brand:s}=Ne(),c=n.map((t,n)=>a.default.createElement(e.Tabs.TabPane,{key:n,forceRender:!0},t)),d=n.map((t,e)=>a.default.createElement(yc,{key:e,isActive:e===i,activeColor:s.primary.default}));return a.default.createElement(mc,null,a.default.createElement(bc,Object.assign({renderTabBar:()=>a.default.createElement("div",null),width:o,activeKey:i.toString(),animated:!0},r),c),a.default.createElement(xc,null,d))},exports.Chart=({xValues:e,yValues:n,dataPrefix:i,dataPostfix:o,straitsXStyle:r,height:s=40})=>{const l=t.useRef(null),[c,d]=t.useState({datasets:[]}),h={labels:e,datasets:[{data:n}]},u=i||"",p=o||"";t.useEffect(()=>{const t=l.current;if(!t)return;const e=t.ctx,n=e.createLinearGradient(0,0,0,280);n.addColorStop(.3,"rgba(47, 141, 238, 0.08)"),n.addColorStop(.6,"rgba(47, 141, 238, 0.0002)"),n.addColorStop(1,"rgba(47, 141, 238, 0");const i=e.createLinearGradient(0,0,0,280);i.addColorStop(0,"rgba(0, 211, 126, 0.2)"),i.addColorStop(.1,"rgba(0, 211, 126, 0.1)"),i.addColorStop(1,"rgba(0, 211, 126, 0)");const o=Object.assign(Object.assign({},h),{datasets:h.datasets.map(t=>Object.assign(Object.assign({},t),{backgroundColor:r?i:n,fill:!0,borderColor:r?"#00D37E":"#2E8DEE",pointRadius:0}))});d(o)},[r,e,n]);const f={maintainAspectRatio:!1,plugins:{legend:{display:!1,labels:{font:{family:"'Inter', 'Arial', sans-serif"}}},tooltip:{intersect:!1,padding:15,displayColors:!1,borderColor:"rgba(0, 211, 126, 1)",borderWidth:r?1:0,backgroundColor:r?"#ffffff":"#000000",titleColor:r?"#1B2736":"#fff",bodyColor:r?"#1B2736":"#fff",titleAlign:"center",bodyAlign:"center",titleFont:{size:14},bodyFont:{size:14},callbacks:{title:t=>r?`${u}${t[0].parsed.y}${p}`:t[0].label,label:t=>r?t.label:`${u}${t.parsed.y}${p}`}}},scales:{x:{ticks:{color:r?"#1B2736":"rgba(0, 0, 0, 0.4)",font:{weight:"500",size:13}},grid:{display:!1}},y:{ticks:{beginAtZero:!0,padding:18,maxTicksLimit:3,color:r?"#1B2736":"rgba(0, 0, 0, 0.4)",callback:t=>`${u}${t}${p}`},grid:{display:!1,drawBorder:!1}}}};return a.default.createElement("div",{style:{position:"relative",height:`${s}vh`,width:"99%"}},a.default.createElement(gc,{id:"chart",ref:l,type:"line",data:c,options:f}))},exports.Checkbox=Sh,exports.Coachmark=function({index:t,primaryProps:e,size:n,skipProps:i,step:o,tooltipProps:r,backProps:s}){const{title:l,content:c,data:d}=o;return a.default.createElement(Vh,{role:r.role},a.default.createElement(Uh,null,a.default.createElement(jh,null,a.default.createElement(gt.Label,{size:"md"},l),a.default.createElement(Gh,{role:i.role,onClick:i.onClick},a.default.createElement(Dc,{icon:"close",size:"m"}))),a.default.createElement(gt.Body,{size:"md"},c)),a.default.createElement(Xh,null,a.default.createElement(qh,null,Array.from({length:n},(e,n)=>0===t&&!0===(null==d?void 0:d.skipZeroIndex)?a.default.createElement(a.default.Fragment,null):a.default.createElement(Zh,{key:n,isActive:n===t}))),a.default.createElement(Jh,null,s&&a.default.createElement(Kh,{typographyType:"label",size:"md",role:null==s?void 0:s.role,isDisabled:0===t,onClick:s.onClick,isUnderlined:!1},"Back"),a.default.createElement(Dh,{typographyType:"label",size:"md",role:e.role,onClick:e.onClick,isUnderlined:!1},"Next"))))},exports.CompanyProfile=Au,exports.CompanyProfileDropdown=Tu,exports.ContentBreakdown=({title:t,children:e})=>{const{spacing:n,neutral:i}=Ne(),o=ee.div`
     margin-top: ${n.sm};
     padding: ${n.md};
     background: ${i.background};
@@ -1265,7 +1365,7 @@ padding-top:
       padding: 0;
       list-style-position: inside;
     }
-  `;return a.default.createElement(o,null,a.default.createElement(en,{style:{marginBottom:n.sm}},t),e)},exports.CopyBox=({value:t,allowCopy:e=!0,valueToCopy:i=t,isBankAddress:o=!1,showCopyIcon:r=!0,icon:s,iconSize:l,labelText:c,labelTooltip:d,helperText:h,helperTextType:u,onButtonClick:p})=>a.default.createElement(Ph,null,a.default.createElement(Nh,null,c&&a.default.createElement(gt.Body,{size:"md",color:$e.color.base.onNeutral},c),d&&a.default.createElement(Ih,null,d)),a.default.createElement(zh,null,a.default.createElement(Bh,null,s&&a.default.createElement(Fh,{iconSize:l},s),a.default.createElement(gt.Body,{size:"lg"},a.default.createElement(Yh,{isBankAddress:o},t))),e&&a.default.createElement(Hh,{onClick:()=>{void 0!==p&&p(),Lh(i)}},r?a.default.createElement(n.SvgCopyToClipboard,null):a.default.createElement(gt.Label,{size:"md",color:$e.brand.primary.default},"Copy"))),h&&a.default.createElement(gt.Body,{size:"sm",color:"error"===u?$e.color.status.critical:$e.color.base.onNeutralSecondary},h)),exports.CopyrightNotice=vu,exports.DESKTOP_BREAKPOINT=de,exports.DatePicker=function(t){var{disabled:n=!1,label:i,required:o=!1,optional:r=!1,size:s="large",error:c=!1,helperText:d,showInfoIcon:h,onInfoClick:u}=t,p=l(t,["disabled","label","required","optional","size","error","helperText","showInfoIcon","onInfoClick"]);const f=Ne(),{height:g,borderRadius:m,padding:b}=qe[s],x=`\n    -webkit-font-smoothing: antialiased;\n    height: ${g} !important;\n    width: 100% !important;\n\n    ${n?"\n      pointer-events: none !important;\n      ":""}\n\n    &.ant-picker {\n      border-radius: ${m} !important;\n      border-color: ${c?f.color.status.critical:f.color.base.line} !important;\n      padding: ${b} !important;\n      transition: 0.3s all ease !important;\n\n      &:hover {\n        border-color: ${f.color.base.primary2} !important;\n      }\n\n      &.ant-picker-focused {\n        border-color: ${f.color.base.primary2} !important;\n        box-shadow: none !important;\n        -webkit-box-shadow: none !important;\n      }\n    }\n\n    &.ant-picker > .ant-picker-input {\n      font-family: ${Ge} !important;\n      font-style: normal !important;\n      font-weight: normal !important;\n      font-size: 14px !important;\n      line-height: 22px !important;\n      color: ${f.color.base.onNeutral} !important;\n    }\n\n    & .ant-picker-input > input {\n      font-size: 14px !important;\n      color: ${f.color.base.onNeutral} !important;\n    }\n\n    & .ant-picker-input > input::placeholder {\n      font-size: 14px !important;\n      color: ${f.color.component.placeholderInput} !important;\n    }\n\n    &.ant-picker.ant-picker-disabled {\n      background: ${f.color.surface.disabledSurface} !important;\n      border: 1px solid ${f.color.base.line} !important;\n    }\n\n    & .ant-picker-input > input[disabled] {\n      color: ${f.color.base.onNeutral} !important;\n      -webkit-text-fill-color: ${f.color.base.onNeutral} !important;\n    }\n\n    & .ant-picker-cell-in-view {\n      &.ant-picker-cell-today .ant-picker-cell-inner {\n        &:before {\n          border-color: ${f.color.base.primary2} !important;\n        }\n      }\n\n      &ant-picker-cell-range-end .ant-picker-cell-inner,\n      &ant-picker-cell-range-start .ant-picker-cell-inner,\n      &ant-picker-cell-selected .ant-picker-cell-inner {\n        background: ${f.color.base.primary2} !important;\n      }\n    }\n  `,y=`\n    .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {\n      background-color: ${f.color.base.primary2} !important;\n    }\n  `,v=a.default.createElement(Dc,{icon:"date_range",size:"m",color:f.color.base.onNeutral});return a.default.createElement("div",null,a.default.createElement(ud,{label:i,required:o,optional:r,showInfoIcon:h,onInfoClick:u}),a.default.createElement(e.DatePicker,Object.assign({className:`${ht(x)}`,popupClassName:ht(y),disabled:n,suffixIcon:v,format:"DD-MM-YYYY"},p)),a.default.createElement(hd,{text:d,error:c}))},exports.DeprecatedModal=e=>{const{neutral:i}=Ne(),[o]=t.useState(document.createElement("div"));return t.useEffect(()=>(Hd.appendChild(o),()=>{Hd.removeChild(o)}),[o]),s.default.createPortal(a.default.createElement(Vd,{open:e.open},e.open&&a.default.createElement(Pt,{styles:St`
+  `;return a.default.createElement(o,null,a.default.createElement(en,{style:{marginBottom:n.sm}},t),e)},exports.CopyBox=({value:t,allowCopy:e=!0,valueToCopy:i=t,isBankAddress:o=!1,showCopyIcon:r=!0,icon:s,iconSize:l,labelText:c,labelTooltip:d,helperText:h,helperTextType:u,onButtonClick:p})=>a.default.createElement(Ph,null,a.default.createElement(Nh,null,c&&a.default.createElement(gt.Body,{size:"md",color:$e.color.base.onNeutral},c),d&&a.default.createElement(Ih,null,d)),a.default.createElement(zh,null,a.default.createElement(Bh,null,s&&a.default.createElement(Fh,{iconSize:l},s),a.default.createElement(gt.Body,{size:"lg"},a.default.createElement(Yh,{isBankAddress:o},t))),e&&a.default.createElement(Hh,{onClick:()=>{void 0!==p&&p(),Lh(i)}},r?a.default.createElement(n.SvgCopyToClipboard,null):a.default.createElement(gt.Label,{size:"md",color:$e.brand.primary.default},"Copy"))),h&&a.default.createElement(gt.Body,{size:"sm",color:"error"===u?$e.color.status.critical:$e.color.base.onNeutralSecondary},h)),exports.CopyrightNotice=$u,exports.DESKTOP_BREAKPOINT=de,exports.DatePicker=function(t){var{disabled:n=!1,label:i,required:o=!1,optional:r=!1,size:s="large",error:c=!1,helperText:d,showInfoIcon:h,onInfoClick:u}=t,p=l(t,["disabled","label","required","optional","size","error","helperText","showInfoIcon","onInfoClick"]);const f=Ne(),{height:g,borderRadius:m,padding:b}=qe[s],x=`\n    -webkit-font-smoothing: antialiased;\n    height: ${g} !important;\n    width: 100% !important;\n\n    ${n?"\n      pointer-events: none !important;\n      ":""}\n\n    &.ant-picker {\n      border-radius: ${m} !important;\n      border-color: ${c?f.color.status.critical:f.color.base.line} !important;\n      padding: ${b} !important;\n      transition: 0.3s all ease !important;\n\n      &:hover {\n        border-color: ${f.color.base.primary2} !important;\n      }\n\n      &.ant-picker-focused {\n        border-color: ${f.color.base.primary2} !important;\n        box-shadow: none !important;\n        -webkit-box-shadow: none !important;\n      }\n    }\n\n    &.ant-picker > .ant-picker-input {\n      font-family: ${Ge} !important;\n      font-style: normal !important;\n      font-weight: normal !important;\n      font-size: 14px !important;\n      line-height: 22px !important;\n      color: ${f.color.base.onNeutral} !important;\n    }\n\n    & .ant-picker-input > input {\n      font-size: 14px !important;\n      color: ${f.color.base.onNeutral} !important;\n    }\n\n    & .ant-picker-input > input::placeholder {\n      font-size: 14px !important;\n      color: ${f.color.component.placeholderInput} !important;\n    }\n\n    &.ant-picker.ant-picker-disabled {\n      background: ${f.color.surface.disabledSurface} !important;\n      border: 1px solid ${f.color.base.line} !important;\n    }\n\n    & .ant-picker-input > input[disabled] {\n      color: ${f.color.base.onNeutral} !important;\n      -webkit-text-fill-color: ${f.color.base.onNeutral} !important;\n    }\n\n    & .ant-picker-cell-in-view {\n      &.ant-picker-cell-today .ant-picker-cell-inner {\n        &:before {\n          border-color: ${f.color.base.primary2} !important;\n        }\n      }\n\n      &ant-picker-cell-range-end .ant-picker-cell-inner,\n      &ant-picker-cell-range-start .ant-picker-cell-inner,\n      &ant-picker-cell-selected .ant-picker-cell-inner {\n        background: ${f.color.base.primary2} !important;\n      }\n    }\n  `,y=`\n    .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {\n      background-color: ${f.color.base.primary2} !important;\n    }\n  `,v=a.default.createElement(Dc,{icon:"date_range",size:"m",color:f.color.base.onNeutral});return a.default.createElement("div",null,a.default.createElement(ud,{label:i,required:o,optional:r,showInfoIcon:h,onInfoClick:u}),a.default.createElement(e.DatePicker,Object.assign({className:`${ht(x)}`,popupClassName:ht(y),disabled:n,suffixIcon:v,format:"DD-MM-YYYY"},p)),a.default.createElement(hd,{text:d,error:c}))},exports.DeprecatedModal=e=>{const{neutral:i}=Ne(),[o]=t.useState(document.createElement("div"));return t.useEffect(()=>(Hd.appendChild(o),()=>{Hd.removeChild(o)}),[o]),s.default.createPortal(a.default.createElement(Vd,{open:e.open},e.open&&a.default.createElement(Pt,{styles:St`
             body {
               overflow: hidden;
               position: fixed;
@@ -1345,7 +1445,7 @@ padding-top:
     align-self: center;
     margin-bottom: 20px;
     ${xe};
-  `;return a.default.createElement(c,{backgroundColor:o},a.default.createElement(l,null,t),a.default.createElement(d,null,e),a.default.createElement(h,null,n),i)},exports.FALLBACK_FONT="Inter",exports.Form=cd,exports.H1=Ke,exports.H2=Je,exports.H3=Qe,exports.H4=on,exports.Hidden=yh,exports.Input=fd,exports.InputWithButton=({buttonText:t,onButtonClick:e,prefix:n,placeholder:i,value:o,defaultValue:r,onChange:s,disabled:l=!1,disabledInput:c=!1,disabledPrefix:d=!1,staticPrefix:h=!1,error:u=!1,className:p})=>{const f=Ne(),g=l||c,m=l||d,b=u?f.color.status.critical:f.color.base.line,x=f.color.base.line;return a.default.createElement(xd,{className:p},n&&a.default.createElement(yd,{borderColor:x,bgColor:m?f.color.surface.disabledSurface:h?f.color.surface.secondaryNeutral:f.color.surface.neutral,hoverBgColor:m?f.color.surface.disabledSurface:f.color.interactive.hoverSurface,textColor:m?f.color.surface.disabledOnSurface:f.color.base.onNeutral,isDisabled:m},n),a.default.createElement(vd,{type:"text",placeholder:i,value:o,defaultValue:r,onChange:s,disabled:g,borderColor:b,focusBorderColor:f.color.base.primary2,textColor:f.color.base.onNeutral,placeholderColor:f.color.component.placeholderInput,disabledBgColor:f.color.surface.disabledSurface,disabledTextColor:f.color.surface.disabledOnSurface,hasPrefix:!!n,isDisabled:g}),a.default.createElement(_d,{type:"button",onClick:e,disabled:l||u,bgColor:f.color.base.primary,disabledBgColor:f.color.surface.disabledSurface,textColor:f.color.base.onNeutral,disabledTextColor:f.color.surface.disabledOnSurface,isDisabled:l||u},t))},exports.LAPTOP_BREAKPOINT="@media (min-width: 768px)",exports.Link=Dh,exports.MAIN_FONT=Ge,exports.MaterialSymbols=Dc,exports.Modal=({onClose:t,variant:e="default",size:i="small",title:o,children:r,footer:s,disabledCloseIcon:l,className:c,illustration:d,headerImage:h})=>{const{neutral:u}=Ne(),p="newFeature"===e?"medium":i,f=!l&&a.default.createElement(Nd,{onClick:()=>t()},a.default.createElement(n.SvgCross,{color:u.text,width:18}));return a.default.createElement(Sd,{modalSize:p,className:c},(()=>{switch(e){case"illustration":return a.default.createElement(a.default.Fragment,null,a.default.createElement(Od,null,f),a.default.createElement(Dd,null,d&&a.default.createElement(Md,null,d),o&&a.default.createElement(Td,null,o)));case"newFeature":return a.default.createElement(a.default.Fragment,null,h&&a.default.createElement(Ad,null,h),o&&a.default.createElement($d,null,a.default.createElement(Rd,null,o)));default:return(o||!l)&&a.default.createElement(kd,null,a.default.createElement(Ed,null,a.default.createElement(Cd,null,o||""),f))}})(),a.default.createElement(Ld,null,r),s&&a.default.createElement(Pd,null,s))},exports.ModalProvider=({children:e})=>{const[n,i]=t.useState(),o=t.useCallback(()=>{i(void 0)},[i]);return a.default.createElement(Ou.Provider,{value:{resetModal:o,setModal:i}},e,a.default.createElement(Mu,{modal:n}))},exports.Note=({title:t,children:e})=>{const n=Array.isArray(e)&&e.length>1,i=ee.div`
+  `;return a.default.createElement(c,{backgroundColor:o},a.default.createElement(l,null,t),a.default.createElement(d,null,e),a.default.createElement(h,null,n),i)},exports.FALLBACK_FONT="Inter",exports.Form=cd,exports.H1=Ke,exports.H2=Je,exports.H3=Qe,exports.H4=on,exports.Hidden=yh,exports.Input=fd,exports.InputWithButton=({buttonText:t,onButtonClick:e,prefix:n,placeholder:i,value:o,defaultValue:r,onChange:s,disabled:l=!1,disabledInput:c=!1,disabledPrefix:d=!1,staticPrefix:h=!1,error:u=!1,className:p})=>{const f=Ne(),g=l||c,m=l||d,b=u?f.color.status.critical:f.color.base.line,x=f.color.base.line;return a.default.createElement(xd,{className:p},n&&a.default.createElement(yd,{borderColor:x,bgColor:m?f.color.surface.disabledSurface:h?f.color.surface.secondaryNeutral:f.color.surface.neutral,hoverBgColor:m?f.color.surface.disabledSurface:f.color.interactive.hoverSurface,textColor:m?f.color.surface.disabledOnSurface:f.color.base.onNeutral,isDisabled:m},n),a.default.createElement(vd,{type:"text",placeholder:i,value:o,defaultValue:r,onChange:s,disabled:g,borderColor:b,focusBorderColor:f.color.base.primary2,textColor:f.color.base.onNeutral,placeholderColor:f.color.component.placeholderInput,disabledBgColor:f.color.surface.disabledSurface,disabledTextColor:f.color.surface.disabledOnSurface,hasPrefix:!!n,isDisabled:g}),a.default.createElement(_d,{type:"button",onClick:e,disabled:l||u,bgColor:f.color.base.primary,disabledBgColor:f.color.surface.disabledSurface,textColor:f.color.base.onNeutral,disabledTextColor:f.color.surface.disabledOnSurface,isDisabled:l||u},t))},exports.LAPTOP_BREAKPOINT="@media (min-width: 768px)",exports.Link=Dh,exports.MAIN_FONT=Ge,exports.MaterialSymbols=Dc,exports.Modal=({onClose:t,variant:e="default",size:i="small",title:o,children:r,footer:s,disabledCloseIcon:l,className:c,illustration:d,headerImage:h})=>{const{neutral:u}=Ne(),p="newFeature"===e?"medium":i,f=!l&&a.default.createElement(Nd,{onClick:()=>t()},a.default.createElement(n.SvgCross,{color:u.text,width:18}));return a.default.createElement(Sd,{modalSize:p,className:c},(()=>{switch(e){case"illustration":return a.default.createElement(a.default.Fragment,null,a.default.createElement(Od,null,f),a.default.createElement(Dd,null,d&&a.default.createElement(Md,null,d),o&&a.default.createElement(Td,null,o)));case"newFeature":return a.default.createElement(a.default.Fragment,null,h&&a.default.createElement(Ad,null,h),o&&a.default.createElement($d,null,a.default.createElement(Rd,null,o)));default:return(o||!l)&&a.default.createElement(kd,null,a.default.createElement(Ed,null,a.default.createElement(Cd,null,o||""),f))}})(),a.default.createElement(Ld,null,r),s&&a.default.createElement(Pd,null,s))},exports.ModalProvider=({children:e})=>{const[n,i]=t.useState(),o=t.useCallback(()=>{i(void 0)},[i]);return a.default.createElement(zu.Provider,{value:{resetModal:o,setModal:i}},e,a.default.createElement(Yu,{modal:n}))},exports.Note=({title:t,children:e})=>{const n=Array.isArray(e)&&e.length>1,i=ee.div`
     width: 100%;
     background: ${$e.color.surface.subduePositive};
     padding: 4px;
@@ -1366,7 +1466,7 @@ padding-top:
     justify-content: center;
     padding: 5px 0 5px 15px;
     gap: ${t?"5px":"0px"};
-  `;return a.default.createElement(i,null,a.default.createElement(o,null,a.default.createElement(gt.Label,{size:"md"},t),n?a.default.createElement(gt.Body,{size:"md",style:{scrollbarWidth:"none"}},a.default.createElement("ol",{style:{margin:0,paddingLeft:"20px"}},e.map((t,e)=>a.default.createElement("li",{key:e},t)))):a.default.createElement(gt.Body,{size:"md",style:{scrollbarWidth:"none"}},e)))},exports.P1=tn,exports.P1Bold=en,exports.Pagination=function({current:t,pageSize:n,total:i,onChange:o,showSizeChanger:r,onShowSizeChange:s,pageSizeOptions:l}){const c=`\n    -webkit-font-smoothing: antialiased;\n\n    & > .ant-pagination-prev {\n      height: 36px;\n      line-height: 36px;\n      min-width: 36px;\n      margin-right: 5px;\n    }\n\n    & > .ant-pagination-prev .ant-pagination-item-link {\n      border-radius: 5px;\n      border: 1px solid ${exports.NEUTRAL_COLORS.G200};\n    }\n\n    & > .ant-pagination-item {\n      height: 36px;\n      line-height: 36px;\n      min-width: 36px;\n      font-family: ${Ge};\n      border-radius: 5px;\n      border: 1px solid ${exports.NEUTRAL_COLORS.G200};\n      margin-right: 5px;\n      transition: 0.3s all;\n    }\n\n    & > .ant-pagination-item-active {\n      border-color: ${exports.MAIN_COLORS.PRIMARY_BLUE};\n    }\n\n    & > .ant-pagination-next {\n      height: 36px;\n      line-height: 36px;\n      min-width: 36px;\n      margin-right: 5px;\n    }\n\n    & > .ant-pagination-next .ant-pagination-item-link {\n      border-radius: 5px;\n    }\n  `;return a.default.createElement(e.Pagination,{className:`${ht(c)}`,current:t,pageSize:n,total:i,onChange:o,showSizeChanger:r,onShowSizeChange:s,pageSizeOptions:l})},exports.Radio=Jd,exports.RangePicker=function(t){var{format:e="DD-MM-YYYY",size:n="large"}=t,i=l(t,["format","size"]);const o=Ne(),{height:r,borderRadius:s,padding:c}=qe[n],d=`\n    -webkit-font-smoothing: antialiased;\n    height: ${r} !important;\n\n    &.ant-picker {\n      border-radius: ${s} !important;\n      border-color: ${o.color.base.line} !important;\n      padding: ${c} !important;\n      transition: 0.3s all ease !important;\n\n      &:hover {\n        border-color: ${o.color.base.primary2} !important;\n      }\n\n      &.ant-picker-focused {\n        border-color: ${o.color.base.primary2} !important;\n        box-shadow: none !important;\n        -webkit-box-shadow: none !important;\n      }\n\n      .ant-picker-active-bar {\n        background: ${o.color.base.primary2} !important;\n      }\n    }\n\n\n    &.ant-picker > .ant-picker-input {\n      font-family: ${Ge} !important;\n      font-style: normal !important;\n      font-weight: normal !important;\n      font-size: 14px !important;\n      line-height: 22px !important;\n      color: ${o.color.base.onNeutral} !important;\n    }\n\n    & .ant-picker-input > input {\n      color: ${o.color.base.onNeutral} !important;\n    }\n\n    & .ant-picker-input > input::placeholder {\n      color: ${o.color.component.placeholderInput} !important;\n    }\n  `,h=`\n    .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-range-end > .ant-picker-cell-inner {\n      background-color: ${o.color.base.primary2} !important;\n    }\n\n    .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-range-start > .ant-picker-cell-inner {\n      background-color: ${o.color.base.primary2} !important;\n    }\n\n    .ant-picker-cell.ant-picker-cell-in-view {\n      &.ant-picker-cell-in-range::before {\n        background-color: ${o.color.interactive.selected} !important;\n      }\n\n      &.ant-picker-cell-range-end::before {\n        background-color: ${o.color.interactive.selected} !important;\n      }\n\n      &.ant-picker-cell-range-start::before {\n        background-color: ${o.color.interactive.selected} !important;\n      }\n    }\n  `;return a.default.createElement(dh.RangePicker,Object.assign({className:`${ht(d)}`,format:e,popupClassName:ht(h)},i))},exports.Section=Mh,exports.Select=nd,exports.SelectionBox=hh,exports.SelectionBoxGroup=({children:t,label:e})=>a.default.createElement("div",{role:"radiogroup","aria-label":e},t),exports.Sidebar=Cu,exports.SidebarBase=_u,exports.SidebarNavItem=xu,exports.SidebarProducts=Eu,exports.SidebarSubItem=bu,exports.SmallP=nn,exports.Spin=t=>{var{size:n}=t,i=l(t,["size"]);const{brand:o}=Ne(),r=ht`
+  `;return a.default.createElement(i,null,a.default.createElement(o,null,a.default.createElement(gt.Label,{size:"md"},t),n?a.default.createElement(gt.Body,{size:"md",style:{scrollbarWidth:"none"}},a.default.createElement("ol",{style:{margin:0,paddingLeft:"20px"}},e.map((t,e)=>a.default.createElement("li",{key:e},t)))):a.default.createElement(gt.Body,{size:"md",style:{scrollbarWidth:"none"}},e)))},exports.P1=tn,exports.P1Bold=en,exports.Pagination=function({current:t,pageSize:n,total:i,onChange:o,showSizeChanger:r,onShowSizeChange:s,pageSizeOptions:l}){const c=`\n    -webkit-font-smoothing: antialiased;\n\n    & > .ant-pagination-prev {\n      height: 36px;\n      line-height: 36px;\n      min-width: 36px;\n      margin-right: 5px;\n    }\n\n    & > .ant-pagination-prev .ant-pagination-item-link {\n      border-radius: 5px;\n      border: 1px solid ${exports.NEUTRAL_COLORS.G200};\n    }\n\n    & > .ant-pagination-item {\n      height: 36px;\n      line-height: 36px;\n      min-width: 36px;\n      font-family: ${Ge};\n      border-radius: 5px;\n      border: 1px solid ${exports.NEUTRAL_COLORS.G200};\n      margin-right: 5px;\n      transition: 0.3s all;\n    }\n\n    & > .ant-pagination-item-active {\n      border-color: ${exports.MAIN_COLORS.PRIMARY_BLUE};\n    }\n\n    & > .ant-pagination-next {\n      height: 36px;\n      line-height: 36px;\n      min-width: 36px;\n      margin-right: 5px;\n    }\n\n    & > .ant-pagination-next .ant-pagination-item-link {\n      border-radius: 5px;\n    }\n  `;return a.default.createElement(e.Pagination,{className:`${ht(c)}`,current:t,pageSize:n,total:i,onChange:o,showSizeChanger:r,onShowSizeChange:s,pageSizeOptions:l})},exports.Radio=Jd,exports.RangePicker=function(t){var{format:e="DD-MM-YYYY",size:n="large"}=t,i=l(t,["format","size"]);const o=Ne(),{height:r,borderRadius:s,padding:c}=qe[n],d=`\n    -webkit-font-smoothing: antialiased;\n    height: ${r} !important;\n\n    &.ant-picker {\n      border-radius: ${s} !important;\n      border-color: ${o.color.base.line} !important;\n      padding: ${c} !important;\n      transition: 0.3s all ease !important;\n\n      &:hover {\n        border-color: ${o.color.base.primary2} !important;\n      }\n\n      &.ant-picker-focused {\n        border-color: ${o.color.base.primary2} !important;\n        box-shadow: none !important;\n        -webkit-box-shadow: none !important;\n      }\n\n      .ant-picker-active-bar {\n        background: ${o.color.base.primary2} !important;\n      }\n    }\n\n\n    &.ant-picker > .ant-picker-input {\n      font-family: ${Ge} !important;\n      font-style: normal !important;\n      font-weight: normal !important;\n      font-size: 14px !important;\n      line-height: 22px !important;\n      color: ${o.color.base.onNeutral} !important;\n    }\n\n    & .ant-picker-input > input {\n      color: ${o.color.base.onNeutral} !important;\n    }\n\n    & .ant-picker-input > input::placeholder {\n      color: ${o.color.component.placeholderInput} !important;\n    }\n  `,h=`\n    .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-range-end > .ant-picker-cell-inner {\n      background-color: ${o.color.base.primary2} !important;\n    }\n\n    .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-range-start > .ant-picker-cell-inner {\n      background-color: ${o.color.base.primary2} !important;\n    }\n\n    .ant-picker-cell.ant-picker-cell-in-view {\n      &.ant-picker-cell-in-range::before {\n        background-color: ${o.color.interactive.selected} !important;\n      }\n\n      &.ant-picker-cell-range-end::before {\n        background-color: ${o.color.interactive.selected} !important;\n      }\n\n      &.ant-picker-cell-range-start::before {\n        background-color: ${o.color.interactive.selected} !important;\n      }\n    }\n  `;return a.default.createElement(dh.RangePicker,Object.assign({className:`${ht(d)}`,format:e,popupClassName:ht(h)},i))},exports.Section=Mh,exports.Select=nd,exports.SelectionBox=hh,exports.SelectionBoxGroup=({children:t,label:e})=>a.default.createElement("div",{role:"radiogroup","aria-label":e},t),exports.Sidebar=Fu,exports.SidebarBase=Ru,exports.SidebarNavItem=Du,exports.SidebarProducts=Iu,exports.SidebarSubItem=Ou,exports.SmallP=nn,exports.Spin=t=>{var{size:n}=t,i=l(t,["size"]);const{brand:o}=Ne(),r=ht`
     & .ant-spin-dot-item {
       background-color: ${o.primary.default};
     }
@@ -1422,5 +1522,5 @@ padding-top:
     border-radius: 5px !important;
 
     ${s&&"\n      & > .ant-card-body {\n        display: flex !important;\n        flex-direction: row !important;\n        align-items: center !important;\n      }\n    "} ${r&&"\n      & > .ant-card-body > div {\n        display: flex !important;\n        flex-direction: column-reverse !important;\n      }\n    "};
-  `;return a.default.createElement(l,{type:n},s&&s,a.default.createElement("div",null,a.default.createElement(tn,{style:{marginBottom:r?"0":"5px"}},t),a.default.createElement(Ke,{style:{marginBottom:r?"5px":"0"}},e)))},exports.TABLET_BREAKPOINT="@media (min-width: 576px)",exports.Table=t=>{var{className:n,emptyText:i}=t,o=l(t,["className","emptyText"]);return a.default.createElement(e.Table,Object.assign({className:dt(_h,n),locale:{emptyText:i}},o))},exports.Tabs=wh,exports.Tag=Pc,exports.ThemeProvider=({theme:t=$e,children:e})=>a.default.createElement(Pe.Provider,{value:t},a.default.createElement(Le,null),e),exports.Timeline=Wh,exports.Timer=({initialSeconds:e,blinkActivationSeconds:n,shouldRepeat:i,onTimesUp:o,children:r})=>{const[a,s]=t.useState(!1),[l,c]=t.useState(e),[d,h]=t.useState(void 0),[u,p]=t.useState(!0),f=Date.now()+1e3*l;return t.useEffect(()=>{u&&(h(setInterval(()=>{const t=(new Date).getTime(),e=f-t,i=Math.ceil(e/1e3);i>=0&&c(i),n&&i<=n&&s(!0)},1e3)),p(!1))},[u]),t.useEffect(()=>{l<=0&&void 0!==d&&(clearInterval(d),h(void 0),s(!1),o&&o(),i&&(c(e),p(!0)))},[d,l]),r(a,l)},exports.Tooltip=vc,exports.Typography=gt,exports.getCoachmarkJoyrideConfig=function(t){const{arrowColor:e=$e.color.surface.secondaryNeutral,arrowLength:n=8,arrowSpread:i=16}=t||{};return{floaterProps:{styles:{arrow:{length:n,spread:i,color:e}}}}},exports.straitsXTheme=$e,exports.useModal=()=>{const t=a.default.useContext(Ou);if(void 0===t)throw new Error("useModal must be used within a UserProvider");return t},exports.useTheme=Ne,exports.xfersTheme=Ae;
+  `;return a.default.createElement(l,{type:n},s&&s,a.default.createElement("div",null,a.default.createElement(tn,{style:{marginBottom:r?"0":"5px"}},t),a.default.createElement(Ke,{style:{marginBottom:r?"5px":"0"}},e)))},exports.TABLET_BREAKPOINT="@media (min-width: 576px)",exports.Table=t=>{var{className:n,emptyText:i}=t,o=l(t,["className","emptyText"]);return a.default.createElement(e.Table,Object.assign({className:dt(_h,n),locale:{emptyText:i}},o))},exports.Tabs=wh,exports.Tag=Pc,exports.ThemeProvider=({theme:t=$e,children:e})=>a.default.createElement(Pe.Provider,{value:t},a.default.createElement(Le,null),e),exports.Timeline=Wh,exports.Timer=({initialSeconds:e,blinkActivationSeconds:n,shouldRepeat:i,onTimesUp:o,children:r})=>{const[a,s]=t.useState(!1),[l,c]=t.useState(e),[d,h]=t.useState(void 0),[u,p]=t.useState(!0),f=Date.now()+1e3*l;return t.useEffect(()=>{u&&(h(setInterval(()=>{const t=(new Date).getTime(),e=f-t,i=Math.ceil(e/1e3);i>=0&&c(i),n&&i<=n&&s(!0)},1e3)),p(!1))},[u]),t.useEffect(()=>{l<=0&&void 0!==d&&(clearInterval(d),h(void 0),s(!1),o&&o(),i&&(c(e),p(!0)))},[d,l]),r(a,l)},exports.Tooltip=vc,exports.Typography=gt,exports.getCoachmarkJoyrideConfig=function(t){const{arrowColor:e=$e.color.surface.secondaryNeutral,arrowLength:n=8,arrowSpread:i=16}=t||{};return{floaterProps:{styles:{arrow:{length:n,spread:i,color:e}}}}},exports.straitsXTheme=$e,exports.useModal=()=>{const t=a.default.useContext(zu);if(void 0===t)throw new Error("useModal must be used within a UserProvider");return t},exports.useTheme=Ne,exports.xfersTheme=Ae;
 //# sourceMappingURL=index.js.map