@anker-in/campaign-ui 0.0.33-alpha6 → 0.1.1-0.beta.1

package/src/shopify/utils/normalize/product.ts

@@ -0,0 +1,193 @@
+
+import {
+  ImageConnection,
+  MediaConnection,
+  MoneyV2,
+  Product as ShopifyProduct,
+  ProductOption,
+  ProductVariant as ShopifyProductVariant,
+  ProductVariantConnection,
+  SelectedOption,
+} from '../../gql'
+import type {
+  Product,
+  ProductImage,
+  ProductMedia,
+  ProductPrice,
+  ProductVariant,
+  VariantCoupon,
+} from '../../types/product'
+
+import { atobID } from '../helper'
+import { normalizeMetafields } from './metafield'
+import { colorMap } from '../colors'
+
+const money = ({ amount, currencyCode }: MoneyV2): ProductPrice => {
+  return (
+    amount &&
+    currencyCode && {
+      amount: +amount,
+      currencyCode,
+    }
+  )
+}
+
+const checkVariantAvailable = (variant: ShopifyProductVariant) => {
+  //availableForSale 是否可售 true:可售
+  if (!variant.availableForSale) return false
+  //currentlyNotInStock 是否可超卖 true:是
+  //quantityAvailable 库存
+  if (!variant.quantityAvailable && !variant.currentlyNotInStock) return false
+  if (variant.price?.amount >= 9999999.99) return false
+  return true
+}
+
+export const normalizeProductOption = ({
+  id,
+  name,
+  values,
+}: ProductOption): {
+  __typename: 'ProductOption'
+  id: string
+  name: string
+  values: {
+    label: string
+    hexColors?: string[]
+  }[]
+} => {
+  return {
+    __typename: 'ProductOption',
+    id,
+    name: name.toLowerCase(),
+    values: values.map(value => {
+      let output: any = {
+        label: value,
+      }
+      if (name.match(/colou?r/gi)) {
+        const mapedColor = colorMap[value.toLowerCase().replace(/ /g, '')]
+        if (mapedColor) {
+          output = {
+            ...output,
+            hexColors: [mapedColor],
+          }
+        }
+      }
+      return output
+    }),
+  }
+}
+
+const normalizeProductImages = ({ nodes }: ImageConnection): ProductImage[] =>
+  nodes?.map(node => ({
+    url: node.url,
+    alt: node.altText || '',
+  })) || []
+
+const normalizeProductMedia = ({ nodes }: MediaConnection): ProductMedia[] => nodes?.map(node => node) || []
+
+// variant 下的 product 不包含 variants
+function normalizeVariantProduct(product: ShopifyProduct, metafieldNamespacePrefix: string = ''): Omit<Product, 'variants'> {
+  const { id, vendor, images, media, variants, handle, priceRange, options, metafields, availableForSale, ...rest } =
+    product
+
+  return {
+    ...rest,
+    availableForSale: !!variants.nodes.find(item => !!item.availableForSale),
+    id,
+    vendor: vendor || '',
+    handle,
+    path: `/${handle}`,
+    slug: handle?.replace(/^\/+|\/+$/g, ''),
+    price: money(priceRange?.minVariantPrice),
+    priceRange,
+    images: normalizeProductImages(images),
+    media: normalizeProductMedia(media),
+    options: options
+      ? options
+          .filter(o => o.name !== 'Title') // By default Shopify adds a 'Title' name when there's only one option. We don't need it. https://community.shopify.com/c/Shopify-APIs-SDKs/Adding-new-product-variant-is-automatically-adding-quot-Default/td-p/358095
+          .map(o => normalizeProductOption(o))
+      : [],
+    metafields: normalizeMetafields(metafields, metafieldNamespacePrefix) || {},
+  }
+}
+
+export const getCouponsFromVariantMetafields = ({ metafields, variantId }: { metafields: any; variantId: string }) => {
+  const coupons =
+    metafields?.__discountCodeApp?.data?.filter((coupon: VariantCoupon) => {
+      const isRightVariant = String(coupon.variant_shopify_id) === atobID(variantId)
+
+      const isActive =
+        (coupon.ends_at === null || new Date(coupon.ends_at).getTime() > new Date().getTime()) &&
+        (coupon.starts_at === null || new Date(coupon.starts_at).getTime() <= new Date().getTime())
+
+      // 原 by_skus 的接口默认不返回这个类型的 code
+      // const notWSCHCode = !coupon.title.toLocaleLowerCase().includes(CouponChannel.WSCH)
+
+      return isRightVariant && isActive
+    }) || []
+  return coupons
+}
+
+const normalizeProductVariants = ({ nodes }: ProductVariantConnection, product: ShopifyProduct, metafieldNamespacePrefix: string = ''): ProductVariant[] => {
+  return nodes?.map(node => {
+    const { id, selectedOptions, sku, price, metafields, ...rest } = node
+    const normalizedMetafields = normalizeMetafields(metafields, metafieldNamespacePrefix)
+    const coupons = getCouponsFromVariantMetafields({ metafields: normalizedMetafields, variantId: id })
+    return {
+      ...rest,
+      id,
+      sku: sku ?? id,
+      weight: node.weight,
+      price: money(price),
+      availableForSale: checkVariantAvailable(node),
+      options: selectedOptions.map(({ name, value }: SelectedOption) => {
+        const options = normalizeProductOption({
+          id,
+          name,
+          values: [value],
+        })
+        return options
+      }),
+      selectedOptions,
+      metafields: normalizedMetafields,
+      product: normalizeVariantProduct(product, metafieldNamespacePrefix),
+      coupons,
+    } as ProductVariant
+  })
+}
+
+export function normalizeProduct(product: ShopifyProduct, metafieldNamespacePrefix: string = ''): Product {
+  const { id, vendor, images, media, variants, handle, priceRange, options, metafields, availableForSale, ...rest } =
+    product
+
+  const customVariants = variants ? normalizeProductVariants(variants, product, metafieldNamespacePrefix) : []
+  return {
+    ...rest,
+    availableForSale: !!customVariants.find(item => !!item.availableForSale),
+    id,
+    vendor: vendor || '',
+    handle,
+    path: `/${handle}`,
+    slug: handle?.replace(/^\/+|\/+$/g, ''),
+    price: money(priceRange?.minVariantPrice),
+    priceRange,
+    images: normalizeProductImages(images),
+    media: normalizeProductMedia(media),
+    variants: customVariants,
+    options:
+      options?.length > 0
+        ? options
+            .filter(o => o.name !== 'Title') // By default Shopify adds a 'Title' name when there's only one option. We don't need it. https://community.shopify.com/c/Shopify-APIs-SDKs/Adding-new-product-variant-is-automatically-adding-quot-Default/td-p/358095
+            .map(o => normalizeProductOption(o))
+        : customVariants.length > 1
+          ? [
+              {
+                id: 'colorOptionsId',
+                name: customVariants?.[0]?.options?.[0]?.name,
+                values: customVariants.map(item => item.options.map(o => o.values)).flatMap(item => item.flat()),
+              },
+            ]
+          : [],
+    metafields: normalizeMetafields(metafields, metafieldNamespacePrefix) || {},
+  }
+}

package/src/shopify/utils/store.ts

@@ -0,0 +1,5 @@
+// 这个文件现在只保留 helper 函数，其他功能已迁移到 ShopifyContext
+import { getThemeLocale } from './helper'
+
+// 导出 helper 函数供其他地方使用
+export { getThemeLocale }

package/src/shopify/utils/type-helper.ts

@@ -0,0 +1,7 @@
+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/tailwind.config.ts

@@ -0,0 +1,72 @@
+import type { Config } from 'tailwindcss'
+
+export default {
+  // 添加前缀避免与主项目冲突
+  prefix: 'cmp-',
+  content: [
+    './src/components/**/*.{js,jsx,ts,tsx}',
+    './src/icons/**/*.{js,jsx,ts,tsx}',
+    '../storybook/.storybook/**/*.{js,jsx,ts,tsx}',
+  ],
+  // 禁用 preflight 避免覆盖主项目的基础样式
+  corePlugins: {
+    preflight: false,
+  },
+  theme: {
+    extend: {
+      colors: {
+        primary: {
+          DEFAULT: 'var(--brand-color-1)',
+          foreground: 'var(--btn-text-color)',
+        },
+        btn: {
+          primary: {
+            DEFAULT: 'var(--btn-bg-color)',
+            foreground: 'var(--btn-text-color)',
+            active: 'var(--btn-bg-active-color)',
+            disabled: {
+              DEFAULT: 'var(--btn-bg-disabled-color)',
+              foreground: 'var(--quaternary-color)',
+            },
+            border: {
+              DEFAULT: 'var(--btn-text-secondary-color)',
+              disabled: 'var(--btn-bg-secondary-disabled-border-color)',
+            },
+          },
+          secondary: {
+            DEFAULT: 'var(--btn-bg-secondary-color)',
+            foreground: 'var(--btn-text-secondary-color)',
+            active: 'var(--btn-bg-secondary-active-color)',
+            disabled: {
+              DEFAULT: 'var(--btn-bg-secondary-disabled-color)',
+              foreground: 'var(--btn-border-secondary-border-color)',
+              borderColor: 'var(--btn-border-secondary-border-color)',
+            },
+          },
+        },
+        badge: {
+          DEFAULT: 'var(--secondary-brand-color-2)',
+          foreground: 'var(--brand-color-1)',
+        },
+        skeleton: {
+          DEFAULT: 'var(--tertiary-color)',
+        },
+        background: {
+          DEFAULT: 'var(--container-primary-color)',
+        },
+      },
+      borderRadius: {
+        btn: 'var(--btn-radius)',
+      },
+      lineHeight: {
+        tight: 'var(--line-height-tight)',
+        normal: 'var(--line-height-normal)',
+        loose: 'var(--line-height-loose)',
+      },
+      letterSpacing: {
+        DEFAULT: 'var(--letter-spacing-normal)',
+      },
+    },
+  },
+  plugins: [],
+} satisfies Config

package/CONTRIBUTING.md

@@ -1,175 +0,0 @@
-# Contributing
-
-# 关于
-
-这是一个基于@radix-ui/primitive 二次封装的组件库，目标是通过 css 变量的形式，实现多主题，以达到同时支持多品牌站点开发的能力。
-
-# 代码文件结构
-
-```shell
-apps
-├── playground
-packages
-├── storybook
-│   └── public
-└── ui
-    └── src
-        ├── components
-        ├── helpers
-        ├── icons
-        ├── props
-        ├── stories
-        └── styles
-
-```
-
-| 路径                       | 描述                      |
-| -------------------------- | ------------------------- |
-| apps/playground            | playground,一个nextjs项目 |
-| packages/storybook         | storybook 配置            |
-| packages/ui                | 组件根目录                |
-| packages/ui/src/components | 所有的组件都在这个目录    |
-| packages/ui/src/stories    | 组件对应的storybook 文件  |
-| packages/ui/src/styles     | 样式文件                  |
-
-# 如何运行
-
-本地开发
-
-先clone 代码到本地
-
-```shell
-git clone
-```
-
-安装依赖
-
-```shell
-pnpm install
-```
-
-ui 添加新的依赖
-
-```shell
-pnpm add {packages} --filter @anker-in/headless-ui
-```
-
-进入根目录
-
-````
-
-
-本地启动
-
-```shell
-pnpm run dev
-````
-
-这会运行storybook和playground，可以一边修改组件源码，一边查看效果。
-
-# 如何新增组件
-
-新增组件之前先看下仓库有没有类似的组件已经存在。
-如果不存在，需要新增组件，  
-
-**建议新组件基于 [@radix-ui/primitive](https://www.radix-ui.com/primitives) 或者手动复制[shadcn](https://ui.shadcn.com/) 的组件 进行二次封装。**
-
-组件目录位于`packages/ui/src`。
-
-运行`pnpm run dev` 之后，会运行storybook 和 playground 项目，在storybook 中测试组件的功能，编写文档。
-在playground 中可以添加组件的展示，测试组件在nextjs 项目中的使用。
-
-组件需要覆盖全品牌，如果新增css 变量，需要在`packages/ui/src/styles/global.css` 补充在各个品牌的作用域之下。
-如果某个品牌没有添加，会默认使用root 下的定义作为fallback。
-
-比如新的组件`Card`
-需要新加一个Card 的背景颜色
-
-```css
---card-bg-color: #fefefe;
-```
-
-请在不同的品牌的作用域下添加
-比如
-
-```css
-:root[data-theme='anker'] {
-  --card-bg-color: #fefefe;
-}
-```
-
-原理
-
-<img src="./css-explain.png" width="500" height="500"/>
-
-⚠️注意
-组件编写后请按照checklist 进行检查
-
-## checklist
-
-- [ ] 已经为组件编写了storybook API文档
-- [ ] 组件在storybook accessibility 通过测试
-- [ ] 完成组件的单元测试
-- [ ] 组件在不同品牌下的样式正常显示
-- [ ] 组件在不同设备，分辨率下显示正常
-- [ ] 组件不包含业务代码，包括文案，接口等
-
-# 如何提交代码
-
-git flow 和code review
-
-1. 主分支 (main)：存储正式发布的历史。
-2. 开发分支 (develop)：集成各种功能的分支。
-3. 功能分支 (feature/x)：从develop分支出来，用于新功能的开发。
-4. 修补分支 (hotfix/x)：从main分支出来，用于快速修补生产环境的问题。
-
-# 代码规范
-
-请遵循 eslint 的配置编写代码。
-
-提交代码前运行lint
-
-```shell
-pnpm lint
-```
-
-如果遇到eslint 报错，但是坚持自己的写法的，可以通过注释的方式，阻止eslint 校验, 并且要写明阻止的规则
-比如
-
-```js
-// eslint-disable-next-line no-alert
-alert('Example of disabled line for no-alert')
-```
-
-如果希望修改eslint 规则，修改根目录下的`.eslintrc.json`
-
- ❗ 在ui/目录下的代码导入的时候，要带上.js后缀，比如 import { cn } from '../helpers/index.js' 否则在使用的时候会出现 ERR_UNSUPPORTED_DIR_IMPORT 问题
-
-# Tesing
-
-unit test 使用 [jest](https://jestjs.io/) 和 [@test-library/react](https://testing-library.com/)。
-
-运行单元测试
-
-```shell
-pnpm test
-```
-
-# publish  
-
-先从 master 分支checkout 出新的分支。
-
-在新的分支执行
-
-`pnpm changeset add `
-空格选择要发布的包 @anker-in/headless-ui   
-回车   
-
-会依次出现要增加的语意版本号  
-`{major -> minor -> patch}`   
-这里如果只增加patch 可以一路回车。
-
-然后提交代码，合并到`master`分支。
-
-最后到`coding`网站的持续集成找到项目，手动触发ci/cd。  
-

package/dist/cjs/components/chat/Response.d.ts

@@ -1,2 +0,0 @@
-declare const ResponseButton: () => false | import("react/jsx-runtime").JSX.Element;
-export default ResponseButton;

package/dist/cjs/components/chat/message.d.ts

@@ -1,2 +0,0 @@
-import { MessagesProps } from './props';
-export declare const Messages: ({ messages, inProgress, children }: MessagesProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/chat/response copy.d.ts

@@ -1,2 +0,0 @@
-declare const ResponseButton: () => import("react/jsx-runtime").JSX.Element;
-export default ResponseButton;

package/dist/cjs/components/chat/rresponse.d.ts

@@ -1,2 +0,0 @@
-import { ResponseButtonProps } from "./props";
-export declare const ResponseButton: ({ onClick, inProgress }: ResponseButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/theme.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import type { Brand } from '../helpers/constants.js';
-interface ThemeProps {
-    brand: Brand;
-    children: React.ReactNode;
-}
-/**
- *
- * @param param
- * @returns
- */
-declare const Theme: ({ brand, children }: ThemeProps) => import("react/jsx-runtime").JSX.Element;
-export default Theme;

package/dist/cjs/helpers/component-props.d.ts

@@ -1,7 +0,0 @@
-import type React from 'react';
-type ComponentPropsAs<C extends React.ElementType<any>, T extends React.ComponentPropsWithoutRef<C>['as']> = Omit<Extract<React.ComponentPropsWithoutRef<C>, {
-    as: T;
-}>, 'as' | 'asChild'>;
-type ComponentPropsWithout<T extends React.ElementType, O extends Omit<string, keyof React.ComponentPropsWithoutRef<T>> | keyof React.ComponentPropsWithoutRef<T>> = Omit<React.ComponentPropsWithoutRef<T>, O & string>;
-type RemovedProps = 'asChild' | 'defaultChecked' | 'defaultValue' | 'color';
-export type { ComponentPropsAs, ComponentPropsWithout, RemovedProps };

package/dist/cjs/helpers/component-props.js

@@ -1,2 +0,0 @@
-"use strict";var n=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var r=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var i=(t,e,s,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of r(e))!m.call(t,o)&&o!==s&&n(t,o,{get:()=>e[o],enumerable:!(p=a(e,o))||p.enumerable});return t};var C=t=>i(n({},"__esModule",{value:!0}),t);var R={};module.exports=C(R);
-//# sourceMappingURL=component-props.js.map

package/dist/cjs/helpers/component-props.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/component-props.ts"],
-  "sourcesContent": ["import type React from 'react'\n\ntype ComponentPropsAs<C extends React.ElementType<any>, T extends React.ComponentPropsWithoutRef<C>['as']> = Omit<\n  Extract<React.ComponentPropsWithoutRef<C>, { as: T }>,\n  'as' | 'asChild'\n>\n\n// Omits the specified props from the component props. Autocomplete will suggest props\n// of the component, but won't restrict the omittable props to those that actually exist.\ntype ComponentPropsWithout<\n  T extends React.ElementType,\n  O extends Omit<string, keyof React.ComponentPropsWithoutRef<T>> | keyof React.ComponentPropsWithoutRef<T>,\n> = Omit<React.ComponentPropsWithoutRef<T>, O & string>\n\ntype RemovedProps = 'asChild' | 'defaultChecked' | 'defaultValue' | 'color'\n\nexport type { ComponentPropsAs, ComponentPropsWithout, RemovedProps }\n"],
-  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
-  "names": ["component_props_exports", "__toCommonJS"]
-}

package/dist/cjs/helpers/constants.d.ts

@@ -1,2 +0,0 @@
-export declare const ALL_BRANDS: readonly ["anker", "eufy", "soundcore", "nebula", "ankerWork", "ankerMake"];
-export type Brand = (typeof ALL_BRANDS)[number];

package/dist/cjs/helpers/constants.js

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

package/dist/cjs/helpers/constants.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/constants.ts"],
-  "sourcesContent": ["export const ALL_BRANDS = ['anker', 'eufy', 'soundcore', 'nebula', 'ankerWork', 'ankerMake'] as const\n\nexport type Brand = (typeof ALL_BRANDS)[number]\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAAO,MAAME,EAAa,CAAC,QAAS,OAAQ,YAAa,SAAU,YAAa,WAAW",
-  "names": ["constants_exports", "__export", "ALL_BRANDS", "__toCommonJS"]
-}

package/dist/cjs/stories/chat.stories.js

@@ -1,2 +0,0 @@
-"use strict";var i=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var c=(t,o)=>{for(var a in o)i(t,a,{get:o[a],enumerable:!0})},y=(t,o,a,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of n(o))!h.call(t,e)&&e!==a&&i(t,e,{get:()=>o[e],enumerable:!(r=m(o,e))||r.enumerable});return t};var l=t=>y(i({},"__esModule",{value:!0}),t);var C={};c(C,{Default:()=>d,default:()=>u});module.exports=l(C);var p=require("react/jsx-runtime"),g=require("react"),s=require("../components/index.js"),D=require("../styles/chat.css");const f={title:"Campaign/Chat",component:s.Chat,args:{title:"DTC Live Chat",runtimeUrl:"https://beta-api-livechat.anker.com",shopifyDomain:"soundcoreusa.myshopify.com"},tags:["autodocs"],decorators:[t=>(0,p.jsx)("div",{style:{height:"700px"},children:(0,p.jsx)(t,{})})]};var u=f;const d={args:{title:"DTC Live Chat",runtimeUrl:"https://beta-api-livechat.anker.com",shopifyDomain:"soundcoreusa.myshopify.com",userId:"arno7",showResponseButton:"follow",lang:{popupTip:"Hi ! Welcome to soundcore Innovations live chat\uFF01",popupTipTimeout:[3e3,6e3]}}};
-//# sourceMappingURL=chat.stories.js.map

package/dist/cjs/stories/chat.stories.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/stories/chat.stories.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport { Chat } from '../components/index.js'\nimport '../styles/chat.css'\n\ntype Story = StoryObj<typeof meta>\n\n// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export\nconst meta: Meta<typeof Chat> = {\n  // \u540C\u65F6\u5B9A\u4E49\u4E86\u9875\u9762\u5DE6\u4FA7\u83DC\u5355\n  title: 'Campaign/Chat',\n  component: Chat,\n  args: {\n    title: 'DTC Live Chat',\n    runtimeUrl: 'https://beta-api-livechat.anker.com',\n    shopifyDomain: 'soundcoreusa.myshopify.com',\n  },\n  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs\n  tags: ['autodocs'],\n  // More on argTypes: https://storybook.js.org/docs/api/argtypes\n  decorators: [\n    Story => (\n      <div style={{ height: '700px' }}>\n        <Story />\n      </div>\n    ),\n  ],\n} satisfies Meta<typeof Chat>\n\nexport default meta\n\nexport const Default: Story = {\n  args: {\n    title: 'DTC Live Chat',\n    runtimeUrl: 'https://beta-api-livechat.anker.com',\n    shopifyDomain: 'soundcoreusa.myshopify.com',\n    userId: 'arno7',\n    showResponseButton: 'follow',\n    lang: { popupTip: 'Hi ! Welcome to soundcore Innovations live chat\uFF01', popupTipTimeout: [3000, 6000] },\n  },\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAuBQ,IAAAK,EAAA,6BAvBRC,EAAkB,iBAElBC,EAAqB,kCACrBC,EAAO,8BAKP,MAAMC,EAA0B,CAE9B,MAAO,gBACP,UAAW,OACX,KAAM,CACJ,MAAO,gBACP,WAAY,sCACZ,cAAe,4BACjB,EAEA,KAAM,CAAC,UAAU,EAEjB,WAAY,CACVC,MACE,OAAC,OAAI,MAAO,CAAE,OAAQ,OAAQ,EAC5B,mBAACA,EAAA,EAAM,EACT,CAEJ,CACF,EAEA,IAAOP,EAAQM,EAER,MAAMP,EAAiB,CAC5B,KAAM,CACJ,MAAO,gBACP,WAAY,sCACZ,cAAe,6BACf,OAAQ,QACR,mBAAoB,SACpB,KAAM,CAAE,SAAU,wDAAoD,gBAAiB,CAAC,IAAM,GAAI,CAAE,CACtG,CACF",
-  "names": ["chat_stories_exports", "__export", "Default", "chat_stories_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_chat", "meta", "Story"]
-}

package/dist/esm/components/chat/Markdown.d.ts

@@ -1,5 +0,0 @@
-type MarkdownProps = {
-    content: string;
-};
-export declare const Markdown: ({ content }: MarkdownProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/esm/components/chat/Response.d.ts

@@ -1,2 +0,0 @@
-declare const ResponseButton: () => false | import("react/jsx-runtime").JSX.Element;
-export default ResponseButton;

package/dist/esm/components/chat/marksdown.d.ts

@@ -1,5 +0,0 @@
-type MarkdownProps = {
-    content: string;
-};
-export declare const Markdown: ({ content }: MarkdownProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/esm/components/chat/message.d.ts

@@ -1,2 +0,0 @@
-import { MessagesProps } from './props';
-export declare const Messages: ({ messages, inProgress, children }: MessagesProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/chat/response copy.d.ts

@@ -1,2 +0,0 @@
-declare const ResponseButton: () => import("react/jsx-runtime").JSX.Element;
-export default ResponseButton;

package/dist/esm/components/chat/rresponse.d.ts

@@ -1,2 +0,0 @@
-import { ResponseButtonProps } from "./props";
-export declare const ResponseButton: ({ onClick, inProgress }: ResponseButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/theme.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import type { Brand } from '../helpers/constants.js';
-interface ThemeProps {
-    brand: Brand;
-    children: React.ReactNode;
-}
-/**
- *
- * @param param
- * @returns
- */
-declare const Theme: ({ brand, children }: ThemeProps) => import("react/jsx-runtime").JSX.Element;
-export default Theme;

package/dist/esm/helpers/component-props.d.ts

@@ -1,7 +0,0 @@
-import type React from 'react';
-type ComponentPropsAs<C extends React.ElementType<any>, T extends React.ComponentPropsWithoutRef<C>['as']> = Omit<Extract<React.ComponentPropsWithoutRef<C>, {
-    as: T;
-}>, 'as' | 'asChild'>;
-type ComponentPropsWithout<T extends React.ElementType, O extends Omit<string, keyof React.ComponentPropsWithoutRef<T>> | keyof React.ComponentPropsWithoutRef<T>> = Omit<React.ComponentPropsWithoutRef<T>, O & string>;
-type RemovedProps = 'asChild' | 'defaultChecked' | 'defaultValue' | 'color';
-export type { ComponentPropsAs, ComponentPropsWithout, RemovedProps };

package/dist/esm/helpers/component-props.js

@@ -1 +0,0 @@
-//# sourceMappingURL=component-props.js.map

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

@@ -1,2 +0,0 @@
-export declare const ALL_BRANDS: readonly ["anker", "eufy", "soundcore", "nebula", "ankerWork", "ankerMake"];
-export type Brand = (typeof ALL_BRANDS)[number];

package/dist/esm/helpers/constants.js

@@ -1,2 +0,0 @@
-const e=["anker","eufy","soundcore","nebula","ankerWork","ankerMake"];export{e as ALL_BRANDS};
-//# sourceMappingURL=constants.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/constants.ts"],
-  "sourcesContent": ["export const ALL_BRANDS = ['anker', 'eufy', 'soundcore', 'nebula', 'ankerWork', 'ankerMake'] as const\n\nexport type Brand = (typeof ALL_BRANDS)[number]\n"],
-  "mappings": "AAAO,MAAMA,EAAa,CAAC,QAAS,OAAQ,YAAa,SAAU,YAAa,WAAW",
-  "names": ["ALL_BRANDS"]
-}

package/dist/esm/styles/chat.css

@@ -1,14 +0,0 @@
-@import "./css/colors.css";
-@import "./css/popup.css";
-@import "./css/sidebar.css";
-@import "./css/button.css";
-@import "./css/header.css";
-@import "./css/input.css";
-@import "./css/messages.css";
-@import "./css/window.css";
-@import "./css/animations.css";
-@import "./css/response.css";
-@import "./css/markdown.css";
-@import "./css/suggestions.css";
-@import "./css/panel.css";
-@import "./css/console.css";