npm - @anker-in/campaign-ui - Versions diffs - 0.1.10 → 0.2.10-beta.2 - Mend

@anker-in/campaign-ui 0.1.10 → 0.2.10-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (790) hide show

package/src/shopify/types/config.ts ADDED Viewed

@@ -0,0 +1,14 @@
+export type SiteConfig = {
+  locale: string
+  metafieldsNamespace: string
+  cartIdCookieName: string
+  brand: string
+  appName: string
+}
+export type ShopifyConfig = {
+  storefrontToken: string
+  storeDomain: string
+}
+export type ShopifyContextValue = SiteConfig & ShopifyConfig

package/src/shopify/types/customer.ts ADDED Viewed

@@ -0,0 +1,31 @@
+export interface GetCustomerQueryResponse {}
+export type CustomerAddress = {
+  id: string
+  firstName: string
+  lastName: string
+  address1: string
+  address2: string
+  city: string
+  province: string
+  provinceCode: string
+  countryCodeV2: string
+  phone: string
+  zip: string
+}
+export type Customer = {
+  id: string
+  firstName?: string
+  lastName?: string
+  displayName?: string
+  email: string
+  phone?: string
+  tags?: string[]
+  acceptsMarketing?: boolean
+  createdAt?: string
+  orders: {
+    id: string
+  }[]
+  defaultAddress?: CustomerAddress
+}

package/src/shopify/types/fetcher.ts ADDED Viewed

@@ -0,0 +1,61 @@
+import { HasMetafieldsIdentifier } from '../gql'
+import { PartialRecord } from './type-helper'
+import { SWRMutationResponse } from 'swr/mutation'
+import { ShopifyConfig } from '@shopify/types/config'
+type RequestBasicParams = {
+  query?: string
+  config: ShopifyConfig
+}
+export enum HasMetafieldQueryRoot {
+  Product = 'product',
+  Variant = 'variant',
+  Page = 'page',
+  Article = 'article',
+  Blog = 'blog',
+  Collection = 'collection',
+  Shop = 'shop',
+  Cart = 'cart',
+  Customer = 'customer',
+  Location = 'location',
+  Market = 'market',
+  Order = 'order',
+}
+export type ConstructMetafieldIdentifiersQueryInput<Roots extends HasMetafieldQueryRoot> = Partial<
+  Record<Roots, HasMetafieldsIdentifier[]>
+>
+type RequestWithOptions<T, M extends HasMetafieldQueryRoot> = RequestBasicParams & {
+  options: T & {
+    metafieldIdentifiers?: PartialRecord<
+      M,
+      HasMetafieldsIdentifier[] // MetafieldIdentifiers[]
+    >
+    metafieldsNamespace: string
+  }
+}
+export type ShopifyFetcherVariables<T, M extends HasMetafieldQueryRoot> = M extends HasMetafieldQueryRoot
+  ? T & PartialRecord<`${M}MetafieldIdentifiers`, HasMetafieldsIdentifier[]>
+  : T
+export type ShopifyFetcher<
+  Data = Record<string, any>,
+  Req = undefined,
+  Metafields extends HasMetafieldQueryRoot = HasMetafieldQueryRoot,
+> = (req: Req extends Record<string, any> ? RequestWithOptions<Req, Metafields> : RequestBasicParams) => Promise<Data>
+export type ShopifyHookOptions<T, M extends HasMetafieldQueryRoot> = {
+  locale?: string
+  query?: string
+  metafieldIdentifiers?: PartialRecord<
+    M,
+    HasMetafieldsIdentifier[] // MetafieldIdentifiers[]
+  >
+} & T
+export type ShopifyMutationHook<Req, Metafields extends HasMetafieldQueryRoot> = (
+  options: ShopifyHookOptions<Req, Metafields>
+) => SWRMutationResponse

package/src/shopify/types/index.ts ADDED Viewed

@@ -0,0 +1,10 @@
+export * from './common'
+export * from './cart'
+export * from './checkout'
+export * from './page'
+export * from './product'
+export * from './site'
+export * from './collection'
+export * from './search'
+export * from './article'
+export * from './customer'

package/src/shopify/types/page.ts ADDED Viewed

@@ -0,0 +1,45 @@
+// TODO: define this type
+export type Page = {
+  // ID of the Web page.
+  id: string
+  // handle of page
+  handle: string
+  // Page name, as displayed on the storefront.
+  name: string
+  // Relative URL on the storefront for this page.
+  path?: string
+  // HTML or variable that populates this page’s `<body>` element, in default/desktop view. Required in POST if page type is `raw`.
+  body: string
+  // If true, this page appears in the storefront’s navigation menu.
+  is_visible?: boolean
+  // Order in which this page should display on the storefront. (Lower integers specify earlier display.)
+  sort_order?: number
+  url?: string
+  seo?: any
+  metafields?: {
+    [key: string]: any
+  }
+}
+export type PageTypes = {
+  page: Page
+}
+export type GetAllPagesOperation<T extends PageTypes = PageTypes> = {
+  data: {
+    pages: T['page'][]
+  }
+}
+export type GetPageOperation<T extends PageTypes = PageTypes> = {
+  data: {
+    page?: T['page']
+    metafields?: {
+      [key: string]: any
+    }
+  }
+  variables: { id: string }
+}

package/src/shopify/types/product.ts ADDED Viewed

@@ -0,0 +1,176 @@
+import { Media, Product as ShopifyProduct } from '@shopify/gql'
+import { SearchHook } from './search'
+export type ProductImage = {
+  url: string
+  alt?: string
+}
+export type ProductPrice = {
+  value: number
+  currencyCode?: 'USD' | 'EUR' | 'ARS' | string
+  retailPrice?: number
+  salePrice?: number
+  listPrice?: number
+  extendedSalePrice?: number
+  extendedListPrice?: number
+}
+export type ProductOption = {
+  __typename?: 'ProductOption'
+  id: string
+  name: string
+  values: ProductOptionValues[]
+}
+export type ProductOptionValues = {
+  label: string
+  hexColors?: string[]
+}
+export type ProductVariant = {
+  id: string | number
+  options: ProductOption[]
+  availableForSale?: boolean
+  quantityAvailable: number
+  metafields?: Record<string, any>
+  [key: string]: any
+}
+type NormalizedProduct = {
+  id: string
+  description: string
+  descriptionHtml?: string
+  productType?: string
+  sku?: string
+  slug?: string
+  handle?: string
+  path?: string
+  images: ProductImage[]
+  media: ProductMedia[]
+  variants: ProductVariant[]
+  price: ProductPrice
+  listPrice?: number
+  options: ProductOption[]
+  preRender?: string
+  seo?: any
+  metafields?: { [key: string]: any }
+}
+export type Product = Omit<ShopifyProduct, keyof NormalizedProduct> & NormalizedProduct
+export type GetProductBody = {
+  handles: string
+  locale?: string
+}
+export type ProductTypes = {
+  product: Product
+  getBody: GetProductBody
+}
+export type GetProductHook<T extends ProductTypes = ProductTypes> = {
+  data: {
+    products: (T['product'] | {})[] | []
+  }
+  body: T['getBody']
+  input: T['getBody']
+  fetcherInput: T['getBody']
+}
+export type ProductsSchema<T extends ProductTypes = ProductTypes> = {
+  endpoint: {
+    options: {}
+    handlers: {
+      getProducts: SearchHook
+      getProduct: GetProductHook<T>
+    }
+  }
+}
+export type GetAllProductPathsOperation<T extends ProductTypes = ProductTypes> = {
+  data: { products: Pick<T['product'], 'path'>[] }
+  variables: { first?: number }
+}
+export type GetAllProductsOperation<T extends ProductTypes = ProductTypes> = {
+  data: { products: T['product'][] }
+  variables: {
+    relevance?: 'featured' | 'best_selling' | 'newest'
+    ids?: string[]
+    first?: number
+  }
+}
+export type GetProductOperation<T extends ProductTypes = ProductTypes> = {
+  data: { product?: T['product'] }
+  variables: { path: string; slug?: never } | { path?: never; slug: string }
+}
+export type Options = Record<string, string>
+export type ProductCoupon = {
+  sku: string
+  variant_shopify_id: number
+  variant_price: string
+  handle: string
+  product_type: string
+  product_title: string
+  product_shopify_id: number
+  title: string
+  starts_at: string
+  ends_at?: string
+  value_type: string
+  value: string
+  shopify_domain: string
+  currency: string
+  custom_domain: string
+  shop_discount_threshold_value: number
+  fixed_value: string
+  value_style: string
+  variant_price4wscode: number
+  variant_image: string
+  currency_symbol: string
+  fixed_amount_sort_key: number
+  percentage_sort_key: number
+  variant_url: string
+  variant_metafields: any[]
+  product_tags: string
+  product_metafields: any[]
+  available_for_sale: boolean
+  shopify_created_at: string
+  shopify_updated_at: string
+  timezone: string
+  starts_at_with_timezone: string
+  ends_at_with_timezone?: string
+  amazon_deal: boolean
+}
+export type VariantCoupon = {
+  title: string
+  starts_at: string // ISO 8601 日期字符串
+  ends_at: string | null // ISO 8601 日期字符串或 null
+  variant_shopify_id: number
+  value_type: 'percentage' | 'fixed' | 'fixed_amount' | 'fix_discount_amount' // 假设 value_type 只有 'percentage' 和 'fixed' 两种可能值
+  value: string // 负数的百分比值
+  currency: string
+  fixed_value: string // 固定值
+  value_style: string // 带有货币符号的值
+  variant_price4wscode: number // 折后价
+  discount_type: string // 假设 discount_type 是一个字符串
+  amazon_deal: boolean
+  cdi_id: number
+  cdi_updated_at: string // ISO 8601 日期字符串
+}
+export type ProductMedia = Media & {
+  sources?: {
+    url: string
+    altText: string
+  }[]
+  image?: {
+    url: string
+    altText: string
+  }
+}

package/src/shopify/types/search.ts ADDED Viewed

@@ -0,0 +1,62 @@
+import type { ProductTypes } from './product'
+import type { PageTypes } from './page'
+export type SearchBody = {
+  first?: number
+  after?: string
+  before?: string
+  reverse?: boolean
+  sort?: string
+  sku?: string
+  query?: string
+  search?: string
+  sortKey?: string
+  filters?: any
+  productFilters?: any
+  categoryId?: string | number
+  brandId?: string | number
+  termSearch?: string
+  types?: string[]
+}
+export type SearchProductsInput = {
+  after?: string
+  before?: string
+  sortKey?: string
+  locale?: string
+  first?: number
+  last?: number
+  types?: string[]
+  filters?: any
+  productFilters?: any
+  reverse?: boolean
+  searchTerm?: string
+}
+export type ShopifySearchOperation = {
+  data:
+    | {
+        products: ProductTypes['product'][]
+        found: boolean
+      }
+    | {
+        pages: PageTypes['page'][]
+        products: ProductTypes['product'][]
+      }
+  variables: SearchBody
+}
+export type SearchHook = {
+  data:
+    | {
+        products: ProductTypes['product'][]
+        found: boolean
+      }
+    | {
+        pages: PageTypes['page'][]
+        products: ProductTypes['product'][]
+      }
+  body: SearchBody
+  input: SearchBody
+  fetcherInput: SearchBody
+}

package/src/shopify/types/site.ts ADDED Viewed

@@ -0,0 +1,38 @@
+import { Category } from './collection'
+export type Brand = any
+export type Policy = {
+  handle: string
+  id: string
+  title: string
+  body?: string
+  url?: string
+}
+export type Shop = {
+  name: string
+  privacyPolicy: Policy
+  refundPolicy: Policy
+  shippingPolicy: Policy
+  termsOfService: Policy
+  subscriptionPolicy: Policy
+}
+export type SiteTypes = {
+  shop: Shop
+  category: Category
+  brand: Brand
+}
+export type GetSiteInfoOperation<T extends SiteTypes = SiteTypes> = {
+  data: {
+    shop: Shop
+    categories: T['category'][]
+    brands: T['brand'][]
+    shopName?: string
+    metafields?: {
+      [key: string]: any
+    }
+  }
+}

package/src/shopify/types/type-helper.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export type PartialRecord<K extends string | number | symbol, T> = Partial<Record<K, T>>
+export type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>
+export type Replace<T, K extends keyof T, V> = Omit<T, K> & { [P in K]: V }

package/src/shopify/utils/colors.ts ADDED Viewed

@@ -0,0 +1,206 @@
+import random from 'lodash.random'
+export function getRandomPairOfColors() {
+  const colors = ['#37B679', '#DA3C3C', '#3291FF', '#7928CA', '#79FFE1']
+  const getRandomIdx = () => random(0, colors.length - 1)
+  let idx = getRandomIdx()
+  let idx2 = getRandomIdx()
+  // Has to be a different color
+  while (idx2 === idx) {
+    idx2 = getRandomIdx()
+  }
+  // Returns a pair of colors
+  return [colors[idx], colors[idx2]]
+}
+function hexToRgb(hex: string = '') {
+  // @ts-ignore
+  const match = hex.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i)
+  if (!match) {
+    return [0, 0, 0]
+  }
+  let colorString = match[0]
+  if (match[0].length === 3) {
+    colorString = colorString
+      .split('')
+      .map((char: string) => {
+        return char + char
+      })
+      .join('')
+  }
+  const integer = parseInt(colorString, 16)
+  const r = (integer >> 16) & 0xff
+  const g = (integer >> 8) & 0xff
+  const b = integer & 0xff
+  return [r, g, b]
+}
+export const colorMap: Record<string, string> = {
+  aliceblue: '#F0F8FF',
+  antiquewhite: '#FAEBD7',
+  aqua: '#00FFFF',
+  aquamarine: '#7FFFD4',
+  azure: '#F0FFFF',
+  beige: '#F5F5DC',
+  bisque: '#FFE4C4',
+  black: '#000000',
+  blanchedalmond: '#FFEBCD',
+  blue: '#0000FF',
+  blueviolet: '#8A2BE2',
+  brown: '#A52A2A',
+  burlywood: '#DEB887',
+  burgandy: '#800020',
+  burgundy: '#800020',
+  cadetblue: '#5F9EA0',
+  chartreuse: '#7FFF00',
+  chocolate: '#D2691E',
+  coral: '#FF7F50',
+  cornflowerblue: '#6495ED',
+  cornsilk: '#FFF8DC',
+  crimson: '#DC143C',
+  cyan: '#00FFFF',
+  darkblue: '#00008B',
+  darkcyan: '#008B8B',
+  darkgoldenrod: '#B8860B',
+  darkgray: '#A9A9A9',
+  darkgreen: '#006400',
+  darkgrey: '#A9A9A9',
+  darkkhaki: '#BDB76B',
+  darkmagenta: '#8B008B',
+  darkolivegreen: '#556B2F',
+  darkorange: '#FF8C00',
+  darkorchid: '#9932CC',
+  darkred: '#8B0000',
+  darksalmon: '#E9967A',
+  darkseagreen: '#8FBC8F',
+  darkslateblue: '#483D8B',
+  darkslategray: '#2F4F4F',
+  darkslategrey: '#2F4F4F',
+  darkturquoise: '#00CED1',
+  darkviolet: '#9400D3',
+  deeppink: '#FF1493',
+  deepskyblue: '#00BFFF',
+  dimgray: '#696969',
+  dimgrey: '#696969',
+  dodgerblue: '#1E90FF',
+  firebrick: '#B22222',
+  floralwhite: '#FFFAF0',
+  forestgreen: '#228B22',
+  fuchsia: '#FF00FF',
+  gainsboro: '#DCDCDC',
+  ghostwhite: '#F8F8FF',
+  gold: '#FFD700',
+  goldenrod: '#DAA520',
+  gray: '#808080',
+  green: '#008000',
+  greenyellow: '#ADFF2F',
+  grey: '#808080',
+  honeydew: '#F0FFF0',
+  hotpink: '#FF69B4',
+  indianred: '#CD5C5C',
+  indigo: '#4B0082',
+  ivory: '#FFFFF0',
+  khaki: '#F0E68C',
+  lavender: '#E6E6FA',
+  lavenderblush: '#FFF0F5',
+  lawngreen: '#7CFC00',
+  lemonchiffon: '#FFFACD',
+  lightblue: '#ADD8E6',
+  lightcoral: '#F08080',
+  lightcyan: '#E0FFFF',
+  lightgoldenrodyellow: '#FAFAD2',
+  lightgray: '#D3D3D3',
+  lightgreen: '#90EE90',
+  lightgrey: '#D3D3D3',
+  lightpink: '#FFB6C1',
+  lightsalmon: '#FFA07A',
+  lightseagreen: '#20B2AA',
+  lightskyblue: '#87CEFA',
+  lightslategray: '#778899',
+  lightslategrey: '#778899',
+  lightsteelblue: '#B0C4DE',
+  lightyellow: '#FFFFE0',
+  lime: '#00FF00',
+  limegreen: '#32CD32',
+  linen: '#FAF0E6',
+  magenta: '#FF00FF',
+  maroon: '#800000',
+  mediumaquamarine: '#66CDAA',
+  mediumblue: '#0000CD',
+  mediumorchid: '#BA55D3',
+  mediumpurple: '#9370DB',
+  mediumseagreen: '#3CB371',
+  mediumslateblue: '#7B68EE',
+  mediumspringgreen: '#00FA9A',
+  mediumturquoise: '#48D1CC',
+  mediumvioletred: '#C71585',
+  midnightblue: '#191970',
+  mintcream: '#F5FFFA',
+  mistyrose: '#FFE4E1',
+  moccasin: '#FFE4B5',
+  navajowhite: '#FFDEAD',
+  navy: '#000080',
+  oldlace: '#FDF5E6',
+  olive: '#808000',
+  olivedrab: '#6B8E23',
+  orange: '#FFA500',
+  orangered: '#FF4500',
+  orchid: '#DA70D6',
+  palegoldenrod: '#EEE8AA',
+  palegreen: '#98FB98',
+  paleturquoise: '#AFEEEE',
+  palevioletred: '#DB7093',
+  papayawhip: '#FFEFD5',
+  peachpuff: '#FFDAB9',
+  peru: '#CD853F',
+  pink: '#FFC0CB',
+  plum: '#DDA0DD',
+  powderblue: '#B0E0E6',
+  purple: '#800080',
+  rebeccapurple: '#663399',
+  red: '#FF0000',
+  rosybrown: '#BC8F8F',
+  royalblue: '#4169E1',
+  saddlebrown: '#8B4513',
+  salmon: '#FA8072',
+  sandybrown: '#F4A460',
+  seagreen: '#2E8B57',
+  seashell: '#FFF5EE',
+  sienna: '#A0522D',
+  silver: '#C0C0C0',
+  skyblue: '#87CEEB',
+  slateblue: '#6A5ACD',
+  slategray: '#708090',
+  slategrey: '#708090',
+  spacegrey: '#65737e',
+  spacegray: '#65737e',
+  snow: '#FFFAFA',
+  springgreen: '#00FF7F',
+  steelblue: '#4682B4',
+  tan: '#D2B48C',
+  teal: '#008080',
+  thistle: '#D8BFD8',
+  tomato: '#FF6347',
+  turquoise: '#40E0D0',
+  violet: '#EE82EE',
+  wheat: '#F5DEB3',
+  white: '#FFFFFF',
+  whitesmoke: '#F5F5F5',
+  yellow: '#FFFF00',
+  yellowgreen: '#9ACD32',
+}
+export function isDark(color: string = ''): boolean {
+  color = color.toLowerCase()
+  // Equation from http://24ways.org/2010/calculating-color-contrast
+  let rgb = colorMap[color] ? hexToRgb(colorMap[color]) : hexToRgb(color)
+  const res = (rgb[0] * 299 + rgb[1] * 587 + rgb[2] * 114) / 1000
+  return res < 128
+}