@make-software/csprclick-ui 1.12.0 → 2.0.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/lib/assets/logos/apple-logo-dark.svg +3 -0
- package/dist/cjs/lib/index.js +15 -15
- package/dist/cjs/lib/lib/ChangeAccountConfirmation/ChangeAccountConfirmation.d.ts +1 -1
- package/dist/cjs/lib/lib/IframePopup/IframePopup.d.ts +10 -0
- package/dist/cjs/lib/lib/IframePopup/components/InnerPopup.d.ts +16 -0
- package/dist/cjs/lib/lib/IframePopup/styled.d.ts +37 -0
- package/dist/cjs/lib/lib/SignIn/components/SocialLogin.d.ts +3 -2
- package/dist/cjs/lib/lib/TopBar/hooks/useClickBadge.d.ts +0 -1
- package/dist/cjs/lib/lib/TransactionReview/TransactionReviewHandler.d.ts +0 -1
- package/dist/index.d.ts +1 -1
- package/dist/lib/assets/logos/apple-logo-dark.svg +3 -0
- package/dist/lib/index.js +15 -15
- package/package.json +2 -2
|
@@ -2,5 +2,5 @@ import { ThemeModeType } from '../types';
|
|
|
2
2
|
interface ChangeAccountConfirmationProps {
|
|
3
3
|
themeMode?: ThemeModeType;
|
|
4
4
|
}
|
|
5
|
-
export declare const ChangeAccountConfirmation: (props: ChangeAccountConfirmationProps) =>
|
|
5
|
+
export declare const ChangeAccountConfirmation: (props: ChangeAccountConfirmationProps) => any;
|
|
6
6
|
export default ChangeAccountConfirmation;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ThemeModeType } from '@make-software/cspr-design';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export interface IframePopupRef {
|
|
4
|
+
hide: () => void;
|
|
5
|
+
}
|
|
6
|
+
interface IframePopupProps {
|
|
7
|
+
themeMode?: ThemeModeType;
|
|
8
|
+
}
|
|
9
|
+
export declare const IframePopup: React.ForwardRefExoticComponent<IframePopupProps & React.RefAttributes<IframePopupRef>>;
|
|
10
|
+
export default IframePopup;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ThemeModeType } from '@make-software/cspr-design';
|
|
2
|
+
import { ModalPosition } from '../styled';
|
|
3
|
+
export interface InnerPopupProps {
|
|
4
|
+
isOpen: boolean;
|
|
5
|
+
position: ModalPosition;
|
|
6
|
+
withHeader?: boolean;
|
|
7
|
+
iframeSrcUrl: string;
|
|
8
|
+
iframeWidth: string;
|
|
9
|
+
iframeHeight: string;
|
|
10
|
+
messagePort: MessagePort;
|
|
11
|
+
onDismiss: () => void;
|
|
12
|
+
themeMode?: ThemeModeType;
|
|
13
|
+
portalClass?: string;
|
|
14
|
+
}
|
|
15
|
+
export declare const InnerPopup: ({ isOpen, position, withHeader, iframeSrcUrl, iframeWidth, iframeHeight, messagePort, themeMode, portalClass, onDismiss }: InnerPopupProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export default InnerPopup;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare enum ModalPosition {
|
|
3
|
+
TopRight = "topRight",
|
|
4
|
+
Center = "center"
|
|
5
|
+
}
|
|
6
|
+
export interface ModalPositionProps {
|
|
7
|
+
position: ModalPosition;
|
|
8
|
+
}
|
|
9
|
+
export declare const centerModalStyles: {
|
|
10
|
+
left: string;
|
|
11
|
+
right: string;
|
|
12
|
+
bottom: string;
|
|
13
|
+
border: string;
|
|
14
|
+
borderRadius: string;
|
|
15
|
+
padding: string;
|
|
16
|
+
top: string;
|
|
17
|
+
transform: string;
|
|
18
|
+
};
|
|
19
|
+
export declare const topModalStyles: {
|
|
20
|
+
top: string;
|
|
21
|
+
left: string;
|
|
22
|
+
right: string;
|
|
23
|
+
border: string;
|
|
24
|
+
bottom: string;
|
|
25
|
+
borderRadius: string;
|
|
26
|
+
padding: string;
|
|
27
|
+
};
|
|
28
|
+
export declare const ModalContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@make-software/cspr-design").FlexColumnProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, ModalPositionProps, never>;
|
|
29
|
+
export declare const ModalHeaderContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
30
|
+
export declare const IframeContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
31
|
+
width: string;
|
|
32
|
+
height: string;
|
|
33
|
+
}, never>;
|
|
34
|
+
export declare const LoadingText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
35
|
+
export declare const StyledIframe: import("styled-components").StyledComponent<"iframe", import("styled-components").DefaultTheme, {
|
|
36
|
+
$isLoading: boolean;
|
|
37
|
+
}, never>;
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Provider } from '../../types';
|
|
2
|
+
import { Provider, ThemeModeType } from '../../types';
|
|
3
3
|
interface SocialLoginProps {
|
|
4
4
|
providers: Provider[];
|
|
5
5
|
onProviderClick: (e: any) => void;
|
|
6
6
|
clickRef: any;
|
|
7
|
+
themeMode: ThemeModeType;
|
|
7
8
|
}
|
|
8
9
|
export declare const ItemContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
9
10
|
export declare const StyledWrapper: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@make-software/cspr-design").FlexRowProps & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
10
11
|
export declare const StyledButton: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@make-software/cspr-design").ButtonProps & React.RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
11
|
-
declare const SocialLogin: ({ providers, onProviderClick, clickRef }: SocialLoginProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare const SocialLogin: ({ providers, onProviderClick, clickRef, themeMode }: SocialLoginProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
13
|
export default SocialLogin;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { WALLET_KEYS, AccountType, ICSPRClickSDK, CsprClickInitOptions
|
|
2
|
+
import { WALLET_KEYS, AccountType, ICSPRClickSDK, CsprClickInitOptions } from '@make-software/csprclick-core-types';
|
|
3
3
|
import * as styled_components from 'styled-components';
|
|
4
4
|
import * as _make_software_cspr_design from '@make-software/cspr-design';
|
|
5
5
|
import React from 'react';
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M19.3839 7.50055C19.2563 7.59956 17.0032 8.86909 17.0032 11.692C17.0032 14.9571 19.8701 16.1122 19.9559 16.1408C19.9427 16.2112 19.5005 17.7228 18.4444 19.2629C17.5027 20.6183 16.5192 21.9714 15.023 21.9714C13.5269 21.9714 13.1419 21.1023 11.4147 21.1023C9.73151 21.1023 9.13305 22 7.76452 22C6.39598 22 5.44108 20.7459 4.34317 19.2057C3.07145 17.3971 2.04395 14.5875 2.04395 11.9208C2.04395 7.64356 4.82502 5.37514 7.5621 5.37514C9.01644 5.37514 10.2288 6.33003 11.1419 6.33003C12.0109 6.33003 13.3663 5.31793 15.0208 5.31793C15.6479 5.31793 17.9009 5.37514 19.3839 7.50055ZM14.2354 3.50715C14.9196 2.69527 15.4037 1.56876 15.4037 0.442244C15.4037 0.286029 15.3905 0.127613 15.3619 0C14.2486 0.0418042 12.924 0.741474 12.1254 1.66777C11.4983 2.38064 10.913 3.50715 10.913 4.64906C10.913 4.82068 10.9416 4.9923 10.9548 5.0473C11.0252 5.06051 11.1397 5.07591 11.2541 5.07591C12.253 5.07591 13.5093 4.40704 14.2354 3.50715Z" fill="#DADCE5"/>
|
|
3
|
+
</svg>
|