@anker-in/campaign-ui 0.2.0 → 0.2.2-beta.1

package/dist/esm/helpers/fetchResponse.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/fetchResponse.ts"],
-  "sourcesContent": ["export async function getAsyncError(res: { json: () => any; status: any; statusText: any }) {\n  try {\n    const result = await res.json()\n    return {\n      status: res.status,\n      statusText: res.statusText,\n      errors: result?.data?.error || result?.data?.code || res.statusText || res.status,\n      type: result?.data?.type,\n      data: result?.data,\n      message: result?.data?.message,\n    }\n  } catch (error) {\n    console.log(error)\n  }\n}\n\nconst handleFetchResponse = async (res: Response) => {\n  if (res.ok) {\n    try {\n      const result = await res.json()\n      const { errors } = result\n      if (errors && errors.length) {\n        return { errors, status: res.status }\n      }\n\n      return result\n    } catch (error) {\n      console.log(error)\n    }\n  }\n\n  return await getAsyncError(res)\n}\n\nexport default handleFetchResponse\n"],
-  "mappings": "AAAA,eAAsBA,EAAcC,EAAwD,CAC1F,GAAI,CACF,MAAMC,EAAS,MAAMD,EAAI,KAAK,EAC9B,MAAO,CACL,OAAQA,EAAI,OACZ,WAAYA,EAAI,WAChB,OAAQC,GAAQ,MAAM,OAASA,GAAQ,MAAM,MAAQD,EAAI,YAAcA,EAAI,OAC3E,KAAMC,GAAQ,MAAM,KACpB,KAAMA,GAAQ,KACd,QAASA,GAAQ,MAAM,OACzB,CACF,OAASC,EAAO,CACd,QAAQ,IAAIA,CAAK,CACnB,CACF,CAEA,MAAMC,EAAsB,MAAOH,GAAkB,CACnD,GAAIA,EAAI,GACN,GAAI,CACF,MAAMC,EAAS,MAAMD,EAAI,KAAK,EACxB,CAAE,OAAAI,CAAO,EAAIH,EACnB,OAAIG,GAAUA,EAAO,OACZ,CAAE,OAAAA,EAAQ,OAAQJ,EAAI,MAAO,EAG/BC,CACT,OAASC,EAAO,CACd,QAAQ,IAAIA,CAAK,CACnB,CAGF,OAAO,MAAMH,EAAcC,CAAG,CAChC,EAEA,IAAOK,EAAQF",
-  "names": ["getAsyncError", "res", "result", "error", "handleFetchResponse", "errors", "fetchResponse_default"]
-}

package/dist/esm/helpers/fetcher.d.ts

@@ -1,2 +0,0 @@
-declare const fetcher: ({ locale, url, method, headers, repeatKey, body, type, timeout, }: any) => Promise<any>;
-export default fetcher;

package/dist/esm/helpers/fetcher.js

@@ -1,2 +0,0 @@
-import f from"./fetchResponse";const g=e=>e!==null&&typeof e=="object"&&!Array.isArray(e),y=async({locale:e="en",url:s,method:a="POST",headers:l={},repeatKey:p,body:r,type:c,timeout:t=9e4})=>{let n="";c==="uploadFile"?n=r:n=r?JSON.stringify(r):"";const o=new AbortController;t&&setTimeout(()=>o.abort(),t);const i=await fetch(s,{method:a,mode:"cors",headers:{"current-language":e,...l},...t&&{signal:o.signal},...a!=="GET"&&{body:n}});return f(i)};var u=y;export{u as default};
-//# sourceMappingURL=fetcher.js.map

package/dist/esm/helpers/fetcher.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/fetcher.ts"],
-  "sourcesContent": ["import handleFetchResponse from './fetchResponse'\n\nconst isObject = (value: null) => {\n  return value !== null && typeof value === 'object' && !Array.isArray(value)\n}\n\nconst fetcher = async ({\n  locale = 'en',\n  url,\n  method = 'POST',\n  headers = {},\n  repeatKey,\n  body,\n  type,\n  timeout = 90000,\n}: any) => {\n  // \u6DFB\u52A0\u8C37\u6B4C\u9A8C\u8BC1\n  let bodyData = ''\n  if (type === 'uploadFile') {\n    bodyData = body\n  } else {\n    bodyData = body ? JSON.stringify(body) : ''\n  }\n\n  const controller = new AbortController()\n  if (timeout) {\n    // \u8D85\u65F6\u62A5\u9519\n    setTimeout(() => controller.abort(), timeout)\n  }\n\n  const data = await fetch(url, {\n    method,\n    mode: 'cors',\n    headers: {\n      'current-language': locale,\n      ...headers,\n    },\n    ...(timeout && { signal: controller.signal }),\n    ...(method !== 'GET' && { body: bodyData }),\n  })\n  return handleFetchResponse(data)\n}\n\nexport default fetcher\n"],
-  "mappings": "AAAA,OAAOA,MAAyB,kBAEhC,MAAMC,EAAYC,GACTA,IAAU,MAAQ,OAAOA,GAAU,UAAY,CAAC,MAAM,QAAQA,CAAK,EAGtEC,EAAU,MAAO,CACrB,OAAAC,EAAS,KACT,IAAAC,EACA,OAAAC,EAAS,OACT,QAAAC,EAAU,CAAC,EACX,UAAAC,EACA,KAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,GACZ,IAAW,CAET,IAAIC,EAAW,GACXF,IAAS,aACXE,EAAWH,EAEXG,EAAWH,EAAO,KAAK,UAAUA,CAAI,EAAI,GAG3C,MAAMI,EAAa,IAAI,gBACnBF,GAEF,WAAW,IAAME,EAAW,MAAM,EAAGF,CAAO,EAG9C,MAAMG,EAAO,MAAM,MAAMT,EAAK,CAC5B,OAAAC,EACA,KAAM,OACN,QAAS,CACP,mBAAoBF,EACpB,GAAGG,CACL,EACA,GAAII,GAAW,CAAE,OAAQE,EAAW,MAAO,EAC3C,GAAIP,IAAW,OAAS,CAAE,KAAMM,CAAS,CAC3C,CAAC,EACD,OAAOZ,EAAoBc,CAAI,CACjC,EAEA,IAAOC,EAAQZ",
-  "names": ["handleFetchResponse", "isObject", "value", "fetcher", "locale", "url", "method", "headers", "repeatKey", "body", "type", "timeout", "bodyData", "controller", "data", "fetcher_default"]
-}

package/dist/esm/helpers/index.d.ts

@@ -1,2 +0,0 @@
-export { cn } from './utils';
-export { noop } from './utils';

package/dist/esm/helpers/index.js

@@ -1,2 +0,0 @@
-import{cn as p}from"./utils";import{noop as f}from"./utils";export{p as cn,f as noop};
-//# sourceMappingURL=index.js.map

package/dist/esm/helpers/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/index.ts"],
-  "sourcesContent": ["export { cn } from './utils'\nexport { noop } from './utils'\n"],
-  "mappings": "AAAA,OAAS,MAAAA,MAAU,UACnB,OAAS,QAAAC,MAAY",
-  "names": ["cn", "noop"]
-}

package/dist/esm/helpers/track.d.ts

@@ -1,19 +0,0 @@
-declare global {
-    interface Window {
-        dataLayer?: Array<any>;
-        fbq?: (...args: any[]) => void;
-        klaviyo?: any;
-        gtag?: any;
-    }
-}
-export declare const gaTrack: (data: any) => "" | undefined;
-export declare function gaNormalClick({ position, label }: {
-    position: string;
-    label: string;
-}): void;
-export declare const fbq: (...args: any[]) => "" | undefined;
-export declare const gtag: (...args: any[]) => "" | undefined;
-export declare const getGtmGroup: ({ query, asPath }: {
-    query: any;
-    asPath: string;
-}) => any;

package/dist/esm/helpers/track.js

@@ -1,2 +0,0 @@
-const r=e=>{if(typeof window>"u"||(window.dataLayer=window?.dataLayer||[],!Array.isArray(window.dataLayer)))return"";try{window?.dataLayer?.push({event_parameters:null}),window?.dataLayer?.push(e||{})}catch(n){console.log("pageGTMEvent error",n)}};function t({position:e,label:n}){r({event:"ga4Event",event_name:"lp_button",event_parameters:{page_group:"soundcoreCredits Rewards Program",position:e,button_name:n}})}const a=(...e)=>{if(typeof window>"u")return"";window.fbq&&window.fbq(...e)},o=(...e)=>{if(typeof window>"u")return"";window.gtag&&window.gtag(...e)},i=({query:e,asPath:n})=>n.includes("collections")?`Product List Page_${e?.handle}`:n.includes("products")?"Product Detail Page_"+e?.handle:n==="/"||n==="/app-home"?"Home Page":"Activity Page_"+e?.handle||e?.paths?.[0]?.replace("storefront-","");export{a as fbq,t as gaNormalClick,r as gaTrack,i as getGtmGroup,o as gtag};
-//# sourceMappingURL=track.js.map

package/dist/esm/helpers/track.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/track.ts"],
-  "sourcesContent": ["declare global {\n  interface Window {\n    dataLayer?: Array<any>\n    fbq?: (...args: any[]) => void\n    klaviyo?: any\n    gtag?: any\n  }\n}\n\n// GA \u57CB\u70B9\nexport const gaTrack = (data: any) => {\n  if (typeof window === 'undefined') {\n    return ''\n  }\n  window.dataLayer = window?.dataLayer || []\n  if (!Array.isArray(window.dataLayer)) {\n    return ''\n  }\n\n  try {\n    window?.dataLayer?.push({ event_parameters: null })\n    window?.dataLayer?.push(data || {})\n  } catch (error) {\n    console.log('pageGTMEvent error', error)\n  }\n}\n\nexport function gaNormalClick({ position, label }: { position: string; label: string }) {\n  gaTrack({\n    event: 'ga4Event',\n    event_name: 'lp_button',\n    event_parameters: {\n      page_group: 'soundcoreCredits Rewards Program',\n      position: position,\n      button_name: label,\n    },\n  })\n}\n\n// facebook \u57CB\u70B9\nexport const fbq = (...args: any[]) => {\n  if (typeof window === 'undefined') {\n    return ''\n  }\n  if (window.fbq) {\n    window.fbq(...args)\n  }\n}\n\nexport const gtag = (...args: any[]) => {\n  if (typeof window === 'undefined') {\n    return ''\n  }\n  if (window.gtag) {\n    window.gtag(...args)\n  }\n}\n\nexport const getGtmGroup = ({ query, asPath }: { query: any; asPath: string }) => {\n  if (asPath.includes('collections')) {\n    return `Product List Page_${query?.handle}`\n  }\n\n  if (asPath.includes('products')) {\n    return 'Product Detail Page_' + query?.handle\n  }\n\n  if (asPath === '/' || asPath === '/app-home') {\n    return 'Home Page'\n  }\n\n  return 'Activity Page_' + query?.handle || query?.paths?.[0]?.replace('storefront-', '')\n}\n"],
-  "mappings": "AAUO,MAAMA,EAAWC,GAAc,CAKpC,GAJI,OAAO,OAAW,MAGtB,OAAO,UAAY,QAAQ,WAAa,CAAC,EACrC,CAAC,MAAM,QAAQ,OAAO,SAAS,GACjC,MAAO,GAGT,GAAI,CACF,QAAQ,WAAW,KAAK,CAAE,iBAAkB,IAAK,CAAC,EAClD,QAAQ,WAAW,KAAKA,GAAQ,CAAC,CAAC,CACpC,OAASC,EAAO,CACd,QAAQ,IAAI,qBAAsBA,CAAK,CACzC,CACF,EAEO,SAASC,EAAc,CAAE,SAAAC,EAAU,MAAAC,CAAM,EAAwC,CACtFL,EAAQ,CACN,MAAO,WACP,WAAY,YACZ,iBAAkB,CAChB,WAAY,mCACZ,SAAUI,EACV,YAAaC,CACf,CACF,CAAC,CACH,CAGO,MAAMC,EAAM,IAAIC,IAAgB,CACrC,GAAI,OAAO,OAAW,IACpB,MAAO,GAEL,OAAO,KACT,OAAO,IAAI,GAAGA,CAAI,CAEtB,EAEaC,EAAO,IAAID,IAAgB,CACtC,GAAI,OAAO,OAAW,IACpB,MAAO,GAEL,OAAO,MACT,OAAO,KAAK,GAAGA,CAAI,CAEvB,EAEaE,EAAc,CAAC,CAAE,MAAAC,EAAO,OAAAC,CAAO,IACtCA,EAAO,SAAS,aAAa,EACxB,qBAAqBD,GAAO,MAAM,GAGvCC,EAAO,SAAS,UAAU,EACrB,uBAAyBD,GAAO,OAGrCC,IAAW,KAAOA,IAAW,YACxB,YAGF,iBAAmBD,GAAO,QAAUA,GAAO,QAAQ,CAAC,GAAG,QAAQ,cAAe,EAAE",
-  "names": ["gaTrack", "data", "error", "gaNormalClick", "position", "label", "fbq", "args", "gtag", "getGtmGroup", "query", "asPath"]
-}

package/dist/esm/helpers/utils.d.ts

@@ -1,3 +0,0 @@
-import { type ClassValue } from 'clsx';
-export declare function cn(...inputs: ClassValue[]): string;
-export declare function noop(): any;

package/dist/esm/helpers/utils.js

@@ -1,2 +0,0 @@
-import{clsx as r}from"clsx";import{twMerge as t}from"tailwind-merge";function p(...o){return t(r(o))}function a(){}export{p as cn,a as noop};
-//# sourceMappingURL=utils.js.map

package/dist/esm/helpers/utils.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/utils.ts"],
-  "sourcesContent": ["import { clsx, type ClassValue } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n\nexport function noop(): any {}\n"],
-  "mappings": "AAAA,OAAS,QAAAA,MAA6B,OACtC,OAAS,WAAAC,MAAe,iBAEjB,SAASC,KAAMC,EAAsB,CAC1C,OAAOF,EAAQD,EAAKG,CAAM,CAAC,CAC7B,CAEO,SAASC,GAAY,CAAC",
-  "names": ["clsx", "twMerge", "cn", "inputs", "noop"]
-}

package/src/components/credits/context/hooks/useSendEmailValidation.ts

@@ -1,20 +0,0 @@
-import fetcher from '../../../../helpers/fetcher'
-import useSWRMutation from 'swr/mutation'
-import { useCreditsContext } from '../provider'
-import { useHeadlessContext } from '@anker-in/lib'
-
-export function useSendEmailValidation() {
-  const { profile } = useCreditsContext()
-  const { appName, locale } = useHeadlessContext()
-
-  return useSWRMutation('send-email-validation', () =>
-    fetcher({
-      locale,
-      url: '/api/multipass/account/users/send_validation_email',
-      method: 'POST',
-      body: { email: profile?.email, app: appName },
-      needRecaptcha: true,
-      action: 'verifyAccount',
-    })
-  )
-}

package/src/components/credits/context/hooks/useSubscriptions.ts

@@ -1,29 +0,0 @@
-import useSWR, { SWRResponse } from 'swr'
-import type { Subscription } from '../../type'
-import fetcher from '../../../../helpers/fetcher'
-import { useHeadlessContext } from '@anker-in/lib'
-
-export type SubscriptionApiResponse = { data: Subscription }
-export type FetchSubscriptionResponse = SWRResponse<Subscription>
-
-export function useSubscriptions({ email }: { email?: string }): FetchSubscriptionResponse {
-  const { locale } = useHeadlessContext()
-
-  const { data, ...rest } = useSWR<SubscriptionApiResponse>(
-    email ? ['/api/multipass/account/subscriptions', email] : null,
-    async ([url, email]) =>
-      fetcher({
-        method: 'GET',
-        url,
-        body: {
-          email,
-        },
-        action: 'login',
-        locale,
-        headers: {},
-        type: '',
-      })
-  )
-
-  return { data: data?.data, ...rest } as unknown as FetchSubscriptionResponse
-}

package/src/components/credits/creditsBenefits/benefitItem.tsx

@@ -1,73 +0,0 @@
-import { Heading, Picture, Text } from '@anker-in/headless-ui'
-import { cn } from '../../../helpers/utils'
-import IconInfo from './iconInfo'
-
-export interface BenefitItemCopy {
-  icon: {
-    alt: string
-    url: string
-  }
-  text: string
-  note?: string
-  tag?: string
-}
-const BenefitItem = ({
-  item,
-  handleClick,
-  isNoteActive,
-  index,
-}: {
-  item: BenefitItemCopy
-  handleClick: ({ item, index }: { item: BenefitItemCopy; index: number }) => void
-  isNoteActive: boolean
-  index: number
-}) => {
-  return (
-    <div
-      className="relative flex-1 flex flex-col rounded-[16px] border border-white px-[24px] pb-[26px] pt-[24px] md:min-h-[180px] md:p-[16px]"
-      style={{
-        background: 'linear-gradient(119.61deg, #FAFAFA 38.58%, #FFFFFF 63.73%, #F9FCFF 89.37%)',
-      }}
-    >
-      <div className="flex flex-col">
-        <Picture
-          className="mb-[16px] size-[31px] md:absolute md:bottom-[16px] md:right-[16px] md:mb-0"
-          alt={item.icon?.alt}
-          source={item.icon?.url}
-        />
-        <div className="flex items-center">
-          <Heading html={item.text} size="2" className="break-all" />
-          {item.note && (
-            <div
-              role="button"
-              tabIndex={0}
-              onKeyDown={e => {
-                if (e.key === 'Enter' || e.key === ' ') {
-                  e.preventDefault()
-                }
-              }}
-              className="relative mb-1 ml-[4px]"
-              onClick={() => handleClick({ item, index })}
-            >
-              <IconInfo />
-              <div
-                className={cn(
-                  'absolute -bottom-[12px] left-[32px] z-10 w-[356px] -translate-x-full translate-y-full md:w-[276px]',
-                  isNoteActive ? 'block' : 'hidden'
-                )}
-              >
-                <div className="relative rounded-[10px] bg-[#6D6D6F] p-[16px] text-[14px] font-medium text-white shadow">
-                  <Text as="p" size="2" html={item.note} className="desktop:text-[18px]" />
-                  <div className="absolute -top-[10px] right-[9px] mb-2 size-[16px] origin-top-left rotate-45 transform rounded-[2px] bg-[#6D6D6F]" />
-                </div>
-              </div>
-            </div>
-          )}
-        </div>
-        {item.tag && <Text as="div" html={item.tag} className="mt-[2px] text-[16px] font-bold text-[#6D6D6F]" />}
-      </div>
-    </div>
-  )
-}
-
-export default BenefitItem

package/src/helpers/fetchResponse.ts

@@ -1,35 +0,0 @@
-export async function getAsyncError(res: { json: () => any; status: any; statusText: any }) {
-  try {
-    const result = await res.json()
-    return {
-      status: res.status,
-      statusText: res.statusText,
-      errors: result?.data?.error || result?.data?.code || res.statusText || res.status,
-      type: result?.data?.type,
-      data: result?.data,
-      message: result?.data?.message,
-    }
-  } catch (error) {
-    console.log(error)
-  }
-}
-
-const handleFetchResponse = async (res: Response) => {
-  if (res.ok) {
-    try {
-      const result = await res.json()
-      const { errors } = result
-      if (errors && errors.length) {
-        return { errors, status: res.status }
-      }
-
-      return result
-    } catch (error) {
-      console.log(error)
-    }
-  }
-
-  return await getAsyncError(res)
-}
-
-export default handleFetchResponse

package/src/helpers/fetcher.ts

@@ -1,44 +0,0 @@
-import handleFetchResponse from './fetchResponse'
-
-const isObject = (value: null) => {
-  return value !== null && typeof value === 'object' && !Array.isArray(value)
-}
-
-const fetcher = async ({
-  locale = 'en',
-  url,
-  method = 'POST',
-  headers = {},
-  repeatKey,
-  body,
-  type,
-  timeout = 90000,
-}: any) => {
-  // 添加谷歌验证
-  let bodyData = ''
-  if (type === 'uploadFile') {
-    bodyData = body
-  } else {
-    bodyData = body ? JSON.stringify(body) : ''
-  }
-
-  const controller = new AbortController()
-  if (timeout) {
-    // 超时报错
-    setTimeout(() => controller.abort(), timeout)
-  }
-
-  const data = await fetch(url, {
-    method,
-    mode: 'cors',
-    headers: {
-      'current-language': locale,
-      ...headers,
-    },
-    ...(timeout && { signal: controller.signal }),
-    ...(method !== 'GET' && { body: bodyData }),
-  })
-  return handleFetchResponse(data)
-}
-
-export default fetcher

package/src/helpers/index.ts

@@ -1,2 +0,0 @@
-export { cn } from './utils'
-export { noop } from './utils'

package/src/helpers/track.ts

@@ -1,73 +0,0 @@
-declare global {
-  interface Window {
-    dataLayer?: Array<any>
-    fbq?: (...args: any[]) => void
-    klaviyo?: any
-    gtag?: any
-  }
-}
-
-// GA 埋点
-export const gaTrack = (data: any) => {
-  if (typeof window === 'undefined') {
-    return ''
-  }
-  window.dataLayer = window?.dataLayer || []
-  if (!Array.isArray(window.dataLayer)) {
-    return ''
-  }
-
-  try {
-    window?.dataLayer?.push({ event_parameters: null })
-    window?.dataLayer?.push(data || {})
-  } catch (error) {
-    console.log('pageGTMEvent error', error)
-  }
-}
-
-export function gaNormalClick({ position, label }: { position: string; label: string }) {
-  gaTrack({
-    event: 'ga4Event',
-    event_name: 'lp_button',
-    event_parameters: {
-      page_group: 'soundcoreCredits Rewards Program',
-      position: position,
-      button_name: label,
-    },
-  })
-}
-
-// facebook 埋点
-export const fbq = (...args: any[]) => {
-  if (typeof window === 'undefined') {
-    return ''
-  }
-  if (window.fbq) {
-    window.fbq(...args)
-  }
-}
-
-export const gtag = (...args: any[]) => {
-  if (typeof window === 'undefined') {
-    return ''
-  }
-  if (window.gtag) {
-    window.gtag(...args)
-  }
-}
-
-export const getGtmGroup = ({ query, asPath }: { query: any; asPath: string }) => {
-  if (asPath.includes('collections')) {
-    return `Product List Page_${query?.handle}`
-  }
-
-  if (asPath.includes('products')) {
-    return 'Product Detail Page_' + query?.handle
-  }
-
-  if (asPath === '/' || asPath === '/app-home') {
-    return 'Home Page'
-  }
-
-  return 'Activity Page_' + query?.handle || query?.paths?.[0]?.replace('storefront-', '')
-}

package/src/helpers/utils.ts

@@ -1,8 +0,0 @@
-import { clsx, type ClassValue } from 'clsx'
-import { twMerge } from 'tailwind-merge'
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs))
-}
-
-export function noop(): any {}