admesh-ui-sdk 0.10.1 → 0.11.0

package/README.md

@@ -93,6 +93,7 @@ Choose the right ad unit for your use case:
 |---------|----------|---------------|----------------------|------------------|
 
 | **AdMeshProductCard** | Individual products | Single card | ⭐ Easy | ✅ Yes |
+| **AdMeshEcommerceCards** | Product carousels | Horizontal scroll | ⭐ Easy | ✅ Yes |
 | **AdMeshCompareTable** | Product comparisons | Side-by-side table | ⭐⭐ Medium | ✅ Yes |
 | **AdMeshConversationalUnit** | Chat interfaces | Inline/floating | ⭐⭐ Medium | ✅ Yes |
 | **AdMeshCitationUnit** | AI assistants | Numbered references | ⭐⭐⭐ Advanced | ✅ Yes |
@@ -120,6 +121,29 @@ Individual product recommendation card with rich information display.
 />
 ```
 
+#### AdMeshEcommerceCards
+Horizontal scrolling product cards for ecommerce recommendations, similar to Google product search results.
+
+```tsx
+<AdMeshEcommerceCards
+  products={ecommerceProducts}
+  title="Recommended Laptops"
+  showPricing={true}
+  showRatings={true}
+  showBrand={true}
+  cardWidth="md"
+  maxCards={10}
+  onProductClick={(product) => window.open(product.admesh_link || product.url)}
+/>
+```
+
+**Perfect for:**
+- Product search results
+- Ecommerce recommendations
+- Mixed AdMesh + Walmart/Amazon products
+- Google-style product carousels
+- Shopping comparison displays
+
 #### AdMeshCompareTable
 Side-by-side product comparison table for multiple recommendations.
 

package/dist/components/AdMeshEcommerceCards.d.ts

@@ -0,0 +1,43 @@
+import { default as React } from 'react';
+export interface EcommerceProduct {
+    id: string;
+    title: string;
+    price?: number;
+    original_price?: number;
+    discount_percentage?: number;
+    image_url?: string;
+    brand?: string;
+    rating?: number;
+    review_count?: number;
+    url: string;
+    source?: 'walmart' | 'admesh' | string;
+    availability?: string;
+    shipping_info?: {
+        free_shipping_over_35?: boolean;
+        standard_rate?: number;
+        two_day_rate?: number;
+    };
+    description?: string;
+    admesh_link?: string;
+}
+export interface AdMeshEcommerceCardsProps {
+    products: EcommerceProduct[];
+    title?: string;
+    showTitle?: boolean;
+    className?: string;
+    cardClassName?: string;
+    onProductClick?: (product: EcommerceProduct) => void;
+    showPricing?: boolean;
+    showRatings?: boolean;
+    showBrand?: boolean;
+    showSource?: boolean;
+    showShipping?: boolean;
+    maxCards?: number;
+    cardWidth?: 'sm' | 'md' | 'lg';
+    theme?: 'light' | 'dark' | 'auto';
+    borderRadius?: 'none' | 'sm' | 'md' | 'lg';
+    shadow?: 'none' | 'sm' | 'md' | 'lg';
+}
+export declare const AdMeshEcommerceCards: React.FC<AdMeshEcommerceCardsProps>;
+export default AdMeshEcommerceCards;
+//# sourceMappingURL=AdMeshEcommerceCards.d.ts.map

package/dist/components/AdMeshEcommerceCards.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdMeshEcommerceCards.d.ts","sourceRoot":"","sources":["../../src/components/AdMeshEcommerceCards.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE;QACd,qBAAqB,CAAC,EAAE,OAAO,CAAC;QAChC,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;IACF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACrD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC/B,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC3C,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAwQpE,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/AdMeshProductCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdMeshProductCard.d.ts","sourceRoot":"","sources":["../../src/components/AdMeshProductCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,sBAAsB,EAAa,MAAM,gBAAgB,CAAC;AAWxE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA6pB9D,CAAC"}
+{"version":3,"file":"AdMeshProductCard.d.ts","sourceRoot":"","sources":["../../src/components/AdMeshProductCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,sBAAsB,EAAa,MAAM,gBAAgB,CAAC;AAWxE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAgqB9D,CAAC"}

package/dist/components/index.d.ts

@@ -1,4 +1,5 @@
 export { AdMeshProductCard } from './AdMeshProductCard';
+export { AdMeshEcommerceCards } from './AdMeshEcommerceCards';
 export { AdMeshCompareTable } from './AdMeshCompareTable';
 export { AdMeshBadge } from './AdMeshBadge';
 export { AdMeshLinkTracker } from './AdMeshLinkTracker';

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAG9D,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAGpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAG9D,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAG9D,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAGpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAG9D,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC"}

package/dist/index.d.ts

@@ -1,10 +1,10 @@
-export { AdMeshProductCard, AdMeshCompareTable, AdMeshBadge, AdMeshLinkTracker, AdMeshExpandableUnit, AdMeshConversationSummary, AdMeshCitationUnit, AdMeshInlineRecommendation, AdMeshConversationalUnit, AdMeshCitationReference, AdMeshFloatingChat, AdMeshChatInterface, AdMeshChatMessage, AdMeshChatInput, AdMeshSidebar, AdMeshSidebarHeader, AdMeshSidebarContent, AdMeshAutoRecommendationWidget } from './components';
+export { AdMeshProductCard, AdMeshEcommerceCards, AdMeshCompareTable, AdMeshBadge, AdMeshLinkTracker, AdMeshExpandableUnit, AdMeshConversationSummary, AdMeshCitationUnit, AdMeshInlineRecommendation, AdMeshConversationalUnit, AdMeshCitationReference, AdMeshFloatingChat, AdMeshChatInterface, AdMeshChatMessage, AdMeshChatInput, AdMeshSidebar, AdMeshSidebarHeader, AdMeshSidebarContent, AdMeshAutoRecommendationWidget } from './components';
 export { useAdMeshTracker, setAdMeshTrackerConfig, buildAdMeshLink, extractTrackingData } from './hooks/useAdMeshTracker';
 export { useAdMeshStyles } from './hooks/useAdMeshStyles';
 export { createAdMeshTheme, createDarkTheme, themePresets, mergeThemes, themeFromCSSProperties } from './utils/themeUtils';
 export { getRecommendationLabel, getLabelTooltip, getSectionDisclosure, getInlineDisclosure, getInlineTooltip, getBadgeText, getCtaText, hasHighQualityMatches, getPoweredByText } from './utils/disclosureUtils';
 export type { DisclosureConfig } from './utils/disclosureUtils';
-export type { AdMeshRecommendation, AdMeshTheme, IntentType, BadgeType, BadgeVariant, BadgeSize, TrackingData, AdMeshProductCardProps, AdMeshCompareTableProps, AdMeshBadgeProps, AdMeshLinkTrackerProps, UseAdMeshTrackerReturn, AgentRecommendationResponse, AdMeshConfig, ConversationalDisplayMode, ConversationContext, ConversationalAdConfig, AdMeshConversationSummaryProps, AdMeshCitationUnitProps, AdMeshInlineRecommendationProps, AdMeshChatInputProps, AdMeshChatMessageProps, AdMeshChatInterfaceProps, AdMeshFloatingChatProps, AdMeshCitationReferenceProps, AdMeshConversationalUnitProps, ChatMessage, SidebarPosition, SidebarSize, SidebarDisplayMode, AdMeshSidebarConfig, AdMeshSidebarProps, SidebarFilters, AdMeshSidebarHeaderProps, AdMeshSidebarContentProps, } from './types/index';
+export type { AdMeshRecommendation, AdMeshTheme, IntentType, BadgeType, BadgeVariant, BadgeSize, TrackingData, AdMeshProductCardProps, AdMeshEcommerceCardsProps, EcommerceProduct, AdMeshCompareTableProps, AdMeshBadgeProps, AdMeshLinkTrackerProps, UseAdMeshTrackerReturn, AgentRecommendationResponse, AdMeshConfig, ConversationalDisplayMode, ConversationContext, ConversationalAdConfig, AdMeshConversationSummaryProps, AdMeshCitationUnitProps, AdMeshInlineRecommendationProps, AdMeshChatInputProps, AdMeshChatMessageProps, AdMeshChatInterfaceProps, AdMeshFloatingChatProps, AdMeshCitationReferenceProps, AdMeshConversationalUnitProps, ChatMessage, SidebarPosition, SidebarSize, SidebarDisplayMode, AdMeshSidebarConfig, AdMeshSidebarProps, SidebarFilters, AdMeshSidebarHeaderProps, AdMeshSidebarContentProps, } from './types/index';
 export declare const VERSION = "0.2.1";
 export declare const DEFAULT_CONFIG: {
     trackingEnabled: boolean;

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAClB,WAAW,EAEX,iBAAiB,EAEjB,oBAAoB,EACpB,yBAAyB,EACzB,kBAAkB,EAClB,0BAA0B,EAC1B,wBAAwB,EACxB,uBAAuB,EACvB,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,EACf,aAAa,EACb,mBAAmB,EACnB,oBAAoB,EACpB,8BAA8B,EAC/B,MAAM,cAAc,CAAC;AAGtB,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,eAAe,EACf,mBAAmB,EACpB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EACL,eAAe,EAChB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,YAAY,EACZ,WAAW,EACX,sBAAsB,EACvB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EACL,sBAAsB,EACtB,eAAe,EACf,oBAAoB,EACpB,mBAAmB,EACnB,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,qBAAqB,EACrB,gBAAgB,EACjB,MAAM,yBAAyB,CAAC;AAEjC,YAAY,EACV,gBAAgB,EACjB,MAAM,yBAAyB,CAAC;AAGjC,YAAY,EACV,oBAAoB,EACpB,WAAW,EACX,UAAU,EACV,SAAS,EACT,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,sBAAsB,EACtB,uBAAuB,EACvB,gBAAgB,EAEhB,sBAAsB,EAEtB,sBAAsB,EACtB,2BAA2B,EAC3B,YAAY,EACZ,yBAAyB,EACzB,mBAAmB,EACnB,sBAAsB,EACtB,8BAA8B,EAC9B,uBAAuB,EACvB,+BAA+B,EAC/B,oBAAoB,EACpB,sBAAsB,EACtB,wBAAwB,EACxB,uBAAuB,EACvB,4BAA4B,EAC5B,6BAA6B,EAC7B,WAAW,EACX,eAAe,EACf,WAAW,EACX,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,cAAc,EACd,wBAAwB,EACxB,yBAAyB,GAE1B,MAAM,eAAe,CAAC;AAGvB,eAAO,MAAM,OAAO,UAAU,CAAC;AAG/B,eAAO,MAAM,cAAc;;;;;;;CAO1B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,iBAAiB,EACjB,oBAAoB,EACpB,kBAAkB,EAClB,WAAW,EAEX,iBAAiB,EAEjB,oBAAoB,EACpB,yBAAyB,EACzB,kBAAkB,EAClB,0BAA0B,EAC1B,wBAAwB,EACxB,uBAAuB,EACvB,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,EACf,aAAa,EACb,mBAAmB,EACnB,oBAAoB,EACpB,8BAA8B,EAC/B,MAAM,cAAc,CAAC;AAGtB,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,eAAe,EACf,mBAAmB,EACpB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EACL,eAAe,EAChB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,YAAY,EACZ,WAAW,EACX,sBAAsB,EACvB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EACL,sBAAsB,EACtB,eAAe,EACf,oBAAoB,EACpB,mBAAmB,EACnB,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,qBAAqB,EACrB,gBAAgB,EACjB,MAAM,yBAAyB,CAAC;AAEjC,YAAY,EACV,gBAAgB,EACjB,MAAM,yBAAyB,CAAC;AAGjC,YAAY,EACV,oBAAoB,EACpB,WAAW,EACX,UAAU,EACV,SAAS,EACT,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,sBAAsB,EACtB,yBAAyB,EACzB,gBAAgB,EAChB,uBAAuB,EACvB,gBAAgB,EAEhB,sBAAsB,EAEtB,sBAAsB,EACtB,2BAA2B,EAC3B,YAAY,EACZ,yBAAyB,EACzB,mBAAmB,EACnB,sBAAsB,EACtB,8BAA8B,EAC9B,uBAAuB,EACvB,+BAA+B,EAC/B,oBAAoB,EACpB,sBAAsB,EACtB,wBAAwB,EACxB,uBAAuB,EACvB,4BAA4B,EAC5B,6BAA6B,EAC7B,WAAW,EACX,eAAe,EACf,WAAW,EACX,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,cAAc,EACd,wBAAwB,EACxB,yBAAyB,GAE1B,MAAM,eAAe,CAAC;AAGvB,eAAO,MAAM,OAAO,UAAU,CAAC;AAG/B,eAAO,MAAM,cAAc;;;;;;;CAO1B,CAAC"}