@faststore/core 2.0.130-alpha.0 → 2.0.133-alpha.0

package/src/components/sections/IncentivesHeader/index.ts

@@ -1 +0,0 @@
-export { default } from './IncentivesHeader'

package/src/components/ui/Image/thumborUrlBuilder.ts

@@ -1,103 +0,0 @@
-import storeConfig from 'faststore.config'
-
-export type FilterValue = boolean | string | string[] | number[]
-
-export interface Box {
-  top: number
-  bottom: number
-  left: number
-  right: number
-}
-
-export interface ThumborOptions {
-  flipHorizontal?: boolean
-  flipVertical?: boolean
-  trim?: boolean
-  fitIn?: boolean
-  horizontalAlign?: 'left' | 'center' | 'right'
-  verticalAlign?: 'top' | 'middle' | 'bottom'
-  smart?: boolean
-  filters?: Record<string, FilterValue>
-  manualCrop?: Box | false
-}
-
-const THUMBOR_SERVER = `https://${storeConfig.api.storeId}.vtexassets.com`
-
-const cropSection = ({ left, top, right, bottom }: Box) =>
-  `${left}x${top}:${right}x${bottom}`
-
-function filtersURIComponent(filters: Record<string, FilterValue>) {
-  const elements = ['filters']
-
-  Object.keys(filters).forEach((name) => {
-    const parameters = filters[name]
-    let stringParameters
-
-    // If we have several parameters, they were passed as an array
-    // and now they need to be comma separated, otherwise there is just one to convert to a string
-    if (Array.isArray(parameters)) {
-      stringParameters = parameters.join(',')
-    }
-    // If true, we don't even need to do anything, we just have an empty string and insert ()
-    // Ex: {grayscale: true} => grayscale()
-    else if (parameters === true) {
-      stringParameters = ''
-    } else {
-      stringParameters = String(parameters)
-    }
-
-    elements.push(`${name}(${stringParameters})`)
-  })
-
-  return elements.join(':')
-}
-
-export const urlBuilder = (baseUrl: string, options: ThumborOptions) => {
-  const preSizeComponents = [THUMBOR_SERVER, 'unsafe']
-  const postSizeComponents: string[] = []
-
-  // Add the trim parameter after unsafe if appliable
-  options.trim && preSizeComponents.push('trim')
-
-  // Add the crop parameter if any
-  options.manualCrop && preSizeComponents.push(cropSection(options.manualCrop))
-
-  // Add the fit-in parameter after crop if appliable
-  options.fitIn && preSizeComponents.push('fit-in')
-
-  // Adds the horizontal alignement after the size
-  postSizeComponents.push(options.horizontalAlign ?? 'center')
-
-  // Adds the vertical alignement after the size
-  postSizeComponents.push(options.verticalAlign ?? 'middle')
-
-  // Adds the smart parameter if appliable
-  options.smart && postSizeComponents.push('smart')
-
-  // Compile the filters and add them right before the URI
-  const { filters } = options
-
-  filters && postSizeComponents.push(filtersURIComponent(filters))
-
-  // Finally, adds the real image uri
-  postSizeComponents.push(encodeURIComponent(baseUrl))
-
-  return (width: number, height: number) => {
-    // Adds the final size parameter
-    let finalSize = ''
-
-    if (options.flipHorizontal) {
-      finalSize += '-'
-    }
-
-    finalSize += `${width}x`
-
-    if (options.flipVertical) {
-      finalSize += '-'
-    }
-
-    finalSize += `${height}`
-
-    return [...preSizeComponents, finalSize, ...postSizeComponents].join('/')
-  }
-}

package/src/components/ui/Image/useImage.ts

@@ -1,46 +0,0 @@
-import { useMemo } from 'react'
-import type { ImgHTMLAttributes } from 'react'
-
-import { urlBuilder } from './thumborUrlBuilder'
-import type { ThumborOptions } from './thumborUrlBuilder'
-
-export interface ImageOptions extends ImgHTMLAttributes<HTMLImageElement> {
-  src: string
-  width: number
-  height: number
-  options?: ThumborOptions
-}
-
-const FACTORS = [1, 2, 3]
-const LARGE_FACTOR = FACTORS[FACTORS.length - 1]
-
-export const useImage = ({
-  src: baseUrl,
-  width,
-  height,
-  options = {},
-  ...rest
-}: ImageOptions): ImgHTMLAttributes<HTMLImageElement> => {
-  const { srcSet, src } = useMemo(() => {
-    const builder = urlBuilder(baseUrl, options)
-
-    const srcs = FACTORS.map((factor) => {
-      const rescaledWidth = width * factor
-
-      return `${builder(rescaledWidth, height * factor)} ${rescaledWidth}w`
-    })
-
-    return {
-      src: builder(width * LARGE_FACTOR, height * LARGE_FACTOR),
-      srcSet: srcs.join(', '),
-    }
-  }, [height, options, baseUrl, width])
-
-  return {
-    src,
-    srcSet,
-    width: `${width}px`,
-    height: `${height}px`,
-    ...rest,
-  }
-}

package/src/components/ui/Incentives/incentivesMock.ts

@@ -1,27 +0,0 @@
-export const incentivesMockFooter = [
-  {
-    icon: 'ShieldCheck',
-    firstLineText: 'Trusted',
-    secondLineText: 'by Safecon',
-  },
-  {
-    icon: 'Medal',
-    firstLineText: 'Quality',
-    secondLineText: 'Products',
-  },
-  {
-    icon: 'CircleWavyCheck',
-    firstLineText: '3-year',
-    secondLineText: 'Guarantee',
-  },
-  {
-    icon: 'Storefront',
-    firstLineText: 'Pickup',
-    secondLineText: 'Options',
-  },
-  {
-    icon: 'Truck',
-    firstLineText: 'Free',
-    secondLineText: 'Shippping',
-  },
-]