@opexa/portal-components 0.0.285 → 0.0.286

package/dist/components/Banner/Banner.d.ts

@@ -1,3 +1,12 @@
-import { type BannerEntry, type BannerProps } from './Banner.client';
-export declare function Banner(props: BannerProps): Promise<import("react/jsx-runtime").JSX.Element>;
-export type { BannerEntry, BannerProps };
+import type { ImageProps } from 'next/image';
+export interface BannerEntry {
+    src: ImageProps['src'];
+    redirectUrl?: string;
+}
+export interface BannerProps {
+    banners: BannerEntry[];
+    imageWidth?: number | [mobile: number, desktop: number];
+    imageHeight?: number | [mobile: number, desktop: number];
+    className?: string;
+}
+export declare function Banner(props: BannerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Banner/Banner.js

@@ -1,8 +1,49 @@
-'use cache';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { unstable_cacheLife as cacheLife } from 'next/cache';
-import { Banner__client, } from './Banner.client.js';
-export async function Banner(props) {
-    cacheLife('days');
-    return _jsx(Banner__client, { ...props });
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import emblaCarouselAutoplay from 'embla-carousel-autoplay';
+import useEmblaCarousel, {} from 'embla-carousel-react';
+import isMobile from 'is-mobile';
+import Image from 'next/image';
+import Link from 'next/link';
+import { Fragment, useEffect, useState } from 'react';
+import { twMerge } from 'tailwind-merge';
+import { dataAttr } from '../../utils/dataAttr.js';
+export function Banner(props) {
+    const [emblaRef, emblaApi] = useEmblaCarousel({
+        loop: true,
+        align: 'start',
+    }, [
+        emblaCarouselAutoplay({
+            playOnInit: true,
+            delay: 5000,
+        }),
+    ]);
+    const [currentIndex, setCurrentIndex] = useState(0);
+    useEffect(() => {
+        function handler(detail) {
+            setCurrentIndex(detail?.selectedScrollSnap() ?? 0);
+        }
+        emblaApi?.on('scroll', handler);
+        emblaApi?.on('init', handler);
+        return () => {
+            emblaApi?.on('init', handler);
+            emblaApi?.off('scroll', handler);
+        };
+    }, [emblaApi]);
+    const imageWidth = !props.imageWidth
+        ? [400, 1200]
+        : Array.isArray(props.imageWidth)
+            ? props.imageWidth
+            : [props.imageWidth, props.imageWidth];
+    const imageHeight = !props.imageHeight
+        ? [225, 300]
+        : Array.isArray(props.imageHeight)
+            ? props.imageHeight
+            : [props.imageHeight, props.imageHeight];
+    return (_jsxs("div", { className: twMerge('relative', props.className), children: [_jsx("div", { ref: emblaRef, className: "overflow-hidden", children: _jsx("div", { className: "flex gap-2", children: props.banners.map((banner, index) => {
+                        const img = (_jsx(Image, { src: banner.src, alt: "", width: isMobile() ? imageWidth[0] : imageWidth[1], height: isMobile() ? imageHeight[0] : imageHeight[1], className: "block h-auto w-full", priority: index === 0 }));
+                        return (_jsx(Fragment, { children: !banner.redirectUrl ? (_jsx("div", { className: "w-full shrink-0", children: img })) : (_jsx(Link, { href: banner.redirectUrl, className: "block w-full shrink-0", "aria-label": `Open ${banner.redirectUrl}`, children: img })) }, index));
+                    }) }) }), _jsx("div", { className: "absolute bottom-lg left-1/2 flex w-fit -translate-x-1/2 gap-2", children: props.banners.map((_, index) => (_jsx("button", { type: "button", className: "ui-active:bg-brand-500 bg-gray-300 size-3 shrink-0 rounded-full border border-white transition-all duration-300 ui-active:w-9", onClick: () => {
+                        emblaApi?.scrollTo(index);
+                    }, "aria-label": `Go to slide ${index + 1}`, "data-active": dataAttr(index === currentIndex) }, index))) })] }));
 }

package/dist/next.config.js

@@ -42,7 +42,6 @@ export const config = {
         ],
     },
     experimental: {
-        useCache: true,
         nodeMiddleware: true,
     },
     poweredByHeader: false,

package/dist/services/wallet.js

@@ -294,7 +294,7 @@ export const createAIOInstapayWithdrawal = async (input, options) => {
     }
 };
 export const createVentajaDisbursementWithdrawal = async (input, transactionPassword, options) => {
-    const res = await graphqlRequest(WALLET_GRAPHQL_ENDPOINT, CREATE_VENTAJA_WITHDRAWAL, { input, transactionPassword }, options);
+    const res = await graphqlRequest(WALLET_GRAPHQL_ENDPOINT, CREATE_VENTAJA_WITHDRAWAL, { input, transactionPassword: await sha256(transactionPassword) }, options);
     if (res.createVentajaDisbursementWithdrawal) {
         const error = new Error();
         error.name = res.createVentajaDisbursementWithdrawal.name;

package/package.json

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