@hhgtech/hhg-components 1.27.26 → 1.27.28

package/build/esm/ecom/dataFormatter/lib/dataTypes.d.ts

@@ -0,0 +1,483 @@
+import { FooterInfoApi } from './apiTypes';
+import { OrderStatus } from '../../interfaces/types';
+export type AutoCompleteAddress = {
+    description: string;
+    placeId: string;
+};
+export type PriceInfo = {
+    final: number;
+    regular: number;
+    discountPercent: number;
+};
+export type Product = {
+    id: number;
+    price: PriceInfo;
+    thumbnail: string;
+    name: string;
+    averageRating: number;
+    reviewsCount: number;
+    tag?: {
+        id: number;
+        name: string;
+    } | null;
+    sku: string;
+    slug: string;
+    tags?: {
+        id: number;
+        name: string;
+    }[];
+    images: {
+        small: string;
+        medium: string;
+        large: string;
+    }[];
+    unit: string;
+    brand: {
+        name: string;
+        image: string;
+        slug: string;
+        productsCount: number;
+    } | null;
+    productPromotions: ProductPromotion[];
+    description: string;
+    categories: Category[];
+    isInStock?: boolean;
+};
+export type Banner = {
+    name: string;
+    url: string;
+    featuredImage: string;
+    alt?: string;
+};
+export type HotSearchKeyword = {
+    name: string;
+    position: number;
+    status: boolean;
+    createdAt: string;
+    updatedAt: string;
+};
+export type HelpfulUrl = {
+    name: string;
+    url: string;
+    featuredImage: string;
+};
+export type PopularSearchType = {
+    text: string;
+};
+export type BlogPost = {
+    title: string;
+    image: string;
+    link: string;
+    postData: {
+        reviewed: {
+            author: BlogPostDataReviewedUser | null;
+            editor: BlogPostDataReviewedUser | null;
+            expert: BlogPostDataReviewedUser | null;
+            factCheck: BlogPostDataReviewedUser | null;
+            isAuthor: boolean;
+        } | null;
+        categories: {
+            termId: number;
+            name: string;
+            permalink: string;
+            textColor: string;
+        }[];
+        postDate: string;
+        postModified: string;
+        modifiedTime: string;
+    } | null;
+};
+export type Brand = {
+    id: number;
+    image: string;
+    position: string;
+    isPopular: boolean;
+    banners?: Banner[] | null;
+    summary?: string | null;
+    name: string;
+    slug: string;
+    description: string | null;
+    bestsellerProducts?: Product[] | null;
+};
+export type HomePage = {
+    brands: Brand[];
+    hotDeals: Product[];
+    newProducts: Product[];
+    slideBanners: Banner[];
+    subBanners: Banner[];
+    footerBanners: Banner[];
+    blogPosts: BlogPost[];
+    popularCategories: Category[];
+    suggestProducts: Category[];
+    promotions: Promotion[];
+};
+export type BlogPostDataReviewedUser = {
+    id: number;
+    userId: number;
+    formerRole: string;
+    role: string;
+    slug: string;
+    displayName: string;
+    description: string;
+    profileUrl: string;
+    avatar: string;
+    avatarThumbnail: string;
+    turnOffProfile: boolean;
+};
+export type CategoryPage = {
+    id: number;
+    name: string;
+    slug: string;
+    banners: Banner[];
+    bestsellerProducts: Product[];
+    description: string | null;
+};
+export type BrandPage = Brand;
+export type Category = {
+    id: number;
+    name: string;
+    logo: string;
+    slug: string;
+    children?: Category[];
+    backgroundColor: string;
+    parentId?: number;
+    fullSlug: string;
+    products?: Product[];
+};
+export type Navigation = {
+    hotSearchKeywords: PopularSearchType[];
+    helpfulUrls: HelpfulUrl[];
+    categories: Category[];
+    footer: FooterInfoApi;
+    storeId: number;
+    customerId: number;
+    cartItemsQty: number | null;
+};
+export type Pagination = {
+    current?: number;
+    first?: number;
+    itemsPerPage?: number;
+    last?: number;
+    next?: number;
+    prev?: number;
+    totalItems?: number;
+};
+export type ProductDetailPage = {
+    relatedProducts: Product[];
+    bestsellerProducts: Product[];
+    viewedProducts: Product[];
+    promotions: Promotion[];
+} & Product;
+export type ProductReview = {
+    reviewId: string;
+    createdAt: string;
+    title: string;
+    detail: string;
+    nickname: string;
+    avatar: string;
+    ratingVotes: {
+        ratingCode: string;
+        value: number;
+        percent: number;
+    }[];
+    images: string[];
+};
+export type ProductPromotion = {
+    id: number;
+    name: string;
+    thumbnail: string;
+    expirationDate: string;
+};
+export type Promotion = {
+    id: number;
+    name: string;
+    thumbnail: string;
+    expiredDate: string;
+    points?: number | null;
+    description?: string | null;
+    slug?: string;
+    banners?: string[];
+    metaTitle?: string;
+    metaKeywords?: string;
+    metaDescription?: string;
+};
+export type Address = {
+    id: string | number;
+    fullName: string;
+    telephone: string;
+    province: {
+        value: string;
+        label: string;
+    };
+    district: {
+        value: string;
+        label: string;
+    };
+    commune: {
+        value: string;
+        label: string;
+    };
+    street: string;
+    isDefault: boolean;
+    fullAddress?: string;
+};
+export type Statistic = {
+    pending: number;
+    processing: number;
+    delivering: number;
+    complete: number;
+    canceled: number;
+};
+export type ProductOrder = {
+    sku: string;
+    name: string;
+    price: number;
+    rowTotal: number;
+    image: string;
+    qty: number;
+    tag?: {
+        id: number;
+        name: string;
+    }[] | null;
+};
+export type Order = {
+    orderNumber: string;
+    shippingData?: {
+        shippingMethod: string;
+        shippingDescription: string;
+        shippingAddress: {
+            fullAddress: string;
+            telephone: string;
+            fullName: string;
+        } | null;
+        storeAddress: null;
+    } | null;
+    orderedDate: string;
+    status?: OrderStatus | null;
+    totals?: {
+        subtotal: number;
+        shippingAmount: number;
+        discountAmount: number;
+        grandTotal: number;
+    } | null;
+    products: ProductOrder[];
+    paymentMethod: string;
+};
+export type OrderConfirmation = {
+    isSuccess: boolean;
+    orderInfo: Order | null;
+};
+export type Province = {
+    value: string;
+    label: string;
+};
+export type District = {
+    value: string;
+    label: string;
+};
+export type Commune = {
+    value: string;
+    label: string;
+};
+export type StoreInfo = {
+    id?: string | number;
+    name: string;
+    address?: string;
+    province?: Province;
+    district?: District;
+};
+export type TagData = {
+    id: number;
+    name: string;
+};
+export type NavigationItem = {
+    logo: string;
+    name: string;
+    url: string;
+};
+export type DeliveryAddress = {
+    fullAddress: string;
+    telephone: string;
+    fullName: string;
+};
+export type CartItem = {
+    itemId: number;
+    sku: string;
+    qty: number;
+    name: string;
+    price: number;
+    basePrice: number;
+    productType: string;
+    quoteId: string;
+    thumbnail: string;
+    rowTotal: number;
+    promotions: ProductPromotion[];
+    isInStock: boolean;
+    urlProduct: string;
+};
+export type CartAddress = {
+    id?: number;
+    region?: string;
+    regionId?: number;
+    regionCode?: string;
+    countryId?: string;
+    street?: string[];
+    postcode?: string;
+    city?: string;
+    firstname?: string;
+    lastname?: string;
+    customerId?: number;
+    email?: string;
+    telephone?: string;
+    sameAsBilling?: number;
+    saveInAddressBook?: number;
+    fullAddress?: string;
+    customerAddressId?: number;
+};
+export type EstimatedShipping = {
+    carrierCode: string;
+    methodCode: string;
+    carrierTitle: string;
+    methodTitle: string;
+    amount: number;
+    baseAmount: number;
+    available: boolean;
+    errorMessage: string;
+    priceExclTax: number;
+    priceInclTax: number;
+};
+export type PaymentMethodInfo = {
+    code: string;
+    title: string;
+    thumbnail: string;
+};
+export type PaymentInformation = {
+    paymentMethods: PaymentMethodInfo[] | [];
+    totals: CartTotal | null;
+};
+export type CartBaseCustomer = {
+    email?: string;
+    firstname?: string;
+    lastname?: string;
+};
+export type CartLoggedInCustomer = {
+    id: number;
+    groupId: number;
+    createdAt: string;
+    updatedAt: string;
+    createdIn: string;
+    storeId: number;
+    websiteId: number;
+    addresses: CartAddress[];
+    disableAutoGroupChange: number;
+    isSubscribed: boolean;
+} & CartBaseCustomer;
+export type Cart = {
+    id: number;
+    createdAt: string;
+    updatedAt: string;
+    isActive: boolean;
+    isVirtual: boolean;
+    items: CartItem[];
+    itemsCount: number;
+    itemsQty: number;
+    customer: Partial<CartLoggedInCustomer> | null;
+    billingAddress: CartAddress | null;
+    origOrderId: number;
+    currency: {
+        globalCurrencyCode: string;
+        baseCurrencyCode: string;
+        storeCurrencyCode: string;
+        quoteCurrencyCode: string;
+        storeToBaseRate: number;
+        storeToQuoteRate: number;
+        baseToGlobalRate: number;
+        baseToQuoteRate: number;
+    };
+    customerIsGuest: boolean;
+    customerNoteNotify: boolean;
+    customerTaxClassId: number;
+    storeId: number;
+    shippingAssignments: {
+        shipping: {
+            address: CartAddress | null;
+            method: string;
+        };
+        items: CartItem[];
+    }[];
+};
+export type CartTotal = {
+    grandTotal: number;
+    baseGrandTotal: number;
+    subtotal: number;
+    baseSubtotal: number;
+    discountAmount: number;
+    baseDiscountAmount: number;
+    subtotalWithDiscount: number;
+    baseSubtotalWithDiscount: number;
+    shippingAmount: number;
+    baseShippingAmount: number;
+    shippingDiscountAmount: number;
+    baseShippingDiscountAmount: number;
+    taxAmount: number;
+    baseTaxAmount: number;
+    weeeTaxAppliedAmount: number;
+    shippingTaxAmount: number;
+    baseShippingTaxAmount: number;
+    subtotalInclTax: number;
+    shippingInclTax: number;
+    baseShippingInclTax: number;
+    baseCurrencyCode: string;
+    quoteCurrencyCode: string;
+    itemsQty: number;
+    coupon: {
+        couponCode: string;
+        couponDescription: string;
+    };
+    items: {
+        itemId: number;
+        price: number;
+        basePrice: number;
+        qty: number;
+        rowTotal: number;
+        baseRowTotal: number;
+        rowTotalWithDiscount: number;
+        taxAmount: number;
+        baseTaxAmount: number;
+        taxPercent: number;
+        discountAmount: number;
+        baseDiscountAmount: number;
+        discountPercent: number;
+        priceInclTax: number;
+        basePriceInclTax: number;
+        rowTotalInclTax: number;
+        baseRowTotalInclTax: number;
+        options: string;
+        weeeTaxAppliedAmount: number;
+        weeeTaxApplied: number;
+        name: string;
+    }[];
+    totalSegments: {
+        code: string;
+        title: string;
+        value: number;
+    }[];
+};
+export type Coupon = {
+    code: string;
+    name: string;
+    thumbnail: string;
+    description: string;
+};
+export type Shipping = {
+    carrierCode: string;
+    methodCode: string;
+    title: string;
+    description: string;
+    price: number;
+    thumbnail: string;
+};
+export type BreadcrumbItem = {
+    label: string;
+    value: string;
+};

package/build/esm/ecom/dataFormatter/lib/utils.d.ts

@@ -0,0 +1,10 @@
+import { LocaleType } from 'interfaces/types';
+export declare function isDefined<T>(argument: T | undefined | null): argument is T;
+export declare function isNullOrUndefinedOrEmptyString<T>(argument: T | null | undefined | ''): argument is T;
+export declare function trimObjectForQuery(object: {
+    [k: string]: string | number | null | undefined;
+}): {
+    [k: string]: string | number;
+};
+export declare function numberWithCommas(x: number | string): string;
+export declare function currencyFormat(x: number | string, locale: LocaleType, currency: string): string;

package/build/esm/ecom/index.d.ts

@@ -0,0 +1,5 @@
+export * as ApiTypes from './dataFormatter/lib/apiTypes';
+export * as DataTypes from './dataFormatter/lib/dataTypes';
+export * as DataFormatter from './dataFormatter';
+export * as Types from './interfaces/types';
+export * as Constants from './interfaces/constants';

package/build/esm/ecom/interfaces/constants.d.ts

@@ -0,0 +1,129 @@
+import { LocaleType, LocalisedSlugsType } from './types';
+export declare const isDevelopment: boolean;
+export declare const IS_SSR: boolean;
+export declare const locale: LocaleType;
+export declare const BEARER_TOKEN_COOKIE = "hhg_user_token";
+export declare const BEARER_ADMIN_TOKEN_COOKIE = "hhg_admin_token";
+export declare const GUEST_CART_ID_COOKIE = "hhg_guest_cart_id";
+export declare const GOOGLE_MAP_KEY: string;
+export declare const GOOGLE_ADMIN_LOCATION_KEY: string;
+export declare const GOOGLE_CLIENT_ID: string;
+export declare const GOOGLE_CALENDAR_API_KEY = "";
+export declare const basePath = "shop";
+export declare const SSO_USER_BASE_PATH = "user";
+export declare const CARE_BASE_PATH = "care";
+export declare const COMMUNITY_BASE_PATH = "community";
+export declare const HEALTH_TOOLs_BASE_PATH = "health-tools";
+export declare const NOTIFICATION_TIME_OUT = 3000;
+export declare const DOMAIN_LOCALES: {
+    [key in LocaleType]: string;
+};
+export declare const DISCOVER_URL_FE: string;
+export declare const DISCOVER_URL_BE: string;
+export declare const TOGETHER_URL_BE: string;
+export declare const TOGETHER_URL_FE: string;
+export declare const SSO_URL: string;
+export declare const DISCOVERY_FOOTER_URL = "#";
+export declare const HEALTH_CARE_FOOTER_URL = "#";
+export declare const HEALTH_TOOLS_FOOTER_URL = "#";
+export declare const HEALTH_TOGETHER_FOOTER_URL = "#";
+export declare const POLICIES_FOOTER_URL = "#";
+export declare const FAQ_FOOTER_URL = "#";
+export declare const SITEMAP_FOOTER_URL = "#";
+export declare const ABOUT_US_FOOTER_URL = "#";
+export declare const EXECUTIVE_BIOS_FOOTER_URL = "#";
+export declare const ADVERTISING_FOOTER_URL = "#";
+export declare const CONTACT_US_FOOTER_URL = "#";
+export declare const ABOUT_GO_CARE_FOOTER_URL = "#";
+export declare enum Gender {
+    FEMALE = 0,
+    MALE = 1,
+    ANY = 2
+}
+export declare const EMAIL_REGEX: RegExp;
+export declare const COUNTRY_SITENAME: {
+    [id: string]: string;
+};
+export declare const LOCALE_SPECS: {
+    [key in LocaleType]: {
+        [key: string]: string;
+    };
+};
+export declare const SOCIAL_MEDIA: {
+    [key in LocaleType]: {
+        [key: string]: string | null;
+    };
+};
+export declare const FLAG_LINKS: {
+    [id: string]: string;
+};
+export declare const STATIC_PAGES: {
+    [key in LocaleType]: {
+        [key: string]: string | null;
+    };
+};
+export declare const FAVICONS: {
+    [key in LocaleType]: ({
+        type: 'link';
+        rel: string;
+        href: string;
+        sizes?: string;
+    } | {
+        type: 'meta';
+        name: string;
+        content: string;
+    })[];
+};
+export declare const LOCALE_COUNTRY: {
+    [key in LocaleType]: {
+        [key: string]: string | number;
+    };
+};
+export declare const MAX_ALLOWED_IMG_SIZE: number;
+export declare const COUNTRY_CODE_BY_LOCALE: {
+    [key in LocaleType]: string;
+};
+export declare const COUNTRY_CURRENCY_SYMBOL: {
+    [key in LocaleType]: string;
+};
+export declare const CURRENCY_PREFIX: Record<string, string>;
+export type LOCALISED_SLUGS_VALUE = {
+    [key in LocalisedSlugsType]?: string;
+};
+export declare const LOCALISED_SLUGS: {
+    [key in LocaleType]?: LOCALISED_SLUGS_VALUE;
+};
+export declare const HEADER_LOGO_ALIGNMENT = "188px";
+export declare const globalFontFamily = "Inter";
+export declare const ENABLE_COMMUNITY_LOCALES: LocaleType[];
+export declare const ENABLE_CARE_LOCALES: LocaleType[];
+export declare const ENABLE_HEALTH_PARENTING_LOCALES: LocaleType[];
+export declare const SEO_SCHEMA: {
+    [key in LocaleType]?: {
+        HOME?: () => string;
+        CATEGORY?: (urlWithParams: string, itemCount?: number, itemList?: {
+            '@type': 'Product';
+            image: string;
+            url: string;
+            name: string;
+        }[]) => string;
+        BRAND?: (urlWithParams: string, itemCount?: number, itemList?: {
+            '@type': 'Brand';
+            name: string;
+            image: string;
+            url: string;
+        }[]) => string;
+        BRAND_DETAIL?: (urlWithParams: string, itemCount?: number, itemList?: {
+            '@type': 'Brand_Detail';
+            name: string;
+            image: string;
+            url: string;
+        }) => string;
+        PRODUCT_DETAIL?: (urlWithParams: string, itemCount?: number, itemList?: {
+            '@type': 'Product_Detail';
+            name: string;
+            image: string;
+            url: string;
+        }) => string;
+    };
+};

package/build/esm/ecom/interfaces/types.d.ts

@@ -0,0 +1,85 @@
+/// <reference types="react" />
+import { UserRole } from 'interfaces/types';
+import { basePath, CARE_BASE_PATH, COMMUNITY_BASE_PATH, HEALTH_TOOLs_BASE_PATH, SSO_USER_BASE_PATH } from './constants';
+export type LocaleType = 'vi-VN' | 'id-ID' | 'ms-MY' | 'km-KH' | 'en-PH' | 'th-TH' | 'my-MM' | 'zh-TW' | 'hi-IN';
+export type PushNotificationPayloadType = {
+    message: string;
+    type: 'success' | 'danger' | 'info' | 'warning';
+    title?: string;
+};
+export type LogoType = 'hellobacsi' | 'hellosehat' | 'hellohealth' | 'hellotogether' | 'hellocare' | 'logomark' | 'hellodoctor' | 'hellokrupet' | 'hellswasthya' | 'hellokhunmor' | 'hellodoktor';
+export type CategoriesLayout = 'short' | 'long';
+export type CountryInitial = 'VN' | 'ID' | 'TH' | 'KH' | 'MY' | 'MM' | 'PH' | 'IN' | 'TW';
+export type Flag = {
+    country: CountryInitial;
+    link: string;
+};
+export type Role = UserRole | ('branch' | 'facility' | 'doctor');
+export type UserInfo = {
+    name?: string;
+    phone?: string;
+    username?: string;
+    avatar?: string;
+    email?: string;
+    role?: Role;
+    phone_verified_at?: string;
+    birthday?: string;
+    gender?: number;
+    id?: number;
+    bookmarks?: Array<string | number>;
+    coralToken?: {
+        token?: string;
+        isTemp?: boolean;
+    };
+    total_bookmark?: number;
+    first_time_bookmark?: boolean;
+    phone_verified?: boolean;
+    provider?: string;
+    verify_phone_code?: string;
+    city_id?: string;
+    type_of_pass?: string;
+    is_new?: 0 | 1;
+    communities_interacted?: 0 | 1;
+};
+export declare enum GenderLabel {
+    MALE = "gender.male",
+    FEMALE = "gender.female",
+    OTHER = "gender.other"
+}
+export type DesktopMenuPopup = 'categories' | 'tools' | 'care' | 'communities' | 'profile' | 'none';
+export type MobileMenuPopup = 'categories' | 'profile' | 'none';
+export type HealthTool = {
+    title: string;
+    subtitle: string;
+    icon: string;
+    link: string;
+};
+export type UrlSourceType = 'first_login' | 'welcome_back' | 'comment' | 'care_phone' | 'care_onboarding' | 'new_admin' | 'ecom';
+export type UrlPostActionType = 'call' | 'redirect';
+export type UrlQueryType = 'source' | 'post_action' | 'params';
+export type Coordinate = {
+    lat: number;
+    lng: number;
+};
+/**
+ * default props types
+ */
+export type ElementDataProps = 'data-event-action' | 'data-event-label';
+export type ExtendingDataProps<K> = {
+    [key in K extends string ? K | ElementDataProps : ElementDataProps]?: string | number | boolean | ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | React.CSSProperties;
+} & {
+    style?: React.CSSProperties;
+};
+/**
+ * localised slugs
+ */
+export type LocalisedSlugsType = 'PRODUCT' | 'CATEGORY' | 'BRAND' | 'SEARCH' | 'BRANDS' | 'PROFILE' | 'PROFILE_MANAGE_ORDERS' | 'PROFILE_MANAGE_ADDRESS' | 'PROFILE_VOUCHER' | 'PROFILE_MEMBER_CARD' | 'CART' | 'CART_CHECKOUT' | 'PROMOTION' | 'PROMOTION_DETAIL' | 'ORDER_CONFIRMATION';
+/**
+ * base path type
+ */
+export type BasePathType = typeof basePath | typeof SSO_USER_BASE_PATH | typeof CARE_BASE_PATH | typeof COMMUNITY_BASE_PATH | typeof HEALTH_TOOLs_BASE_PATH;
+export type SortType = 'price' | 'updated_at';
+export type SortOrder = 'asc' | 'desc';
+export type OrderStatus = 'pending' | 'processing' | 'delivering' | 'complete' | 'canceled';
+export declare const DATE_FORMAT_API = "yyyy-MM-dd";
+export declare const DATE_FORMAT = "dd-MM-yyyy";