mosuk-ui 1.0.1

package/providers/alerts/list/component.js

@@ -0,0 +1,30 @@
+import { Toast } from '@base-ui-components/react/toast';
+import classNames from 'classnames';
+import React, { cloneElement } from 'react';
+import { Alert } from '../../../components/overlays/alert/component/component';
+import { Hint } from '../../../components/texts/hint/component/component';
+import { HintTypeEnum } from '../../../components/texts/hint/component/component.enums';
+import styles from '../provider.module.css';
+export function ToastList() {
+    var toasts = Toast.useToastManager().toasts;
+    return toasts.map(function (toast) {
+        var _a, _b;
+        if (toast.type === 'custom' && ((_a = toast.data) === null || _a === void 0 ? void 0 : _a.customContent)) {
+            return cloneElement(toast.data.customContent, {
+                key: toast.id,
+                toast: toast,
+                className: classNames((_b = toast.data.customContent.props) === null || _b === void 0 ? void 0 : _b.className, styles.alert),
+            });
+        }
+        return (React.createElement(Alert, { key: toast.id, toast: toast, className: styles.alert },
+            React.createElement(Hint, { type: toast.type === 'info'
+                    ? HintTypeEnum.INFO
+                    : toast.type === 'success'
+                        ? HintTypeEnum.SUCCESS
+                        : toast.type === 'warning'
+                            ? HintTypeEnum.WARNING
+                            : toast.type === 'error'
+                                ? HintTypeEnum.ERROR
+                                : HintTypeEnum.INFO, className: classNames(styles.hint) }, toast.title)));
+    });
+}

package/providers/alerts/provider.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { AlertsProviderProps } from './provider.interface';
+export declare function AlertsProvider({ children }: AlertsProviderProps): React.JSX.Element;

package/providers/alerts/provider.interface.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export interface AlertsProviderProps {
+    children: ReactNode;
+}

package/providers/alerts/provider.interface.js

@@ -0,0 +1 @@
+export {};

package/providers/alerts/provider.js

@@ -0,0 +1,59 @@
+import { Toast } from '@base-ui-components/react/toast';
+import React, { useEffect } from 'react';
+import { alertsService } from '../../services/alerts';
+import { AlertsContext } from './context/context';
+import { ToastList } from './list/component';
+import styles from './provider.module.css';
+export function AlertsProvider(_a) {
+    var children = _a.children;
+    var manager = Toast.createToastManager();
+    useEffect(function () {
+        alertsService.manager(manager);
+        return function () {
+            alertsService.manager(null);
+        };
+    }, [manager]);
+    var info = function (content) {
+        if (manager) {
+            manager.add({ type: 'info', title: content });
+        }
+    };
+    var success = function (content) {
+        if (manager) {
+            manager.add({ type: 'success', title: content });
+        }
+    };
+    var warning = function (content) {
+        if (manager) {
+            manager.add({ type: 'warning', title: content });
+        }
+    };
+    var error = function (content) {
+        if (manager) {
+            manager.add({ type: 'error', title: content });
+        }
+    };
+    var custom = function (content) {
+        if (manager) {
+            manager.add({
+                type: 'custom',
+                data: {
+                    customContent: content,
+                },
+            });
+        }
+    };
+    return (React.createElement(AlertsContext.Provider, { value: {
+            manager: manager,
+            info: info,
+            success: success,
+            warning: warning,
+            error: error,
+            custom: custom,
+        } },
+        React.createElement(Toast.Provider, { toastManager: manager },
+            children,
+            React.createElement(Toast.Portal, null,
+                React.createElement(Toast.Viewport, { className: styles.alerts },
+                    React.createElement(ToastList, null))))));
+}

package/providers/alerts/provider.module.css

@@ -0,0 +1,139 @@
+@layer mosuk-ui {
+    @layer index-0 {
+        .alerts {
+            position: fixed;
+            top: auto;
+            left: calc(var(--spacing, .25rem) * 2);
+            right: calc(var(--spacing, .25rem) * 2);
+            bottom: calc(var(--spacing, .25rem) * 2);
+            z-index: 300;
+
+            width: 100%;
+            max-width: calc(100% - (var(--spacing, .25rem) * 4));
+            min-width: calc(100% - (var(--spacing, .25rem) * 4));
+        }
+
+        .alert {
+            --gap: 0.75rem;
+            --offset-y: calc(var(--toast-offset-y) * -1 + (var(--toast-index) * var(--gap) * -1) + var(--toast-swipe-movement-y));
+
+            position: absolute;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            z-index: calc(1000 - var(--toast-index));
+
+            width: 100%;
+
+            display: flex;
+            flex-direction: row;
+            align-items: start;
+            justify-content: start;
+            gap: calc(var(--spacing, .25rem) * 2);
+
+            background-color: rgba(255, 255, 255, 0.95);
+            backdrop-filter: blur(var(--blur-sm, 8px));
+
+            padding: calc(var(--spacing, 0.25rem) * 3);
+            border: 1px solid var(--color-gray-100, oklch(.967 .003 264.542));
+            border-radius: var(--radius-3xl, 1.5rem);
+            box-shadow: 0 25px 50px -12px rgba(243, 244, 246, var(--tw-shadow-alpha, 0.5));
+
+            -webkit-user-select: none;
+            user-select: none;
+
+            transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.5s;
+            cursor: default;
+            transform: translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + (var(--toast-index) * -20%))) scale(calc(1 - (var(--toast-index) * 0.1)));
+
+            /* ? Animation */
+            &::after {
+                top: 100%;
+            }
+
+            &[data-expanded] {
+                transform: translateX(var(--toast-swipe-movement-x)) translateY(var(--offset-y));
+            }
+
+            &[data-starting-style],
+            &[data-ending-style] {
+                transform: translateY(150%);
+            }
+
+            &[data-limited] {
+                opacity: 0;
+            }
+
+            &[data-ending-style] {
+                opacity: 0;
+
+                &[data-swipe-direction='up'] {
+                    transform: translateY(calc(var(--toast-swipe-movement-y) - 0%));
+                }
+
+                &[data-swipe-direction='left'] {
+                    transform: translateX(calc(var(--toast-swipe-movement-x) - 150%)) translateY(var(--offset-y));
+                }
+
+                &[data-swipe-direction='right'] {
+                    transform: translateX(calc(var(--toast-swipe-movement-x) + 150%)) translateY(var(--offset-y));
+                }
+
+                &[data-swipe-direction='down'] {
+                    transform: translateY(calc(var(--toast-swipe-movement-y) + 150%));
+                }
+            }
+
+            &::after {
+                content: '';
+
+                position: absolute;
+                left: 0;
+
+                width: 100%;
+                height: calc(var(--gap) + 1px);
+            }
+
+            &:not(:hover) {
+                transition: all 400ms ease-in-out;
+            }
+
+            &:hover {
+                box-shadow: 0 25px 50px -12px rgba(229, 231, 235, var(--tw-shadow-alpha, 0.5));
+                transition: all 200ms ease-in-out;
+            }
+        }
+
+        .hint {
+            color: var(--color-black, #000000);
+            font-size: var(--text-sm, 0.875rem);
+        }
+
+        @media (min-width: 468px) {
+            .alerts {
+                position: fixed;
+                top: auto;
+                left: calc(var(--spacing, .25rem) * 4);
+                right: calc(var(--spacing, .25rem) * 4);
+                bottom: calc(var(--spacing, .25rem) * 4);
+                z-index: 300;
+
+                width: 100%;
+                max-width: calc(100% - (var(--spacing, .25rem) * 8));
+                min-width: calc(100% - (var(--spacing, .25rem) * 8));
+            }
+
+            .alert {
+                width: calc((var(--spacing, .25rem) * 88));
+
+                padding: calc(var(--spacing, 0.25rem) * 4);
+                margin-left: auto;
+
+                &:hover {
+                    box-shadow: 0 25px 50px -12px rgba(229, 231, 235, var(--tw-shadow-alpha, 0.5));
+                    scale: 101%;
+                }
+            }
+        }
+    }
+}

package/providers/auth/context/context.d.ts

@@ -0,0 +1,2 @@
+import { AuthContextProps } from './context.interface';
+export declare const AuthContext: import("react").Context<AuthContextProps | null>;

package/providers/auth/context/context.interface.d.ts

@@ -0,0 +1,9 @@
+import { Auth } from '../../../services/auth/service.interface';
+export interface AuthContextProps {
+    auth: Auth | null;
+    create: (data: Auth) => void;
+    update: (data: Auth) => void;
+    delete: () => void;
+    isLoading: boolean;
+    setIsLoading: (isLoading: boolean) => void;
+}

package/providers/auth/context/context.interface.js

@@ -0,0 +1 @@
+export {};

package/providers/auth/context/context.js

@@ -0,0 +1,2 @@
+import { createContext } from 'react';
+export var AuthContext = createContext(null);

package/providers/auth/index.d.ts

@@ -0,0 +1,5 @@
+import { AuthProviderProps } from './provider.interface';
+export declare const AuthProvider: (props: AuthProviderProps) => import("react").FunctionComponentElement<AuthProviderProps>;
+export declare namespace AuthProvider {
+    type Props = AuthProviderProps;
+}

package/providers/auth/index.js

@@ -0,0 +1,5 @@
+import { createElement } from 'react';
+import { AuthProvider as BaseAuthProvider } from './provider';
+export var AuthProvider = function (props) {
+    return createElement(BaseAuthProvider, props);
+};

package/providers/auth/provider.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { AuthProviderProps } from './provider.interface';
+export declare const AuthProvider: ({ children }: AuthProviderProps) => React.JSX.Element;

package/providers/auth/provider.interface.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export interface AuthProviderProps {
+    children: ReactNode;
+}

package/providers/auth/provider.interface.js

@@ -0,0 +1 @@
+export {};

package/providers/auth/provider.js

@@ -0,0 +1,40 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import { authService } from '../../services/auth/service';
+import { AuthContext } from './context/context';
+export var AuthProvider = function (_a) {
+    var children = _a.children;
+    var _b = useState(authService.read()), auth = _b[0], setAuth = _b[1];
+    var _c = useState(true), isLoading = _c[0], setIsLoading = _c[1];
+    useEffect(function () {
+        try {
+            setIsLoading(true);
+            var existingAuth = authService.read();
+            if (existingAuth) {
+                setAuth(existingAuth);
+            }
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, []);
+    var create = useCallback(function (data) {
+        authService.create(data);
+        setAuth(data);
+    }, []);
+    var update = useCallback(function (data) {
+        authService.update(data);
+        setAuth(data);
+    }, []);
+    var deleteAuth = useCallback(function () {
+        authService.delete();
+        setAuth(null);
+    }, []);
+    return (React.createElement(AuthContext.Provider, { value: {
+            auth: auth,
+            create: create,
+            update: update,
+            delete: deleteAuth,
+            isLoading: isLoading,
+            setIsLoading: setIsLoading,
+        } }, children));
+};

package/providers/cart/context/context.d.ts

@@ -0,0 +1,2 @@
+import { CartContextProps } from './context.interface';
+export declare const CartContext: import("react").Context<CartContextProps | null>;

package/providers/cart/context/context.interface.d.ts

@@ -0,0 +1,9 @@
+import { Cart } from '../../../services/cart/service.interface';
+export interface CartContextProps {
+    cart: Cart | null;
+    create: (data: Cart) => void;
+    update: (data: Cart) => void;
+    delete: () => void;
+    isLoading: boolean;
+    setIsLoading: (isLoading: boolean) => void;
+}

package/providers/cart/context/context.interface.js

@@ -0,0 +1 @@
+export {};

package/providers/cart/context/context.js

@@ -0,0 +1,2 @@
+import { createContext } from 'react';
+export var CartContext = createContext(null);

package/providers/cart/index.d.ts

@@ -0,0 +1,5 @@
+import { CartProviderProps } from './provider.interface';
+export declare const CartProvider: (props: CartProviderProps) => import("react").FunctionComponentElement<CartProviderProps>;
+export declare namespace CartProvider {
+    type Props = CartProviderProps;
+}

package/providers/cart/index.js

@@ -0,0 +1,5 @@
+import { createElement } from 'react';
+import { CartProvider as BaseCartProvider } from './provider';
+export var CartProvider = function (props) {
+    return createElement(BaseCartProvider, props);
+};

package/providers/cart/provider.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { CartProviderProps } from './provider.interface';
+export declare const CartProvider: ({ children }: CartProviderProps) => React.JSX.Element;

package/providers/cart/provider.interface.d.ts

@@ -0,0 +1,4 @@
+import type { ReactNode } from 'react';
+export interface CartProviderProps {
+    children: ReactNode;
+}

package/providers/cart/provider.interface.js

@@ -0,0 +1 @@
+export {};

package/providers/cart/provider.js

@@ -0,0 +1,33 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import { cartService } from '../../services/cart/service';
+import { CartContext } from './context/context';
+export var CartProvider = function (_a) {
+    var children = _a.children;
+    var _b = useState(cartService.read()), cart = _b[0], setCart = _b[1];
+    var _c = useState(true), isLoading = _c[0], setIsLoading = _c[1];
+    useEffect(function () {
+        try {
+            setIsLoading(true);
+            var existingCart = cartService.read();
+            if (existingCart) {
+                setCart(existingCart);
+            }
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, []);
+    var create = useCallback(function (data) {
+        cartService.create(data);
+        setCart(data);
+    }, []);
+    var update = useCallback(function (data) {
+        cartService.update(data);
+        setCart(data);
+    }, []);
+    var deleteCart = useCallback(function () {
+        cartService.delete();
+        setCart(null);
+    }, []);
+    return (React.createElement(CartContext.Provider, { value: { cart: cart, create: create, update: update, delete: deleteCart, isLoading: isLoading, setIsLoading: setIsLoading } }, children));
+};

package/providers/gdpr/context/context.d.ts

@@ -0,0 +1,2 @@
+import { GDPRContextProps } from './context.interface';
+export declare const GDPRContext: import("react").Context<GDPRContextProps | null>;

package/providers/gdpr/context/context.interface.d.ts

@@ -0,0 +1,9 @@
+import { GDPR } from '../../../services/gdpr/service.interface';
+export interface GDPRContextProps {
+    gdpr: GDPR | null;
+    create: (data: GDPR) => void;
+    update: (data: GDPR) => void;
+    delete: () => void;
+    isLoading: boolean;
+    setIsLoading: (isLoading: boolean) => void;
+}

package/providers/gdpr/context/context.interface.js

@@ -0,0 +1 @@
+export {};

package/providers/gdpr/context/context.js

@@ -0,0 +1,2 @@
+import { createContext } from 'react';
+export var GDPRContext = createContext(null);

package/providers/gdpr/index.d.ts

@@ -0,0 +1,5 @@
+import { GDPRProviderProps } from './provider.interface';
+export declare const GDPRProvider: (props: GDPRProviderProps) => import("react").FunctionComponentElement<GDPRProviderProps>;
+export declare namespace GDPRProvider {
+    type Props = GDPRProviderProps;
+}

package/providers/gdpr/index.js

@@ -0,0 +1,5 @@
+import { createElement } from 'react';
+import { GDPRProvider as BaseGDPRProvider } from './provider';
+export var GDPRProvider = function (props) {
+    return createElement(BaseGDPRProvider, props);
+};

package/providers/gdpr/provider.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { GDPRProviderProps } from './provider.interface';
+export declare const GDPRProvider: ({ children }: GDPRProviderProps) => React.JSX.Element;

package/providers/gdpr/provider.interface.d.ts

@@ -0,0 +1,4 @@
+import type { ReactNode } from 'react';
+export interface GDPRProviderProps {
+    children: ReactNode;
+}

package/providers/gdpr/provider.interface.js

@@ -0,0 +1 @@
+export {};

package/providers/gdpr/provider.js

@@ -0,0 +1,33 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import { gdprService } from '../../services/gdpr/service';
+import { GDPRContext } from './context/context';
+export var GDPRProvider = function (_a) {
+    var children = _a.children;
+    var _b = useState(gdprService.read()), gdpr = _b[0], setGDPR = _b[1];
+    var _c = useState(true), isLoading = _c[0], setIsLoading = _c[1];
+    useEffect(function () {
+        try {
+            setIsLoading(true);
+            var existingGDPR = gdprService.read();
+            if (existingGDPR) {
+                setGDPR(existingGDPR);
+            }
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, []);
+    var create = useCallback(function (gdprData) {
+        gdprService.create(gdprData);
+        setGDPR(gdprData);
+    }, []);
+    var update = useCallback(function (data) {
+        gdprService.update(data);
+        setGDPR(data);
+    }, []);
+    var deleteGDPR = useCallback(function () {
+        gdprService.delete();
+        setGDPR(null);
+    }, []);
+    return (React.createElement(GDPRContext.Provider, { value: { gdpr: gdpr, create: create, update: update, delete: deleteGDPR, isLoading: isLoading, setIsLoading: setIsLoading } }, children));
+};

package/providers/tbank/context/context.d.ts

@@ -0,0 +1,2 @@
+import { TBankContextProps } from './context.interface';
+export declare const TBankContext: import("react").Context<TBankContextProps | null>;

package/providers/tbank/context/context.interface.d.ts

@@ -0,0 +1,5 @@
+export interface TBankContextProps {
+    integration: any | null;
+    isLoading: boolean;
+    error: string | null;
+}

package/providers/tbank/context/context.interface.js

@@ -0,0 +1 @@
+export {};

package/providers/tbank/context/context.js

@@ -0,0 +1,2 @@
+import { createContext } from 'react';
+export var TBankContext = createContext(null);

package/providers/tbank/index.d.ts

@@ -0,0 +1,5 @@
+import { TBankProviderProps } from './provider.interface';
+export declare const TBankProvider: (props: TBankProviderProps) => import("react").FunctionComponentElement<TBankProviderProps>;
+export declare namespace TBankProvider {
+    type Props = TBankProviderProps;
+}

package/providers/tbank/index.js

@@ -0,0 +1,5 @@
+import { createElement } from 'react';
+import { TBankProvider as BaseTBankProvider } from './provider';
+export var TBankProvider = function (props) {
+    return createElement(BaseTBankProvider, props);
+};

package/providers/tbank/provider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TBankProviderProps } from './provider.interface';
+declare global {
+    interface Window {
+        PaymentIntegration: any;
+    }
+}
+export declare const TBankProvider: ({ children }: TBankProviderProps) => React.JSX.Element;

package/providers/tbank/provider.interface.d.ts

@@ -0,0 +1,4 @@
+import type { ReactNode } from 'react';
+export interface TBankProviderProps {
+    children: ReactNode;
+}

package/providers/tbank/provider.interface.js

@@ -0,0 +1 @@
+export {};