@billgangcom/theme-lib 1.110.4 → 1.110.5

package/dist/src/constants/theme-settings.d.ts

@@ -0,0 +1,154 @@
+import { IconNames } from './icon.ts';
+type ThemeSettingsName = 'Colors' | 'Fonts' | 'Borders' | 'Buttons' | 'Inputs';
+export interface ThemeSettingsBlock {
+    icon: IconNames;
+    name: ThemeSettingsName;
+}
+export declare const themeSettingsBlocks: ThemeSettingsBlock[];
+export type FontTypeHeading = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'h7';
+export type FontTypeBody = 'lg' | 'md' | 'sm';
+export type FontType = 'heading' | 'body';
+export type FontCase = 'normal' | 'uppercase' | 'lowercase' | 'capitalize';
+export type BorderType = 'radius' | 'thickness';
+export type ButtonType = 'primary' | 'secondary' | 'link';
+export type Weight = '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+export interface FontFields {
+    font: string;
+    size: number;
+    weight: Weight;
+    boldWeight: Weight;
+    case: FontCase;
+}
+export interface ButtonFields {
+    size: number;
+    height: number;
+    radius: number;
+    alignment: Alignment;
+    background: string;
+    hover: boolean;
+    font: string;
+    color: string;
+    colorHover: string;
+    backgroundHover: string;
+    boxShadow: {
+        left: number;
+        top: number;
+        blur: number;
+        spread: number;
+        color: string;
+    };
+}
+export interface BorderFields {
+    radius: string;
+    thickness: string;
+}
+type Font = {
+    [head in FontTypeHeading | FontTypeBody]: FontFields;
+};
+export type Alignment = 'left' | 'center' | 'right';
+export type BorderStyle = 'solid' | 'dashed';
+export interface ThemeSettings {
+    colors: {
+        text: {
+            primary: string;
+            secondary: string;
+            tertiary: string;
+            inverted: string;
+            action: string;
+            actionHover: string;
+            disabled: string;
+            warning: string;
+            error: string;
+            success: string;
+            information: string;
+            link: string;
+        };
+        icon: {
+            primary: string;
+            secondary: string;
+            tertiary: string;
+            inverted: string;
+            action: string;
+            actionHover: string;
+            disabled: string;
+            warning: string;
+            error: string;
+            success: string;
+            information: string;
+            link: string;
+        };
+        border: {
+            primary: string;
+            secondary: string;
+            action: string;
+            actionHover: string;
+            disabled: string;
+            warning: string;
+            error: string;
+            success: string;
+            information: string;
+            focus: string;
+        };
+        surface: {
+            primary: string;
+            secondary: string;
+            action1: string;
+            action1Hover: string;
+            action2: string;
+            action2Hover: string;
+            disabled: string;
+            warning: string;
+            error: string;
+            success: string;
+            information: string;
+            modal: string;
+        };
+    };
+    fonts: {
+        mobile: {
+            fontSizePercentage: number;
+        };
+        tablet: {
+            fontSizePercentage: number;
+        };
+        desktop: {
+            heading: Partial<Font>;
+            body: Partial<Font>;
+        };
+    };
+    borders: BorderFields;
+    buttons: {
+        primary: ButtonFields;
+        secondary: ButtonFields;
+        tertiary: ButtonFields;
+    };
+    inputs: {
+        placeholder: {
+            color: string;
+        };
+        general: {
+            height: number;
+            size: number;
+            color: string;
+        };
+        field: {
+            active: boolean;
+            color: string;
+            opacity: number;
+        };
+        border: {
+            active: boolean;
+            style: BorderStyle;
+            radius: number;
+            thickness: number;
+            color: string;
+        };
+        label: {
+            height: number;
+            size: number;
+            color: string;
+            alignment: Alignment;
+        };
+    };
+}
+export {};

package/dist/src/exports.d.ts

@@ -0,0 +1,17 @@
+export * from './abstractions';
+export { hotReload, splitTextIntoSpans, useCreateTicket, useBuilderPages } from './lib';
+export { iconNames, type IconNames, ColorVariables, type AspectRatio, aspectRatioOptions, } from './shared/constants';
+export { Routes, AntistockRoutes } from './storefront/constants/routes';
+export type { Notification, NotificationComponentProps } from './shared/constants';
+export type { TypeFontKeys } from './shared/constants';
+export { ReCaptchaProvider, useReCaptcha } from './storefront/utils/recapcha';
+export { useCart } from './storefront/utils/useCart';
+export { useGeneralInfo } from './storefront/utils/useGeneralInfo';
+export { showNotification, removeNotification } from './storefront/utils/showNotification';
+export { useAdaptiveStyles } from './storefront/utils/useAdaptiveStyles';
+export { formatPrice } from './storefront/utils';
+export { parseDraftJsText } from './storefront/utils/parseDraftJsText';
+export { useBalance } from './storefront/utils/useBalance';
+export { useMarkdownIt } from './storefront/utils/useMarkdownIt';
+export { MarkdownText } from './storefront/utils/MarkdownText';
+export { Checkout } from './pages/checkout';

package/dist/src/hooks/useIconRegistration.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Хук для регистрации иконок
+ * Используйте этот хук в вашем приложении для регистрации нужных иконок
+ *
+ * @example
+ * ```tsx
+ * import { ShoppingCart, Heart, User } from '@phosphor-icons/react';
+ * import { useIconRegistration } from '@billgangcom/theme-lib';
+ *
+ * function MyApp() {
+ *   useIconRegistration({
+ *     ShoppingCart,
+ *     Heart,
+ *     User
+ *   });
+ *
+ *   return <div>...</div>;
+ * }
+ * ```
+ */
+export declare function useIconRegistration(icons: Record<string, React.ComponentType<any>>): void;
+/**
+ * Функция для регистрации иконок без хука
+ *
+ * @example
+ * ```tsx
+ * import { ShoppingCart, Heart } from '@phosphor-icons/react';
+ * import { registerIcons } from '@billgangcom/theme-lib';
+ *
+ * // Регистрируем иконки один раз в начале приложения
+ * registerIcons({
+ *   ShoppingCart,
+ *   Heart
+ * });
+ * ```
+ */
+export declare function registerIcons(icons: Record<string, React.ComponentType<any>>): void;

package/dist/src/lib/createTicket.d.ts

@@ -0,0 +1 @@
+export declare const useCreateTicket: () => (title: string, message: string, recaptcha: string, email: string, orderId?: string) => Promise<import("@api").RequestResponse<any> | undefined>;

package/dist/src/lib/generateDynamicStyles.d.ts

@@ -0,0 +1,2 @@
+import { ThemeSettings } from '@constants';
+export declare const generateDynamicStyles: (themeSettings: ThemeSettings, storeSettings: any) => string;

package/dist/src/lib/getDynamicRoutes.d.ts

@@ -0,0 +1 @@
+export declare function DynamicRouteWrapper(): import("react/jsx-runtime").JSX.Element;

package/dist/src/lib/hotReload.d.ts

@@ -0,0 +1 @@
+export declare function hotReload(): void;

package/dist/src/lib/index.d.ts

@@ -0,0 +1,9 @@
+export * from './getDynamicRoutes';
+export * from './generateDynamicStyles';
+export * from './injectStylesToDOM';
+export * from './setupDynamicFonts';
+export * from './loadCustomFonts';
+export * from './hotReload';
+export * from './splitTextIntoSpans';
+export * from './createTicket';
+export * from './useBuilderPages';

package/dist/src/lib/injectStylesToDOM.d.ts

@@ -0,0 +1 @@
+export declare const injectStylesToDOM: (styles: string) => void;

package/dist/src/lib/loadCustomFonts.d.ts

@@ -0,0 +1 @@
+export declare const loadCustomFonts: () => void;

package/dist/src/lib/setupDynamicFonts.d.ts

@@ -0,0 +1,2 @@
+import { ThemeSettings } from '@constants';
+export declare const setupDynamicFonts: (themeSettings: ThemeSettings) => void;

package/dist/src/lib/splitTextIntoSpans.d.ts

@@ -0,0 +1 @@
+export declare function splitTextIntoSpans(text: string, returnHtml?: boolean): string | JSX.Element[];

package/dist/src/lib/useBuilderPages.d.ts

@@ -0,0 +1 @@
+export declare const useBuilderPages: () => Record<string, import("../constants").Page> | null;

package/dist/src/main.d.ts

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

package/dist/src/pages/active-page/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+interface Props {
+}
+export declare const ActivePage: React.FC<React.PropsWithChildren<Props>>;
+export {};

package/dist/src/pages/balance/balance-modal.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface BalanceModalProps {
+    isModal?: boolean;
+}
+export declare const BalanceModal: React.FC<BalanceModalProps>;
+export {};

package/dist/src/pages/balance/index.d.ts

@@ -0,0 +1 @@
+export declare const Balance: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/pages/balance/model.d.ts

@@ -0,0 +1,6 @@
+import { Payment } from '@storefront/models';
+export declare const getTransactions: (pageNumber?: number) => Promise<{
+    list: any;
+    totalCount: number;
+}>;
+export declare const requestTopUpBalance: ({ price, gateway, customerEmail }: Payment) => Promise<import("../../api").RequestResponse<any>>;

package/dist/src/pages/builder/index.d.ts

@@ -0,0 +1,12 @@
+import '../../styles/main.scss';
+import React from 'react';
+import { ISettings } from '../../abstractions';
+interface BuilderProps {
+    blocks: Record<string, any>;
+    settings: ISettings;
+    header: Record<string, any>;
+    footer: Record<string, any>;
+    announcement: Record<string, any>;
+}
+export declare const BuilderPage: React.FC<BuilderProps>;
+export {};

package/dist/src/pages/builder/utils/index.d.ts

@@ -0,0 +1 @@
+export declare function checkAuth(): boolean;

package/dist/src/pages/charge/index.d.ts

@@ -0,0 +1 @@
+export declare const ChargePage: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/pages/checkout/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Checkout: React.FC;

package/dist/src/pages/checkout/model.d.ts

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

package/dist/src/pages/dynamic-error-page/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DynamicErrorPage: React.FC;

package/dist/src/pages/dynamic-page/api/index.d.ts

@@ -0,0 +1 @@
+export declare const getDynamicPage: (route: string, passwordProtected?: boolean) => Promise<import("@api").RequestResponse<any> | null | undefined>;

package/dist/src/pages/dynamic-page/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface Props {
+    pagePath: string;
+}
+export declare const DynamicPage: React.FC<Props>;
+export {};

package/dist/src/pages/error-page/api/index.d.ts

@@ -0,0 +1,7 @@
+interface ResetSettingsOptions {
+    resetSettings: boolean;
+    resetThemeSettings: boolean;
+    resetPageIds: number[];
+}
+export declare const resetSettings: (options: ResetSettingsOptions) => Promise<import("@api").RequestResponse<any>>;
+export {};

package/dist/src/pages/error-page/index.d.ts

@@ -0,0 +1 @@
+export declare const ErrorPage: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/pages/home/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface Props {
+    adaptiveStyles: string;
+}
+export declare const Home: React.FC<Props>;
+export {};

package/dist/src/pages/home/model.d.ts

@@ -0,0 +1,26 @@
+import { Price } from '@storefront/models';
+interface Image {
+    id: number;
+    cfId: string;
+}
+interface Product {
+    name: string;
+    image: Image;
+    amountSpentUsd?: number;
+    purchasedTimes: number;
+    cfImageId: string;
+    shortDescription?: string;
+}
+export interface Home {
+    totalSpent: number;
+    totalPurchases: number;
+    averageReview: number;
+    visits: number;
+    createdAt: string;
+    ratingPlacement: number;
+    balance?: Price;
+    spendMoreDefaultCurrencyForNextPlace: number;
+    topSpenderProduct?: Product;
+    favoriteProduct?: Product;
+}
+export {};

package/dist/src/pages/maintenance/index.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const MaintenancePage: FC;

package/dist/src/pages/not-found-page/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const NotFoundPage: React.FC;

package/dist/src/pages/order/index.d.ts

@@ -0,0 +1 @@
+export declare const OrderPage: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/pages/order/model.d.ts

@@ -0,0 +1,92 @@
+import { GetChargeApiData, OrderStatus, Price } from '@storefront/models';
+export type Image = {
+    id: number;
+    cfId: string;
+};
+export type PublicOrderPart = {
+    id: number;
+    productWithVariant: {
+        id: string;
+        name: string;
+        shortDescription?: string;
+        description?: string;
+        image?: Image;
+        variantId: string;
+        variantName: string;
+        price: Price;
+    };
+    quantity: number;
+    endPrice: Price;
+    endPriceUSD: Price['amount'];
+    customerNote?: string;
+};
+type BaseOrder = {
+    id: string;
+    status: OrderStatus;
+    rawPrice: Price;
+    endPrice: Price;
+    endPriceUSD: Price['amount'];
+    createdAt: Date;
+    expiresAt: Date;
+    charge: GetChargeApiData;
+    timeline: Partial<Record<OrderStatus, Date>>;
+};
+export type PublicOrderReview = {
+    rating?: number;
+    comment?: string;
+    sellerReply?: string;
+    createdAt?: Date;
+    updatedAt?: Date;
+};
+export type AuthenticatedOrderReview = PublicOrderReview & {
+    accessToken: string;
+};
+export type PublicOrder = BaseOrder & {
+    partOrders: PublicOrderPart[];
+    review: PublicOrderReview;
+};
+export type AuthenticatedOrder = BaseOrder & {
+    partOrders: AuthenticatedOrderPart[];
+    review: AuthenticatedOrderReview;
+};
+export type AuthenticatedOrderPart = PublicOrderPart & {
+    deliveryCategories: DeliveryConfiguration[];
+};
+type BaseDeliveryConfiguration = {
+    id: number;
+    customName?: string;
+};
+export type ExternalDeliveryConfiguration = BaseDeliveryConfiguration & {
+    type: DeliveryConfigurationType.Ebook | DeliveryConfigurationType.Link | DeliveryConfigurationType.Download;
+    deliveryItems: [TextDeliveryItem];
+};
+export type InternalDeliveryConfiguration = BaseDeliveryConfiguration & ({
+    type: DeliveryConfigurationType.Custom | DeliveryConfigurationType.Text | DeliveryConfigurationType.Discord;
+    deliveryItems: [TextDeliveryItem];
+} | {
+    type: DeliveryConfigurationType.Serial;
+    deliveryItems: SerialDeliveryItem[];
+});
+export type DeliveryConfiguration = ExternalDeliveryConfiguration | InternalDeliveryConfiguration;
+export declare const enum DeliveryConfigurationType {
+    Text = "TEXT",
+    Serial = "SERIALS",
+    Ebook = "EBOOK",
+    Link = "LINK",
+    Download = "DOWNLOAD",
+    Discord = "DISCORD",
+    Telegram = "TELEGRAM",
+    Custom = "CUSTOM"
+}
+export type BaseDeliveryItem = {
+    id: string;
+    deliveredAt: Date;
+};
+export type TextDeliveryItem = BaseDeliveryItem & {
+    textData: string;
+};
+export type SerialDeliveryItem = BaseDeliveryItem & {
+    serialKey: string;
+};
+export type GetOrderApiData = PublicOrder | AuthenticatedOrder;
+export {};

package/dist/src/pages/orders/index.d.ts

@@ -0,0 +1 @@
+export declare const Orders: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/pages/orders/model.d.ts

@@ -0,0 +1,4 @@
+export declare const getOrders: (page?: number) => Promise<{
+    list: any;
+    totalCount: number;
+}>;

package/dist/src/pages/rewards/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface Props {
+    adaptiveStyles: string;
+}
+export declare const Rewards: React.FC<Props>;
+export {};

package/dist/src/pages/router-error-page/index.d.ts

@@ -0,0 +1,3 @@
+import '../../styles/main.scss';
+import React from 'react';
+export declare const RouterErrorPage: React.FC;

package/dist/src/pages/subscription/index.d.ts

@@ -0,0 +1 @@
+export declare const Subscription: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/pages/subscription/model.d.ts

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

package/dist/src/pages/subscriptions/index.d.ts

@@ -0,0 +1 @@
+export declare const Subscriptions: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/pages/subscriptions/model.d.ts

@@ -0,0 +1,6 @@
+import { SubscriptionItem } from '@storefront/models';
+export interface SubscriptionsResult {
+    list: SubscriptionItem[];
+    totalCount: number;
+}
+export declare const getSubscriptions: (pageNumber?: number) => Promise<SubscriptionsResult>;

package/dist/src/pages/ticket/index.d.ts

@@ -0,0 +1 @@
+export declare const TicketItem: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/pages/ticket/model.d.ts

@@ -0,0 +1,24 @@
+export declare enum TicketStatus {
+    NEW = "NEW",
+    ANSWERED = "ANSWERED",
+    NOT_ANSWERED = "NOT_ANSWERED",
+    CLOSED = "CLOSED"
+}
+interface Message {
+    content: string;
+    createdAt: string;
+    id: number;
+    isSellerReply: boolean;
+}
+interface Customer {
+    email: string;
+    id: number;
+}
+export interface Ticket {
+    customer: Customer;
+    messages: Message[];
+    status: TicketStatus;
+    title: string;
+    updatedAt: string;
+}
+export {};

package/dist/src/pages/tickets/index.d.ts

@@ -0,0 +1 @@
+export declare const Tickets: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/pages/tickets/model.d.ts

@@ -0,0 +1,21 @@
+export declare enum TicketStatus {
+    NEW = "NEW",
+    ANSWERED = "ANSWERED",
+    NOT_ANSWERED = "NOT_ANSWERED",
+    CLOSED = "CLOSED"
+}
+export interface TicketItem {
+    id: number;
+    title: string;
+    accessToken: string;
+    latestMessage: string;
+    status: TicketStatus;
+    createdAt: string;
+    updatedAt?: string;
+}
+interface TicketsResult {
+    list: TicketItem[];
+    totalCount: number;
+}
+export declare const getTickets: (page?: number) => Promise<TicketsResult>;
+export {};

package/dist/src/pages/top-up-balance/index.d.ts

@@ -0,0 +1 @@
+export declare const TopUpBalance: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/pages/validation/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+interface Props {
+}
+export declare const ValidationPage: React.FC<Props>;
+export {};

package/dist/src/pages/wrapper-page/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const WrapperPage: React.FC<React.PropsWithChildren>;

package/dist/src/shared/constants/aspect-ratio.d.ts

@@ -0,0 +1,11 @@
+export declare const aspectRatio: {
+    readonly '1:1': "1:1";
+    readonly '4:3': "4:3";
+    readonly '16:9': "16:9";
+    readonly '9:16': "9:16";
+};
+export type AspectRatio = keyof typeof aspectRatio;
+export declare const aspectRatioOptions: {
+    value: string;
+    addon: import("react/jsx-runtime").JSX.Element;
+}[];

package/dist/src/shared/constants/color-variables.d.ts

@@ -0,0 +1,48 @@
+export declare enum ColorVariables {
+    ICON_LINK = "--icon-link",
+    ICON_ERROR = "--icon-error",
+    ICON_ACTION = "--icon-action",
+    ICON_PRIMARY = "--icon-primary",
+    ICON_SUCCESS = "--icon-success",
+    ICON_WARNING = "--icon-warning",
+    ICON_DISABLED = "--icon-disabled",
+    ICON_INVERTED = "--icon-inverted",
+    ICON_TERTIARY = "--icon-tertiary",
+    ICON_SECONDARY = "--icon-secondary",
+    ICON_ACTION_HOVER = "--icon-actionHover",
+    ICON_INFORMATION = "--icon-information",
+    TEXT_LINK = "--text-link",
+    TEXT_ERROR = "--text-error",
+    TEXT_ACTION = "--text-action",
+    TEXT_PRIMARY = "--text-primary",
+    TEXT_SUCCESS = "--text-success",
+    TEXT_WARNING = "--text-warning",
+    TEXT_DISABLED = "--text-disabled",
+    TEXT_INVERTED = "--text-inverted",
+    TEXT_TERTIARY = "--text-tertiary",
+    TEXT_SECONDARY = "--text-secondary",
+    TEXT_ACTION_HOVER = "--text-actionHover",
+    TEXT_INFORMATION = "--text-information",
+    BORDER_ERROR = "--border-error",
+    BORDER_FOCUS = "--border-focus",
+    BORDER_ACTION = "--border-action",
+    BORDER_PRIMARY = "--border-primary",
+    BORDER_SUCCESS = "--border-success",
+    BORDER_WARNING = "--border-warning",
+    BORDER_DISABLED = "--border-disabled",
+    BORDER_SECONDARY = "--border-secondary",
+    BORDER_ACTION_HOVER = "--border-actionHover",
+    BORDER_INFORMATION = "--border-information",
+    SURFACE_ERROR = "--surface-error",
+    SURFACE_MODAL = "--surface-modal",
+    SURFACE_ACTION1 = "--surface-action1",
+    SURFACE_ACTION2 = "--surface-action2",
+    SURFACE_PRIMARY = "--surface-primary",
+    SURFACE_SUCCESS = "--surface-success",
+    SURFACE_WARNING = "--surface-warning",
+    SURFACE_DISABLED = "--surface-disabled",
+    SURFACE_SECONDARY = "--surface-secondary",
+    SURFACE_INFORMATION = "--surface-information",
+    SURFACE_ACTION1_HOVER = "--surface-action1Hover",
+    SURFACE_ACTION2_HOVER = "--surface-action2Hover"
+}