@anker-in/campaign-ui 0.2.1 → 0.2.2

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

@@ -0,0 +1,7 @@
+{
+  "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

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

package/dist/esm/helpers/utils.js

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1,7 @@
+{
+  "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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anker-in/campaign-ui",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "Campaign UI components and utilities for Anker projects",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
@@ -87,8 +87,8 @@
     "swiper": "^11.1.3",
     "tailwind-merge": "^2.3.0",
     "tailwindcss": "^3.4.3",
-    "@anker-in/headless-ui": "1.0.26",
-    "@anker-in/lib": "1.1.1"
+    "@anker-in/lib": "1.1.1",
+    "@anker-in/headless-ui": "1.1.17"
   },
   "publishConfig": {
     "access": "public",

package/src/components/credits/creditsFaq/faqItem/FaqItem.tsx

@@ -85,7 +85,7 @@ export const FaqItem = ({
             as="div"
             html={answer?.toString()}
             className={cn(
-              'mt-[8px] text-[16px] font-bold leading-[1.5] text-[#3D3D3F] l:text-[14px] [&_a]:text-brand [&_a]:underline'
+              'mt-[8px] text-[16px] font-bold leading-[1.5] text-[#3D3D3F] l:text-[14px] [&_a]:text-brand-0 [&_a]:underline'
             )}
           ></Text>
         )}

package/src/components/credits/creditsFaq/index.tsx

@@ -78,7 +78,7 @@ export const CreditsFaq = ({ copy }: { copy: CreditsFaqCopy }) => {
         <a
           href={copy.learnMore?.link}
           target="_blank"
-          className="mt-[24px] block w-full text-center text-[18px] font-bold text-brand hover:underline l:text-[16px]"
+          className="mt-[24px] block w-full text-center text-[18px] font-bold text-brand-0 hover:underline l:text-[16px]"
         >
           {copy.learnMore?.label}
         </a>

package/src/components/credits/creditsRedeemList/AddressForm/index.tsx

@@ -78,7 +78,7 @@ export const AddressForm = ({ countries, countriesLoading, form, validate, error
             {row.map((input, inputIndex: number) => {
               const error = errors.find(item => item.key === input.key)?.message
               const inputClassName = classNames(
-                'h-full w-full appearance-none rounded-[2px] border bg-white px-[14px] py-[17px] leading-[1] outline-none placeholder:text-[#999] autofill:shadow-white focus:border-brand disabled:pointer-events-none disabled:text-[#999] disabled:bg-[#F7F8F9] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none',
+                'h-full w-full appearance-none rounded-[2px] border bg-white px-[14px] py-[17px] leading-[1] outline-none placeholder:text-[#999] autofill:shadow-white focus:border-brand-0 disabled:pointer-events-none disabled:text-[#999] disabled:bg-[#F7F8F9] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none',
                 error ? '!border-[#F84D4F]' : 'border-[#d8d8d8]',
                 !rounded && 'rounded-none'
               )

package/src/components/credits/creditsWaysToGetCredits/CreditsWaysToGetCredits.tsx

@@ -105,7 +105,7 @@ export const CreditsWaysToGetCredits = ({ copy, classNames }: CreditsWaysToGetCr
             <div className="mt-[8px] flex items-center">
               {copy.creditsIcon?.url && (
                 <Picture
-                  className="size-[48px] mr-[8px] stroke-brand xl:size-[30px] [&_path]:stroke-brand"
+                  className="size-[48px] mr-[8px] stroke-brand-0 xl:size-[30px] [&_path]:stroke-brand-0"
                   source={copy.creditsIcon.url}
                   alt={copy.creditsIcon.alt || 'credits'}
                 />

package/src/components/credits/modal/MyRewardsModal.tsx

@@ -275,7 +275,7 @@ function MyRewardsModal({ data, ...props }: MyRewardsModalProps) {
                         {item?.couponCode ? `${data?.code || 'Code'}: ${item.couponCode} ` : ''}
                         {item?.couponCode && (
                           <span
-                            className="cursor-pointer text-[14px] font-semibold text-brand underline"
+                            className="cursor-pointer text-[14px] font-semibold text-brand-0 underline"
                             onClick={() => {
                               handleCopy(item.couponCode, index)
                             }}

package/dist/cjs/components/credits/const.d.ts

@@ -1 +0,0 @@
-export declare const roundedBrands: string[];

package/dist/cjs/components/credits/const.js

@@ -1,2 +0,0 @@
-"use strict";var r=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var t=Object.prototype.hasOwnProperty;var a=(d,o)=>{for(var n in o)r(d,n,{get:o[n],enumerable:!0})},f=(d,o,n,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of c(o))!t.call(d,e)&&e!==n&&r(d,e,{get:()=>o[e],enumerable:!(s=u(o,e))||s.enumerable});return d};var p=d=>f(r({},"__esModule",{value:!0}),d);var y={};a(y,{roundedBrands:()=>x});module.exports=p(y);const x=["eufy","soundcore"];
-//# sourceMappingURL=const.js.map

package/dist/cjs/components/credits/const.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/credits/const.ts"],
-  "sourcesContent": ["export const roundedBrands = ['eufy', 'soundcore']\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,IAAA,eAAAC,EAAAH,GAAO,MAAME,EAAgB,CAAC,OAAQ,WAAW",
-  "names": ["const_exports", "__export", "roundedBrands", "__toCommonJS"]
-}

package/dist/esm/components/credits/const.d.ts

@@ -1 +0,0 @@
-export declare const roundedBrands: string[];

package/dist/esm/components/credits/const.js

@@ -1,2 +0,0 @@
-const o=["eufy","soundcore"];export{o as roundedBrands};
-//# sourceMappingURL=const.js.map

package/dist/esm/components/credits/const.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/credits/const.ts"],
-  "sourcesContent": ["export const roundedBrands = ['eufy', 'soundcore']\n"],
-  "mappings": "AAAO,MAAMA,EAAgB,CAAC,OAAQ,WAAW",
-  "names": ["roundedBrands"]
-}