esewa-ui-library 1.0.1

package/dist/pages/componentTesting/ComponentTesting.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ComponentTesting: React.FC;
+export default ComponentTesting;

package/dist/pages/confirmationPage/eSewaConfirmationPage.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import './eSewaConfirmationPage.scss';
+interface Properties {
+    [key: string]: any;
+}
+interface ProductDetails {
+    [key: string]: any;
+}
+interface PaymentDetails {
+    amount: number;
+    productCode: string;
+    properties: Properties;
+}
+interface ConfirmationPageProps {
+    productDetails?: ProductDetails;
+    paymentDetails?: PaymentDetails;
+}
+declare const ESewaConfirmationPage: React.FC<ConfirmationPageProps>;
+export default ESewaConfirmationPage;

package/dist/pages/demoOrderDetail/orderDetails.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './orderDetail.scss';
+declare type OrderDetailsProps = {
+    isOpen: boolean;
+    data: any;
+    onOK: () => void;
+    onClose: () => void;
+};
+declare const OrderDetails: React.FC<OrderDetailsProps>;
+export default OrderDetails;

package/dist/pages/demoProductDetail/productDetail.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import './productDetail.scss';
+declare type Rating = {
+    rate: number;
+    count: number;
+};
+declare type ProductDetails = {
+    id: number;
+    title: string;
+    price: number;
+    description: string;
+    category: string;
+    image: string;
+    rating: Rating;
+};
+declare const ProductDetails: React.FC;
+export default ProductDetails;

package/dist/pages/demoProductListing/productList.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './productList.scss';
+declare const ProductList: React.FC;
+export default ProductList;

package/dist/pages/normalPayment/normalPayment.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './normalPayment.scss';
+declare const NormalPayment: React.FC;
+export default NormalPayment;

package/dist/pages/productPayment/ProductPayemnt.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ProductPayment: React.FC;
+export default ProductPayment;

package/dist/pages/productPayment/additionalDetails/AdditionalDetails.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const AdditionalPaymentDetails: () => React.JSX.Element;
+export default AdditionalPaymentDetails;

package/dist/pages/productPayment/comfirmation/Confirmation.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import './Confirmation.scss';
+interface Properties {
+    [key: string]: any;
+}
+interface ProductDetails {
+    [key: string]: any;
+}
+interface PaymentDetails {
+    amount: number;
+    productCode: string;
+    properties: Properties;
+}
+interface ConfirmationPageProps {
+    productDetails?: ProductDetails;
+    paymentDetails?: PaymentDetails;
+}
+declare const ConfirmationPage: React.FC<ConfirmationPageProps>;
+export default ConfirmationPage;

package/dist/pages/productPayment/commissionDetails/CommissionCard.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './CommissionCard.scss';
+import { CommissionDetails } from '../interface';
+interface CommissionCardProps {
+    commission: CommissionDetails;
+}
+declare const CommissionCard: React.FC<CommissionCardProps>;
+export default CommissionCard;

package/dist/pages/productPayment/interface/index.d.ts

@@ -0,0 +1,40 @@
+export interface ProductDetails {
+    id?: number;
+    name?: string;
+    logoPath?: string;
+    productCode?: string;
+    displayName?: string;
+    minimumAmount?: number;
+    maximumAmount?: number;
+    details?: string;
+    shortDescription?: string;
+    status?: 'ACTIVE' | 'INACTIVE';
+    savePayment?: boolean;
+    reminder?: boolean;
+    enquiry?: boolean;
+    schedulePayment?: boolean;
+    reminderTypes?: string[];
+    productType?: string;
+    userRemarks?: any;
+    separateIntegration?: boolean;
+    pfmCategoryId?: number | null;
+}
+export interface PaymentProperties {
+    [key: string]: any;
+}
+export interface PaymentRequest {
+    amount?: number;
+    properties?: PaymentProperties;
+}
+export interface PromoCodeCommission {
+    promoCodeCashback?: number;
+    promoCodeRewardPoint?: number;
+}
+export interface CommissionDetails extends PromoCodeCommission {
+    transactionAmount?: number;
+    totalPayingAmount?: number;
+    eSewaCashback?: number;
+    serviceCharge?: number;
+    tdsAmount?: number;
+    rewardPoint?: number;
+}

package/dist/pages/productPayment/paymentDetails/PaymentDetails.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const PaymentDetails: React.FC;
+export default PaymentDetails;

package/dist/provider/eSewaPaymentProvider.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactNode } from 'react';
+import { CommissionDetails, ProductDetails, PromoCodeCommission } from '../pages/productPayment/interface';
+interface AppContextType {
+    productDetails: ProductDetails;
+    setProductDetails: React.Dispatch<React.SetStateAction<ProductDetails>>;
+    commissionDetails: CommissionDetails;
+    setCommissionDetails: React.Dispatch<React.SetStateAction<CommissionDetails>>;
+    promoCodeCommission: PromoCodeCommission;
+    setPromoCodeCommission: React.Dispatch<React.SetStateAction<PromoCodeCommission | {}>>;
+}
+export declare const AppContext: React.Context<AppContextType | undefined>;
+interface AppProviderProps {
+    children: ReactNode;
+}
+export declare const ESewaPaymentProvider: React.FC<AppProviderProps>;
+export {};

package/dist/provider/eSewaProvider.d.ts

@@ -0,0 +1,21 @@
+import React, { ReactNode } from 'react';
+import { CommissionDetails, ProductDetails, PromoCodeCommission } from '../pages/productPayment/interface';
+interface ProviderDataType {
+    title: string | null | undefined;
+}
+interface DataContextType {
+    data: ProviderDataType;
+    updateData: (newData: ProviderDataType) => void;
+    productDetails: ProductDetails;
+    setProductDetails: React.Dispatch<React.SetStateAction<ProductDetails>>;
+    commissionDetails: CommissionDetails;
+    setCommissionDetails: React.Dispatch<React.SetStateAction<CommissionDetails>>;
+    promoCodeCommission: PromoCodeCommission;
+    setPromoCodeCommission: React.Dispatch<React.SetStateAction<PromoCodeCommission | {}>>;
+}
+interface DataProviderProps {
+    children: ReactNode;
+}
+export declare const ESewaProvider: React.FC<DataProviderProps>;
+export declare const useESewaDataProvider: () => DataContextType;
+export {};

package/dist/provider/eSewaThemeProvider.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const ESewaThemeProvider: React.FC<{
+    children: React.ReactNode;
+}>;

package/dist/services/eSewaService.d.ts

@@ -0,0 +1,4 @@
+import { Callback, REQUEST_DATA_TYPE } from '../@types';
+export declare const getPlatform: () => "android" | "ios" | "unknown";
+export declare const requestMiniApp: (data: REQUEST_DATA_TYPE) => void;
+export declare const requestFromMiniApp: (data: REQUEST_DATA_TYPE, callbackKey: keyof Window['Android'], callback: Callback) => void;

package/dist/theme/borderRadius.d.ts

@@ -0,0 +1,10 @@
+export declare const borderRadius: {
+    '2xlg': string;
+    xlg: string;
+    lg: string;
+    md: string;
+    sm: string;
+    xs: string;
+    xxs: string;
+    none: string;
+};

package/dist/theme/colors.d.ts

@@ -0,0 +1,349 @@
+export declare const primary: {
+    900: string;
+    800: string;
+    700: string;
+    600: string;
+    500: string;
+    400: string;
+    300: string;
+    200: string;
+    100: string;
+    50: string;
+};
+export declare const red: {
+    900: string;
+    800: string;
+    700: string;
+    600: string;
+    500: string;
+    400: string;
+    300: string;
+    200: string;
+    100: string;
+    50: string;
+};
+export declare const blue: {
+    900: string;
+    800: string;
+    700: string;
+    600: string;
+    500: string;
+    400: string;
+    300: string;
+    200: string;
+    100: string;
+    50: string;
+};
+export declare const orange: {
+    900: string;
+    800: string;
+    700: string;
+    600: string;
+    500: string;
+    400: string;
+    300: string;
+    200: string;
+    100: string;
+    50: string;
+};
+export declare const gray: {
+    900: string;
+    800: string;
+    700: string;
+    600: string;
+    500: string;
+    400: string;
+    300: string;
+    200: string;
+    100: string;
+    50: string;
+    35: string;
+    25: string;
+};
+export declare const bluegray: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const white = "#fff";
+export declare const black = "#000";
+export declare const miscellaneousStarIconStarRating = "#FFCC05";
+export declare const lightThemeColors: {
+    primaryColor: {
+        primary: string;
+        'primary-dark': string;
+        'primary-bg-light': string;
+        'primary-text': string;
+        'primary-light-text': string;
+        'primary-muted': string;
+    };
+    appBarColor: {
+        'bg-bottom': string;
+        'bg-top': string;
+        'bg-tool': string;
+        fg: string;
+    };
+    bodyColor: {
+        'body-bg': string;
+        'body-color': string;
+    };
+    border: {
+        border: string;
+        'default-input-border': string;
+        'disabled-input-border': string;
+    };
+    secondaryColor: {
+        secondary: string;
+        'secondary-bg-light': string;
+        'secondary-border': string;
+        'secondary-muted': string;
+        'secondary-text': string;
+        'secondary-text-light': string;
+    };
+    infoColor: {
+        info: string;
+        'info-bg-light': string;
+        'info-border': string;
+        'info-text': string;
+    };
+    successColor: {
+        success: string;
+        'success-bg-light': string;
+        'success-border': string;
+        'success-text': string;
+    };
+    surfaceColor: {
+        'surface-bg': string;
+    };
+    danger: {
+        danger: string;
+        'danger-bg-light': string;
+        'danger-border': string;
+        'danger-text': string;
+    };
+    warning: {
+        warning: string;
+        'warning-bg-light': string;
+        'warning-border': string;
+        'warning-text': string;
+    };
+    input: {
+        'input-bg': string;
+        'disabled-input-bg': string;
+        'input-placeholder': string;
+    };
+    icon: {
+        'icon-green': string;
+        'icon-green-light': string;
+        'icon-gray': string;
+        'icon-bg': string;
+        'icon-muted': string;
+        'icon-star-rating': string;
+    };
+    textColor: {
+        'text-dark': string;
+        'text-tertiary': string;
+        'text-light': string;
+        'text-muted': string;
+    };
+    cardColor: {
+        'card-bg': string;
+        'balance-bg': string;
+        'balance-bg-light-gray': string;
+        'profile-balance-card-bg': string;
+    };
+    tooltipColor: {
+        'tooltip-bg': string;
+        'tooltip-fg': string;
+    };
+    modalBackDrop: {
+        'modal-backdrop-bg': string;
+    };
+    buttonColor: {
+        'button-muted-bg': string;
+        'button-muted': string;
+        'button-primary-text': string;
+        'button-white-bg': string;
+    };
+    miscellaneousColor: {
+        'star-rating': string;
+        'bar-active': string;
+    };
+};
+export declare const darkThemeColors: {
+    primaryColor: {
+        primary: string;
+        'primary-dark': string;
+        'primary-bg-light': string;
+        'primary-text': string;
+        'primary-light-text': string;
+        'primary-muted': string;
+    };
+    appBarColor: {
+        'bg-bottom': string;
+        'bg-top': string;
+        'bg-tool': string;
+        fg: string;
+    };
+    bodyColor: {
+        'body-bg': string;
+        'body-color': string;
+    };
+    border: {
+        border: string;
+        'default-input-border': string;
+        'disabled-input-border': string;
+    };
+    secondaryColor: {
+        secondary: string;
+        'secondary-bg-light': string;
+        'secondary-border': string;
+        'secondary-muted': string;
+        'secondary-text': string;
+        'secondary-text-light': string;
+    };
+    infoColor: {
+        info: string;
+        'info-bg-light': string;
+        'info-border': string;
+        'info-text': string;
+    };
+    successColor: {
+        success: string;
+        'success-bg-light': string;
+        'success-border': string;
+        'success-text': string;
+    };
+    surfaceColor: {
+        'surface-bg': string;
+    };
+    danger: {
+        danger: string;
+        'danger-bg-light': string;
+        'danger-border': string;
+        'danger-text': string;
+    };
+    warning: {
+        warning: string;
+        'warning-bg-light': string;
+        'warning-border': string;
+        'warning-text': string;
+    };
+    input: {
+        'input-bg': string;
+        'disabled-input-bg': string;
+        'input-placeholder': string;
+    };
+    icon: {
+        'icon-green': string;
+        'icon-green-light': string;
+        'icon-gray': string;
+        'icon-bg': string;
+        'icon-muted': string;
+        'icon-star-rating': string;
+    };
+    textColor: {
+        'text-dark': string;
+        'text-tertiary': string;
+        'text-light': string;
+        'text-muted': string;
+    };
+    cardColor: {
+        'profile-balance-card-bg': string;
+        'balance-bg-light-gray': string;
+        'balance-bg': string;
+        'card-bg': string;
+    };
+    tooltipColor: {
+        'tooltip-bg': string;
+        'tooltip-fg': string;
+    };
+    modalBackDrop: {
+        'modal-backdrop-bg': string;
+    };
+    buttonColor: {
+        'button-muted': string;
+        'button-muted-bg': string;
+        'button-primary-text': string;
+        'button-white-bg': string;
+    };
+    miscellaneousColor: {
+        'star-rating': string;
+        'bar-active': string;
+    };
+};
+export declare const common: {
+    black: string;
+    white: string;
+};
+export declare const palette: {
+    primary: {
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+        50: string;
+    };
+    gray: {
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+        50: string;
+        35: string;
+        25: string;
+    };
+    blue: {
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+        50: string;
+    };
+    orange: {
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+        50: string;
+    };
+    bluegray: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+};

package/dist/theme/fontSize.d.ts

@@ -0,0 +1,17 @@
+export declare const fontSize: {
+    h1: string;
+    h2: string;
+    h3: string;
+    h4: string;
+    h5: string;
+    h6: string;
+    'body-1': string;
+    'body-1-body-2': string;
+    button: string;
+    label: string;
+    caption: string;
+    'sub--caption': string;
+    overline: string;
+    'overline-2': string;
+    subcaption2: string;
+};