@anker-in/headless-ui 1.1.28-alpha.1768202456200 → 1.1.29

package/dist/cjs/biz-components/IPRedirect/utils.d.ts

@@ -1,222 +0,0 @@
-/**
- * 从路径中移除 locale 前缀
- * @param path - 当前路径（如 '/uk/products/a1234' 或 '/eu-de'）
- * @param locales - locale 列表（如 ['us', 'uk', 'eu-de', 'ca']）
- * @returns 去除 locale 后的路径（如 '/products/a1234' 或 '/'）
- *
- * @example
- * removeLocalePrefix('/uk/products/a1234', ['uk', 'us'])
- * // 返回: '/products/a1234'
- *
- * removeLocalePrefix('/eu-de', ['eu-de', 'us'])
- * // 返回: '/'
- *
- * removeLocalePrefix('/products/a1234', ['uk', 'us'])
- * // 返回: '/products/a1234' (没有匹配的 locale，原样返回)
- */
-export declare function removeLocalePrefix(path: string, locales: string[]): string;
-/**
- * 检查 URL 搜索参数中是否包含标准 UTM 参数
- * （如 utm_source, utm_medium, utm_campaign 等）
- *
- * @param searchParams - URL 搜索参数字符串（如 '?utm_source=google&foo=bar'）
- * @returns 是否包含 UTM 参数
- *
- * @example
- * hasUtmParams('?utm_source=google')
- * // 返回: true
- *
- * hasUtmParams('?utm_medium=cpc&utm_campaign=summer')
- * // 返回: true
- *
- * hasUtmParams('?foo=bar')
- * // 返回: false
- *
- * hasUtmParams('')
- * // 返回: false
- */
-export declare function hasUtmParams(searchParams: string): boolean;
-/**
- * 向 URL 添加 ref 参数
- *
- * @param url - 目标 URL（可以是完整 URL 或相对路径）
- * @param refValue - ref 参数的值
- * @returns 添加了 ref 参数的 URL
- *
- * @example
- * appendRefParam('https://example.com/products', 'geo_redirect_auto_de')
- * // 返回: 'https://example.com/products?ref=geo_redirect_auto_de'
- *
- * appendRefParam('https://example.com/products?utm_source=google', 'geo_redirect_auto_de')
- * // 返回: 'https://example.com/products?utm_source=google&ref=geo_redirect_auto_de'
- *
- * appendRefParam('/products', 'affiliate_123')
- * // 返回: '/products?ref=affiliate_123'
- */
-export declare function appendRefParam(url: string, refValue: string): string;
-/**
- * 构建地理重定向的 ref 参数值
- *
- * @param countryCode - 国家代码（如 'DE', 'US', 'HK'）
- * @returns 格式化的 ref 参数值（如 'geo_redirect_auto_de'）
- *
- * @example
- * buildGeoRedirectRef('DE')
- * // 返回: 'geo_redirect_auto_de'
- *
- * buildGeoRedirectRef('HK')
- * // 返回: 'geo_redirect_auto_hk'
- */
-export declare function buildGeoRedirectRef(countryCode: string): string;
-/**
- * 构建地区重定向的 ref 参数值（手动切换）
- *
- * @param countryCode - 国家代码（如 'DE', 'US', 'HK'）
- * @returns 格式化的 ref 参数值（如 'geo_redirect_manual_de'）
- *
- * @example
- * buildGeoRedirectRefManual('DE')
- * // 返回: 'geo_redirect_manual_de'
- *
- * buildGeoRedirectRefManual('HK')
- * // 返回: 'geo_redirect_manual_hk'
- */
-export declare function buildGeoRedirectRefManual(countryCode: string): string;
-/**
- * 解析用户地区偏好 cookie 值
- *
- * @param cookieValue - Cookie 值（如 'v1_CA_EN' 或 'v1_CA'）
- * @returns 解析后的地区代码和语言代码，如果格式无效返回 null
- *
- * @example
- * parseRegionCookie('v1_CA_EN')
- * // 返回: { regionCode: 'CA', languageCode: 'EN' }
- *
- * parseRegionCookie('v1_CA')
- * // 返回: { regionCode: 'CA', languageCode: undefined }
- *
- * parseRegionCookie('invalid')
- * // 返回: null
- */
-export declare function parseRegionCookie(cookieValue: string): {
-    regionCode: string;
-    languageCode?: string;
-} | null;
-/**
- * 从 regions 数组自动生成地区代码到路径前缀的映射
- *
- * @param regions - 地区配置数组
- * @param customMap - 可选的自定义映射（优先级高于自动生成）
- * @returns 地区代码到路径前缀的映射对象
- *
- * @example
- * const regions = [
- *   { code: 'US', url: 'https://www.anker.com' },
- *   { code: 'CA', url: 'https://www.anker.com/ca' },
- *   { code: 'DE', url: 'https://www.anker.com/eu-de' }
- * ]
- * generateRegionToPathMap(regions)
- * // 返回: { US: '', CA: 'ca', DE: 'eu-de' }
- *
- * generateRegionToPathMap(regions, { UK: 'uk' })
- * // 返回: { US: '', CA: 'ca', DE: 'eu-de', UK: 'uk' }
- */
-export declare function generateRegionToPathMap(regions: Array<{
-    code: string;
-    url: string;
-}>, customMap?: Record<string, string>): Record<string, string>;
-/**
- * 检查路径/URL 是否在白名单中
- * 支持：通配符匹配、忽略域名差异、忽略尾部斜杠
- *
- * @param path - 当前路径（如 '/ca' 或 '/products/123'）
- * @param whitelist - 白名单数组（支持路径或完整 URL，支持通配符 *）
- * @returns 是否在白名单中
- *
- * @example
- * isPathInWhitelist('/ca', ['/ca', '/uk'])
- * // 返回: true
- *
- * isPathInWhitelist('/ca/', ['/ca'])
- * // 返回: true（忽略尾部斜杠）
- *
- * isPathInWhitelist('/products/123', ['/products/*'])
- * // 返回: true（通配符匹配）
- *
- * isPathInWhitelist('/checkout', ['https://www.anker.com/checkout'])
- * // 返回: true（忽略域名差异）
- *
- * isPathInWhitelist('/about', ['/ca', '/uk'])
- * // 返回: false
- */
-export declare function isPathInWhitelist(path: string, whitelist: string[]): boolean;
-/**
- * 验证地区配置的完整性和正确性
- *
- * @param options - 验证选项
- * @param options.regions - 地区配置数组
- * @param options.countryToRegionMap - 国家到地区的映射
- * @param options.userCountry - 用户的国家代码（可选）
- * @returns 验证结果
- *
- * @example
- * const validation = validateRegionConfig({
- *   regions: [{ code: 'US', ... }, { code: 'CA', ... }],
- *   countryToRegionMap: { US: 'US', CA: 'CA', HK: 'DE' },
- *   userCountry: 'HK'
- * })
- *
- * if (validation.valid) {
- *   console.log('映射的地区:', validation.mappedRegion) // 'DE'
- * } else {
- *   console.warn('验证失败:', validation.error)
- * }
- */
-export declare function validateRegionConfig(options: {
-    regions?: Array<{
-        code: string;
-        [key: string]: any;
-    }>;
-    countryToRegionMap?: Record<string, string>;
-    userCountry?: string;
-}): {
-    valid: boolean;
-    error?: string;
-    mappedRegion?: string;
-};
-/**
- * 将 locale 字符串转换为地区代码
- *
- * @param locale - 当前 locale（如 'us', 'ca', 'eu-de'）
- * @param regionToPathMap - 地区代码到路径前缀的映射
- * @returns 地区代码（如 'US', 'CA', 'DE'）
- *
- * @example
- * const regionToPathMap = { US: '', CA: 'ca', DE: 'eu-de' }
- *
- * localeToRegionCode('ca', regionToPathMap)
- * // 返回: 'CA'
- *
- * localeToRegionCode('eu-de', regionToPathMap)
- * // 返回: 'DE'
- *
- * localeToRegionCode('us', regionToPathMap)
- * // 返回: 'US'
- *
- * localeToRegionCode('unknown', regionToPathMap)
- * // 返回: 'UNKNOWN'（找不到时使用大写形式）
- */
-export declare function localeToRegionCode(locale: string | null | undefined, regionToPathMap: Record<string, string>): string;
-/**
- * 从 regionToPathMap 生成所有 locale 列表（用于移除路径前缀）
- *
- * @param regionToPathMap - 地区代码到路径前缀的映射
- * @returns locale 列表（过滤掉空字符串）
- *
- * @example
- * const regionToPathMap = { US: '', CA: 'ca', DE: 'eu-de', UK: 'uk' }
- *
- * generateAllLocales(regionToPathMap)
- * // 返回: ['ca', 'eu-de', 'uk']
- */
-export declare function generateAllLocales(regionToPathMap: Record<string, string>): string[];

package/dist/cjs/biz-components/IPRedirect/utils.js

@@ -1,2 +0,0 @@
-"use strict";var a=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var f=(e,r)=>{for(var t in r)a(e,t,{get:r[t],enumerable:!0})},p=(e,r,t,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of l(r))!d.call(e,i)&&i!==t&&a(e,i,{get:()=>r[i],enumerable:!(o=u(r,i))||o.enumerable});return e};var R=e=>p(a({},"__esModule",{value:!0}),e);var W={};f(W,{appendRefParam:()=>h,buildGeoRedirectRef:()=>m,buildGeoRedirectRefManual:()=>y,generateAllLocales:()=>L,generateRegionToPathMap:()=>b,hasUtmParams:()=>x,isPathInWhitelist:()=>v,localeToRegionCode:()=>_,parseRegionCookie:()=>$,removeLocalePrefix:()=>C,validateRegionConfig:()=>U});module.exports=R(W);function C(e,r){for(const t of r)if(e===`/${t}`||e.startsWith(`/${t}/`))return e.substring(`/${t}`.length)||"/";return e}function x(e){return/[?&]utm_/i.test(e)}function h(e,r){const t=e.includes("?")?"&":"?";return`${e}${t}ref=${encodeURIComponent(r)}`}function m(e){return`geo_redirect_auto_${e.toLowerCase()}`}function y(e){return`geo_redirect_manual_${e.toLowerCase()}`}function $(e){if(!e||!e.startsWith("v1_"))return null;const r=e.substring(3).split("_");return r.length===0||!r[0]?null:{regionCode:r[0],languageCode:r[1]}}function b(e,r){const t={};return e&&e.length>0&&e.forEach(o=>{try{const n=new URL(o.url).pathname.replace(/^\//,"").replace(/\/$/,"");t[o.code]=n}catch{t[o.code]=o.code==="US"?"":o.code.toLowerCase()}}),r&&Object.keys(r).length>0&&Object.assign(t,r),t}function v(e,r){if(!r||r.length===0)return!1;const t=n=>n?.endsWith("/")?n.slice(0,-1):n,o=n=>{if(!n)return"";if(n.startsWith("http://")||n.startsWith("https://"))try{return new URL(n).pathname}catch{return n}return n},i=t(e);return r.some(n=>{const g=o(n),s=t(g);if(s.includes("*")){const c=s.replace(/\*/g,".*");return new RegExp(`^${c}$`).test(i)}return i===s})}function U(e){const{regions:r,countryToRegionMap:t,userCountry:o}=e;if(!r||r.length===0)return{valid:!1,error:"\u26A0\uFE0F regions \u672A\u914D\u7F6E\uFF0C\u65E0\u6CD5\u6267\u884C\u5730\u533A\u8DF3\u8F6C"};if(!t||Object.keys(t).length===0)return{valid:!1,error:"\u26A0\uFE0F countryToRegionMap \u672A\u914D\u7F6E\uFF0C\u65E0\u6CD5\u6267\u884C\u5730\u533A\u8DF3\u8F6C"};if(o){const i=o.toUpperCase(),n=t[i];return n?r.some(s=>s.code===n)?{valid:!0,mappedRegion:n}:{valid:!1,error:`\u26A0\uFE0F \u5730\u533A\u4EE3\u7801 ${n} \u5728 regions \u4E2D\u4E0D\u5B58\u5728\uFF0C\u8BF7\u68C0\u67E5\u914D\u7F6E`}:{valid:!1,error:`\u2139\uFE0F \u56FD\u5BB6 ${i} \u672A\u914D\u7F6E\u5730\u533A\u6620\u5C04\uFF0C\u4E0D\u6267\u884C\u8DF3\u8F6C`}}return{valid:!0}}function _(e,r){return e?Object.keys(r).find(o=>r[o]===e.toLowerCase()||o===e.toUpperCase())||e.toUpperCase():"US"}function L(e){return Object.values(e).filter(r=>r!=="")}
-//# sourceMappingURL=utils.js.map

package/dist/cjs/biz-components/IPRedirect/utils.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/IPRedirect/utils.ts"],
-  "sourcesContent": ["/**\n * \u4ECE\u8DEF\u5F84\u4E2D\u79FB\u9664 locale \u524D\u7F00\n * @param path - \u5F53\u524D\u8DEF\u5F84\uFF08\u5982 '/uk/products/a1234' \u6216 '/eu-de'\uFF09\n * @param locales - locale \u5217\u8868\uFF08\u5982 ['us', 'uk', 'eu-de', 'ca']\uFF09\n * @returns \u53BB\u9664 locale \u540E\u7684\u8DEF\u5F84\uFF08\u5982 '/products/a1234' \u6216 '/'\uFF09\n *\n * @example\n * removeLocalePrefix('/uk/products/a1234', ['uk', 'us'])\n * // \u8FD4\u56DE: '/products/a1234'\n *\n * removeLocalePrefix('/eu-de', ['eu-de', 'us'])\n * // \u8FD4\u56DE: '/'\n *\n * removeLocalePrefix('/products/a1234', ['uk', 'us'])\n * // \u8FD4\u56DE: '/products/a1234' (\u6CA1\u6709\u5339\u914D\u7684 locale\uFF0C\u539F\u6837\u8FD4\u56DE)\n */\nexport function removeLocalePrefix(path: string, locales: string[]): string {\n  for (const locale of locales) {\n    if (path === `/${locale}` || path.startsWith(`/${locale}/`)) {\n      return path.substring(`/${locale}`.length) || '/'\n    }\n  }\n  return path\n}\n\n/**\n * \u68C0\u67E5 URL \u641C\u7D22\u53C2\u6570\u4E2D\u662F\u5426\u5305\u542B\u6807\u51C6 UTM \u53C2\u6570\n * \uFF08\u5982 utm_source, utm_medium, utm_campaign \u7B49\uFF09\n *\n * @param searchParams - URL \u641C\u7D22\u53C2\u6570\u5B57\u7B26\u4E32\uFF08\u5982 '?utm_source=google&foo=bar'\uFF09\n * @returns \u662F\u5426\u5305\u542B UTM \u53C2\u6570\n *\n * @example\n * hasUtmParams('?utm_source=google')\n * // \u8FD4\u56DE: true\n *\n * hasUtmParams('?utm_medium=cpc&utm_campaign=summer')\n * // \u8FD4\u56DE: true\n *\n * hasUtmParams('?foo=bar')\n * // \u8FD4\u56DE: false\n *\n * hasUtmParams('')\n * // \u8FD4\u56DE: false\n */\nexport function hasUtmParams(searchParams: string): boolean {\n  return /[?&]utm_/i.test(searchParams)\n}\n\n/**\n * \u5411 URL \u6DFB\u52A0 ref \u53C2\u6570\n *\n * @param url - \u76EE\u6807 URL\uFF08\u53EF\u4EE5\u662F\u5B8C\u6574 URL \u6216\u76F8\u5BF9\u8DEF\u5F84\uFF09\n * @param refValue - ref \u53C2\u6570\u7684\u503C\n * @returns \u6DFB\u52A0\u4E86 ref \u53C2\u6570\u7684 URL\n *\n * @example\n * appendRefParam('https://example.com/products', 'geo_redirect_auto_de')\n * // \u8FD4\u56DE: 'https://example.com/products?ref=geo_redirect_auto_de'\n *\n * appendRefParam('https://example.com/products?utm_source=google', 'geo_redirect_auto_de')\n * // \u8FD4\u56DE: 'https://example.com/products?utm_source=google&ref=geo_redirect_auto_de'\n *\n * appendRefParam('/products', 'affiliate_123')\n * // \u8FD4\u56DE: '/products?ref=affiliate_123'\n */\nexport function appendRefParam(url: string, refValue: string): string {\n  const separator = url.includes('?') ? '&' : '?'\n  return `${url}${separator}ref=${encodeURIComponent(refValue)}`\n}\n\n/**\n * \u6784\u5EFA\u5730\u7406\u91CD\u5B9A\u5411\u7684 ref \u53C2\u6570\u503C\n *\n * @param countryCode - \u56FD\u5BB6\u4EE3\u7801\uFF08\u5982 'DE', 'US', 'HK'\uFF09\n * @returns \u683C\u5F0F\u5316\u7684 ref \u53C2\u6570\u503C\uFF08\u5982 'geo_redirect_auto_de'\uFF09\n *\n * @example\n * buildGeoRedirectRef('DE')\n * // \u8FD4\u56DE: 'geo_redirect_auto_de'\n *\n * buildGeoRedirectRef('HK')\n * // \u8FD4\u56DE: 'geo_redirect_auto_hk'\n */\nexport function buildGeoRedirectRef(countryCode: string): string {\n  return `geo_redirect_auto_${countryCode.toLowerCase()}`\n}\n\n/**\n * \u6784\u5EFA\u5730\u533A\u91CD\u5B9A\u5411\u7684 ref \u53C2\u6570\u503C\uFF08\u624B\u52A8\u5207\u6362\uFF09\n *\n * @param countryCode - \u56FD\u5BB6\u4EE3\u7801\uFF08\u5982 'DE', 'US', 'HK'\uFF09\n * @returns \u683C\u5F0F\u5316\u7684 ref \u53C2\u6570\u503C\uFF08\u5982 'geo_redirect_manual_de'\uFF09\n *\n * @example\n * buildGeoRedirectRefManual('DE')\n * // \u8FD4\u56DE: 'geo_redirect_manual_de'\n *\n * buildGeoRedirectRefManual('HK')\n * // \u8FD4\u56DE: 'geo_redirect_manual_hk'\n */\nexport function buildGeoRedirectRefManual(countryCode: string): string {\n  return `geo_redirect_manual_${countryCode.toLowerCase()}`\n}\n\n/**\n * \u89E3\u6790\u7528\u6237\u5730\u533A\u504F\u597D cookie \u503C\n *\n * @param cookieValue - Cookie \u503C\uFF08\u5982 'v1_CA_EN' \u6216 'v1_CA'\uFF09\n * @returns \u89E3\u6790\u540E\u7684\u5730\u533A\u4EE3\u7801\u548C\u8BED\u8A00\u4EE3\u7801\uFF0C\u5982\u679C\u683C\u5F0F\u65E0\u6548\u8FD4\u56DE null\n *\n * @example\n * parseRegionCookie('v1_CA_EN')\n * // \u8FD4\u56DE: { regionCode: 'CA', languageCode: 'EN' }\n *\n * parseRegionCookie('v1_CA')\n * // \u8FD4\u56DE: { regionCode: 'CA', languageCode: undefined }\n *\n * parseRegionCookie('invalid')\n * // \u8FD4\u56DE: null\n */\nexport function parseRegionCookie(cookieValue: string): {\n  regionCode: string\n  languageCode?: string\n} | null {\n  if (!cookieValue || !cookieValue.startsWith('v1_')) {\n    return null\n  }\n\n  // \u53BB\u9664 'v1_' \u524D\u7F00\n  const parts = cookieValue.substring(3).split('_')\n\n  if (parts.length === 0 || !parts[0]) {\n    return null\n  }\n\n  return {\n    regionCode: parts[0],\n    languageCode: parts[1],\n  }\n}\n\n/**\n * \u4ECE regions \u6570\u7EC4\u81EA\u52A8\u751F\u6210\u5730\u533A\u4EE3\u7801\u5230\u8DEF\u5F84\u524D\u7F00\u7684\u6620\u5C04\n *\n * @param regions - \u5730\u533A\u914D\u7F6E\u6570\u7EC4\n * @param customMap - \u53EF\u9009\u7684\u81EA\u5B9A\u4E49\u6620\u5C04\uFF08\u4F18\u5148\u7EA7\u9AD8\u4E8E\u81EA\u52A8\u751F\u6210\uFF09\n * @returns \u5730\u533A\u4EE3\u7801\u5230\u8DEF\u5F84\u524D\u7F00\u7684\u6620\u5C04\u5BF9\u8C61\n *\n * @example\n * const regions = [\n *   { code: 'US', url: 'https://www.anker.com' },\n *   { code: 'CA', url: 'https://www.anker.com/ca' },\n *   { code: 'DE', url: 'https://www.anker.com/eu-de' }\n * ]\n * generateRegionToPathMap(regions)\n * // \u8FD4\u56DE: { US: '', CA: 'ca', DE: 'eu-de' }\n *\n * generateRegionToPathMap(regions, { UK: 'uk' })\n * // \u8FD4\u56DE: { US: '', CA: 'ca', DE: 'eu-de', UK: 'uk' }\n */\nexport function generateRegionToPathMap(\n  regions: Array<{ code: string; url: string }>,\n  customMap?: Record<string, string>\n): Record<string, string> {\n  const map: Record<string, string> = {}\n\n  // \u4ECE regions \u6570\u7EC4\u81EA\u52A8\u751F\u6210\u6620\u5C04\n  if (regions && regions.length > 0) {\n    regions.forEach(region => {\n      try {\n        const url = new URL(region.url)\n        // \u63D0\u53D6\u8DEF\u5F84\u90E8\u5206\uFF08\u79FB\u9664\u9996\u5C3E\u659C\u6760\uFF09\n        const path = url.pathname.replace(/^\\//, '').replace(/\\/$/, '')\n        map[region.code] = path\n      } catch (e) {\n        // URL \u89E3\u6790\u5931\u8D25\uFF0C\u4F7F\u7528 code \u7684\u5C0F\u5199\u5F62\u5F0F\n        // \u7279\u6B8A\u5904\u7406 US\uFF1A\u4F7F\u7528\u7A7A\u5B57\u7B26\u4E32\n        map[region.code] = region.code === 'US' ? '' : region.code.toLowerCase()\n      }\n    })\n  }\n\n  // \u5408\u5E76\u81EA\u5B9A\u4E49\u6620\u5C04\uFF08\u4F18\u5148\u7EA7\u66F4\u9AD8\uFF09\n  if (customMap && Object.keys(customMap).length > 0) {\n    Object.assign(map, customMap)\n  }\n\n  return map\n}\n\n/**\n * \u68C0\u67E5\u8DEF\u5F84/URL \u662F\u5426\u5728\u767D\u540D\u5355\u4E2D\n * \u652F\u6301\uFF1A\u901A\u914D\u7B26\u5339\u914D\u3001\u5FFD\u7565\u57DF\u540D\u5DEE\u5F02\u3001\u5FFD\u7565\u5C3E\u90E8\u659C\u6760\n *\n * @param path - \u5F53\u524D\u8DEF\u5F84\uFF08\u5982 '/ca' \u6216 '/products/123'\uFF09\n * @param whitelist - \u767D\u540D\u5355\u6570\u7EC4\uFF08\u652F\u6301\u8DEF\u5F84\u6216\u5B8C\u6574 URL\uFF0C\u652F\u6301\u901A\u914D\u7B26 *\uFF09\n * @returns \u662F\u5426\u5728\u767D\u540D\u5355\u4E2D\n *\n * @example\n * isPathInWhitelist('/ca', ['/ca', '/uk'])\n * // \u8FD4\u56DE: true\n *\n * isPathInWhitelist('/ca/', ['/ca'])\n * // \u8FD4\u56DE: true\uFF08\u5FFD\u7565\u5C3E\u90E8\u659C\u6760\uFF09\n *\n * isPathInWhitelist('/products/123', ['/products/*'])\n * // \u8FD4\u56DE: true\uFF08\u901A\u914D\u7B26\u5339\u914D\uFF09\n *\n * isPathInWhitelist('/checkout', ['https://www.anker.com/checkout'])\n * // \u8FD4\u56DE: true\uFF08\u5FFD\u7565\u57DF\u540D\u5DEE\u5F02\uFF09\n *\n * isPathInWhitelist('/about', ['/ca', '/uk'])\n * // \u8FD4\u56DE: false\n */\nexport function isPathInWhitelist(path: string, whitelist: string[]): boolean {\n  if (!whitelist || whitelist.length === 0) {\n    return false\n  }\n\n  // \u8F85\u52A9\u51FD\u6570\uFF1A\u79FB\u9664\u5C3E\u90E8\u659C\u6760\n  const removeTrailingSlash = (str: string): string => {\n    return str?.endsWith('/') ? str.slice(0, -1) : str\n  }\n\n  // \u8F85\u52A9\u51FD\u6570\uFF1A\u4ECE URL \u4E2D\u63D0\u53D6\u8DEF\u5F84\u90E8\u5206\uFF08\u5FFD\u7565\u57DF\u540D\uFF09\n  const extractPath = (urlOrPath: string): string => {\n    if (!urlOrPath) return ''\n\n    // \u5982\u679C\u662F\u5B8C\u6574 URL\uFF0C\u63D0\u53D6\u8DEF\u5F84\u90E8\u5206\n    if (urlOrPath.startsWith('http://') || urlOrPath.startsWith('https://')) {\n      try {\n        const url = new URL(urlOrPath)\n        return url.pathname\n      } catch (e) {\n        return urlOrPath\n      }\n    }\n\n    // \u5426\u5219\u5DF2\u7ECF\u662F\u8DEF\u5F84\uFF0C\u76F4\u63A5\u8FD4\u56DE\n    return urlOrPath\n  }\n\n  // \u6807\u51C6\u5316\u5F53\u524D\u8DEF\u5F84\uFF08\u79FB\u9664\u5C3E\u90E8\u659C\u6760\uFF09\n  const normalizedPath = removeTrailingSlash(path)\n\n  return whitelist.some(pattern => {\n    // \u5982\u679C pattern \u662F\u5B8C\u6574 URL\uFF0C\u53EA\u63D0\u53D6\u8DEF\u5F84\u90E8\u5206\u8FDB\u884C\u6BD4\u8F83\n    const patternPath = extractPath(pattern)\n    const normalizedPatternPath = removeTrailingSlash(patternPath)\n\n    // \u652F\u6301\u901A\u914D\u7B26 * \u5339\u914D\n    if (normalizedPatternPath.includes('*')) {\n      const regexPattern = normalizedPatternPath.replace(/\\*/g, '.*')\n      const regex = new RegExp(`^${regexPattern}$`)\n      return regex.test(normalizedPath)\n    }\n\n    // \u7CBE\u786E\u5339\u914D\u8DEF\u5F84\uFF08\u5FFD\u7565\u5C3E\u90E8\u659C\u6760\uFF0C\u5FFD\u7565\u57DF\u540D\u5DEE\u5F02\uFF09\n    return normalizedPath === normalizedPatternPath\n  })\n}\n\n/**\n * \u9A8C\u8BC1\u5730\u533A\u914D\u7F6E\u7684\u5B8C\u6574\u6027\u548C\u6B63\u786E\u6027\n *\n * @param options - \u9A8C\u8BC1\u9009\u9879\n * @param options.regions - \u5730\u533A\u914D\u7F6E\u6570\u7EC4\n * @param options.countryToRegionMap - \u56FD\u5BB6\u5230\u5730\u533A\u7684\u6620\u5C04\n * @param options.userCountry - \u7528\u6237\u7684\u56FD\u5BB6\u4EE3\u7801\uFF08\u53EF\u9009\uFF09\n * @returns \u9A8C\u8BC1\u7ED3\u679C\n *\n * @example\n * const validation = validateRegionConfig({\n *   regions: [{ code: 'US', ... }, { code: 'CA', ... }],\n *   countryToRegionMap: { US: 'US', CA: 'CA', HK: 'DE' },\n *   userCountry: 'HK'\n * })\n *\n * if (validation.valid) {\n *   console.log('\u6620\u5C04\u7684\u5730\u533A:', validation.mappedRegion) // 'DE'\n * } else {\n *   console.warn('\u9A8C\u8BC1\u5931\u8D25:', validation.error)\n * }\n */\nexport function validateRegionConfig(options: {\n  regions?: Array<{ code: string; [key: string]: any }>\n  countryToRegionMap?: Record<string, string>\n  userCountry?: string\n}): {\n  valid: boolean\n  error?: string\n  mappedRegion?: string\n} {\n  const { regions, countryToRegionMap, userCountry } = options\n\n  // \u68C0\u67E5 regions \u662F\u5426\u914D\u7F6E\n  if (!regions || regions.length === 0) {\n    return {\n      valid: false,\n      error: '\u26A0\uFE0F regions \u672A\u914D\u7F6E\uFF0C\u65E0\u6CD5\u6267\u884C\u5730\u533A\u8DF3\u8F6C',\n    }\n  }\n\n  // \u68C0\u67E5 countryToRegionMap \u662F\u5426\u914D\u7F6E\n  if (!countryToRegionMap || Object.keys(countryToRegionMap).length === 0) {\n    return {\n      valid: false,\n      error: '\u26A0\uFE0F countryToRegionMap \u672A\u914D\u7F6E\uFF0C\u65E0\u6CD5\u6267\u884C\u5730\u533A\u8DF3\u8F6C',\n    }\n  }\n\n  // \u5982\u679C\u63D0\u4F9B\u4E86 userCountry\uFF0C\u9A8C\u8BC1\u6620\u5C04\u5173\u7CFB\n  if (userCountry) {\n    const upperUserCountry = userCountry.toUpperCase()\n    const mappedRegion = countryToRegionMap[upperUserCountry]\n\n    // \u68C0\u67E5\u5F53\u524D\u56FD\u5BB6\u662F\u5426\u6709\u6620\u5C04\n    if (!mappedRegion) {\n      return {\n        valid: false,\n        error: `\u2139\uFE0F \u56FD\u5BB6 ${upperUserCountry} \u672A\u914D\u7F6E\u5730\u533A\u6620\u5C04\uFF0C\u4E0D\u6267\u884C\u8DF3\u8F6C`,\n      }\n    }\n\n    // \u786E\u4FDD\u6620\u5C04\u7684\u5730\u533A\u5728 regions \u4E2D\u5B58\u5728\n    const regionExists = regions.some(r => r.code === mappedRegion)\n    if (!regionExists) {\n      return {\n        valid: false,\n        error: `\u26A0\uFE0F \u5730\u533A\u4EE3\u7801 ${mappedRegion} \u5728 regions \u4E2D\u4E0D\u5B58\u5728\uFF0C\u8BF7\u68C0\u67E5\u914D\u7F6E`,\n      }\n    }\n\n    return {\n      valid: true,\n      mappedRegion,\n    }\n  }\n\n  // \u672A\u63D0\u4F9B userCountry\uFF0C\u53EA\u9A8C\u8BC1\u914D\u7F6E\u5B58\u5728\u6027\n  return {\n    valid: true,\n  }\n}\n\n/**\n * \u5C06 locale \u5B57\u7B26\u4E32\u8F6C\u6362\u4E3A\u5730\u533A\u4EE3\u7801\n *\n * @param locale - \u5F53\u524D locale\uFF08\u5982 'us', 'ca', 'eu-de'\uFF09\n * @param regionToPathMap - \u5730\u533A\u4EE3\u7801\u5230\u8DEF\u5F84\u524D\u7F00\u7684\u6620\u5C04\n * @returns \u5730\u533A\u4EE3\u7801\uFF08\u5982 'US', 'CA', 'DE'\uFF09\n *\n * @example\n * const regionToPathMap = { US: '', CA: 'ca', DE: 'eu-de' }\n *\n * localeToRegionCode('ca', regionToPathMap)\n * // \u8FD4\u56DE: 'CA'\n *\n * localeToRegionCode('eu-de', regionToPathMap)\n * // \u8FD4\u56DE: 'DE'\n *\n * localeToRegionCode('us', regionToPathMap)\n * // \u8FD4\u56DE: 'US'\n *\n * localeToRegionCode('unknown', regionToPathMap)\n * // \u8FD4\u56DE: 'UNKNOWN'\uFF08\u627E\u4E0D\u5230\u65F6\u4F7F\u7528\u5927\u5199\u5F62\u5F0F\uFF09\n */\nexport function localeToRegionCode(locale: string | null | undefined, regionToPathMap: Record<string, string>): string {\n  if (!locale) return 'US'\n\n  // \u67E5\u627E\u5BF9\u5E94\u7684 region code\n  const regionCode = Object.keys(regionToPathMap).find(\n    key => regionToPathMap[key] === locale.toLowerCase() || key === locale.toUpperCase()\n  )\n\n  return regionCode || locale.toUpperCase()\n}\n\n/**\n * \u4ECE regionToPathMap \u751F\u6210\u6240\u6709 locale \u5217\u8868\uFF08\u7528\u4E8E\u79FB\u9664\u8DEF\u5F84\u524D\u7F00\uFF09\n *\n * @param regionToPathMap - \u5730\u533A\u4EE3\u7801\u5230\u8DEF\u5F84\u524D\u7F00\u7684\u6620\u5C04\n * @returns locale \u5217\u8868\uFF08\u8FC7\u6EE4\u6389\u7A7A\u5B57\u7B26\u4E32\uFF09\n *\n * @example\n * const regionToPathMap = { US: '', CA: 'ca', DE: 'eu-de', UK: 'uk' }\n *\n * generateAllLocales(regionToPathMap)\n * // \u8FD4\u56DE: ['ca', 'eu-de', 'uk']\n */\nexport function generateAllLocales(regionToPathMap: Record<string, string>): string[] {\n  return Object.values(regionToPathMap).filter(path => path !== '')\n}\n"],
-  "mappings": "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",
-  "names": ["utils_exports", "__export", "appendRefParam", "buildGeoRedirectRef", "buildGeoRedirectRefManual", "generateAllLocales", "generateRegionToPathMap", "hasUtmParams", "isPathInWhitelist", "localeToRegionCode", "parseRegionCookie", "removeLocalePrefix", "validateRegionConfig", "__toCommonJS", "path", "locales", "locale", "searchParams", "url", "refValue", "separator", "countryCode", "cookieValue", "parts", "regions", "customMap", "map", "region", "whitelist", "removeTrailingSlash", "str", "extractPath", "urlOrPath", "normalizedPath", "pattern", "patternPath", "normalizedPatternPath", "regexPattern", "options", "countryToRegionMap", "userCountry", "upperUserCountry", "mappedRegion", "r", "regionToPathMap", "key"]
-}

package/dist/cjs/biz-components/ImageOverlayShelf/index.d.ts

@@ -1,114 +0,0 @@
-import * as React from 'react';
-/**
- * 基础产品数据接口（来自外部数据源）
- */
-export interface BaseImageOverlayProductData {
-    sku: string;
-    name?: string;
-    title?: string;
-    image?: string;
-    handle: string;
-    shopify_id?: string;
-    custom_name?: string;
-    custom_description?: string;
-    custom_image?: string;
-    custom_link?: string;
-    custom_theme?: 'light' | 'dark';
-}
-/**
- * 完整的产品卡片数据接口
- */
-export interface ImageOverlayProductCardData extends BaseImageOverlayProductData {
-}
-/**
- * ImageOverlayShelf 业务组件数据接口
- */
-export interface ImageOverlayShelfData {
-    /** 主题 */
-    theme?: 'light' | 'dark';
-    /** 组件标题 */
-    title?: string;
-    /** 组件描述 */
-    description?: string;
-    /** 产品列表 */
-    productsCard: ImageOverlayProductCardData[];
-    /** 是否显示标签 */
-    isShowTag?: boolean;
-    /** 是否显示原价 */
-    isShowOriginalPrice?: boolean;
-    /** 了解更多按钮文本 */
-    learnMoreText?: string;
-    /** 立即购买按钮文本 */
-    shopNowText?: string;
-    /** 按钮方向 */
-    direction?: 'horizontal' | 'vertical';
-    /** 按钮形状 */
-    shape?: 'round' | 'square';
-}
-/**
- * ImageOverlayShelf Props 接口
- */
-export interface ImageOverlayShelfProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** 业务数据 */
-    data: ImageOverlayShelfData;
-    /** 点击了解更多回调 */
-    onLearnMore?: (product: any, variant: any, coupon: any) => void;
-    /** 点击立即购买回调 */
-    onShopNow?: (product: any, variant: any, coupon: any) => void;
-    /** 外部构建数据（用于合并产品数据） */
-    buildData?: {
-        categories?: any[];
-        products?: any[];
-    };
-    /** 目标窗口 */
-    target?: '_self' | '_blank';
-    /** 元字段 */
-    metafields?: Record<string, any>;
-    /** 断点配置 */
-    breakpoints?: {
-        [key: number]: {
-            spaceBetween: number;
-            freeMode: boolean;
-            slidesPerView: number;
-        };
-    };
-}
-/**
- * ImageOverlayShelf Context 配置接口
- */
-export interface ImageOverlayShelfContextConfig {
-    /** 是否显示标签 */
-    isShowTag?: boolean;
-    /** 目标窗口 */
-    target?: string;
-    /** 是否显示原价 */
-    isShowOriginalPrice?: boolean;
-    /** 元字段 */
-    metafields?: Record<string, any>;
-    /** 项目数量 */
-    itemLength?: number;
-    /** 事件处理器 */
-    event?: {
-        primaryButton?: (item: any, index: number, data: any, coupon: any) => void;
-        secondaryButton?: (item: any, index: number, data: any, coupon: any) => void;
-    };
-    /** 按钮配置 */
-    learnMoreText?: string;
-    shopNowText?: string;
-    direction?: 'horizontal' | 'vertical';
-    shape?: 'round' | 'square';
-}
-/**
- * ImageOverlayShelf Context 值接口
- */
-interface ImageOverlayShelfContextValue extends ImageOverlayShelfContextConfig {
-    /** 当前项目索引 */
-    index?: number;
-}
-/**
- * 使用 ImageOverlayShelf Context 的 Hook
- * 返回 null 如果没有 context（向后兼容）
- */
-export declare const useImageOverlayShelfContext: () => ImageOverlayShelfContextValue | null;
-declare const ImageOverlayShelf: React.ForwardRefExoticComponent<ImageOverlayShelfProps & React.RefAttributes<HTMLDivElement>>;
-export default ImageOverlayShelf;

package/dist/cjs/biz-components/ImageOverlayShelf/index.js

@@ -1,2 +0,0 @@
-"use strict";"use client";var Z=Object.create;var C=Object.defineProperty;var ee=Object.getOwnPropertyDescriptor;var te=Object.getOwnPropertyNames;var ne=Object.getPrototypeOf,oe=Object.prototype.hasOwnProperty;var re=(e,o)=>{for(var r in o)C(e,r,{get:o[r],enumerable:!0})},E=(e,o,r,d)=>{if(o&&typeof o=="object"||typeof o=="function")for(let c of te(o))!oe.call(e,c)&&c!==r&&C(e,c,{get:()=>o[c],enumerable:!(d=ee(o,c))||d.enumerable});return e};var b=(e,o,r)=>(r=e!=null?Z(ne(e)):{},E(o||!e||!e.__esModule?C(r,"default",{value:e,enumerable:!0}):r,e)),ie=e=>E(C({},"__esModule",{value:!0}),e);var ce={};re(ce,{default:()=>le,useImageOverlayShelfContext:()=>J});module.exports=ie(ce);var t=require("react/jsx-runtime"),m=b(require("react")),w=require("../../helpers/utils.js"),U=b(require("../SwiperBox/index.js")),j=b(require("../../components/badge.js")),L=require("../../components/text.js"),V=b(require("../../components/button.js")),q=b(require("../../components/picture.js")),z=require("../../components/heading.js"),W=require("../AiuiProvider/index.js"),G=require("../ShelfDisplay/shelfDisplay.js"),f=require("react");const A=m.createContext(null),J=()=>m.useContext(A),ae=999999999e-2,se=({data:e,configuration:o})=>{const{locale:r="us",copyWriting:d,currencyDisplay:c}=(0,W.useAiuiContext)(),{custom_theme:N="dark"}=e,p=J()||o||{},{isShowTag:M,isShowOriginalPrice:S,event:u,target:R,metafields:k,learnMoreText:B,shopNowText:I,direction:g,shape:O,index:h=o?.index}=p,l=(i,a,s,y)=>u?.primaryButton?.(i,a+1,s,y),P=(i,a,s,y)=>u?.secondaryButton?.(i,a+1,s,y),n=m.useMemo(()=>e?.variants?.find(i=>i?.sku===e?.sku)||e?.variants?.[0]||{},[e?.variants,e?.sku]),x=!n?.availableForSale||n?.price?.amount===ae,[T,K]=m.useState([]),v=n?.coupons?.[0],{price:Q,basePrice:X,discount:_}=(0,G.formatVariantPrice)({locale:r,amount:S&&v?v.variant_price4wscode:n.price,baseAmount:S&&v?n.price:0,currencyCode:e?.price?.currencyCode||"USD"}),Y=()=>{const i=e?.sku,a=e?.variants;return a?.find(y=>y?.sku===i)?.image?.url||a?.[0]?.image?.url||""},D=e?.custom_name||e?.title||e?.name,$=e?.custom_description||e?.description;return m.useEffect(()=>{let i=[];if(_){const s=`${_}${k?.discounts?.off||""}`;i.push(s)}const a=e?.tags?.filter?.(s=>s?.startsWith?.("CLtag"))?.map?.(s=>s?.replace?.("CLtag:",""))?.slice?.(0,_?1:2);K(i.concat(a))},[_,k?.discounts,e?.tags]),(0,t.jsx)("div",{className:(0,w.cn)("rounded-box  box-border w-full cursor-pointer overflow-hidden duration-300","desktop:h-[384px] lg-desktop:h-[480px] h-[360px]",{"aiui-dark":N==="dark"}),children:(0,t.jsxs)("div",{className:"box-border flex h-full flex-col justify-between overflow-hidden",children:[(0,t.jsx)(q.default,{alt:"",source:e?.custom_image??Y(),className:(0,w.cn)("rounded-box absolute inset-x-0 top-0 h-full overflow-hidden object-cover transition-all duration-300 [&_img]:size-full")}),(0,t.jsxs)("div",{className:"desktop:p-6 collection-shelves-product-content z-10 box-border flex flex-1 flex-col justify-end overflow-hidden p-4",children:[M&&T?.length?(0,t.jsx)("div",{className:"mb-2 box-border flex flex-wrap gap-1 overflow-hidden",children:T?.map?.((i,a)=>(0,t.jsx)(j.default,{children:i},a))}):null,D?(0,t.jsx)(z.Heading,{as:"h3",title:D||"",html:D||"",className:"lg-desktop:text-2xl lg-desktop:leading-7 tablet:text-xl collection-shelves-product-title text-info-primary tablet:leading-6 line-clamp-2 text-base font-bold"}):null,$?(0,t.jsx)(L.Text,{size:2,html:$||"",className:"lg-desktop:text-lg desktop:text-base collection-shelves-product-description text-info-primary line-clamp-1 text-sm font-bold"}):null,(0,t.jsx)("div",{className:"mb-1 mt-4 flex items-center",children:x?(0,t.jsx)("div",{className:"tablet:text-2xl text-info-primary text-xl font-bold",children:d?.soldOutText??"Sold Out"}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"final-price tablet:text-2xl text-info-primary text-xl font-bold",children:n?.availableForSale&&Q||""}),(0,t.jsx)("div",{className:"origin-price tablet:text-xl text-info-secondary ml-1 text-lg font-bold line-through",children:n?.availableForSale&&X||""})]})}),(0,t.jsxs)("div",{className:(0,w.cn)("shelf-flex-button-group","lg-desktop:gap-3 flex items-center gap-2",g==="vertical"?"flex-col":""),children:[(0,t.jsx)(V.default,{variant:"secondary",onClick:()=>P(e,h,p,v),className:`overflow-hidden font-bold ${g==="vertical"?"w-full":""} ${O==="round"?"rounded-2xl":""}`,children:B||"Learn More"}),(0,t.jsx)(V.default,{variant:"primary",disabled:x,onClick:()=>l(e,h,p,v),className:`overflow-hidden font-bold ${g==="vertical"?"w-full":""} ${O==="round"?"rounded-2xl":""}`,children:I||"Buy Now"})]})]})]})},e?.id||e?.handle)},F=(0,f.forwardRef)(({data:e,onLearnMore:o,onShopNow:r,buildData:d,breakpoints:c,className:N="",target:H="_self",metafields:p,...M},S)=>{const{productsCard:u=[],isShowTag:R=!1,isShowOriginalPrice:k=!0,learnMoreText:B,shopNowText:I,direction:g="horizontal",shape:O="round"}=e,h=(0,f.useRef)(null);(0,f.useImperativeHandle)(S,()=>h.current);const l=m.useMemo(()=>u?.length?u.map(n=>{const x=d?.products?.find(T=>T?.handle===n?.handle);return x?{sku:n.sku,custom_name:n.custom_name,custom_image:n.custom_image,custom_link:n.custom_link,custom_description:n.custom_description,custom_theme:n.custom_theme,...x}:null}).filter(n=>n!==null):[],[d?.products,u]),P={isShowTag:R,target:H,isShowOriginalPrice:k,metafields:p||{},itemLength:l?.length,event:{primaryButton:r,secondaryButton:o},learnMoreText:B,shopNowText:I,direction:g,shape:O};return(0,t.jsx)(A.Provider,{value:P,children:(0,t.jsxs)("div",{ref:h,className:(0,w.cn)("collection-shelves-wrap w-full",N),...M,children:[e.title&&(0,t.jsx)(z.Heading,{as:"h2",size:4,className:"text-info-primary mb-4",children:e.title}),e.description&&(0,t.jsx)(L.Text,{size:3,as:"p",className:"text-info-primary mb-6",children:e.description}),(0,t.jsx)(U.default,{data:{list:l,configuration:{itemLength:l?.length}},id:`ImageOverlayShelf${Math.random().toString(36).substring(2,9)}`,className:"!overflow-visible",Slide:se,breakpoints:c||{0:{spaceBetween:12,freeMode:!1,slidesPerView:1},374:{spaceBetween:12,freeMode:!1,slidesPerView:Math.min(2,l.length)},768:{spaceBetween:16,freeMode:!1,slidesPerView:Math.min(3,l.length)},1024:{spaceBetween:16,freeMode:!1,slidesPerView:Math.min(4,l.length)},1440:{spaceBetween:16,freeMode:!1,slidesPerView:Math.min(4,l.length)}}})]})})});F.displayName="ImageOverlayShelf";var le=F;
-//# sourceMappingURL=index.js.map

package/dist/cjs/biz-components/ImageOverlayShelf/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/ImageOverlayShelf/index.tsx"],
-  "sourcesContent": ["'use client'\nimport * as React from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport SwiperBox from '../SwiperBox/index.js'\n\nimport Badge from '../../components/badge.js'\nimport { Text } from '../../components/text.js'\nimport Button from '../../components/button.js'\nimport Picture from '../../components/picture.js'\nimport { Heading } from '../../components/heading.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport { formatVariantPrice } from '../ShelfDisplay/shelfDisplay.js'\nimport { forwardRef, useRef, useImperativeHandle } from 'react'\n\n/**\n * \u57FA\u7840\u4EA7\u54C1\u6570\u636E\u63A5\u53E3\uFF08\u6765\u81EA\u5916\u90E8\u6570\u636E\u6E90\uFF09\n */\nexport interface BaseImageOverlayProductData {\n  sku: string\n  name?: string\n  title?: string\n  image?: string\n  handle: string\n  shopify_id?: string\n  custom_name?: string\n  custom_description?: string\n  custom_image?: string\n  custom_link?: string\n  custom_theme?: 'light' | 'dark'\n}\n\n/**\n * \u5B8C\u6574\u7684\u4EA7\u54C1\u5361\u7247\u6570\u636E\u63A5\u53E3\n */\nexport interface ImageOverlayProductCardData extends BaseImageOverlayProductData {}\n\n/**\n * ImageOverlayShelf \u4E1A\u52A1\u7EC4\u4EF6\u6570\u636E\u63A5\u53E3\n */\nexport interface ImageOverlayShelfData {\n  /** \u4E3B\u9898 */\n  theme?: 'light' | 'dark'\n  /** \u7EC4\u4EF6\u6807\u9898 */\n  title?: string\n  /** \u7EC4\u4EF6\u63CF\u8FF0 */\n  description?: string\n  /** \u4EA7\u54C1\u5217\u8868 */\n  productsCard: ImageOverlayProductCardData[]\n  /** \u662F\u5426\u663E\u793A\u6807\u7B7E */\n  isShowTag?: boolean\n  /** \u662F\u5426\u663E\u793A\u539F\u4EF7 */\n  isShowOriginalPrice?: boolean\n  /** \u4E86\u89E3\u66F4\u591A\u6309\u94AE\u6587\u672C */\n  learnMoreText?: string\n  /** \u7ACB\u5373\u8D2D\u4E70\u6309\u94AE\u6587\u672C */\n  shopNowText?: string\n  /** \u6309\u94AE\u65B9\u5411 */\n  direction?: 'horizontal' | 'vertical'\n  /** \u6309\u94AE\u5F62\u72B6 */\n  shape?: 'round' | 'square'\n}\n\n/**\n * ImageOverlayShelf Props \u63A5\u53E3\n */\nexport interface ImageOverlayShelfProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4E1A\u52A1\u6570\u636E */\n  data: ImageOverlayShelfData\n  /** \u70B9\u51FB\u4E86\u89E3\u66F4\u591A\u56DE\u8C03 */\n  onLearnMore?: (product: any, variant: any, coupon: any) => void\n  /** \u70B9\u51FB\u7ACB\u5373\u8D2D\u4E70\u56DE\u8C03 */\n  onShopNow?: (product: any, variant: any, coupon: any) => void\n  /** \u5916\u90E8\u6784\u5EFA\u6570\u636E\uFF08\u7528\u4E8E\u5408\u5E76\u4EA7\u54C1\u6570\u636E\uFF09 */\n  buildData?: {\n    categories?: any[]\n    products?: any[]\n  }\n  /** \u76EE\u6807\u7A97\u53E3 */\n  target?: '_self' | '_blank'\n  /** \u5143\u5B57\u6BB5 */\n  metafields?: Record<string, any>\n  /** \u65AD\u70B9\u914D\u7F6E */\n  breakpoints?: {\n    [key: number]: {\n      spaceBetween: number\n      freeMode: boolean\n      slidesPerView: number\n    }\n  }\n}\n\n/**\n * ImageOverlayShelf Context \u914D\u7F6E\u63A5\u53E3\n */\nexport interface ImageOverlayShelfContextConfig {\n  /** \u662F\u5426\u663E\u793A\u6807\u7B7E */\n  isShowTag?: boolean\n  /** \u76EE\u6807\u7A97\u53E3 */\n  target?: string\n  /** \u662F\u5426\u663E\u793A\u539F\u4EF7 */\n  isShowOriginalPrice?: boolean\n  /** \u5143\u5B57\u6BB5 */\n  metafields?: Record<string, any>\n  /** \u9879\u76EE\u6570\u91CF */\n  itemLength?: number\n  /** \u4E8B\u4EF6\u5904\u7406\u5668 */\n  event?: {\n    primaryButton?: (item: any, index: number, data: any, coupon: any) => void\n    secondaryButton?: (item: any, index: number, data: any, coupon: any) => void\n  }\n  /** \u6309\u94AE\u914D\u7F6E */\n  learnMoreText?: string\n  shopNowText?: string\n  direction?: 'horizontal' | 'vertical'\n  shape?: 'round' | 'square'\n}\n\n/**\n * ImageOverlayShelf Context \u503C\u63A5\u53E3\n */\ninterface ImageOverlayShelfContextValue extends ImageOverlayShelfContextConfig {\n  /** \u5F53\u524D\u9879\u76EE\u7D22\u5F15 */\n  index?: number\n}\n\n/**\n * ImageOverlayShelf Context\n */\nconst ImageOverlayShelfContext = React.createContext<ImageOverlayShelfContextValue | null>(null)\n\n/**\n * \u4F7F\u7528 ImageOverlayShelf Context \u7684 Hook\n * \u8FD4\u56DE null \u5982\u679C\u6CA1\u6709 context\uFF08\u5411\u540E\u517C\u5BB9\uFF09\n */\nexport const useImageOverlayShelfContext = () => {\n  const context = React.useContext(ImageOverlayShelfContext)\n  return context\n}\n\nconst SOLD_OUT_PRICE = 9999999.99\n\n/**\n * Item \u7EC4\u4EF6 - ImageOverlayShelf \u7684\u5355\u4E2A\u4EA7\u54C1\u9879\n */\nconst Item = ({ data, configuration }: { data: any; configuration?: any }) => {\n  const { locale = 'us', copyWriting, currencyDisplay } = useAiuiContext()\n\n  const { custom_theme = 'dark' } = data\n\n  // \u4F7F\u7528 context \u83B7\u53D6\u914D\u7F6E\uFF0C\u56DE\u9000\u5230 configuration\uFF08\u5411\u540E\u517C\u5BB9\uFF09\n  const contextConfig = useImageOverlayShelfContext()\n  const config = contextConfig || configuration || {}\n\n  const {\n    isShowTag,\n    isShowOriginalPrice,\n    event,\n    target,\n    metafields,\n    learnMoreText,\n    shopNowText,\n    direction,\n    shape,\n    index = configuration?.index,\n  } = config\n\n  const onPrimaryButton = (params: any, idx: number, shelfData: any, coupon?: any) =>\n    event?.primaryButton?.(params, idx + 1, shelfData, coupon)\n\n  const onSecondaryButton = (params: any, idx: number, shelfData: any, coupon?: any) =>\n    event?.secondaryButton?.(params, idx + 1, shelfData, coupon)\n\n  const variant = React.useMemo(\n    () => data?.variants?.find((item: any) => item?.sku === data?.sku) || data?.variants?.[0] || {},\n    [data?.variants, data?.sku]\n  )\n\n  const isSoldOut = !variant?.availableForSale || variant?.price?.amount === SOLD_OUT_PRICE\n\n  const [showTags, setShowTags] = React.useState<string[]>([])\n\n  // active \u7684 \u901A\u7528\u6298\u6263\n  const coupon = variant?.coupons?.[0]\n\n  const { price, basePrice, discount } = formatVariantPrice({\n    locale: locale,\n    amount: isShowOriginalPrice && coupon ? coupon.variant_price4wscode : variant.price,\n    baseAmount: isShowOriginalPrice && coupon ? variant.price : 0,\n    currencyCode: data?.price?.currencyCode || 'USD',\n  })\n\n  const handleUrl = () => {\n    const sku = data?.sku\n    const skuArray = data?.variants\n    const findSku = skuArray?.find((item: any) => item?.sku === sku)\n    return findSku?.image?.url || skuArray?.[0]?.image?.url || ''\n  }\n\n  const displayTitle = data?.custom_name || data?.title || data?.name\n  const displayDescription = data?.custom_description || data?.description\n\n  React.useEffect(() => {\n    let handleTags: string[] = []\n    if (discount) {\n      const discountTag = `${discount}${metafields?.discounts?.off || ''}`\n      handleTags.push(discountTag)\n    }\n    const newTags = data?.tags\n      ?.filter?.((item: string) => item?.startsWith?.('CLtag'))\n      ?.map?.((item: string) => item?.replace?.('CLtag:', ''))\n      ?.slice?.(0, discount ? 1 : 2)\n    setShowTags(handleTags.concat(newTags))\n  }, [discount, metafields?.discounts, data?.tags])\n\n  return (\n    <div\n      key={data?.id || data?.handle}\n      className={cn(\n        'rounded-box  box-border w-full cursor-pointer overflow-hidden duration-300',\n        'desktop:h-[384px] lg-desktop:h-[480px] h-[360px]',\n        {\n          'aiui-dark': custom_theme === 'dark',\n        }\n      )}\n    >\n      <div className=\"box-border flex h-full flex-col justify-between overflow-hidden\">\n        <Picture\n          alt=\"\"\n          source={data?.custom_image ?? handleUrl()}\n          className={cn(\n            'rounded-box absolute inset-x-0 top-0 h-full overflow-hidden object-cover transition-all duration-300 [&_img]:size-full'\n          )}\n        />\n        <div className=\"desktop:p-6 collection-shelves-product-content z-10 box-border flex flex-1 flex-col justify-end overflow-hidden p-4\">\n          {isShowTag && showTags?.length ? (\n            <div className=\"mb-2 box-border flex flex-wrap gap-1 overflow-hidden\">\n              {showTags?.map?.((item: any, index: number) => (\n                <Badge key={index}>{item}</Badge>\n              ))}\n            </div>\n          ) : null}\n          {displayTitle ? (\n            <Heading\n              as=\"h3\"\n              title={displayTitle || ''}\n              html={displayTitle || ''}\n              className=\"lg-desktop:text-2xl lg-desktop:leading-7 tablet:text-xl collection-shelves-product-title text-info-primary tablet:leading-6 line-clamp-2 text-base font-bold\"\n            />\n          ) : null}\n          {displayDescription ? (\n            <Text\n              size={2}\n              html={displayDescription || ''}\n              className=\"lg-desktop:text-lg desktop:text-base collection-shelves-product-description text-info-primary line-clamp-1 text-sm font-bold\"\n            />\n          ) : null}\n          <div className=\"mb-1 mt-4 flex items-center\">\n            {isSoldOut ? (\n              <div className=\"tablet:text-2xl text-info-primary text-xl font-bold\">\n                {copyWriting?.soldOutText ?? 'Sold Out'}\n              </div>\n            ) : (\n              <>\n                <div className=\"final-price tablet:text-2xl text-info-primary text-xl font-bold\">\n                  {variant?.availableForSale ? price || '' : ''}\n                </div>\n                <div className=\"origin-price tablet:text-xl text-info-secondary ml-1 text-lg font-bold line-through\">\n                  {variant?.availableForSale ? basePrice || '' : ''}\n                </div>\n              </>\n            )}\n          </div>\n\n          <div\n            className={cn(\n              'shelf-flex-button-group',\n              'lg-desktop:gap-3 flex items-center gap-2',\n              direction === 'vertical' ? 'flex-col' : ''\n            )}\n          >\n            <Button\n              variant=\"secondary\"\n              onClick={() => onSecondaryButton(data, index, config, coupon)}\n              className={`overflow-hidden font-bold ${direction === 'vertical' ? 'w-full' : ''} ${shape === 'round' ? 'rounded-2xl' : ''}`}\n            >\n              {learnMoreText || 'Learn More'}\n            </Button>\n            <Button\n              variant=\"primary\"\n              disabled={isSoldOut}\n              onClick={() => onPrimaryButton(data, index, config, coupon)}\n              className={`overflow-hidden font-bold ${direction === 'vertical' ? 'w-full' : ''} ${shape === 'round' ? 'rounded-2xl' : ''}`}\n            >\n              {shopNowText || 'Buy Now'}\n            </Button>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nconst ImageOverlayShelf = forwardRef<HTMLDivElement, ImageOverlayShelfProps>(\n  (\n    { data, onLearnMore, onShopNow, buildData, breakpoints, className = '', target = '_self', metafields, ...props },\n    ref\n  ) => {\n    const {\n      productsCard = [],\n      isShowTag = false,\n      isShowOriginalPrice = true,\n      learnMoreText,\n      shopNowText,\n      direction = 'horizontal',\n      shape = 'round',\n    } = data\n\n    const innerRef = useRef<HTMLDivElement>(null)\n\n    useImperativeHandle(ref, () => innerRef.current as HTMLDivElement)\n\n    // \u76F4\u63A5\u7528 useMemo \u8BA1\u7B97\u5408\u5E76\u540E\u7684\u6570\u636E\uFF0C\u907F\u514D\u4E0D\u5FC5\u8981\u7684 useEffect \u548C\u72B6\u6001\n    const currentItems = React.useMemo(() => {\n      if (!productsCard?.length) return []\n\n      return productsCard\n        .map(item => {\n          const findData = buildData?.products?.find(params => params?.handle === item?.handle)\n          if (findData) {\n            return {\n              sku: item.sku,\n              custom_name: item.custom_name,\n              custom_image: item.custom_image,\n              custom_link: item.custom_link,\n              custom_description: item.custom_description,\n              custom_theme: item.custom_theme,\n              ...findData,\n            }\n          }\n          return null\n        })\n        .filter(item => item !== null)\n    }, [buildData?.products, productsCard])\n\n    // \u6784\u5EFA Context \u503C\n    const contextValue: ImageOverlayShelfContextValue = {\n      isShowTag,\n      target,\n      isShowOriginalPrice,\n      metafields: metafields || {},\n      itemLength: currentItems?.length,\n      event: {\n        primaryButton: onShopNow,\n        secondaryButton: onLearnMore,\n      },\n      learnMoreText,\n      shopNowText,\n      direction,\n      shape,\n    }\n\n    return (\n      <ImageOverlayShelfContext.Provider value={contextValue}>\n        <div ref={innerRef} className={cn('collection-shelves-wrap w-full', className)} {...props}>\n          {/* \u6807\u9898\u533A\u57DF */}\n          {data.title && (\n            <Heading as=\"h2\" size={4} className=\"text-info-primary mb-4\">\n              {data.title}\n            </Heading>\n          )}\n          {data.description && (\n            <Text size={3} as=\"p\" className=\"text-info-primary mb-6\">\n              {data.description}\n            </Text>\n          )}\n          <SwiperBox\n            data={{\n              list: currentItems,\n              configuration: {\n                // \u4FDD\u7559\u4E00\u4E9B\u57FA\u7840\u914D\u7F6E\u7ED9 SwiperBox\uFF0C\u4F46\u79FB\u9664\u90A3\u4E9B\u4F1A\u900F\u4F20\u7ED9 Item \u7684\u914D\u7F6E\n                itemLength: currentItems?.length,\n              },\n            }}\n            id={`ImageOverlayShelf${Math.random().toString(36).substring(2, 9)}`}\n            className={`!overflow-visible`}\n            Slide={Item}\n            breakpoints={\n              breakpoints || {\n                0: {\n                  spaceBetween: 12,\n                  freeMode: false,\n                  slidesPerView: 1,\n                },\n                374: {\n                  spaceBetween: 12,\n                  freeMode: false,\n                  slidesPerView: Math.min(2, currentItems.length),\n                },\n                768: {\n                  spaceBetween: 16,\n                  freeMode: false,\n                  slidesPerView: Math.min(3, currentItems.length),\n                },\n                1024: {\n                  spaceBetween: 16,\n                  freeMode: false,\n                  slidesPerView: Math.min(4, currentItems.length),\n                },\n                1440: {\n                  spaceBetween: 16,\n                  freeMode: false,\n                  slidesPerView: Math.min(4, currentItems.length),\n                },\n              }\n            }\n          />\n        </div>\n      </ImageOverlayShelfContext.Provider>\n    )\n  }\n)\n\nImageOverlayShelf.displayName = 'ImageOverlayShelf'\n\nexport default ImageOverlayShelf\n"],
-  "mappings": "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",
-  "names": ["ImageOverlayShelf_exports", "__export", "ImageOverlayShelf_default", "useImageOverlayShelfContext", "__toCommonJS", "import_jsx_runtime", "React", "import_utils", "import_SwiperBox", "import_badge", "import_text", "import_button", "import_picture", "import_heading", "import_AiuiProvider", "import_shelfDisplay", "import_react", "ImageOverlayShelfContext", "SOLD_OUT_PRICE", "Item", "data", "configuration", "locale", "copyWriting", "currencyDisplay", "custom_theme", "config", "isShowTag", "isShowOriginalPrice", "event", "target", "metafields", "learnMoreText", "shopNowText", "direction", "shape", "index", "onPrimaryButton", "params", "idx", "shelfData", "coupon", "onSecondaryButton", "variant", "item", "isSoldOut", "showTags", "setShowTags", "price", "basePrice", "discount", "handleUrl", "sku", "skuArray", "displayTitle", "displayDescription", "handleTags", "discountTag", "newTags", "Picture", "Badge", "Button", "ImageOverlayShelf", "onLearnMore", "onShopNow", "buildData", "breakpoints", "className", "props", "ref", "productsCard", "innerRef", "currentItems", "findData", "contextValue", "SwiperBox"]
-}

package/dist/cjs/biz-components/Media/index.d.ts

@@ -1,32 +0,0 @@
-import React from 'react';
-import type { Media as MediaType } from '../../types/props.js';
-export interface MediaProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** PC端媒体 */
-    pcImage?: MediaType;
-    /** 平板端媒体 */
-    padImage?: MediaType;
-    /** 移动端媒体 */
-    mobileImage?: MediaType;
-    /** 视频类名 */
-    videoClassName?: string;
-    /** 图片类名 */
-    imgClassName?: string;
-    /** 是否静音播放（仅视频） */
-    muted?: boolean;
-    /** 是否循环播放（仅视频） */
-    loop?: boolean;
-    /** 是否内联播放（仅视频） */
-    playsInline?: boolean;
-    /** 是否自动播放（仅视频） */
-    autoPlay?: boolean;
-    /** 视频预览图 */
-    poster?: string;
-}
-/**
- * Media - 智能媒体组件
- *
- * @description 根据媒体类型自动选择使用 video 标签或 Picture 组件
- * 支持响应式媒体源，如果任意媒体类型是视频，则使用 video 标签渲染
- */
-declare const Media: React.ForwardRefExoticComponent<MediaProps & React.RefAttributes<HTMLDivElement>>;
-export default Media;

package/dist/cjs/biz-components/Media/index.js

@@ -1,2 +0,0 @@
-"use strict";"use client";var L=Object.create;var s=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var $=Object.getOwnPropertyNames;var j=Object.getPrototypeOf,q=Object.prototype.hasOwnProperty;var D=(e,i)=>{for(var o in i)s(e,o,{get:i[o],enumerable:!0})},n=(e,i,o,a)=>{if(i&&typeof i=="object"||typeof i=="function")for(let r of $(i))!q.call(e,r)&&r!==o&&s(e,r,{get:()=>i[r],enumerable:!(a=R(i,r))||a.enumerable});return e};var E=(e,i,o)=>(o=e!=null?L(j(e)):{},n(i||!e||!e.__esModule?s(o,"default",{value:e,enumerable:!0}):o,e)),A=e=>n(s({},"__esModule",{value:!0}),e);var S={};D(S,{default:()=>Q});module.exports=A(S);var d=require("react/jsx-runtime"),m=E(require("react")),p=require("react-responsive"),c=require("../../components/index.js"),l=require("../../helpers/index.js");const u=m.default.forwardRef(({pcImage:e,padImage:i,mobileImage:o,className:a,videoClassName:r,imgClassName:y,muted:f=!0,loop:M=!0,playsInline:v=!0,autoPlay:T=!0,poster:N,...P},b)=>{const x=(0,p.useMediaQuery)({query:"(max-width: 768px)"}),w=(0,p.useMediaQuery)({query:"(max-width: 1024px)"}),h=[e,i,o].some(H=>H?.mimeType==="video/mp4"),t=x?o:w?i||o:e,z=t?.mimeType==="video/mp4"?t.url:void 0,C=N||(t?.mimeType!=="video/mp4"?t?.url:void 0);return(0,d.jsx)("div",{ref:b,className:(0,l.cn)("media-wrapper",a),...P,children:h?(0,d.jsx)("video",{src:z,poster:C,className:(0,l.cn)("size-full object-cover",r),muted:f,loop:M,playsInline:v,autoPlay:T,"aria-label":t?.alt||""}):(0,d.jsx)(c.Picture,{className:"size-full",imgClassName:(0,l.cn)("size-full object-cover",y),alt:e?.alt||"",source:`${e?.url||""} , ${i?.url??(o?.url||"")} 1024, ${o?.url||""} 767`})})});u.displayName="Media";var Q=u;
-//# sourceMappingURL=index.js.map

package/dist/cjs/biz-components/Media/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/Media/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport React from 'react'\nimport { useMediaQuery } from 'react-responsive'\nimport { Picture } from '../../components/index.js'\nimport type { Media as MediaType } from '../../types/props.js'\nimport { cn } from '../../helpers/index.js'\n\nexport interface MediaProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** PC\u7AEF\u5A92\u4F53 */\n  pcImage?: MediaType\n  /** \u5E73\u677F\u7AEF\u5A92\u4F53 */\n  padImage?: MediaType\n  /** \u79FB\u52A8\u7AEF\u5A92\u4F53 */\n  mobileImage?: MediaType\n  /** \u89C6\u9891\u7C7B\u540D */\n  videoClassName?: string\n  /** \u56FE\u7247\u7C7B\u540D */\n  imgClassName?: string\n  /** \u662F\u5426\u9759\u97F3\u64AD\u653E\uFF08\u4EC5\u89C6\u9891\uFF09 */\n  muted?: boolean\n  /** \u662F\u5426\u5FAA\u73AF\u64AD\u653E\uFF08\u4EC5\u89C6\u9891\uFF09 */\n  loop?: boolean\n  /** \u662F\u5426\u5185\u8054\u64AD\u653E\uFF08\u4EC5\u89C6\u9891\uFF09 */\n  playsInline?: boolean\n  /** \u662F\u5426\u81EA\u52A8\u64AD\u653E\uFF08\u4EC5\u89C6\u9891\uFF09 */\n  autoPlay?: boolean\n  /** \u89C6\u9891\u9884\u89C8\u56FE */\n  poster?: string\n}\n\n/**\n * Media - \u667A\u80FD\u5A92\u4F53\u7EC4\u4EF6\n *\n * @description \u6839\u636E\u5A92\u4F53\u7C7B\u578B\u81EA\u52A8\u9009\u62E9\u4F7F\u7528 video \u6807\u7B7E\u6216 Picture \u7EC4\u4EF6\n * \u652F\u6301\u54CD\u5E94\u5F0F\u5A92\u4F53\u6E90\uFF0C\u5982\u679C\u4EFB\u610F\u5A92\u4F53\u7C7B\u578B\u662F\u89C6\u9891\uFF0C\u5219\u4F7F\u7528 video \u6807\u7B7E\u6E32\u67D3\n */\nconst Media = React.forwardRef<HTMLDivElement, MediaProps>(\n  (\n    {\n      pcImage,\n      padImage,\n      mobileImage,\n      className,\n      videoClassName,\n      imgClassName,\n      muted = true,\n      loop = true,\n      playsInline = true,\n      autoPlay = true,\n      poster,\n      ...props\n    },\n    ref\n  ) => {\n    // \u54CD\u5E94\u5F0F\u67E5\u8BE2\n    const isMobile = useMediaQuery({ query: '(max-width: 768px)' })\n    const isPad = useMediaQuery({ query: '(max-width: 1024px)' })\n\n    // \u68C0\u67E5\u662F\u5426\u6709\u4EFB\u4F55\u5A92\u4F53\u662F\u89C6\u9891\u7C7B\u578B\n    const hasVideo = [pcImage, padImage, mobileImage].some(media => media?.mimeType === 'video/mp4')\n\n    // \u83B7\u53D6\u5F53\u524D\u8BBE\u5907\u5BF9\u5E94\u7684\u5A92\u4F53\n    const currentMedia = isMobile ? mobileImage : isPad ? padImage || mobileImage : pcImage\n\n    // \u83B7\u53D6\u89C6\u9891\u6E90\u548C\u6D77\u62A5\u56FE\u7247\n    const videoSrc = currentMedia?.mimeType === 'video/mp4' ? currentMedia.url : undefined\n    const imagePoster = poster || (currentMedia?.mimeType !== 'video/mp4' ? currentMedia?.url : undefined)\n\n    return (\n      <div ref={ref} className={cn('media-wrapper', className)} {...props}>\n        {hasVideo ? (\n          <video\n            src={videoSrc}\n            poster={imagePoster}\n            className={cn('size-full object-cover', videoClassName)}\n            muted={muted}\n            loop={loop}\n            playsInline={playsInline}\n            autoPlay={autoPlay}\n            aria-label={currentMedia?.alt || ''}\n          />\n        ) : (\n          <Picture\n            className=\"size-full\"\n            imgClassName={cn('size-full object-cover', imgClassName)}\n            alt={pcImage?.alt || ''}\n            source={`${pcImage?.url || ''} , ${padImage?.url ?? (mobileImage?.url || '')} 1024, ${mobileImage?.url || ''} 767`}\n          />\n        )}\n      </div>\n    )\n  }\n)\n\nMedia.displayName = 'Media'\n\nexport default Media\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAwEU,IAAAI,EAAA,6BAtEVC,EAAkB,oBAClBC,EAA8B,4BAC9BC,EAAwB,qCAExBC,EAAmB,kCA+BnB,MAAMC,EAAQ,EAAAC,QAAM,WAClB,CACE,CACE,QAAAC,EACA,SAAAC,EACA,YAAAC,EACA,UAAAC,EACA,eAAAC,EACA,aAAAC,EACA,MAAAC,EAAQ,GACR,KAAAC,EAAO,GACP,YAAAC,EAAc,GACd,SAAAC,EAAW,GACX,OAAAC,EACA,GAAGC,CACL,EACAC,IACG,CAEH,MAAMC,KAAW,iBAAc,CAAE,MAAO,oBAAqB,CAAC,EACxDC,KAAQ,iBAAc,CAAE,MAAO,qBAAsB,CAAC,EAGtDC,EAAW,CAACf,EAASC,EAAUC,CAAW,EAAE,KAAKc,GAASA,GAAO,WAAa,WAAW,EAGzFC,EAAeJ,EAAWX,EAAcY,EAAQb,GAAYC,EAAcF,EAG1EkB,EAAWD,GAAc,WAAa,YAAcA,EAAa,IAAM,OACvEE,EAAcT,IAAWO,GAAc,WAAa,YAAcA,GAAc,IAAM,QAE5F,SACE,OAAC,OAAI,IAAKL,EAAK,aAAW,MAAG,gBAAiBT,CAAS,EAAI,GAAGQ,EAC3D,SAAAI,KACC,OAAC,SACC,IAAKG,EACL,OAAQC,EACR,aAAW,MAAG,yBAA0Bf,CAAc,EACtD,MAAOE,EACP,KAAMC,EACN,YAAaC,EACb,SAAUC,EACV,aAAYQ,GAAc,KAAO,GACnC,KAEA,OAAC,WACC,UAAU,YACV,gBAAc,MAAG,yBAA0BZ,CAAY,EACvD,IAAKL,GAAS,KAAO,GACrB,OAAQ,GAAGA,GAAS,KAAO,EAAE,MAAMC,GAAU,MAAQC,GAAa,KAAO,GAAG,UAAUA,GAAa,KAAO,EAAE,OAC9G,EAEJ,CAEJ,CACF,EAEAJ,EAAM,YAAc,QAEpB,IAAOP,EAAQO",
-  "names": ["Media_exports", "__export", "Media_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_react_responsive", "import_components", "import_helpers", "Media", "React", "pcImage", "padImage", "mobileImage", "className", "videoClassName", "imgClassName", "muted", "loop", "playsInline", "autoPlay", "poster", "props", "ref", "isMobile", "isPad", "hasVideo", "media", "currentMedia", "videoSrc", "imagePoster"]
-}