@privy-io/react-auth/dist/cjs/Button-Bm_Ft0Dw.js

React client for the Privy Auth API

"use strict";var r=require("react/jsx-runtime"),o=require("styled-components"),e=require("./useActiveWallet-BOX8xCn9.js");const a=/*#__PURE__*/o.styled.button.withConfig({displayName:"BaseButton",componentId:"sc-e537b447-0"})(["display:flex;flex-direction:row;align-items:center;justify-content:center;user-select:none;&{width:auto;cursor:pointer;border-radius:",";font-size:14px;font-style:normal;font-weight:500;line-height:22px;letter-spacing:-0.016px;}&&{height:",";padding:0 ",";}"],(({$size:r})=>"sm"===r?"6px":"var(--privy-border-radius-sm)"),(({$size:r})=>"sm"===r?"28px":"48px"),(({$size:r})=>"sm"===r?"10px":"16px")),l=({children:o,loading:a,disabled:l,success:d,size:i="lg",loadingText:n="Loading...",as:t,onClick:s,...v})=>{let b="a"===t,u=!(!a&&!l);/*#__PURE__*/return r.jsx(c,{as:t,disabled:b?void 0:u,"aria-disabled":b?u:void 0,$success:d,$size:i,onClick:r=>{b&&u?r.preventDefault():s?.(r)},...v,children:a?/*#__PURE__*/r.jsxs(r.Fragment,{children:[/*#__PURE__*/r.jsx(e.ButtonLoader,{}),n?/*#__PURE__*/r.jsx("span",{style:{marginLeft:"8px"},children:n}):null]}):o})};let d=/*#__PURE__*/o.styled(a).withConfig({displayName:"StyledPrimaryButtonWithoutGray",componentId:"sc-e537b447-1"})(["position:relative;&&{background-color:var(--privy-color-accent);color:var(--privy-color-foreground-accent);transition:background-color 200ms ease;}&:hover{background-color:var(--privy-color-accent-dark);}&:active{background-color:var(--privy-color-accent-dark);}&:disabled,&:hover:disabled,&:active:disabled{cursor:not-allowed;color:var(--privy-color-foreground-disabled);background-color:var(--privy-color-accent-dark);}"]),c=/*#__PURE__*/o.styled(a).withConfig({displayName:"StyledPrimaryButton",componentId:"sc-e537b447-2"})(["position:relative;&&{background-color:",";color:var(--privy-color-foreground-accent);transition:background-color 200ms ease;}&:hover{background-color:",";}&:active{background-color:",";}&:focus{outline:none;box-shadow:0 0 0 3px #949df9;}&:disabled{background-color:var(--privy-color-background-2);border:1px solid var(--privy-color-border-default);color:var(--privy-color-foreground-disabled);cursor:not-allowed;}&:hover:disabled,&:active:disabled{background-color:var(--privy-color-background-2);border:1px solid var(--privy-color-border-default);color:var(--privy-color-foreground-disabled);cursor:not-allowed;}",""],(r=>r.$warn?"var(--privy-color-error-dark)":"var(--privy-color-accent)"),(r=>r.$warn?"var(--privy-color-error-dark)":"var(--privy-color-accent-dark)"),(r=>r.$warn?"var(--privy-color-error-dark)":"var(--privy-color-accent-dark)"),(r=>r.disabled&&/*#__PURE__*/o.css(["&&&,&&&:hover,&&&:active{background-color:var(--privy-color-background-2);border:1px solid var(--privy-color-border-default);color:var(--privy-color-foreground-disabled);cursor:not-allowed;}"])));const i=({children:o,loading:a,disabled:l,size:d="lg",loadingText:c="Loading...",as:i,onClick:n,...s})=>{let v="a"===i,b=!(!a&&!l);/*#__PURE__*/return r.jsx(t,{as:i,disabled:v?void 0:b,"aria-disabled":v?b:void 0,$size:d,onClick:r=>{v&&b?r.preventDefault():n?.(r)},...s,children:a?/*#__PURE__*/r.jsxs(r.Fragment,{children:[/*#__PURE__*/r.jsx(e.ButtonLoader,{}),c?/*#__PURE__*/r.jsx("span",{style:{marginLeft:"8px"},children:c}):null]}):o})},n=({children:o,loading:a,disabled:l,size:d="lg",loadingText:c="Loading...",as:i,onClick:n,...t})=>{let v="a"===i,b=!(!a&&!l);/*#__PURE__*/return r.jsx(s,{as:i,disabled:v?void 0:b,"aria-disabled":v?b:void 0,$size:d,onClick:r=>{v&&b?r.preventDefault():n?.(r)},...t,children:a?/*#__PURE__*/r.jsxs(r.Fragment,{children:[/*#__PURE__*/r.jsx(e.ButtonLoader,{}),c?/*#__PURE__*/r.jsx("span",{style:{marginLeft:"8px"},children:c}):null]}):o})};let t=/*#__PURE__*/o.styled(a).withConfig({displayName:"StyledSecondaryButton",componentId:"sc-e537b447-3"})(["&&{border-width:1px;border-style:solid;border-color:",";background-color:var(--privy-color-background);color:",";transition:border-color 200ms ease,color 200ms ease,background-color 200ms ease;}&:hover{border-color:",";background-color:",";color:",";}&:active{border-color:",";background-color:",";color:",";}&:disabled{border-color:var(--privy-color-border-default);background-color:var(--privy-color-background-2);color:var(--privy-color-foreground-disabled);cursor:not-allowed;}&:hover:disabled,&:active:disabled{border-color:var(--privy-color-border-default);background-color:var(--privy-color-background-2);color:var(--privy-color-foreground-disabled);cursor:not-allowed;}",""],(r=>r.$warn?"var(--privy-color-border-error)":"var(--privy-color-accent)"),(r=>r.$warn?"var(--privy-color-error-dark)":"var(--privy-color-accent)"),(r=>r.$warn?"var(--privy-color-border-error)":"var(--privy-color-border-interactive-hover)"),(r=>r.$warn?"var(--privy-color-error-light)":"var(--privy-color-info-bg-hover)"),(r=>r.$warn?"var(--privy-color-error-dark)":"var(--privy-color-accent)"),(r=>r.$warn?"var(--privy-color-border-error)":"var(--privy-color-border-interactive)"),(r=>r.$warn?"var(--privy-color-error-bg-hover)":"var(--privy-color-info-bg)"),(r=>r.$warn?"var(--privy-color-error-dark)":"var(--privy-color-accent)"),(r=>r.disabled&&/*#__PURE__*/o.css(["&&&,&&&:hover,&&&:active{border-color:var(--privy-color-border-default);background-color:var(--privy-color-background-2);color:var(--privy-color-foreground-disabled);cursor:not-allowed;}"]))),s=/*#__PURE__*/o.styled(a).withConfig({displayName:"StyledMutedButton",componentId:"sc-e537b447-4"})(["&&{border-width:1px;border-style:solid;border-color:var(--privy-color-border-default);background-color:transparent;color:var(--privy-color-text-muted);transition:border-color 200ms ease,color 200ms ease,background-color 200ms ease;}&:hover{border-color:var(--privy-color-border-default);background-color:var(--privy-color-info-bg-hover);color:var(--privy-color-foreground-2);}&:active{border-color:var(--privy-color-border-default);background-color:var(--privy-color-info-bg);color:var(--privy-color-foreground-2);}&:focus{outline:none;box-shadow:0 0 0 3px #949df9;}&:disabled{border-color:var(--privy-color-border-default);background-color:var(--privy-color-background-2);color:var(--privy-color-foreground-disabled);cursor:not-allowed;}&:hover:disabled,&:active:disabled{border-color:var(--privy-color-border-default);background-color:var(--privy-color-background-2);color:var(--privy-color-foreground-disabled);cursor:not-allowed;}",""],(r=>r.disabled&&/*#__PURE__*/o.css(["&&&,&&&:hover,&&&:active{border-color:var(--privy-color-border-default);background-color:var(--privy-color-background-2);color:var(--privy-color-foreground-disabled);cursor:not-allowed;}"])));let v=/*#__PURE__*/o.styled.button.withConfig({displayName:"StyledEmbeddedButton",componentId:"sc-e537b447-7"})(["&&{color:var(--privy-color-accent);font-size:16px;font-style:normal;font-weight:500;line-height:24px;cursor:pointer;border-radius:0px var(--privy-border-radius-mdlg) var(--privy-border-radius-mdlg) 0px;border:none;transition:color 200ms ease;@media (min-width:441px){font-size:14px;}:hover{color:var(--privy-color-accent-dark);}&& > :first-child{opacity:",";}&& > :last-child{position:absolute;display:flex;top:50%;left:50%;transform:translate3d(-50%,-50%,0);opacity:",";}:disabled,:hover:disabled{color:var(--privy-color-foreground-disabled);cursor:not-allowed;}}"],(r=>r.$isSubmitting?0:1),(r=>r.$isSubmitting?1:0));exports.Button=({variant:o="primary",size:e="lg",children:a,success:d,...c})=>{switch(o){case"secondary":/*#__PURE__*/return r.jsx(i,{size:e,...c,children:a});case"error":/*#__PURE__*/return r.jsx(i,{$warn:!0,size:e,...c,children:a});case"muted":/*#__PURE__*/return r.jsx(n,{size:e,...c,children:a});default:/*#__PURE__*/return r.jsx(l,{size:e,success:d,...c,children:a})}},exports.EmbeddedButton=({children:o,onClick:a,disabled:l,isSubmitting:d,...c})=>/*#__PURE__*/r.jsxs(v,{$isSubmitting:d,onClick:a,disabled:l,...c,children:[/*#__PURE__*/r.jsx("span",{children:o}),
/*#__PURE__*/r.jsx("span",{children:/*#__PURE__*/r.jsx(e.ButtonLoader,{})})]}),exports.PrimaryButton=l,exports.PrimaryButtonWithoutGray=({children:o,loading:a,disabled:l,...c})=>/*#__PURE__*/r.jsx(d,{disabled:l,...c,children:a?/*#__PURE__*/r.jsx(e.ButtonLoader,{color:"var(--privy-color-foreground-accent)"}):o}),exports.SecondaryButton=i;