@opexa/portal-components 0.0.375 → 0.0.377

package/dist/components/Bonuses/BonusesTrigger.d.ts

@@ -1,5 +1,9 @@
 import type { ComponentPropsWithRef } from 'react';
-interface BonusesTriggerProps extends ComponentPropsWithRef<'a'> {
+export interface ClassNameEntries {
+    root?: string;
+    icon?: string;
+}
+export interface BonusesTriggerProps extends Omit<ComponentPropsWithRef<'a'>, 'className'> {
+    className?: string | ClassNameEntries;
 }
 export declare function BonusesTrigger({ children, className, ...props }: BonusesTriggerProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Bonuses/BonusesTrigger.js

@@ -1,5 +1,6 @@
 'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { isString } from 'lodash-es';
 import Link from 'next/link';
 import { twMerge } from 'tailwind-merge';
 import { useBonusesCountQuery } from '../../client/hooks/useBonusesCountQuery.js';
@@ -16,9 +17,12 @@ export function BonusesTrigger({ children, className, ...props }) {
     const bonusesCount = bonusesCountQuery.data ?? 0;
     const cashbackBonusesCount = cashbackBonusesCountQuery.data ?? 0;
     const totalCount = bonusesCount + cashbackBonusesCount;
+    const classNames = isString(className)
+        ? { root: className }
+        : (className ?? {});
     return (_jsx(Link, { "aria-label": "View Rewards", "data-count": totalCount, ...props, href: props.href ?? '/rewards', className: iconButtonRecipe({
             size: 'sm',
             colorScheme: 'gray',
-            className: twMerge('relative', className),
-        }), children: children ?? (_jsxs(_Fragment, { children: [totalCount > 0 && (_jsx("div", { className: "-right-1.5 -top-1.5 absolute min-w-5 rounded-full border bg-brand-500 px-1.5 font-semibold text-2xs text-button-primary-fg leading-4.5", children: totalCount })), _jsx(Gift01Icon, {})] })) }));
+            className: twMerge('relative', classNames.root),
+        }), children: children ?? (_jsxs(_Fragment, { children: [totalCount > 0 && (_jsx("div", { className: "-right-1.5 -top-1.5 absolute min-w-5 rounded-full border bg-brand-500 px-1.5 font-semibold text-2xs text-button-primary-fg leading-4.5", children: totalCount })), _jsx(Gift01Icon, { className: classNames.icon })] })) }));
 }

package/dist/components/KYC/KYCReminder.lazy.js

@@ -35,7 +35,7 @@ export function KYCReminder(props) {
             session?.status === 'authenticated' &&
             hasMissingData, onOpenChange: (details) => {
             globalStore.kycReminder.setOpen(details.open);
-        }, closeOnEscape: false, closeOnInteractOutside: false, lazyMount: true, unmountOnExit: true, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+3)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+4)] flex items-center justify-center", children: _jsxs(Dialog.Content, { className: "mx-auto h-fit max-w-[calc(100dvw-1rem)] overflow-y-auto rounded-lg bg-bg-primary-alt lg:max-w-[400px]", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "p-3xl text-center", children: [_jsx("div", { className: "mx-auto w-fit rounded-full bg-bg-warning-secondary p-2", children: _jsx(FileCheck02Icon, { className: "text-[#FEDF89]" }) }), _jsx("h2", { className: "mt-4 text-lg text-white", children: "Personal Verification" }), _jsxs("p", { className: "mt-xs text-sm text-text-tertiary-600", children: ["All new users are required to complete identity verification to access the full range of ", props.siteName, " services, including withdrawals."] }), _jsx(Dialog.Context, { children: (api) => (_jsxs("div", { className: "mt-3xl space-y-lg", children: [_jsx(Button, { onClick: () => {
+        }, closeOnEscape: false, closeOnInteractOutside: false, lazyMount: true, unmountOnExit: true, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+3)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+4)] flex items-center justify-center", children: _jsxs(Dialog.Content, { className: "mx-auto h-fit max-w-[calc(100dvw-1rem)] overflow-y-auto rounded-lg bg-bg-primary-alt lg:max-w-[400px]", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "p-3xl text-center", children: [_jsx("div", { className: "mx-auto w-fit rounded-full bg-bg-warning-secondary p-2", children: _jsx(FileCheck02Icon, { className: "text-[#FEDF89]" }) }), _jsx("h2", { className: "mt-4 text-lg", children: "Personal Verification" }), _jsxs("p", { className: "mt-xs text-sm text-text-tertiary-600", children: ["All new users are required to complete identity verification to access the full range of ", props.siteName, " services, including withdrawals."] }), _jsx(Dialog.Context, { children: (api) => (_jsxs("div", { className: "mt-3xl space-y-lg", children: [_jsx(Button, { onClick: () => {
                                                         api.setOpen(false);
                                                         globalStore.kyc.setOpen(true);
                                                     }, children: "Verify Now" }), _jsx(Button, { type: "button", variant: "outline", fullWidth: true, onClick: () => api.setOpen(false), children: "Do it later" })] })) })] })] }) })] }) }));

package/dist/components/Messages/MessagesTrigger.d.ts

@@ -1,6 +1,12 @@
 import type { ComponentPropsWithRef } from 'react';
-interface MessagesTriggerProps extends ComponentPropsWithRef<'button'> {
-    asChild?: boolean;
+export interface ClassNameEntries {
+    root?: string;
+    iconButtonRoot?: string;
+    iconButtonLogo?: string;
 }
+type MessagesTriggerProps = Omit<ComponentPropsWithRef<'button'>, 'className'> & {
+    asChild?: boolean;
+    className?: string | ClassNameEntries;
+};
 export declare function MessagesTrigger({ asChild, children, ...props }: MessagesTriggerProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Messages/MessagesTrigger.js

@@ -1,12 +1,17 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ark } from '@ark-ui/react/factory';
+import { isString } from 'lodash-es';
+import { twMerge } from 'tailwind-merge';
 import { useShallow } from 'zustand/shallow';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { useUnreadMessagesCountQuery } from '../../client/hooks/useUnreadMessagesCountQuery.js';
 import { Bell01Icon } from '../../icons/Bell01Icon.js';
 import { IconButton } from '../../ui/IconButton/index.js';
 export function MessagesTrigger({ asChild, children, ...props }) {
+    const classNames = isString(props.className)
+        ? { root: props.className }
+        : (props.className ?? {});
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         messages: ctx.messages,
     })));
@@ -17,5 +22,5 @@ export function MessagesTrigger({ asChild, children, ...props }) {
     return (_jsx(ark.button, { type: "button", "aria-label": "Toggle messages panel", "data-state": globalStore.messages.open ? 'open' : 'closed', ...props, onClick: (e) => {
             globalStore.messages.setOpen(!globalStore.messages.open);
             return props.onClick?.(e);
-        }, asChild: !children ? true : asChild, children: children ?? (_jsxs(IconButton, { size: "sm", colorScheme: "gray", className: "relative", children: [!!unreadMessagesCount && (_jsx("div", { className: "-right-1.5 -top-1.5 absolute rounded-full border bg-brand-500 px-1.5 font-semibold text-2xs text-button-primary-fg leading-4.5", children: unreadMessagesCount })), _jsx(Bell01Icon, {})] })) }));
+        }, asChild: !children ? true : asChild, className: classNames.root, children: children ?? (_jsxs(IconButton, { size: "sm", colorScheme: "gray", className: twMerge('relative', classNames.iconButtonRoot), children: [!!unreadMessagesCount && (_jsx("div", { className: "-right-1.5 -top-1.5 absolute rounded-full border bg-brand-500 px-1.5 font-semibold text-2xs text-button-primary-fg leading-4.5", children: unreadMessagesCount })), _jsx(Bell01Icon, { className: classNames.iconButtonLogo })] })) }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@opexa/portal-components",
-	"version": "0.0.375",
+	"version": "0.0.377",
 	"exports": {
 		"./ui/*": {
 			"types": "./dist/ui/*/index.d.ts",