ads-web-sdkm 2.0.24

package/dist/Brandshop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Brandshop.js","sources":["../src/api/services/getBrandshop.ts","../src/api/queries/useGetBrandshop.ts","../src/components/Brandshop/BannerWithLink.tsx","../src/components/Brandshop/Banner.tsx","../src/utils/analytics/trackBrandshopEvents.ts","../src/components/Brandshop/BannerSection.tsx","../src/components/Brandshop/CategorySection.tsx","../src/components/Brandshop/NavigationSection.tsx","../src/types/products.ts","../src/utils/helpers/productDiscounts.ts","../src/components/Card/Card.tsx","../src/components/Chip/Chip.tsx","../src/utils/helpers/discountChip.ts","../src/utils/helpers/translate.ts","../src/components/ProductsCarousel/DiscountChip.tsx","../src/assets/tag.svg","../src/components/ProductsCarousel/CouponBadge.tsx","../src/components/ProductsCarousel/PriceDisplay.tsx","../src/components/ProductsCarousel/ProductTitle.tsx","../src/components/ProductsCarousel/ProductCard.tsx","../src/components/ProductsCarousel/ProductsCarousel.tsx","../src/utils/helpers/products.ts","../src/api/services/getCollection.ts","../src/api/queries/useGetCollection.ts","../src/components/ProductsCarousel/ProductCardSkeleton.tsx","../src/components/ProductsCarousel/ProductSliderSkeleton.tsx","../src/components/Brandshop/ProductSliderSection.tsx","../src/components/Brandshop/BrandshopSection.tsx","../src/utils/helpers/utilities.ts","../src/hooks/useDetectScrolledToBottom.ts","../src/components/Brandshop/BrandshopSkeleton.tsx","../src/components/Brandshop/BrandshopContent.tsx","../src/assets/error.svg","../src/components/Brandshop/BrandshopError.tsx","../src/components/ErrorBoundary/ErrorBoundary.tsx","../src/components/Brandshop/Brandshop.tsx"],"sourcesContent":["import { generateAccessToken } from '@/utils/helpers/authToken';\r\nimport { type TLanguage } from '@/types/types';\r\nimport { getBaseUrl } from '@/utils/helpers/getBaseUrl';\r\nimport { type TEnvironment } from '@/types/configTypes';\r\nimport {\r\n  type TBrandshopApiResponse,\r\n  type TBrandshopData,\r\n} from '@/types/brandshop';\r\n\r\ntype TGetBrandshopProps = {\r\n  deviceType: string;\r\n  language: TLanguage;\r\n  environment: TEnvironment;\r\n  brandshopId: string;\r\n  adServerApiKey: string;\r\n};\r\n\r\nexport const getBrandshop = async ({\r\n  deviceType,\r\n  language,\r\n  brandshopId,\r\n  environment,\r\n  adServerApiKey,\r\n}: TGetBrandshopProps): Promise<TBrandshopData> => {\r\n  const [token, timestamp] = await generateAccessToken(adServerApiKey);\r\n  const adServerBaseUrl = getBaseUrl('adServer', environment);\r\n\r\n  try {\r\n    const res = await fetch(\r\n      `${adServerBaseUrl}/api/v2/brandshop/server/${brandshopId}`,\r\n      {\r\n        headers: {\r\n          device: deviceType,\r\n          lang: language,\r\n          'auth-token': token,\r\n          'auth-timestamp': timestamp,\r\n        },\r\n      },\r\n    );\r\n\r\n    const brandshopResponse: TBrandshopApiResponse = await res.json();\r\n    return brandshopResponse.data;\r\n  } catch (error) {\r\n    throw new Error(`Failed to fetch brandshop details - ${error}`);\r\n  }\r\n};\r\n","import { useQuery } from '@tanstack/react-query';\r\nimport { type TLanguage } from '@/types/types';\r\nimport { type TEnvironment } from '@/types/configTypes';\r\nimport { getBrandshop } from '../services/getBrandshop';\r\n\r\ntype TGetBrandshopProps = {\r\n  deviceType: string;\r\n  language: TLanguage;\r\n  brandshopId: string;\r\n  environment: TEnvironment;\r\n  adServerApiKey: string;\r\n  enabled?: boolean;\r\n};\r\nexport const GET_BRANDSHOP_QUERY_KEY = 'brandshop';\r\n\r\nexport const useGetBrandshopQuery = ({\r\n  deviceType,\r\n  language,\r\n  brandshopId,\r\n  environment,\r\n  adServerApiKey,\r\n  enabled,\r\n}: TGetBrandshopProps) => {\r\n  const brandshopQueryKey = [\r\n    GET_BRANDSHOP_QUERY_KEY,\r\n    brandshopId,\r\n    deviceType,\r\n    language,\r\n  ];\r\n\r\n  return useQuery({\r\n    queryKey: brandshopQueryKey,\r\n    queryFn: () =>\r\n      getBrandshop({\r\n        deviceType,\r\n        language,\r\n        brandshopId,\r\n        environment,\r\n        adServerApiKey,\r\n      }),\r\n    enabled,\r\n  });\r\n};\r\n","import styles from './Brandshop.module.css';\r\nimport { Image } from '../Image/Image';\r\n\r\ntype BannerWithLinkProps = {\r\n  image: string;\r\n  text: string;\r\n  alt: string;\r\n  onClick: () => void;\r\n};\r\n\r\nexport const BannerWithLink = ({\r\n  image,\r\n  text,\r\n  alt,\r\n  onClick,\r\n}: BannerWithLinkProps) => {\r\n  if (!image) return null;\r\n\r\n  return (\r\n    <button type=\"button\" className={styles.bannerButton} onClick={onClick}>\r\n      <Image src={image} alt={alt} className={styles.bannerImage} />\r\n      <div className={styles.bannerCta}>{text}</div>\r\n    </button>\r\n  );\r\n};\r\n","import styles from './Brandshop.module.css';\r\nimport { Image } from '../Image/Image';\r\n\r\ntype BannerProps = {\r\n  image: string;\r\n  alt: string;\r\n};\r\n\r\nexport const Banner = ({ image, alt }: BannerProps) => {\r\n  return (\r\n    <div className={styles.banner}>\r\n      <Image src={image} alt={alt} className={styles.bannerImage} fetchPriority='high' />\r\n    </div>\r\n  );\r\n};\r\n","import { TTrackEvents } from '@/types/configTypes';\r\n\r\ntype TBrandshopLoginStatus = 'logged_in' | 'guest';\r\n\r\ntype TBrandshopEventNamesEnum =\r\n  | 'ads_bs_pageload'\r\n  | 'ads_bs_pageend'\r\n  | 'ads_bs_section_view'\r\n  | 'ads_bs_content_click';\r\n\r\ntype TBrandshopEventProperties = {\r\n  userStatus: TBrandshopLoginStatus;\r\n  platform: 'Web';\r\n  brandName?: string;\r\n  sectionName?: string;\r\n  sectionOrder?: string;\r\n  contentName?: string;\r\n  contentOrder?: string;\r\n};\r\n\r\nexport const trackBrandshopEvent = (\r\n  eventName: TBrandshopEventNamesEnum,\r\n  props: TBrandshopEventProperties,\r\n  trackEvent?: TTrackEvents,\r\n) => {\r\n  switch (eventName) {\r\n    case 'ads_bs_pageload':\r\n    case 'ads_bs_pageend': {\r\n      const { brandName, userStatus, platform } = props;\r\n      trackEvent?.(eventName, {\r\n        brand_name: brandName,\r\n        user_status: userStatus,\r\n        platform,\r\n      });\r\n      break;\r\n    }\r\n\r\n    case 'ads_bs_section_view': {\r\n      const { brandName, sectionName, sectionOrder, userStatus, platform } =\r\n        props;\r\n      trackEvent?.(eventName, {\r\n        brand_name: brandName,\r\n        section_name: sectionName,\r\n        section_order: sectionOrder,\r\n        user_status: userStatus,\r\n        platform,\r\n      });\r\n      break;\r\n    }\r\n\r\n    case 'ads_bs_content_click': {\r\n      const { contentName, contentOrder, userStatus, platform } = props;\r\n      trackEvent?.(eventName, {\r\n        content_name: contentName,\r\n        content_order: contentOrder,\r\n        user_status: userStatus,\r\n        platform,\r\n      });\r\n      break;\r\n    }\r\n  }\r\n};\r\n","import { type TLinkClickEvent } from '@/types/ads';\r\nimport { type TBrandshopDataItem } from '@/types/brandshop';\r\nimport { buildLinkDestination } from '@/utils/helpers/ads';\r\nimport { BannerWithLink } from './BannerWithLink';\r\nimport { Banner } from './Banner';\r\nimport styles from './Brandshop.module.css';\r\nimport { trackBrandshopEvent } from '@/utils/analytics/trackBrandshopEvents';\r\nimport { type TTrackEvents } from '@/types/configTypes';\r\n\r\ntype BannerSectionProps = {\r\n  title: string;\r\n  hideTitle: boolean;\r\n  banners: TBrandshopDataItem[];\r\n  isLoggedin: boolean;\r\n  sectionTitle: string;\r\n  onBannerClick: (link: TLinkClickEvent) => void;\r\n  trackBrandshopHandler?: TTrackEvents;\r\n};\r\n\r\nexport const BannerSection = ({\r\n  title,\r\n  hideTitle,\r\n  banners,\r\n  isLoggedin,\r\n  sectionTitle,\r\n  onBannerClick,\r\n  trackBrandshopHandler,\r\n}: BannerSectionProps) => {\r\n  const handleLinkClick = (bannerItem: TBrandshopDataItem) => {\r\n    if (!bannerItem?.link?.link_destination) return;\r\n    trackBrandshopEvent(\r\n      'ads_bs_content_click',\r\n      {\r\n        contentName: sectionTitle,\r\n        contentOrder: bannerItem.display_order.toString(),\r\n        userStatus: isLoggedin ? 'logged_in' : 'guest',\r\n        platform: 'Web',\r\n      },\r\n      trackBrandshopHandler,\r\n    );\r\n    const payload = buildLinkDestination(bannerItem.link.link_destination);\r\n    if (!payload) return;\r\n    onBannerClick(payload);\r\n  };\r\n\r\n  if (banners.length === 0) return null;\r\n\r\n  return (\r\n    <div className={styles.sectionContainer}>\r\n      {!hideTitle && <h2 className={styles.sectionTitle}>{title}</h2>}\r\n\r\n      {banners.map((banner) => {\r\n        return banner.link ? (\r\n          <BannerWithLink\r\n            key={banner.tracking_id}\r\n            image={banner.image as string}\r\n            text={banner.link.link_text}\r\n            alt={title}\r\n            onClick={() => handleLinkClick(banner)}\r\n          />\r\n        ) : (\r\n          <Banner\r\n            key={banner.tracking_id}\r\n            image={banner.image as string}\r\n            alt={title}\r\n          />\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n};\r\n","import { type TLinkClickEvent } from '@/types/ads';\r\nimport { type TBrandshopDataItem } from '@/types/brandshop';\r\nimport { buildLinkDestination } from '@/utils/helpers/ads';\r\nimport styles from './Brandshop.module.css';\r\nimport { type TTrackEvents } from '@/types/configTypes';\r\nimport { trackBrandshopEvent } from '@/utils/analytics/trackBrandshopEvents';\r\nimport { Image } from '../Image/Image';\r\n\r\ntype CategorySectionProps = {\r\n  title: string;\r\n  hideTitle: boolean;\r\n  categories: TBrandshopDataItem[];\r\n  isLoggedin: boolean;\r\n  onCategoryClick: (link: TLinkClickEvent) => void;\r\n  trackBrandshopHandler?: TTrackEvents;\r\n};\r\n\r\nexport const CategorySection = ({\r\n  title,\r\n  hideTitle,\r\n  categories,\r\n  isLoggedin,\r\n  onCategoryClick,\r\n  trackBrandshopHandler,\r\n}: CategorySectionProps) => {\r\n  const handleLinkClick = (categoryItem: TBrandshopDataItem) => {\r\n    if (!categoryItem?.link?.link_destination) return;\r\n    trackBrandshopEvent(\r\n      'ads_bs_content_click',\r\n      {\r\n        contentName: categoryItem.category_name,\r\n        contentOrder: categoryItem.display_order.toString(),\r\n        userStatus: isLoggedin ? 'logged_in' : 'guest',\r\n        platform: 'Web',\r\n      },\r\n      trackBrandshopHandler,\r\n    );\r\n    const payload = buildLinkDestination(categoryItem.link.link_destination);\r\n    if (!payload) return;\r\n    onCategoryClick(payload);\r\n  };\r\n\r\n  if (categories.length < 2) return null;\r\n\r\n  const limitedCategories = categories.slice(0, 6);\r\n  const sortedCategories = [...limitedCategories].sort(\r\n    (a, b) => a.display_order - b.display_order,\r\n  );\r\n  const gridColumns =\r\n    limitedCategories.length === 2 || limitedCategories.length === 4 ? 2 : 3;\r\n\r\n  return (\r\n    <div className={styles.sectionContainer}>\r\n      {!hideTitle && <h2 className={styles.sectionTitle}>{title}</h2>}\r\n\r\n      <div\r\n        className={`${styles.categoryContainer} ${\r\n          styles[`cols${gridColumns}`]\r\n        } ${limitedCategories.length === 6 ? styles.categoryShrinkGap : ''}`}\r\n      >\r\n        {sortedCategories.map((category) => {\r\n          if (!category) return null;\r\n\r\n          return (\r\n            <button\r\n              key={category.tracking_id}\r\n              className={styles.categoryTile}\r\n              onClick={() => handleLinkClick(category)}\r\n            >\r\n              <div className={styles.categoryImageWrapper}>\r\n                {category.image && (\r\n                  <Image\r\n                    src={category.image}\r\n                    alt={category.category_name ?? title}\r\n                    className={styles.categoryImage}\r\n                  />\r\n                )}\r\n              </div>\r\n\r\n              {category.category_name && (\r\n                <span\r\n                  className={`${styles.categoryName} ${\r\n                    limitedCategories.length === 6\r\n                      ? styles.categoryNameShrink\r\n                      : ''\r\n                  }`}\r\n                >\r\n                  {category.category_name}\r\n                </span>\r\n              )}\r\n            </button>\r\n          );\r\n        })}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n","import { type TNavigationLinkItem } from '@/types/brandshop';\r\nimport { type TLinkClickEvent } from '@/types/ads';\r\nimport { buildLinkDestination } from '@/utils/helpers/ads';\r\nimport { type TTrackEvents } from '@/types/configTypes';\r\nimport { trackBrandshopEvent } from '@/utils/analytics/trackBrandshopEvents';\r\nimport styles from './Brandshop.module.css';\r\nimport { Image } from '../Image/Image';\r\n\r\ntype NavigationSectionProps = {\r\n  title: string;\r\n  hideTitle: boolean;\r\n  logo: string;\r\n  navigationLinks: TNavigationLinkItem[];\r\n  isLoggedin: boolean;\r\n  brandshopName?: string;\r\n  onLinkClick: (link: TLinkClickEvent) => void;\r\n  trackBrandshopHandler?: TTrackEvents;\r\n};\r\n\r\nexport const NavigationSection = ({\r\n  title,\r\n  hideTitle,\r\n  logo,\r\n  navigationLinks,\r\n  isLoggedin,\r\n  brandshopName,\r\n  onLinkClick,\r\n  trackBrandshopHandler,\r\n}: NavigationSectionProps) => {\r\n  const handleLinkClick = (navigationItem: TNavigationLinkItem) => {\r\n    trackBrandshopEvent(\r\n      'ads_bs_content_click',\r\n      {\r\n        contentName: navigationItem.link.link_text,\r\n        contentOrder: navigationItem.link.link_display_order.toString(),\r\n        userStatus: isLoggedin ? 'logged_in' : 'guest',\r\n        platform: 'Web',\r\n      },\r\n      trackBrandshopHandler,\r\n    );\r\n    const payload = buildLinkDestination(navigationItem.link.link_destination);\r\n    if (payload) onLinkClick(payload);\r\n  };\r\n  if (navigationLinks.length === 0) return null;\r\n\r\n  const sortedNavigationLinks = [...navigationLinks].sort(\r\n    (a, b) => a.link.link_display_order - b.link.link_display_order,\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={`${styles.sectionContainer} ${styles.navigationSectionContainer}`}\r\n    >\r\n      {!hideTitle && <h2 className={styles.sectionTitle}>{title}</h2>}\r\n\r\n      <div className={styles.navigationSection}>\r\n        {logo && (\r\n          <h1>\r\n            <Image\r\n              src={logo}\r\n              alt={brandshopName ?? title}\r\n              className={styles.navigationLogo}\r\n            />\r\n          </h1>\r\n        )}\r\n        <div className={styles.navigationLinks}>\r\n          {sortedNavigationLinks.map((navigationLink) => (\r\n            <button\r\n              key={navigationLink.tracking_id}\r\n              className={styles.navigationLink}\r\n              onClick={() => handleLinkClick(navigationLink)}\r\n            >\r\n              {navigationLink.link.link_text}\r\n            </button>\r\n          ))}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n","export enum DiscountValueTypesEnum {\r\n  PERCENTAGE = 'PERCENTAGE',\r\n  AMOUNT = 'AMOUNT',\r\n}\r\n\r\nexport enum DiscountTypesEnum {\r\n  PROMOTION = 1,\r\n  COUPON = 2,\r\n}\r\n\r\nexport type TPrice = {\r\n  is_price_dropped: boolean;\r\n  currency: string;\r\n  base: string;\r\n  final: string;\r\n  final_float_price: string;\r\n};\r\n\r\nexport type TDiscount = {\r\n  order: DiscountTypesEnum;\r\n  name: string;\r\n  description: string;\r\n  type: DiscountValueTypesEnum;\r\n  value: string;\r\n  discount_value: string;\r\n  price_after_discount: string;\r\n};\r\n\r\nexport type TProductDiscount = {\r\n  value: string;\r\n  priceAfterDiscount: string;\r\n};\r\n\r\nexport type TDiscountsMap = {\r\n  promotion: TProductDiscount | null;\r\n  coupon: TProductDiscount | null;\r\n};\r\n\r\n// Collection Item Types\r\nexport type TColorVariant = {\r\n  offering_id: string;\r\n  variant_id: string;\r\n  slug: string;\r\n  id: string;\r\n  name: string;\r\n  value: string;\r\n  decorator: string;\r\n};\r\n\r\nexport type TCollectionItem = {\r\n  offering_id: string;\r\n  variant_id: string;\r\n  title: string;\r\n  slug: string;\r\n  brand: string;\r\n  main_image: string;\r\n  formatted_main_image: string;\r\n  gallery: string[];\r\n  price: TPrice;\r\n  stock_quantity: number;\r\n  discounts: TDiscount[];\r\n  colors: TColorVariant[];\r\n  categories_tree: string[];\r\n  dimensions: string;\r\n};\r\n\r\n// API Response Types\r\nexport type TApiError = {\r\n  message: string;\r\n  severity: string;\r\n  details: string;\r\n};\r\n\r\nexport type TCollectionData = {\r\n  collection_id: string;\r\n  total_items: number;\r\n  items: TCollectionItem[];\r\n};\r\n\r\nexport type TCollectionResponse = {\r\n  success: boolean;\r\n  data: TCollectionData | null;\r\n  error: TApiError | null;\r\n};\r\n","import {\r\n  DiscountTypesEnum,\r\n  DiscountValueTypesEnum,\r\n  type TDiscountsMap,\r\n  type TDiscount,\r\n} from '@/types/products';\r\n\r\n// Helper function to get discount value display\r\nconst getDiscountValue = (discount: TDiscount, currency: string): string => {\r\n  if (discount.type === DiscountValueTypesEnum.PERCENTAGE) {\r\n    return `${discount.value}%`;\r\n  }\r\n  return `${discount.discount_value} ${currency}`;\r\n};\r\n\r\n// Helper function to get discounts map\r\nexport const getDiscounts = (discounts: TDiscount[], currency: string) => {\r\n  return discounts.reduce(\r\n    (acc, discount) => {\r\n      if (discount.order === DiscountTypesEnum.PROMOTION) {\r\n        return {\r\n          ...acc,\r\n          promotion: {\r\n            value: getDiscountValue(discount, currency),\r\n            priceAfterDiscount: discount.price_after_discount,\r\n          },\r\n        };\r\n      }\r\n      if (discount.order === DiscountTypesEnum.COUPON) {\r\n        return {\r\n          ...acc,\r\n          coupon: {\r\n            value: getDiscountValue(discount, currency),\r\n            priceAfterDiscount: discount.price_after_discount,\r\n          },\r\n        };\r\n      }\r\n      return acc;\r\n    },\r\n    { promotion: null, coupon: null } as TDiscountsMap,\r\n  );\r\n};\r\n","import React from 'react';\r\n\r\ntype TCardProps = {\r\n  children: React.ReactNode;\r\n  className?: string;\r\n};\r\n\r\nexport const Card = ({ children, className }: TCardProps) => {\r\n  return <div className={className}>{children}</div>;\r\n};\r\n","import styles from './Chip.module.css';\r\n\r\ntype TChipProps = {\r\n  children: React.ReactNode;\r\n  className?: string;\r\n};\r\n\r\nexport function Chip({ children, className }: Readonly<TChipProps>) {\r\n  return <div className={`${styles.chip} ${className}`}>{children}</div>;\r\n}\r\n","type TDiscountChipProps = {\r\n  label: string;\r\n  variant: 'coupon' | 'promotion' | 'priceDrop';\r\n};\r\n\r\ntype TChipInput = {\r\n  saveLabelText: string;\r\n  couponText: string;\r\n  priceDropText: string;\r\n  promotionValue?: string;\r\n  hasCoupon?: boolean;\r\n  isPriceDropped?: boolean;\r\n};\r\n\r\nexport const getDiscountChipDetails = (\r\n  props: TChipInput,\r\n): TDiscountChipProps | null => {\r\n  const {\r\n    promotionValue,\r\n    hasCoupon,\r\n    isPriceDropped,\r\n    saveLabelText,\r\n    couponText,\r\n    priceDropText,\r\n  } = props;\r\n  if (isPriceDropped) {\r\n    return {\r\n      label: priceDropText,\r\n      variant: 'priceDrop',\r\n    };\r\n  }\r\n  if (hasCoupon) {\r\n    return {\r\n      label: couponText,\r\n      variant: 'coupon',\r\n    };\r\n  }\r\n  if (promotionValue) {\r\n    return {\r\n      label: `${saveLabelText} ${promotionValue}`,\r\n      variant: 'promotion',\r\n    };\r\n  }\r\n\r\n  return null;\r\n};\r\n","import { type TLanguage } from '@/types/types';\r\n\r\nexport const translations = {\r\n  en: {\r\n    couponBadge: {\r\n      extra: 'Extra',\r\n      offAtCheckout: 'off at checkout',\r\n    },\r\n    discountChip: {\r\n      save: 'Save',\r\n      onlineExclusive: 'Online exclusive offer',\r\n      priceDrop: 'Price drop',\r\n    },\r\n    mylo: {\r\n      from: 'From',\r\n      perMonth: '/mo with',\r\n    },\r\n  },\r\n  ar: {\r\n    couponBadge: {\r\n      extra: 'خصم إضافي',\r\n      offAtCheckout: 'يطبق عند الدفع',\r\n    },\r\n    discountChip: {\r\n      save: 'هتوفر',\r\n      onlineExclusive: 'عرض أونلاين حصري',\r\n      priceDrop: 'سعر أقل',\r\n    },\r\n    mylo: {\r\n      from: 'يبدأ من',\r\n      perMonth: '/الشهر مع',\r\n    },\r\n  },\r\n} as const;\r\n\r\nexport const getTranslation = (language: TLanguage) => translations[language];\r\n","import { type TProductDiscount } from '@/types/products';\r\nimport { Chip } from '../Chip/Chip';\r\nimport { getDiscountChipDetails } from '@/utils/helpers/discountChip';\r\nimport styles from './ProductsCarousel.module.css';\r\nimport { type TLanguage } from '@/types/types';\r\nimport { getTranslation } from '@/utils/helpers/translate';\r\n\r\ntype TDiscountChipProps = {\r\n  language: TLanguage;\r\n  promotionValue?: string;\r\n  coupon?: TProductDiscount | null;\r\n  isPriceDropped?: boolean;\r\n  className?: string;\r\n};\r\n\r\nconst variantStyles = {\r\n  coupon: styles.discountChipCoupon,\r\n  promotion: styles.discountChipPromotion,\r\n  priceDrop: styles.discountChipPriceDrop,\r\n};\r\n\r\nexport function DiscountChip({\r\n  language,\r\n  promotionValue,\r\n  coupon,\r\n  isPriceDropped,\r\n  className,\r\n}: Readonly<TDiscountChipProps>) {\r\n  const translate = getTranslation(language);\r\n\r\n  const discountChipDetails = getDiscountChipDetails({\r\n    promotionValue,\r\n    hasCoupon: !!coupon,\r\n    isPriceDropped,\r\n    saveLabelText: translate.discountChip.save,\r\n    couponText: translate.discountChip.onlineExclusive,\r\n    priceDropText: translate.discountChip.priceDrop,\r\n  });\r\n\r\n  if (!discountChipDetails) return null;\r\n\r\n  return (\r\n    <Chip\r\n      className={`${className} ${variantStyles[discountChipDetails.variant]}`}\r\n    >\r\n      {discountChipDetails.label}\r\n    </Chip>\r\n  );\r\n}\r\n","export default \"data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.94%206.38667L6.94%200.386667C6.7%200.146667%206.36667%200%206%200H1.33333C0.6%200%200%200.6%200%201.33333V6C0%206.36667%200.146667%206.7%200.393333%206.94667L6.39333%2012.9467C6.63333%2013.1867%206.96667%2013.3333%207.33333%2013.3333C7.7%2013.3333%208.03333%2013.1867%208.27333%2012.94L12.94%208.27333C13.1867%208.03333%2013.3333%207.7%2013.3333%207.33333C13.3333%206.96667%2013.18%206.62667%2012.94%206.38667ZM2.33333%203.33333C1.78%203.33333%201.33333%202.88667%201.33333%202.33333C1.33333%201.78%201.78%201.33333%202.33333%201.33333C2.88667%201.33333%203.33333%201.78%203.33333%202.33333C3.33333%202.88667%202.88667%203.33333%202.33333%203.33333Z'%20fill='%231AA573'/%3e%3c/svg%3e\"","import styles from './ProductsCarousel.module.css';\r\nimport tag from '@/assets/tag.svg';\r\nimport { Image } from '../Image/Image';\r\nimport { type TLanguage } from '@/types/types';\r\nimport { getTranslation } from '@/utils/helpers/translate';\r\n\r\ntype TCouponBadgeProps = {\r\n  value: string;\r\n  language: TLanguage;\r\n};\r\n\r\nexport function CouponBadge({ value, language }: Readonly<TCouponBadgeProps>) {\r\n  const translate = getTranslation(language);\r\n\r\n  return (\r\n    <div className={styles.couponBadge}>\r\n      <Image alt=\"tag\" src={tag} width={13.3} height={13.3} />\r\n      <span>\r\n        {`${translate.couponBadge.extra} ${value} ${translate.couponBadge.offAtCheckout}`}\r\n      </span>\r\n    </div>\r\n  );\r\n}\r\n","import type { TPrice, TDiscount } from '@/types/products';\r\nimport styles from './ProductsCarousel.module.css';\r\nimport { getDiscounts } from '@/utils/helpers/productDiscounts';\r\n\r\ntype TPriceDisplayProps = {\r\n  price: TPrice;\r\n  discounts: TDiscount[];\r\n};\r\n\r\nexport function PriceDisplay({\r\n  price,\r\n  discounts,\r\n}: Readonly<TPriceDisplayProps>) {\r\n  const { promotion } = getDiscounts(discounts, price.currency);\r\n  const hasDiscount = promotion?.priceAfterDiscount;\r\n\r\n  return (\r\n    <div className={styles.priceWrapper}>\r\n      <span\r\n        className={`${styles.priceCurrency} ${hasDiscount && styles.withPromotion}`}\r\n      >\r\n        {price.currency}\r\n      </span>\r\n      <span\r\n        className={`${styles.priceAmount} ${hasDiscount && styles.withPromotion}`}\r\n      >\r\n        {promotion ? promotion.priceAfterDiscount : price.base}\r\n      </span>\r\n      {hasDiscount && (\r\n        <span className={styles.priceOriginal}>{price.base}</span>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n","import styles from './ProductsCarousel.module.css';\r\n\r\ntype TProductLinkProps = {\r\n  title: string;\r\n};\r\n\r\nexport function ProductTitle({ title }: Readonly<TProductLinkProps>) {\r\n  return <div className={styles.ProductTitle}>{title}</div>;\r\n}\r\n","import { getDiscounts } from '@/utils/helpers/productDiscounts';\r\nimport type { TDiscount, TPrice } from '@/types/products';\r\nimport { Card } from '../Card/Card';\r\nimport { Image } from '../Image/Image';\r\nimport { DiscountChip } from './DiscountChip';\r\nimport { CouponBadge } from './CouponBadge';\r\nimport { PriceDisplay } from './PriceDisplay';\r\nimport styles from './ProductsCarousel.module.css';\r\nimport { ProductTitle } from './ProductTitle';\r\nimport { type TLanguage } from '@/types/types';\r\nimport { getInstallmentInfoPLP } from 'mylo-online-checkout-sdk';\r\nimport myloENIcon from '@/assets/mylo-en.svg';\r\nimport myloARIcon from '@/assets/mylo.svg';\r\nimport { useAsyncMemo } from '@/hooks/use-async-memo';\r\nimport { type TMyloGetInstallmentInfoPLP } from '@/types/tenures';\r\nimport { parsePriceToNumber } from '@/utils/helpers/price-utils';\r\nimport Skeleton from '../Carousel/AdSkeleton';\r\nimport { getTranslation } from '@/utils/helpers/translate';\r\n\r\nconst MYLO_MINIMUM_PRICE_THRESHOLD = 500;\r\n\r\ntype TProductCardProps = {\r\n  id: string;\r\n  title: string;\r\n  brand: string;\r\n  image: string;\r\n  price: TPrice;\r\n  discounts: TDiscount[];\r\n  language: TLanguage;\r\n  className?: string;\r\n};\r\n\r\nexport function ProductCard({\r\n  id,\r\n  title,\r\n  brand,\r\n  image,\r\n  price,\r\n  discounts = [],\r\n  language,\r\n  className,\r\n}: Readonly<TProductCardProps>) {\r\n  const { promotion, coupon } = getDiscounts(discounts, price.currency);\r\n  const translate = getTranslation(language);\r\n\r\n  // const [myloInstallmentInfo, isMyloInstallmentInfoLoading] =\r\n  //   useAsyncMemo<TMyloGetInstallmentInfoPLP | null>(\r\n  //     () => getInstallmentInfoPLP(Number(price.final.replaceAll(',', ''))),\r\n  //     [price.final],\r\n  //   );\r\n\r\n  // const installmentText = `${translate.mylo.from} ${myloInstallmentInfo?.amount ?? '0'}${translate.mylo.perMonth}`;\r\n\r\n  return (\r\n    <Card key={id} className={`${styles.card} ${className}`}>\r\n      <header className={styles.header}>\r\n        <div className={styles.imageContainer}>\r\n          <Image className={styles.image} src={image} alt={title} />\r\n        </div>\r\n\r\n        <div className={styles.topControls}>\r\n          <DiscountChip\r\n            language={language}\r\n            coupon={coupon}\r\n            promotionValue={promotion?.value}\r\n            isPriceDropped={price.is_price_dropped}\r\n          />\r\n        </div>\r\n      </header>\r\n\r\n      <footer className={styles.footer}>\r\n        <div className={styles.priceSection}>\r\n          <PriceDisplay price={price} discounts={discounts} />\r\n        </div>\r\n        {/* {isMyloInstallmentInfoLoading ? (\r\n          <Skeleton className={styles.myloSkeleton} />\r\n        ) : (\r\n          parsePriceToNumber(price.final) >= MYLO_MINIMUM_PRICE_THRESHOLD && (\r\n            <div className={styles.myloContainer}>\r\n              <p className={styles.myloText}>{installmentText}</p>\r\n              <Image\r\n                className={styles.myloIcon}\r\n                src={language === 'en' ? myloENIcon : myloARIcon}\r\n                alt=\"mylo\"\r\n              />\r\n            </div>\r\n          )\r\n        )} */}\r\n        <h4 className={styles.brand}>{brand}</h4>\r\n\r\n        <ProductTitle title={title} />\r\n\r\n        {coupon && <CouponBadge value={coupon.value} language={language} />}\r\n      </footer>\r\n    </Card>\r\n  );\r\n}\r\n","import {\r\n  AdCarousel,\r\n  AdCarouselContent,\r\n  AdCarouselItem,\r\n  AdCarouselNext,\r\n  AdCarouselPrevious,\r\n  AdCarouselPagination,\r\n  AdCarouselApi,\r\n} from '../Carousel/AdCarousel';\r\nimport { useState, useEffect } from 'react';\r\nimport { ProductCard } from '../ProductsCarousel/ProductCard';\r\nimport styles from './ProductsCarousel.module.css';\r\nimport { TCollectionItem } from '@/types/products';\r\nimport { TLanguage } from '@/types/types';\r\n\r\ntype ProductsCarouselProps = {\r\n  products: TCollectionItem[];\r\n  onProductClick: (product: TCollectionItem, index: number) => void;\r\n  slidesToScroll?: number;\r\n  language: TLanguage;\r\n};\r\n\r\nexport function ProductsCarousel({\r\n  slidesToScroll,\r\n  products,\r\n  onProductClick,\r\n  language,\r\n}: Readonly<ProductsCarouselProps>) {\r\n  const [api, setApi] = useState<AdCarouselApi>();\r\n  const [current, setCurrent] = useState(0);\r\n  const [count, setCount] = useState(0);\r\n  const [canScrollPrev, setCanScrollPrev] = useState(false);\r\n  const [canScrollNext, setCanScrollNext] = useState(false);\r\n\r\n  useEffect(() => {\r\n    if (!api) {\r\n      return;\r\n    }\r\n\r\n    const updateCarouselState = () => {\r\n      setCount(api.scrollSnapList().length);\r\n      setCurrent(api.selectedScrollSnap());\r\n      setCanScrollPrev(api.canScrollPrev());\r\n      setCanScrollNext(api.canScrollNext());\r\n    };\r\n\r\n    updateCarouselState();\r\n\r\n    api.on('select', updateCarouselState);\r\n\r\n    api.on('reInit', updateCarouselState);\r\n\r\n    return () => {\r\n      api.off('select', updateCarouselState);\r\n      api.off('reInit', updateCarouselState);\r\n    };\r\n  }, [api]);\r\n\r\n  return (\r\n    <div className={styles.container}>\r\n      <AdCarousel\r\n        opts={{\r\n          align: 'start',\r\n          slidesToScroll: slidesToScroll ?? 1,\r\n          direction: language === 'ar' ? 'rtl' : 'ltr',\r\n        }}\r\n        setApi={setApi}\r\n        className={styles.carousel}\r\n      >\r\n        <AdCarouselContent className={styles.carouselContent}>\r\n          {products.map((product, index) => (\r\n            <AdCarouselItem\r\n              key={`${product.offering_id}-${index}`}\r\n              className={styles.carouselItem}\r\n              onClick={() => onProductClick(product, index)}\r\n            >\r\n              <ProductCard\r\n                id={product.offering_id}\r\n                brand={product.brand}\r\n                image={product.formatted_main_image}\r\n                price={product.price}\r\n                title={product.title}\r\n                discounts={product.discounts}\r\n                language={language}\r\n              />\r\n            </AdCarouselItem>\r\n          ))}\r\n        </AdCarouselContent>\r\n\r\n        {canScrollPrev && (\r\n          <AdCarouselPrevious\r\n            className={styles.navButtonPrev}\r\n            iconClassName={styles.navButtonPrevIcon}\r\n          />\r\n        )}\r\n        {canScrollNext && (\r\n          <AdCarouselNext\r\n            className={styles.navButtonNext}\r\n            iconClassName={styles.navButtonNextIcon}\r\n          />\r\n        )}\r\n      </AdCarousel>\r\n\r\n      <AdCarouselPagination\r\n        slidesCount={count}\r\n        currentIndex={current}\r\n        onClick={(index) => api?.scrollTo(index)}\r\n        showProgress={false}\r\n        containerClassName={styles.paginationContainer}\r\n        buttonClassName={styles.paginationButton}\r\n        dotClassName={styles.paginationDot}\r\n        activeDotClassName={styles.paginationActiveDot}\r\n      />\r\n    </div>\r\n  );\r\n}\r\n","import { LinkDestination } from '@/types/ads';\r\nimport { TCollectionItem } from '@/types/products';\r\n\r\nexport const mapProductToLinkDestination = (\r\n  product: TCollectionItem,\r\n): LinkDestination => {\r\n  return {\r\n    type: 'single product',\r\n    val: [product.offering_id],\r\n    filters: [\r\n      {\r\n        key: 'slug',\r\n        value: [product.slug],\r\n      },\r\n    ],\r\n  };\r\n};\r\n","import { generateAccessToken } from '@/utils/helpers/authToken';\r\nimport { getBaseUrl } from '@/utils/helpers/getBaseUrl';\r\nimport {\r\n  type TCollectionData,\r\n  type TCollectionResponse,\r\n} from '@/types/products';\r\nimport { type TGetCollectionProps } from '../queries/useGetCollection';\r\n\r\nexport const getCollection = async ({\r\n  language,\r\n  collectionId,\r\n  environment,\r\n  adServerApiKey,\r\n}: TGetCollectionProps): Promise<TCollectionData | null> => {\r\n  const [token, timestamp] = await generateAccessToken(adServerApiKey);\r\n  const adServerBaseUrl = getBaseUrl('adServer', environment);\r\n\r\n  try {\r\n    const res = await fetch(\r\n      `${adServerBaseUrl}/api/v2/brandshop/server/collection/${collectionId}`,\r\n      {\r\n        headers: {\r\n          lang: language,\r\n          device: 'web',\r\n          'auth-token': token,\r\n          'auth-timestamp': timestamp,\r\n          'accept-language': language,\r\n        },\r\n      },\r\n    );\r\n\r\n    const collectionResponse: TCollectionResponse = await res.json();\r\n    return collectionResponse.data;\r\n  } catch (error) {\r\n    throw new Error(`Failed to fetch collection data - ${error}`);\r\n  }\r\n};\r\n","import { useQuery } from '@tanstack/react-query';\r\nimport { type TLanguage } from '@/types/types';\r\nimport { type TEnvironment } from '@/types/configTypes';\r\nimport { getCollection } from '../services/getCollection';\r\n\r\nexport type TGetCollectionProps = {\r\n  language: TLanguage;\r\n  environment: TEnvironment;\r\n  collectionId: string;\r\n  adServerApiKey: string;\r\n};\r\nexport const GET_COLLECTION_QUERY_KEY = 'collection';\r\n\r\nexport const useGetCollectionQuery = ({\r\n  language,\r\n  collectionId,\r\n  environment,\r\n  adServerApiKey,\r\n}: TGetCollectionProps) => {\r\n  const collectionQueryKey = [GET_COLLECTION_QUERY_KEY, collectionId, language];\r\n\r\n  return useQuery({\r\n    queryKey: collectionQueryKey,\r\n    queryFn: () =>\r\n      getCollection({\r\n        language,\r\n        collectionId,\r\n        environment,\r\n        adServerApiKey,\r\n      }),\r\n  });\r\n};\r\n","import Skeleton from '../Carousel/AdSkeleton';\r\nimport styles from './ProductCardSkeleton.module.css';\r\n\r\ntype TProductCardSkeletonProps = {\r\n  className?: string;\r\n};\r\n\r\nexport const ProductCardSkeleton = (props: TProductCardSkeletonProps) => {\r\n  const { className } = props;\r\n\r\n  return (\r\n    <div className={`${styles.card} ${className || ''}`}>\r\n      <Skeleton className={styles.imageSkeleton} />\r\n      <Skeleton className={styles.titleSkeleton} />\r\n      <Skeleton className={styles.descriptionSkeleton} />\r\n      <Skeleton className={styles.priceSkeleton} />\r\n      <Skeleton className={styles.buttonSkeleton} />\r\n    </div>\r\n  );\r\n};\r\n","import Skeleton from '../Carousel/AdSkeleton';\r\nimport { ProductCardSkeleton } from './ProductCardSkeleton';\r\nimport styles from './ProductSliderSkeleton.module.css';\r\n\r\ntype TProductSliderSkeletonProps = {\r\n  length?: number;\r\n};\r\n\r\nexport const ProductSliderSkeleton = (props: TProductSliderSkeletonProps) => {\r\n  const { length } = props;\r\n  const skeletonLength = length ?? 5;\r\n\r\n  return (\r\n    <div className={styles.container}>\r\n      <div className={styles.header}>\r\n        <Skeleton className={styles.titleSkeleton} />\r\n      </div>\r\n      <div className={styles.carouselWrapper}>\r\n        <div className={styles.carouselContainer}>\r\n          {Array.from({ length: skeletonLength }, (_, index) => (\r\n            <div key={index} className={styles.cardWrapper}>\r\n              <ProductCardSkeleton />\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n","import { ProductsCarousel } from '../ProductsCarousel/ProductsCarousel';\r\nimport { TCollectionItem } from '@/types/products';\r\nimport { trackBrandshopEvent } from '@/utils/analytics/trackBrandshopEvents';\r\nimport { TEnvironment, TTrackEvents } from '@/types/configTypes';\r\nimport { buildLinkDestination } from '@/utils/helpers/ads';\r\nimport { TLinkClickEvent } from '@/types/ads';\r\nimport { mapProductToLinkDestination } from '@/utils/helpers/products';\r\nimport { type TLanguage } from '@/types/types';\r\nimport styles from './Brandshop.module.css';\r\nimport { type TBrandshopCollection } from '@/types/brandshop';\r\nimport { useGetCollectionQuery } from '@/api/queries/useGetCollection';\r\nimport { ProductSliderSkeleton } from '../ProductsCarousel/ProductSliderSkeleton';\r\n\r\ntype ProductSliderSectionProps = {\r\n  products: TBrandshopCollection;\r\n  title: string;\r\n  hideTitle: boolean;\r\n  isLoggedin: boolean;\r\n  language: TLanguage;\r\n  environment: TEnvironment;\r\n  adServerApiKey: string;\r\n  trackBrandshopHandler?: TTrackEvents;\r\n  onProductClick: (data: TLinkClickEvent) => void;\r\n};\r\n\r\nexport function ProductSliderSection({\r\n  products,\r\n  title,\r\n  hideTitle,\r\n  isLoggedin,\r\n  language,\r\n  environment,\r\n  adServerApiKey,\r\n  trackBrandshopHandler,\r\n  onProductClick,\r\n}: Readonly<ProductSliderSectionProps>) {\r\n  const { data, isLoading, error } = useGetCollectionQuery({\r\n    language,\r\n    collectionId: products.collection_id ?? '',\r\n    environment,\r\n    adServerApiKey,\r\n  });\r\n  const handleLinkClick = (productItem: TCollectionItem, index: number) => {\r\n    trackBrandshopEvent(\r\n      'ads_bs_content_click',\r\n      {\r\n        contentName: productItem.title,\r\n        contentOrder: (index + 1).toString(),\r\n        userStatus: isLoggedin ? 'logged_in' : 'guest',\r\n        platform: 'Web',\r\n      },\r\n      trackBrandshopHandler,\r\n    );\r\n\r\n    // Map product to LinkDestination and build the payload\r\n    const linkDestination = mapProductToLinkDestination(productItem);\r\n    const payload = buildLinkDestination(linkDestination);\r\n\r\n    if (!payload) return;\r\n    onProductClick(payload);\r\n  };\r\n\r\n  if (isLoading) return <ProductSliderSkeleton />;\r\n\r\n  if (error || !data) return null;\r\n\r\n  return (\r\n    <div className={styles.sectionContainer}>\r\n      {!hideTitle && <h2 className={styles.sectionTitle}>{title}</h2>}\r\n      <ProductsCarousel\r\n        products={data.items}\r\n        onProductClick={(product, index) => handleLinkClick(product, index)}\r\n        language={language}\r\n      />\r\n    </div>\r\n  );\r\n}\r\n","import { TBrandshopSection } from '@/types/brandshop';\r\nimport { BannerSection } from './BannerSection';\r\nimport { CategorySection } from './CategorySection';\r\nimport { NavigationSection } from './NavigationSection';\r\nimport { type TLinkClickEvent } from '@/types/ads';\r\nimport { type TEnvironment, type TTrackEvents } from '@/types/configTypes';\r\nimport { useInView } from 'react-intersection-observer';\r\nimport { trackBrandshopEvent } from '@/utils/analytics/trackBrandshopEvents';\r\nimport { ProductSliderSection } from './ProductSliderSection';\r\nimport { TLanguage } from '@/types/types';\r\n\r\ntype BrandshopSectionProps = {\r\n  section: TBrandshopSection;\r\n  isLoggedin: boolean;\r\n  brandName: string;\r\n  language: TLanguage;\r\n  environment: TEnvironment;\r\n  adServerApiKey: string;\r\n  brandshopName?: string;\r\n  onLinkClick: (data: TLinkClickEvent) => void;\r\n  trackBrandshopHandler?: TTrackEvents;\r\n};\r\n\r\nexport const BrandshopSection = ({\r\n  section,\r\n  onLinkClick,\r\n  trackBrandshopHandler,\r\n  isLoggedin,\r\n  brandName,\r\n  language,\r\n  environment,\r\n  adServerApiKey,\r\n  brandshopName,\r\n}: BrandshopSectionProps) => {\r\n  const {\r\n    section_type,\r\n    section_title,\r\n    show_section_title,\r\n    data,\r\n    section_display_order,\r\n  } = section;\r\n\r\n  const { ref } = useInView({\r\n    onChange: (inView) => {\r\n      if (inView) {\r\n        trackBrandshopEvent(\r\n          'ads_bs_section_view',\r\n          {\r\n            brandName,\r\n            sectionName: section_title,\r\n            sectionOrder: section_display_order.toString(),\r\n            userStatus: isLoggedin ? 'logged_in' : 'guest',\r\n            platform: 'Web',\r\n          },\r\n          trackBrandshopHandler,\r\n        );\r\n      }\r\n    },\r\n  });\r\n\r\n  return (\r\n    <div ref={ref} style={{ width: '100%' }}>\r\n      {(() => {\r\n        switch (section_type) {\r\n          case 'nav':\r\n            return (\r\n              <NavigationSection\r\n                title={section_title}\r\n                hideTitle={!show_section_title}\r\n                logo={data[0].logo ?? ''}\r\n                navigationLinks={data[0].navigation_links ?? []}\r\n                onLinkClick={onLinkClick}\r\n                isLoggedin={isLoggedin}\r\n                trackBrandshopHandler={trackBrandshopHandler}\r\n                brandshopName={brandshopName}\r\n              />\r\n            );\r\n\r\n          case 'category':\r\n            return (\r\n              <CategorySection\r\n                title={section_title}\r\n                hideTitle={!show_section_title}\r\n                categories={data}\r\n                onCategoryClick={onLinkClick}\r\n                isLoggedin={isLoggedin}\r\n                trackBrandshopHandler={trackBrandshopHandler}\r\n              />\r\n            );\r\n\r\n          case 'banner':\r\n            return (\r\n              <BannerSection\r\n                title={section_title}\r\n                banners={data}\r\n                hideTitle={!show_section_title}\r\n                onBannerClick={onLinkClick}\r\n                isLoggedin={isLoggedin}\r\n                sectionTitle={section_title}\r\n                trackBrandshopHandler={trackBrandshopHandler}\r\n              />\r\n            );\r\n          case 'productSlider':\r\n            return (\r\n              <ProductSliderSection\r\n                products={data[0]}\r\n                title={section_title}\r\n                hideTitle={!show_section_title}\r\n                isLoggedin={isLoggedin}\r\n                trackBrandshopHandler={trackBrandshopHandler}\r\n                onProductClick={onLinkClick}\r\n                language={language}\r\n                environment={environment}\r\n                adServerApiKey={adServerApiKey}\r\n              />\r\n            );\r\n\r\n          default:\r\n            return null;\r\n        }\r\n      })()}\r\n    </div>\r\n  );\r\n};\r\n","export const debounce = <T extends unknown[]>(\r\n  callback: (...args: T) => void,\r\n  delay: number,\r\n): ((...args: T) => void) => {\r\n  let timeoutId: ReturnType<typeof setTimeout>;\r\n\r\n  return (...args: T) => {\r\n    clearTimeout(timeoutId);\r\n    timeoutId = setTimeout(() => {\r\n      callback(...args);\r\n    }, delay);\r\n  };\r\n};\r\n","import { debounce } from '@/utils/helpers/utilities';\r\nimport { useEffect, useState } from 'react';\r\n\r\n/**\r\n * Hook to detect if the user has scrolled to (or near) the bottom of the page.\r\n * @param offset distance in pixels from the bottom to trigger earlier (default: 5px)\r\n */\r\nexport function useDetectScrolledToBottom(offset: number = 5): boolean {\r\n  const [isBottom, setIsBottom] = useState(false);\r\n\r\n  useEffect(() => {\r\n    const handleScroll = () => {\r\n      const scrollTop = window.scrollY || document.documentElement.scrollTop;\r\n      const windowHeight = window.innerHeight;\r\n      const fullHeight = document.documentElement.scrollHeight;\r\n\r\n      const reachedBottom = scrollTop + windowHeight >= fullHeight - offset;\r\n      setIsBottom(reachedBottom);\r\n    };\r\n\r\n    const debouncedScroll = debounce(handleScroll, 100);\r\n\r\n    window.addEventListener('scroll', debouncedScroll, { passive: true });\r\n    debouncedScroll();\r\n\r\n    return () => {\r\n      window.removeEventListener('scroll', debouncedScroll);\r\n    };\r\n  }, [offset]);\r\n\r\n  return isBottom;\r\n}\r\n","import Skeleton from '../Carousel/AdSkeleton';\r\nimport styles from './Brandshop.module.css';\r\n\r\nexport function BrandshopSkeleton() {\r\n  const NAVIGATION_ITEMS_COUNT = 3;\r\n  const CATEGORY_ITEMS_COUNT = 2;\r\n\r\n  return (\r\n    <div className={styles.brandshopContainerSkeleton}>\r\n      <Skeleton className={styles.bannerSkeleton} />\r\n\r\n      <div className={styles.navContainerSkeleton}>\r\n        {Array.from({ length: NAVIGATION_ITEMS_COUNT }).map((_, index) => (\r\n          <Skeleton key={index} className={styles.navPillSkeleton} />\r\n        ))}\r\n      </div>\r\n\r\n      <div\r\n        className={styles.categoryGridSkeleton}\r\n        style={{\r\n          gridTemplateColumns: `repeat(${Math.min(CATEGORY_ITEMS_COUNT, 2)}, 1fr)`,\r\n        }}\r\n      >\r\n        {Array.from({ length: CATEGORY_ITEMS_COUNT }).map((_, index) => (\r\n          <Skeleton key={index} className={styles.categoryTileSkeleton} />\r\n        ))}\r\n      </div>\r\n\r\n      <Skeleton className={styles.promoSkeleton} />\r\n    </div>\r\n  );\r\n}\r\n","import { useEffect } from 'react';\r\nimport { useGetBrandshopQuery } from '@/api/queries/useGetBrandshop';\r\nimport { useIsPlatform } from '@/hooks/use-is-platform';\r\nimport { AdsDeviceType } from '@/types/ads';\r\nimport { type TBrandshopProps } from './Brandshop';\r\nimport { BrandshopSection } from './BrandshopSection';\r\nimport { trackBrandshopEvent } from '@/utils/analytics/trackBrandshopEvents';\r\nimport { useDetectScrolledToBottom } from '@/hooks/useDetectScrolledToBottom';\r\nimport { BrandshopSkeleton } from './BrandshopSkeleton';\r\nimport styles from './Brandshop.module.css';\r\n\r\nexport function BrandshopContent({\r\n  language,\r\n  brandshopId,\r\n  environment,\r\n  adServerApiKey,\r\n  isLoggedin,\r\n  brandshop,\r\n  onLinkClick,\r\n  trackBrandshopHandler,\r\n}: Readonly<TBrandshopProps>) {\r\n  const { isLaptop, isDesktop } = useIsPlatform();\r\n  const deviceType =\r\n    isLaptop || isDesktop ? AdsDeviceType.Web : AdsDeviceType.Mobile;\r\n\r\n  let data = brandshop;\r\n\r\n  const {\r\n    data: brandshopData,\r\n    isLoading,\r\n    error,\r\n  } = useGetBrandshopQuery({\r\n    language,\r\n    brandshopId,\r\n    environment,\r\n    adServerApiKey,\r\n    deviceType,\r\n    enabled: !brandshop,\r\n  });\r\n\r\n  data ??= brandshopData;\r\n\r\n  const isBottomReached = useDetectScrolledToBottom();\r\n\r\n  const brandName = data?.name || '';\r\n  const userStatus = isLoggedin ? 'logged_in' : 'guest';\r\n  const platform = 'Web';\r\n\r\n  useEffect(() => {\r\n    window.scrollTo(0, 0);\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    if (!data) return;\r\n    trackBrandshopEvent(\r\n      'ads_bs_pageload',\r\n      { brandName, userStatus, platform },\r\n      trackBrandshopHandler,\r\n    );\r\n  }, [data]);\r\n\r\n  useEffect(() => {\r\n    if (!data || !isBottomReached) return;\r\n    trackBrandshopEvent(\r\n      'ads_bs_pageend',\r\n      { brandName, userStatus, platform },\r\n      trackBrandshopHandler,\r\n    );\r\n  }, [isBottomReached]);\r\n\r\n  if (isLoading) return <BrandshopSkeleton />;\r\n  if (error) {\r\n    throw new Error(\r\n      `brandshop with id ${brandshopId} failed to load} - ${error?.message || 'unknown error'}`,\r\n    );\r\n  }\r\n\r\n  const content = data?.content;\r\n  if (!Array.isArray(content)) return null;\r\n\r\n  const sortedSections = [...content].sort(\r\n    (a, b) => a.section_display_order - b.section_display_order,\r\n  );\r\n\r\n  return (\r\n    <div className={styles.brandshopContent}>\r\n      {sortedSections.map((section) => (\r\n        <BrandshopSection\r\n          key={section.tracking_id}\r\n          section={section}\r\n          onLinkClick={onLinkClick}\r\n          isLoggedin={isLoggedin}\r\n          brandName={brandName}\r\n          trackBrandshopHandler={trackBrandshopHandler}\r\n          language={language}\r\n          environment={environment}\r\n          adServerApiKey={adServerApiKey}\r\n          brandshopName={data?.name}\r\n        />\r\n      ))}\r\n    </div>\r\n  );\r\n}\r\n","export default \"data:image/svg+xml,%3csvg%20width='49'%20height='48'%20viewBox='0%200%2049%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M24.4941%2020.0311V24.0242M24.5%2030H24.52M22.7708%206.98426L6.27321%2034.9912C5.4892%2036.3221%206.45019%2038%207.9965%2038H40.9918C42.5381%2038%2043.4991%2036.3221%2042.7151%2034.9912L26.2174%206.98426C25.4444%205.67192%2023.5439%205.67191%2022.7708%206.98426ZM25%2030C25%2030.2761%2024.7761%2030.5%2024.5%2030.5C24.2239%2030.5%2024%2030.2761%2024%2030C24%2029.7239%2024.2239%2029.5%2024.5%2029.5C24.7761%2029.5%2025%2029.7239%2025%2030Z'%20stroke='%23DA1E28'%20stroke-width='4'%20stroke-linecap='round'/%3e%3c/svg%3e\"","import errorIcon from '@/assets/error.svg';\r\nimport styles from './Brandshop.module.css';\r\nimport { type TLanguage } from '@/types/types';\r\nimport { Image } from '../Image/Image';\r\n\r\nfunction BrandshopError({ language }: Readonly<{ language: TLanguage }>) {\r\n  const isArabic = language === 'ar';\r\n\r\n  const heading = isArabic ? 'حدث خطأ ما' : 'Something went wrong';\r\n  const description = isArabic\r\n    ? 'نواجه مشكلة في تحميل هذه الصفحة. يرجى الانتظار قليلاً؛ سيتم حلها قريباً.'\r\n    : \"We're having trouble loading this page. Please bear with us; it should be resolved shortly.\";\r\n  const buttonLabel = isArabic ? 'إعادة المحاولة' : 'Try again';\r\n\r\n  return (\r\n    <div className={styles.brandshopError}>\r\n      <Image src={errorIcon} className={styles.errorIcon} alt=\"error\" />\r\n      <div className={styles.errorContent}>\r\n        <div className={styles.errorText}>\r\n          <h2>{heading}</h2>\r\n          <p>{description}</p>\r\n        </div>\r\n        <button\r\n          className={styles.errorButton}\r\n          onClick={() => window.location.reload()}\r\n        >\r\n          {buttonLabel}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default BrandshopError;\r\n","import { Component, ErrorInfo, ReactNode } from 'react';\r\n\r\ninterface ErrorBoundaryProps {\r\n  children: ReactNode;\r\n  fallback: ReactNode;\r\n}\r\n\r\ninterface ErrorBoundaryState {\r\n  hasError: boolean;\r\n  error: Error | null;\r\n  errorInfo: ErrorInfo | null;\r\n}\r\n\r\nclass ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\r\n  constructor(props: ErrorBoundaryProps) {\r\n    super(props);\r\n    this.state = { hasError: false, error: null, errorInfo: null };\r\n  }\r\n\r\n  static getDerivedStateFromError(error: Error): ErrorBoundaryState {\r\n    return { hasError: true, error: error, errorInfo: null };\r\n  }\r\n\r\n  componentDidCatch(error: Error, errorInfo: ErrorInfo): void {\r\n    this.setState({ error, errorInfo });\r\n  }\r\n\r\n  render(): ReactNode {\r\n    if (this.state.hasError) {\r\n      return this.props.fallback;\r\n    }\r\n\r\n    return this.props.children;\r\n  }\r\n}\r\n\r\nexport default ErrorBoundary;\r\n","import { type TLanguage } from '@/types/types';\r\nimport { type TTrackEvents, type TEnvironment } from '@/types/configTypes';\r\nimport { ReactQueryProvider } from '@/providers/ReactQueryProvider';\r\nimport { BrandshopContent } from './BrandshopContent';\r\nimport { type TLinkClickEvent } from '@/types/ads';\r\nimport BrandshopError from './BrandshopError';\r\nimport ErrorBoundary from '../ErrorBoundary/ErrorBoundary';\r\nimport { type TBrandshopData } from '@/types/brandshop';\r\n\r\nexport type TBrandshopProps = {\r\n  language: TLanguage;\r\n  brandshopId: string;\r\n  environment: TEnvironment;\r\n  adServerApiKey: string;\r\n  isLoggedin: boolean;\r\n  brandshop?: TBrandshopData;\r\n  onLinkClick: (event: TLinkClickEvent) => void;\r\n  trackBrandshopHandler?: TTrackEvents;\r\n};\r\n\r\nexport default function Brandshop(props: Readonly<TBrandshopProps>) {\r\n  return (\r\n    <ReactQueryProvider>\r\n      <ErrorBoundary fallback={<BrandshopError language={props.language} />}>\r\n        <BrandshopContent {...props} />\r\n      </ErrorBoundary>\r\n    </ReactQueryProvider>\r\n  );\r\n}\r\n"],"names":["getBrandshop","deviceType","language","brandshopId","environment","adServerApiKey","token","timestamp","generateAccessToken","adServerBaseUrl","getBaseUrl","error","GET_BRANDSHOP_QUERY_KEY","useGetBrandshopQuery","enabled","useQuery","BannerWithLink","image","text","alt","onClick","styles","jsx","Image","Banner","trackBrandshopEvent","eventName","props","trackEvent","brandName","userStatus","platform","sectionName","sectionOrder","contentName","contentOrder","BannerSection","title","hideTitle","banners","isLoggedin","sectionTitle","onBannerClick","trackBrandshopHandler","handleLinkClick","bannerItem","payload","buildLinkDestination","jsxs","banner","CategorySection","categories","onCategoryClick","categoryItem","limitedCategories","sortedCategories","a","b","gridColumns","category","NavigationSection","logo","navigationLinks","brandshopName","onLinkClick","navigationItem","sortedNavigationLinks","navigationLink","DiscountValueTypesEnum","DiscountTypesEnum","getDiscountValue","discount","currency","getDiscounts","discounts","acc","Card","children","className","Chip","getDiscountChipDetails","promotionValue","hasCoupon","isPriceDropped","saveLabelText","couponText","priceDropText","translations","getTranslation","variantStyles","DiscountChip","coupon","translate","discountChipDetails","tag","CouponBadge","value","PriceDisplay","price","promotion","hasDiscount","ProductTitle","ProductCard","id","brand","ProductsCarousel","slidesToScroll","products","onProductClick","api","setApi","useState","current","setCurrent","count","setCount","canScrollPrev","setCanScrollPrev","canScrollNext","setCanScrollNext","useEffect","updateCarouselState","AdCarousel","AdCarouselContent","product","index","AdCarouselItem","AdCarouselPrevious","AdCarouselNext","AdCarouselPagination","mapProductToLinkDestination","getCollection","collectionId","GET_COLLECTION_QUERY_KEY","useGetCollectionQuery","ProductCardSkeleton","Skeleton","ProductSliderSkeleton","length","skeletonLength","_","ProductSliderSection","data","isLoading","productItem","linkDestination","BrandshopSection","section","section_type","section_title","show_section_title","section_display_order","ref","useInView","inView","debounce","callback","delay","timeoutId","args","useDetectScrolledToBottom","offset","isBottom","setIsBottom","debouncedScroll","scrollTop","windowHeight","fullHeight","reachedBottom","BrandshopSkeleton","BrandshopContent","brandshop","isLaptop","isDesktop","useIsPlatform","AdsDeviceType","brandshopData","isBottomReached","content","sortedSections","errorIcon","BrandshopError","isArabic","heading","description","buttonLabel","ErrorBoundary","Component","errorInfo","Brandshop","ReactQueryProvider"],"mappings":"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"}

package/dist/Brandshops.css

@@ -0,0 +1 @@
+._brandshopsContainer_1t4ra_1{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;gap:16px}._brandshopsButtonsContainer_1t4ra_19,._skeletonBrandshopsContainer_1t4ra_21{width:100%;gap:32px;align-items:center;display:flex;flex-wrap:nowrap;overflow-x:auto;padding:16px 0}._BrandshopTitle_1t4ra_41{font-size:24px;font-weight:600;color:#000}._brandshopButton_1t4ra_53,._skeletonBrandshopButton_1t4ra_55{cursor:pointer;border-radius:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0}._brandshopLogo_1t4ra_73,._skeletonBrandshopLogo_1t4ra_75{width:110px;height:110px;border-radius:100%;object-fit:cover}@media (max-width: 1024px){._brandshopsButtonsContainer_1t4ra_19,._skeletonBrandshopsContainer_1t4ra_21{scrollbar-width:none;gap:12px;padding:0}._brandshopsButtonsContainer_1t4ra_19::-webkit-scrollbar{display:none}._brandshopLogo_1t4ra_73,._skeletonBrandshopLogo_1t4ra_75{width:80px;height:80px}}._skeletonBrandshopLogo_1t4ra_75,._skeletonTitle_1t4ra_131{background-color:#e2e2e2;animation:_pulse_1t4ra_1 2s cubic-bezier(.4,0,.6,1) infinite}._skeletonTitle_1t4ra_131{width:200px;height:36px;border-radius:8px}@keyframes _pulse_1t4ra_1{0%,to{opacity:1}50%{opacity:.5}}

package/dist/Brandshops.d.ts

@@ -0,0 +1 @@
+export * from './components/Brandshops/index'

package/dist/Brandshops.js

@@ -0,0 +1,103 @@
+import { jsxs as l, jsx as s } from "react/jsx-runtime";
+import { g as B, a as _, u as b, R as k } from "./ReactQueryProvider-D__k2BsQ.js";
+import { I as m } from "./Image-zvdPHg5N.js";
+const g = async ({
+  language: n,
+  environment: r,
+  adServerApiKey: e
+}) => {
+  const [a, d] = await B(e), i = _("adServer", r);
+  try {
+    return (await (await fetch(
+      `${i}/api/v2/brandshop/server/active`,
+      {
+        headers: {
+          lang: n,
+          "auth-token": a,
+          "auth-timestamp": d
+        }
+      }
+    )).json()).data.brandshops;
+  } catch (h) {
+    throw new Error(`Failed to fetch brandshop list - ${h}`);
+  }
+}, L = "brandshops", y = ({
+  language: n,
+  environment: r,
+  adServerApiKey: e
+}) => b({
+  queryKey: [L, n],
+  queryFn: () => g({
+    language: n,
+    environment: r,
+    adServerApiKey: e
+  })
+}), f = "_brandshopsContainer_1t4ra_1", C = "_brandshopsButtonsContainer_1t4ra_19", v = "_skeletonBrandshopsContainer_1t4ra_21", N = "_BrandshopTitle_1t4ra_41", T = "_brandshopButton_1t4ra_53", w = "_skeletonBrandshopButton_1t4ra_55", S = "_brandshopLogo_1t4ra_73", Q = "_skeletonBrandshopLogo_1t4ra_75", R = "_skeletonTitle_1t4ra_131", o = {
+  brandshopsContainer: f,
+  brandshopsButtonsContainer: C,
+  skeletonBrandshopsContainer: v,
+  BrandshopTitle: N,
+  brandshopButton: T,
+  skeletonBrandshopButton: w,
+  brandshopLogo: S,
+  skeletonBrandshopLogo: Q,
+  skeletonTitle: R
+};
+function E({
+  count: n = 3,
+  title: r
+}) {
+  return /* @__PURE__ */ l("div", { className: o.brandshopsContainer, children: [
+    r && /* @__PURE__ */ s("div", { className: o.skeletonTitle }),
+    /* @__PURE__ */ s("div", { className: o.skeletonBrandshopsContainer, children: Array.from({ length: n }).map((e, a) => /* @__PURE__ */ s("div", { className: o.skeletonBrandshopButton, children: /* @__PURE__ */ s("div", { className: o.skeletonBrandshopLogo }) }, a)) })
+  ] });
+}
+function K({
+  adServerApiKey: n,
+  environment: r,
+  language: e,
+  onBrandshopClick: a,
+  title: d
+}) {
+  const { data: i, error: h, isLoading: p } = y({
+    adServerApiKey: n,
+    environment: r,
+    language: e
+  });
+  if (h)
+    throw new Error(
+      `brandshop list failed to load} - ${h?.message || "unknown error"}`
+    );
+  if (p)
+    return /* @__PURE__ */ s(E, { title: d });
+  if (!i)
+    return null;
+  const c = [...i].sort((t, u) => t.created_at - u.created_at);
+  return /* @__PURE__ */ l("div", { className: o.brandshopsContainer, children: [
+    d && /* @__PURE__ */ s("h1", { className: o.BrandshopTitle, children: d }),
+    /* @__PURE__ */ s("div", { className: o.brandshopsButtonsContainer, children: c.map((t) => /* @__PURE__ */ s(
+      "button",
+      {
+        className: o.brandshopButton,
+        onClick: () => a(t.slug ?? t.id),
+        children: /* @__PURE__ */ s(
+          m,
+          {
+            className: o.brandshopLogo,
+            src: t.logo_url,
+            alt: t.name,
+            fetchPriority: "high"
+          }
+        )
+      },
+      t.id
+    )) })
+  ] });
+}
+function I(n) {
+  return /* @__PURE__ */ s(k, { children: /* @__PURE__ */ s(K, { ...n }) });
+}
+export {
+  I as Brandshops
+};
+//# sourceMappingURL=Brandshops.js.map

package/dist/Brandshops.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Brandshops.js","sources":["../src/api/services/getBrandshopList.ts","../src/api/queries/useGetBrandshopList.ts","../src/components/Brandshops/BrandshopsSkeleton.tsx","../src/components/Brandshops/BrandshopsList.tsx","../src/components/Brandshops/Brandshops.tsx"],"sourcesContent":["import { generateAccessToken } from '@/utils/helpers/authToken';\r\nimport { type TLanguage } from '@/types/types';\r\nimport { getBaseUrl } from '@/utils/helpers/getBaseUrl';\r\nimport { type TEnvironment } from '@/types/configTypes';\r\nimport {\r\n  type TBrandshopsList,\r\n  type TBrandshopsListSuccessResponse,\r\n} from '@/types/brandshopsList';\r\n\r\ntype TGetBrandshopsListProps = {\r\n  language: TLanguage;\r\n  environment: TEnvironment;\r\n  adServerApiKey: string;\r\n};\r\n\r\nexport const getBrandshopsList = async ({\r\n  language,\r\n  environment,\r\n  adServerApiKey,\r\n}: TGetBrandshopsListProps): Promise<TBrandshopsList[]> => {\r\n  const [token, timestamp] = await generateAccessToken(adServerApiKey);\r\n  const adServerBaseUrl = getBaseUrl('adServer', environment);\r\n\r\n  try {\r\n    const res = await fetch(\r\n      `${adServerBaseUrl}/api/v2/brandshop/server/active`,\r\n      {\r\n        headers: {\r\n          lang: language,\r\n          'auth-token': token,\r\n          'auth-timestamp': timestamp,\r\n        },\r\n      },\r\n    );\r\n\r\n    const brandshopListResponse: TBrandshopsListSuccessResponse =\r\n      await res.json();\r\n    return brandshopListResponse.data.brandshops;\r\n  } catch (error) {\r\n    throw new Error(`Failed to fetch brandshop list - ${error}`);\r\n  }\r\n};\r\n","import { useQuery } from '@tanstack/react-query';\r\nimport { type TLanguage } from '@/types/types';\r\nimport { type TEnvironment } from '@/types/configTypes';\r\nimport { getBrandshopsList } from '../services/getBrandshopList';\r\n\r\ntype TGetBrandshopsListProps = {\r\n  language: TLanguage;\r\n  environment: TEnvironment;\r\n  adServerApiKey: string;\r\n};\r\nexport const GET_BRANDSHOPS_LIST_QUERY_KEY = 'brandshops';\r\n\r\nexport const useGetBrandshopsListQuery = ({\r\n  language,\r\n  environment,\r\n  adServerApiKey,\r\n}: TGetBrandshopsListProps) => {\r\n  const brandshopsListQueryKey = [GET_BRANDSHOPS_LIST_QUERY_KEY, language];\r\n\r\n  return useQuery({\r\n    queryKey: brandshopsListQueryKey,\r\n    queryFn: () =>\r\n      getBrandshopsList({\r\n        language,\r\n        environment,\r\n        adServerApiKey,\r\n      }),\r\n  });\r\n};\r\n","import styles from './BrandshopsList.module.css';\r\n\r\ntype BrandshopsSkeletonProps = {\r\n  count?: number;\r\n  title?: string;\r\n};\r\n\r\nexport function BrandshopsSkeleton({\r\n  count = 3,\r\n  title,\r\n}: Readonly<BrandshopsSkeletonProps>) {\r\n  return (\r\n    <div className={styles.brandshopsContainer}>\r\n      {title && <div className={styles.skeletonTitle} />}\r\n      <div className={styles.skeletonBrandshopsContainer}>\r\n        {Array.from({ length: count }).map((_, index) => (\r\n          <div key={index} className={styles.skeletonBrandshopButton}>\r\n            <div className={styles.skeletonBrandshopLogo} />\r\n          </div>\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n","import { useGetBrandshopsListQuery } from '@/api/queries/useGetBrandshopList';\r\nimport { TBrandshopsProps } from './Brandshops';\r\nimport styles from './BrandshopsList.module.css';\r\nimport { BrandshopsSkeleton } from './BrandshopsSkeleton';\r\nimport { Image } from '../Image/Image';\r\n\r\nexport function BrandshopsList({\r\n  adServerApiKey,\r\n  environment,\r\n  language,\r\n  onBrandshopClick,\r\n  title,\r\n}: Readonly<TBrandshopsProps>) {\r\n  const { data, error, isLoading } = useGetBrandshopsListQuery({\r\n    adServerApiKey,\r\n    environment,\r\n    language,\r\n  });\r\n\r\n  if (error) {\r\n    throw new Error(\r\n      `brandshop list failed to load} - ${error?.message || 'unknown error'}`,\r\n    );\r\n  }\r\n\r\n  if (isLoading) {\r\n    return <BrandshopsSkeleton title={title} />;\r\n  }\r\n\r\n  if (!data) {\r\n    return null;\r\n  }\r\n\r\n  const sortedSections = [...data].sort((a, b) => a.created_at - b.created_at);\r\n\r\n  return (\r\n    <div className={styles.brandshopsContainer}>\r\n      {title && <h1 className={styles.BrandshopTitle}>{title}</h1>}\r\n      <div className={styles.brandshopsButtonsContainer}>\r\n        {sortedSections.map((item) => (\r\n          <button\r\n            key={item.id}\r\n            className={styles.brandshopButton}\r\n            onClick={() => onBrandshopClick(item.slug ?? item.id)}\r\n          >\r\n            <Image\r\n              className={styles.brandshopLogo}\r\n              src={item.logo_url}\r\n              alt={item.name}\r\n              fetchPriority=\"high\"\r\n            />\r\n          </button>\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n","import { ReactQueryProvider } from '@/providers/ReactQueryProvider';\r\nimport { type TEnvironment } from '@/types/configTypes';\r\nimport { type TLanguage } from '@/types/types';\r\nimport { BrandshopsList } from './BrandshopsList';\r\n\r\nexport type TBrandshopsProps = {\r\n  language: TLanguage;\r\n  environment: TEnvironment;\r\n  adServerApiKey: string;\r\n  onBrandshopClick: (brandshopID: string) => void;\r\n  title?: string;\r\n};\r\n\r\nexport default function Brandshops(props: Readonly<TBrandshopsProps>) {\r\n  return (\r\n    <ReactQueryProvider>\r\n      <BrandshopsList {...props} />\r\n    </ReactQueryProvider>\r\n  );\r\n}\r\n"],"names":["getBrandshopsList","language","environment","adServerApiKey","token","timestamp","generateAccessToken","adServerBaseUrl","getBaseUrl","error","GET_BRANDSHOPS_LIST_QUERY_KEY","useGetBrandshopsListQuery","useQuery","BrandshopsSkeleton","count","title","jsxs","styles","jsx","_","index","BrandshopsList","onBrandshopClick","data","isLoading","sortedSections","a","b","item","Image","Brandshops","props","ReactQueryProvider"],"mappings":";;;AAeO,MAAMA,IAAoB,OAAO;AAAA,EACtC,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AACF,MAA2D;AACzD,QAAM,CAACC,GAAOC,CAAS,IAAI,MAAMC,EAAoBH,CAAc,GAC7DI,IAAkBC,EAAW,YAAYN,CAAW;AAE1D,MAAI;AAcF,YADE,OAZU,MAAM;AAAA,MAChB,GAAGK,CAAe;AAAA,MAClB;AAAA,QACE,SAAS;AAAA,UACP,MAAMN;AAAA,UACN,cAAcG;AAAA,UACd,kBAAkBC;AAAA,QAAA;AAAA,MACpB;AAAA,IACF,GAIU,KAAA,GACiB,KAAK;AAAA,EACpC,SAASI,GAAO;AACd,UAAM,IAAI,MAAM,oCAAoCA,CAAK,EAAE;AAAA,EAC7D;AACF,GC/BaC,IAAgC,cAEhCC,IAA4B,CAAC;AAAA,EACxC,UAAAV;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AACF,MAGSS,EAAS;AAAA,EACd,UAH6B,CAACF,GAA+BT,CAAQ;AAAA,EAIrE,SAAS,MACPD,EAAkB;AAAA,IAChB,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,CACD;AAAA,CACJ;;;;;;;;;;;ACpBI,SAASU,EAAmB;AAAA,EACjC,OAAAC,IAAQ;AAAA,EACR,OAAAC;AACF,GAAsC;AACpC,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,qBACpB,UAAA;AAAA,IAAAF,KAAS,gBAAAG,EAAC,OAAA,EAAI,WAAWD,EAAO,eAAe;AAAA,IAChD,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,6BACpB,UAAA,MAAM,KAAK,EAAE,QAAQH,EAAA,CAAO,EAAE,IAAI,CAACK,GAAGC,MACrC,gBAAAF,EAAC,OAAA,EAAgB,WAAWD,EAAO,yBACjC,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,sBAAA,CAAuB,EAAA,GADtCG,CAEV,CACD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;ACjBO,SAASC,EAAe;AAAA,EAC7B,gBAAAlB;AAAA,EACA,aAAAD;AAAA,EACA,UAAAD;AAAA,EACA,kBAAAqB;AAAA,EACA,OAAAP;AACF,GAA+B;AAC7B,QAAM,EAAE,MAAAQ,GAAM,OAAAd,GAAO,WAAAe,EAAA,IAAcb,EAA0B;AAAA,IAC3D,gBAAAR;AAAA,IACA,aAAAD;AAAA,IACA,UAAAD;AAAA,EAAA,CACD;AAED,MAAIQ;AACF,UAAM,IAAI;AAAA,MACR,oCAAoCA,GAAO,WAAW,eAAe;AAAA,IAAA;AAIzE,MAAIe;AACF,WAAO,gBAAAN,EAACL,KAAmB,OAAAE,GAAc;AAG3C,MAAI,CAACQ;AACH,WAAO;AAGT,QAAME,IAAiB,CAAC,GAAGF,CAAI,EAAE,KAAK,CAACG,GAAGC,MAAMD,EAAE,aAAaC,EAAE,UAAU;AAE3E,SACE,gBAAAX,EAAC,OAAA,EAAI,WAAWC,EAAO,qBACpB,UAAA;AAAA,IAAAF,KAAS,gBAAAG,EAAC,MAAA,EAAG,WAAWD,EAAO,gBAAiB,UAAAF,GAAM;AAAA,IACvD,gBAAAG,EAAC,SAAI,WAAWD,EAAO,4BACpB,UAAAQ,EAAe,IAAI,CAACG,MACnB,gBAAAV;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWD,EAAO;AAAA,QAClB,SAAS,MAAMK,EAAiBM,EAAK,QAAQA,EAAK,EAAE;AAAA,QAEpD,UAAA,gBAAAV;AAAA,UAACW;AAAA,UAAA;AAAA,YACC,WAAWZ,EAAO;AAAA,YAClB,KAAKW,EAAK;AAAA,YACV,KAAKA,EAAK;AAAA,YACV,eAAc;AAAA,UAAA;AAAA,QAAA;AAAA,MAChB;AAAA,MATKA,EAAK;AAAA,IAAA,CAWb,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;AC3CA,SAAwBE,EAAWC,GAAmC;AACpE,2BACGC,GAAA,EACC,UAAA,gBAAAd,EAACG,GAAA,EAAgB,GAAGU,GAAO,GAC7B;AAEJ;"}

package/dist/Image-zvdPHg5N.js

@@ -0,0 +1,35 @@
+import { jsx as u } from "react/jsx-runtime";
+import { useState as c } from "react";
+import { d as f } from "./ReactQueryProvider-D__k2BsQ.js";
+function D({
+  src: o,
+  alt: a,
+  className: t,
+  fallback: e,
+  onError: s,
+  fetchPriority: r,
+  width: m,
+  height: g
+}) {
+  const [i, l] = c(!1);
+  return /* @__PURE__ */ u(
+    "img",
+    {
+      src: o,
+      alt: a,
+      width: m,
+      height: g,
+      className: t,
+      style: i ? { backgroundColor: "#D2D2D2" } : void 0,
+      onError: (n) => {
+        n.currentTarget.src = e ?? f, l(!0), s?.();
+      },
+      fetchPriority: r ?? "auto",
+      loading: r === "high" ? "eager" : "lazy"
+    }
+  );
+}
+export {
+  D as I
+};
+//# sourceMappingURL=Image-zvdPHg5N.js.map

package/dist/Image-zvdPHg5N.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image-zvdPHg5N.js","sources":["../src/components/Image/Image.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport defaultFallbackImg from '@/assets/fallback-image.svg';\r\n\r\ntype FetchPriority = 'high' | 'low' | 'auto';\r\n\r\ntype ImageProps = {\r\n  src: string;\r\n  alt: string;\r\n  className?: string;\r\n  fallback?: string;\r\n  onError?: () => void;\r\n  fetchPriority?: FetchPriority;\r\n  width?: number;\r\n  height?: number;\r\n};\r\nexport function Image({\r\n  src,\r\n  alt,\r\n  className,\r\n  fallback,\r\n  onError,\r\n  fetchPriority,\r\n  width,\r\n  height,\r\n}: Readonly<ImageProps>) {\r\n  const [hasError, setHasError] = useState(false);\r\n  return (\r\n    <img\r\n      src={src}\r\n      alt={alt}\r\n      width={width}\r\n      height={height}\r\n      className={className}\r\n      style={hasError ? { backgroundColor: '#D2D2D2' } : undefined}\r\n      onError={(e) => {\r\n        (e.currentTarget as HTMLImageElement).src =\r\n          fallback ?? defaultFallbackImg;\r\n        setHasError(true);\r\n        onError?.();\r\n      }}\r\n      fetchPriority={fetchPriority ?? 'auto'}\r\n      loading={fetchPriority === 'high' ? 'eager' : 'lazy'}\r\n    />\r\n  );\r\n}\r\n"],"names":["Image","src","alt","className","fallback","onError","fetchPriority","width","height","hasError","setHasError","useState","jsx","e","defaultFallbackImg"],"mappings":";;;AAeO,SAASA,EAAM;AAAA,EACpB,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AACF,GAAyB;AACvB,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK;AAC9C,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAX;AAAA,MACA,KAAAC;AAAA,MACA,OAAAK;AAAA,MACA,QAAAC;AAAA,MACA,WAAAL;AAAA,MACA,OAAOM,IAAW,EAAE,iBAAiB,cAAc;AAAA,MACnD,SAAS,CAACI,MAAM;AACb,QAAAA,EAAE,cAAmC,MACpCT,KAAYU,GACdJ,EAAY,EAAI,GAChBL,IAAA;AAAA,MACF;AAAA,MACA,eAAeC,KAAiB;AAAA,MAChC,SAASA,MAAkB,SAAS,UAAU;AAAA,IAAA;AAAA,EAAA;AAGpD;"}