@make-software/csprclick-ui 2.0.0-beta.6 → 2.0.0

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/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/ThemeMobileSwitch/ThemeMobileSwitch.d.ts

@@ -0,0 +1,8 @@
+import { ThemeModeType } from '@make-software/cspr-design';
+export declare const ThemeModeIconPath: Record<ThemeModeType, string>;
+interface ThemeSwitchProps {
+    onThemeSwitch: () => void;
+    currentTheme?: ThemeModeType;
+}
+declare const ThemeMobileSwitch: ({ onThemeSwitch, currentTheme, }: ThemeSwitchProps) => import("react/jsx-runtime").JSX.Element;
+export default ThemeMobileSwitch;

package/dist/cjs/lib/lib/ThemeMobileSwitch/components/ThemeIcon.d.ts

@@ -0,0 +1,6 @@
+interface ThemeIconProps {
+    path: string;
+    onThemeSwitch: () => void;
+}
+export declare const ThemeIcon: ({ path, onThemeSwitch }: ThemeIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/lib/lib/ThemeMobileSwitch/styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const StyledSvgIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@make-software/cspr-design").SvgIconProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+    screenType?: string | undefined;
+}, never>;

package/dist/cjs/lib/lib/ThemeMobileSwitch/utils.d.ts

@@ -0,0 +1 @@
+export declare const capitalize: (str: string) => string;

package/dist/cjs/lib/lib/TopBar/components/mobile-menu/BaseDrawer.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import ReactModal, { Props } from 'react-modal';
+export interface ModalProps extends Props {
+    children: any;
+}
+export declare const BaseDrawer: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<ReactModal>>;
+export default BaseDrawer;

package/dist/cjs/lib/lib/TopBar/components/mobile-menu/DropdownPopupItem.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface DropdownPopupItemProps {
+    isOpen: boolean;
+    onClose: (e: any) => void;
+    onGoBack?: (e: any) => void;
+    popupTitle?: string | React.ReactNode;
+    children?: React.ReactNode;
+    height?: string;
+    width?: string;
+    currentItem?: string;
+}
+export declare const DropdownPopupItem: ({ isOpen, onClose, onGoBack, children, popupTitle, height, width, currentItem }: DropdownPopupItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/lib/lib/TopBar/components/{MobileDropdownContainer.d.ts → mobile-menu/MobileDropdownContainer.d.ts}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CurrencySettings, CustomTopBarMenuSettings, LanguageSettings, NetworkSettings, ThemeModeType } from '../../types';
+import { CurrencySettings, CustomTopBarMenuSettings, LanguageSettings, NetworkSettings, ThemeModeType } from '../../../types';
 export interface MobileDropdownContainerProps {
     currencySettings?: CurrencySettings;
     languageSettings?: LanguageSettings;
@@ -8,8 +8,7 @@ export interface MobileDropdownContainerProps {
     onThemeSwitch?: () => void;
     customTopBarMenuSettings?: CustomTopBarMenuSettings[];
 }
-export declare const NavDropDownItemWrapper: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@make-software/cspr-design").FlexRowProps & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledCommonItemIcon: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@make-software/cspr-design").SvgIconProps & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledPopupTitle: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@make-software/cspr-design").BodyTextProps & React.RefAttributes<HTMLSpanElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const MobileDropdownContainer: ({ currencySettings, languageSettings, networkSettings, themeMode, onThemeSwitch, customTopBarMenuSettings }: MobileDropdownContainerProps) => import("react/jsx-runtime").JSX.Element;
+declare const MobileDropdownContainer: ({ currencySettings, languageSettings, networkSettings, themeMode, onThemeSwitch, customTopBarMenuSettings }: MobileDropdownContainerProps) => import("react/jsx-runtime").JSX.Element;
 export default MobileDropdownContainer;

package/dist/cjs/lib/lib/TopBar/components/mobile-menu/constants.d.ts

@@ -0,0 +1,22 @@
+export declare const DRAWER_TYPES: {
+    readonly MAIN: "main";
+    readonly LANGUAGE: "language";
+    readonly CURRENCY: "currency";
+    readonly NETWORK: "network";
+    readonly CUSTOM: "custom";
+    readonly THEME: "theme";
+};
+export type DrawerState = {
+    type: typeof DRAWER_TYPES.MAIN;
+} | {
+    type: typeof DRAWER_TYPES.LANGUAGE;
+} | {
+    type: typeof DRAWER_TYPES.CURRENCY;
+} | {
+    type: typeof DRAWER_TYPES.NETWORK;
+} | {
+    type: typeof DRAWER_TYPES.THEME;
+} | {
+    type: typeof DRAWER_TYPES.CUSTOM;
+    menuIndex: number;
+} | null;

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>

package/dist/lib/assets/icons/ic-left-short.svg

@@ -0,0 +1,3 @@
+<svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.21287 1.13137L2.26312 6.08112L7.21289 11.0309L6.08152 12.1623L0.000401974 6.08114L6.0815 0L7.21287 1.13137Z" fill="#0021A5"/>
+</svg>