@opexa/portal-components 0.0.803 → 0.0.805

package/dist/components/Quests/WageringQuest__next.d.ts

@@ -36,6 +36,7 @@ export declare function WageringQuestNext(props: {
     customComplete?: ReactNode;
     showTurnoverDecimals?: boolean;
     gameProviderCarousel?: ReactNode;
+    gameProviderViewPageUrl?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export interface WageringClassNameEntries {
     root?: string;
@@ -46,5 +47,6 @@ export interface WageringClassNameEntries {
 }
 export interface GameProvidersCarouselProps {
     gameProviders: GameProvider[];
+    gameProviderViewPageUrl?: string;
 }
 export declare function GameProvidersCarousel({ ...props }: GameProvidersCarouselProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Quests/WageringQuest__next.js

@@ -49,7 +49,7 @@ export function WageringQuestNext(props) {
                                                 currency: localeInfo.currency.code,
                                             }), ' ', "Bonus"] })] })] }), status === 'IN_PROGRESS' && (_jsx("div", { className: "flex h-full items-end", children: _jsx(Button, { size: "sm", onClick: () => disclosure.setOpen(true), "aria-label": "View Details", disabled: false, className: "disabled:bg-bg-primary disabled:text-text-disabled", children: "View Details" }) }))] }), _jsx(Rules, { open: disclosure.open, onOpenChange: disclosure.setOpen, gameProviderCarousel: props.gameProviderCarousel, gameProviders: Object.entries(quest.turnoverRequirementContributionPercentagePerGameProvider ?? [])
                     .filter(([_, value]) => +value > 0)
-                    .map(([key]) => key), className: classNames })] }));
+                    .map(([key]) => key), className: classNames, gameProviderViewPageUrl: props.gameProviderViewPageUrl })] }));
 }
 function Rules(props) {
     const quest = useQuestContext();
@@ -71,7 +71,7 @@ function Rules(props) {
                                         (window.location.href.includes('blucky') ||
                                             window.location.href.includes('powerplay') ||
                                             window.location.href.includes('inplay'))) ||
-                                        featureFlag.enabled) && (_jsx(GameProvidersCarousel, { gameProviders: props.gameProviders ?? [] })), _jsx("div", { className: "pt-6 pb-4", children: _jsx(Button, { onClick: () => setOpen(false), children: "Close" }) })] })] }) })] }) }));
+                                        featureFlag.enabled) && (_jsx(GameProvidersCarousel, { gameProviders: props.gameProviders ?? [], gameProviderViewPageUrl: props.gameProviderViewPageUrl })), _jsx("div", { className: "pt-6 pb-4", children: _jsx(Button, { onClick: () => setOpen(false), children: "Close" }) })] })] }) })] }) }));
 }
 export function GameProvidersCarousel({ ...props }) {
     const context = useQuestContext();
@@ -105,13 +105,17 @@ export function GameProvidersCarousel({ ...props }) {
         ? { root: context.className }
         : (context.className ?? {});
     return (_jsxs("div", { className: twMerge(classNames.root, gameProviders.length === 0 && 'hidden'), children: [_jsxs("div", { className: "flex items-center", children: [_jsx("h2", { className: "font-semibold text-lg", children: context.heading ?? 'Game Providers' }), _jsx("div", { className: "grow" }), _jsx("div", { className: "flex items-center justify-center gap-xl", children: _jsxs("div", { className: "hidden lg:flex", children: [_jsx(Button, { variant: "outline", colorScheme: "gray", className: "rounded-r-none border-r-0", onClick: onPrevButtonClick, disabled: prevBtnDisabled, "aria-label": "Previous", children: _jsx(ArrowLeftIcon, { className: "size-5" }) }), _jsx(Button, { variant: "outline", colorScheme: "gray", className: "rounded-l-none", onClick: onNextButtonClick, disabled: nextBtnDisabled, "aria-label": "Next", children: _jsx(ArrowRightIcon, { className: "size-5" }) })] }) })] }), _jsx("div", { ref: emblaRef, className: twMerge('relative mt-lg overflow-hidden', classNames.thumbnailRootContainer), children: _jsx("div", { className: twMerge('flex gap-1.5', classNames.thumbnailContainer), children: gameProviders.map((provider) => {
-                        const url = context.settings
-                            ? (context.settings
-                                .find(({ providers }) => providers.includes(provider.id))
-                                ?.url.replace(':slug', provider.slug)
-                                .replace(':id', provider?.id) ??
-                                `/providers/${provider.slug}`)
-                            : `/providers/${provider.slug}`;
+                        const url = props.gameProviderViewPageUrl
+                            ? props.gameProviderViewPageUrl
+                                .replace(':slug', provider.slug)
+                                .replace(':id', provider.id)
+                            : context.settings
+                                ? (context.settings
+                                    .find(({ providers }) => providers.includes(provider.id))
+                                    ?.url.replace(':slug', provider.slug)
+                                    .replace(':id', provider?.id) ??
+                                    `/providers/${provider.slug}`)
+                                : `/providers/${provider.slug}`;
                         return (_jsx(Link, { href: url, className: twMerge('flex h-16 w-[110px] flex-shrink-0 items-center overflow-hidden rounded-md bg-brand-800', classNames.thumbnailRoot), "aria-label": `View ${provider.name} games`, children: _jsx(Image, { src: context.gameProviderImages?.[provider.id] ?? provider.logo, alt: "", width: 300, height: 150, className: twMerge('mx-auto h-auto w-full object-contain', classNames.thumbnailImage) }) }, provider.id));
                     }) }) })] }));
 }

package/dist/styles/theme.css

@@ -264,10 +264,13 @@
   --color-text-warning-primary: #f79009;
   --color-text-warning-primary-600: #fdb022;
   --color-text-error-primary: #f04438;
+  --color-dark-text: #cccccc;
+
   --color-text-featured-icon-light-success: #abefc6;
   --color-text-featured-icon-light-error: #fecdca;
   --color-text-featured-icon-light-warning: #fedf89;
-  --color-dark-text: #cccccc;
+  --color-text-featured-icon-light-warning: #fedf89;
+  --color-text-featured-icon-light-brand: #E4D5A4;
 
   --color-border-primary: #373a41;
   --color-border-secondary: #22262f;

package/package.json

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