@make-software/csprclick-ui 2.0.0-beta.5 → 2.0.0-beta.7

package/dist/cjs/lib/lib/ChangeAccountConfirmation/ChangeAccountConfirmation.d.ts

@@ -2,5 +2,5 @@ import { ThemeModeType } from '../types';
 interface ChangeAccountConfirmationProps {
     themeMode?: ThemeModeType;
 }
-export declare const ChangeAccountConfirmation: (props: ChangeAccountConfirmationProps) => any;
+export declare const ChangeAccountConfirmation: (props: ChangeAccountConfirmationProps) => import("react/jsx-runtime").JSX.Element | null;
 export default ChangeAccountConfirmation;

package/dist/cjs/lib/lib/CrossNavigationMenu/InnerMenu.d.ts

@@ -5,5 +5,6 @@ export interface InnerMenuProps {
     onClickCaption?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     isOpen: boolean;
     menuItems: CrossAppMenuItemSettings[] | undefined;
+    setIsOpen?: (isOpen: boolean) => void;
 }
-export declare const InnerMenu: ({ caption, menuItems, isOpen, onClickCaption }: InnerMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InnerMenu: ({ caption, menuItems, isOpen, onClickCaption, setIsOpen }: InnerMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/lib/lib/CustomSettingsSelector/components/ItemIcon.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 interface ItemIconProps {
     margin?: string;
     icon?: React.ReactNode;
+    alt?: string;
 }
-export declare function ItemIcon({ margin, icon }: ItemIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function ItemIcon({ margin, icon, alt }: ItemIconProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/lib/lib/IframePopup/styled.d.ts

@@ -25,11 +25,20 @@ export declare const topModalStyles: {
     borderRadius: string;
     padding: string;
 };
+export declare const mobileFillModalStyle: {
+    top: string;
+    left: string;
+    right: string;
+    bottom: string;
+    border: string;
+    borderRadius: string;
+    padding: string;
+};
 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>;
-export declare const ModalHeaderContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ModalHeaderContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@make-software/cspr-design").FlexRowProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const IframeContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    width: string;
-    height: string;
+    setWidth: string;
+    setHeight: string;
 }, never>;
 export declare const LoadingText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledIframe: import("styled-components").StyledComponent<"iframe", import("styled-components").DefaultTheme, {

package/dist/cjs/lib/lib/SwitchCurrency/components/CurrencyItemContainer.d.ts

@@ -1,8 +1,9 @@
 import { CurrencySettings } from '../../types';
 interface CurrencyDisplayOptions {
     columnAmount?: number;
+    dropdownId?: string;
 }
 interface CurrencyItemContainerProps extends CurrencySettings, CurrencyDisplayOptions {
 }
-export declare const CurrencyItemContainer: ({ currencies, onChangeCurrency, currentCurrency, columnAmount }: CurrencyItemContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CurrencyItemContainer: ({ currencies, onChangeCurrency, currentCurrency, columnAmount, dropdownId }: CurrencyItemContainerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/lib/lib/TopBar/hooks/useClickBadge.d.ts

@@ -1,4 +1,5 @@
+import { BadgeSettings } from '@make-software/csprclick-core-types';
 export declare const useClickBadge: () => {
-    setLeftBadge: (config: BadgeSettings) => void;
-    setRightBadge: (config: BadgeSettings) => void;
+    setLeftBadge: (config: BadgeSettings | null) => void;
+    setRightBadge: (config: BadgeSettings | null) => void;
 };

package/dist/cjs/lib/lib/TransactionReview/TransactionReviewHandler.d.ts

@@ -1 +1,2 @@
+import { ICSPRClickSDK } from '@make-software/csprclick-core-types';
 export declare const transactionReviewHandler: (event: any, clickRef: ICSPRClickSDK) => void;

package/dist/cjs/lib/lib/helpers/use-arrows-navigation.d.ts

@@ -0,0 +1,12 @@
+import { MutableRefObject } from 'react';
+interface UseArrowNavigationProps {
+    items: any[] | undefined;
+    dropdownId: string | undefined;
+}
+interface UseArrowNavigationReturnValue {
+    activeIndex: number;
+    onKeyDown: (e: KeyboardEvent) => void;
+    itemRefs: MutableRefObject<any[]>;
+}
+declare const useArrowsNavigation: ({ items, dropdownId }: UseArrowNavigationProps) => UseArrowNavigationReturnValue;
+export default useArrowsNavigation;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { WALLET_KEYS, AccountType, ICSPRClickSDK, CsprClickInitOptions } from '@make-software/csprclick-core-types';
+import { WALLET_KEYS, AccountType, ICSPRClickSDK, CsprClickInitOptions, BadgeSettings } from '@make-software/csprclick-core-types';
 import * as styled_components from 'styled-components';
 import * as _make_software_cspr_design from '@make-software/cspr-design';
 import React from 'react';
@@ -461,8 +461,8 @@ interface TopBarProps {
 declare function TopBar(props: TopBarProps): react_jsx_runtime.JSX.Element;
 
 declare const useClickBadge: () => {
-    setLeftBadge: (config: BadgeSettings) => void;
-    setRightBadge: (config: BadgeSettings) => void;
+    setLeftBadge: (config: BadgeSettings | null) => void;
+    setRightBadge: (config: BadgeSettings | null) => void;
 };
 
 type BadgeBackgroundColor = 'green' | 'violet' | 'blue' | 'gray' | 'fillBlueGradient';

package/dist/lib/assets/icons/ic-click-web-wallet.svg

@@ -0,0 +1,4 @@
+<svg width="99" height="98" viewBox="0 0 99 98" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M81.502 26.9697H94.0762C96.2853 26.9697 98.0762 28.7606 98.0762 30.9697V64.415C98.0762 66.6242 96.2853 68.415 94.0762 68.415H81.502V80.2529C81.502 85.7758 77.0248 90.2529 71.502 90.2529H10.3809C4.85801 90.2529 0.380859 85.7758 0.380859 80.2529V15.1318C0.380859 9.60899 4.85801 5.13184 10.3809 5.13184H71.502C77.0248 5.13184 81.502 9.60899 81.502 15.1318V26.9697ZM36.6055 47.6924C36.6055 59.1275 45.8754 68.3975 57.3105 68.3975H81.502V26.9873H57.3105C45.8754 26.9873 36.6055 36.2573 36.6055 47.6924Z" fill="#FF0012"/>
+<circle cx="60.1377" cy="48.5605" r="7.65723" fill="#FF0012"/>
+</svg>