impact-ui 3.7.34-alpha.2 → 3.7.34-alpha.3

package/dist/components/Header/Header.types.d.ts

@@ -0,0 +1,57 @@
+import { ReactNode } from 'react';
+import { RootComponentProps } from '../../types';
+import { AvatarProps } from '../Avatar/Avatar.types';
+
+/**
+ * Drop menu option for the header avatar menu.
+ */
+export interface HeaderDropMenuOption {
+    label: string;
+    value?: string;
+    onClick?: () => void;
+}
+/**
+ * Header component props.
+ * Avatar props can be extended via avatarProps; dropMenuOptions drive the avatar dropdown menu.
+ */
+export interface HeaderProps extends RootComponentProps {
+    /** Title shown next to the logo */
+    title?: ReactNode;
+    /** User name shown in avatar and default menu option */
+    userName?: string;
+    /** Called when the logo is clicked */
+    handleLogoClick?: () => void;
+    /** Show the notification icon */
+    showNotificationIcon?: boolean;
+    /** Show notification indicator dot */
+    notificationIndicator?: boolean;
+    /** Called when notification icon is clicked */
+    handleNotificationClick?: () => void;
+    /** Show the help icon */
+    showHelpIcon?: boolean;
+    /** Called when help icon is clicked */
+    handleHelpClick?: () => void;
+    /** Show the message icon */
+    showMessageIcon?: boolean;
+    /** Called when message icon is clicked */
+    handleMessageClick?: () => void;
+    /** Show the chatbot "Ask Alan" button */
+    showChatBotIcon?: boolean;
+    /** Called when chatbot button is clicked */
+    handleChatBotClick?: () => void;
+    /** When true, message icon is shown but disabled (no click) */
+    isMessageIconDisabled?: boolean;
+    /** When true, show DND variant of notification icon */
+    isNotificationDnd?: boolean;
+    /** Options for the avatar dropdown menu */
+    dropMenuOptions?: HeaderDropMenuOption[];
+    /** When true, chatbot button is disabled */
+    isChatBotDisabled?: boolean;
+    /** Optional center section content */
+    centerComponent?: ReactNode;
+    /** Props passed to the Avatar component (extends AvatarProps) */
+    avatarProps?: Partial<AvatarProps>;
+    /** Avatar display type */
+    avatarType?: AvatarProps['type'];
+}
+//# sourceMappingURL=Header.types.d.ts.map

package/dist/components/Header/Header.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.types.d.ts","sourceRoot":"","sources":["../../../src/components/Header/Header.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE1D;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD,mCAAmC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,sCAAsC;IACtC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B,iCAAiC;IACjC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,sCAAsC;IACtC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,+CAA+C;IAC/C,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;IAErC,yBAAyB;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,uCAAuC;IACvC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B,4BAA4B;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,0CAA0C;IAC1C,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC,yCAAyC;IACzC,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,4CAA4C;IAC5C,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC,+DAA+D;IAC/D,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,uDAAuD;IACvD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,2CAA2C;IAC3C,eAAe,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAEzC,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,sCAAsC;IACtC,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAEnC,0BAA0B;IAC1B,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAClC"}

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

@@ -0,0 +1,11 @@
+import { HeaderProps } from './Header.types';
+
+export type { HeaderProps, HeaderDropMenuOption } from './Header.types';
+/**
+ * App header with logo, title, actions (help, message, notification, chatbot) and avatar menu.
+ */
+export declare function Header({ title, userName, handleLogoClick, showNotificationIcon, notificationIndicator, handleNotificationClick, showHelpIcon, handleHelpClick, showMessageIcon, handleMessageClick, showChatBotIcon, handleChatBotClick, isMessageIconDisabled, isNotificationDnd, dropMenuOptions, isChatBotDisabled, centerComponent, avatarProps, avatarType, className, id, 'data-testid': dataTestId, role, }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Header {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,sBAAsB,CAAC;AAS9B,YAAY,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAExE;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,QAAQ,EACR,eAAe,EACf,oBAA2B,EAC3B,qBAA4B,EAC5B,uBAAuB,EACvB,YAAmB,EACnB,eAAe,EACf,eAAsB,EACtB,kBAAkB,EAClB,eAAsB,EACtB,kBAAkB,EAClB,qBAA6B,EAC7B,iBAAyB,EACzB,eAAoE,EACpE,iBAAyB,EACzB,eAAe,EACf,WAAW,EACX,UAA6B,EAC7B,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,IAAe,GAChB,EAAE,WAAW,2CAuIb;yBA/Je,MAAM"}

package/dist/components/Header/index.js

@@ -0,0 +1,182 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.impact-header-container{align-items:center;background-color:#fff;box-shadow:0 0 16px 2px #0000000f;display:flex;height:56px;justify-content:space-between;left:64px;min-width:700px;padding:0 24px;position:fixed;top:0;width:calc(100% - 64px);z-index:1199}.impact-header-container-left-side{align-items:center;display:flex;flex-direction:row;gap:14px;justify-content:flex-start}.impact-header-logo{height:36px;width:91px}.impact-header-logo:hover{cursor:pointer}.impact-header-separator{background-color:#d9dde7;display:block;height:24px;width:1px}.impact-header-title{color:#1f2b4d;font-size:16px;font-weight:800;line-height:24px}.impact-header-container-right-side{align-items:center;display:flex;flex-direction:row;gap:24px;justify-content:flex-start}.impact-header-avatar:hover,.impact-header-help-container:hover,.impact-header-message-container:hover,.impact-header-notification-container:hover{cursor:pointer}.impact-header-bot-container{align-items:center;background-color:#0f1937;background:linear-gradient(-45deg,#2ac2aa,#6666ef,#f26922,#8863c0,#0f1937);background-size:400% 400%;border-radius:8px;cursor:pointer;display:flex;height:34px;padding-inline:11px;position:relative;width:106px}.impact-header-bot-container:after{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/smartBot.svg) no-repeat;background-position:50%;background-size:16px;content:"";height:16px;position:absolute;width:16px}.impact-header-bot-container:before{background:linear-gradient(167deg,#2ac2ee,#6962ef,#f26921);border-radius:9px;bottom:-1px;content:"";left:-1px;position:absolute;right:-1px;top:-1px;z-index:-1}.impact-header-bot-container:hover:not(.impact-header-bot-container-disabled){animation:gradient 2s ease infinite;background:linear-gradient(-45deg,#2ac2ee,#6962ef,#f26921);background-size:400% 400%}.impact-header-bot-container:hover:not(.impact-header-bot-container-disabled):before{background:none}.impact-header-bot-container{animation:gradient 5s ease infinite}.impact-header-bot-container .impact-header-bot-container-text{color:#fff;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;padding-left:23px}@keyframes gradient{0%{background-position:0 20% 40% 60% 80%}50%{background-position:80% 50%}to{background-position:0 20% 40% 60% 80%}}.impact-header-bot-container-disabled{animation:none;background-color:#d9dde7;background-image:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/smartBot.svg),none;background-position:10px 50%;background-repeat:no-repeat;background-size:20px 20px;cursor:not-allowed}.impact-header-bot-container-disabled:before{background:none}.impact-header-notification-container{position:relative}.impact-header-notification-indicator-container{height:8px;left:14px;position:absolute;top:0;width:8px}.impact-header-notification-indicator-outer-circle{animation:waves 1.5s ease-out infinite;background-color:#fceeee;border-radius:50%;height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.impact-header-notification-indicator-inner-circle{background-color:#c64746;border-radius:50%;height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.impact-header-avatar .ia-avatar{background-color:#31935f!important;border-radius:8px;color:#fff;line-height:30px}@keyframes waves{0%{height:8px;width:8px}to{height:16px;width:16px}}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { getAssetUrl } from "../../utils/assetBase.js";
+import { Avatar } from "../Avatar/index.js";
+import { Menu } from "../Menu/index.js";
+
+const NotificationIcon = getAssetUrl("icons/bell.svg");
+const HelpIcon = getAssetUrl("icons/help-icon.svg");
+const ImpactLogoHD2 = getAssetUrl("icons/IA_Logo.svg");
+const MessageIconDisabled = getAssetUrl("icons/message-icon-disabled.svg");
+const MessageIcon = getAssetUrl("icons/message-icon.svg");
+const NotificationDNDIcon = getAssetUrl("icons/notification-dnd.svg");
+function Header({
+  title,
+  userName,
+  handleLogoClick,
+  showNotificationIcon = true,
+  notificationIndicator = true,
+  handleNotificationClick,
+  showHelpIcon = true,
+  handleHelpClick,
+  showMessageIcon = true,
+  handleMessageClick,
+  showChatBotIcon = true,
+  handleChatBotClick,
+  isMessageIconDisabled = false,
+  isNotificationDnd = false,
+  dropMenuOptions = [{ label: userName ?? "User", onClick: () => {
+  } }],
+  isChatBotDisabled = false,
+  centerComponent,
+  avatarProps,
+  avatarType = "withoutPicture",
+  className,
+  id,
+  "data-testid": dataTestId,
+  role = "banner"
+}) {
+  const [anchorEl, setAnchorEl] = useState(null);
+  const open = Boolean(anchorEl);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `impact-header-container ${className ?? ""}`.trim(),
+      "data-testid": dataTestId,
+      id,
+      role,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "impact-header-container-left-side", children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              "aria-label": "Logo",
+              className: "impact-header-logo",
+              role: "button",
+              tabIndex: 0,
+              onClick: handleLogoClick,
+              onKeyDown: (e) => e.key === "Enter" && (handleLogoClick == null ? void 0 : handleLogoClick()),
+              children: /* @__PURE__ */ jsx("img", { alt: "Impact Logo", height: "100%", src: ImpactLogoHD2, width: "100%" })
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "impact-header-separator" }),
+          /* @__PURE__ */ jsx("div", { className: "impact-header-title", children: title })
+        ] }),
+        centerComponent,
+        /* @__PURE__ */ jsxs("div", { className: "impact-header-container-right-side", children: [
+          showHelpIcon && /* @__PURE__ */ jsx(
+            "div",
+            {
+              "aria-label": "Help",
+              className: "impact-header-help-container",
+              role: "button",
+              tabIndex: 0,
+              onClick: handleHelpClick,
+              onKeyDown: (e) => e.key === "Enter" && (handleHelpClick == null ? void 0 : handleHelpClick()),
+              children: /* @__PURE__ */ jsx("img", { alt: "", height: "100%", src: HelpIcon, width: "100%" })
+            }
+          ),
+          isMessageIconDisabled && showMessageIcon && /* @__PURE__ */ jsx(
+            "div",
+            {
+              "aria-label": "Message (disabled)",
+              className: "impact-header-message-container",
+              role: "button",
+              tabIndex: 0,
+              children: /* @__PURE__ */ jsx("img", { alt: "", height: "100%", src: MessageIconDisabled, width: "100%" })
+            }
+          ),
+          !isMessageIconDisabled && showMessageIcon && /* @__PURE__ */ jsx(
+            "div",
+            {
+              "aria-label": "Message",
+              className: "impact-header-message-container",
+              role: "button",
+              tabIndex: 0,
+              onClick: handleMessageClick,
+              onKeyDown: (e) => e.key === "Enter" && (handleMessageClick == null ? void 0 : handleMessageClick()),
+              children: /* @__PURE__ */ jsx("img", { alt: "", height: "100%", src: MessageIcon, width: "100%" })
+            }
+          ),
+          isNotificationDnd && showNotificationIcon && /* @__PURE__ */ jsx(
+            "div",
+            {
+              "aria-label": "Notifications",
+              className: "impact-header-notification-container",
+              role: "button",
+              tabIndex: 0,
+              onClick: handleNotificationClick,
+              onKeyDown: (e) => e.key === "Enter" && (handleNotificationClick == null ? void 0 : handleNotificationClick()),
+              children: /* @__PURE__ */ jsx("img", { alt: "", height: "100%", src: NotificationDNDIcon, width: "100%" })
+            }
+          ),
+          !isNotificationDnd && showNotificationIcon && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              "aria-label": "Notifications",
+              className: "impact-header-notification-container",
+              role: "button",
+              tabIndex: 0,
+              onClick: handleNotificationClick,
+              onKeyDown: (e) => e.key === "Enter" && (handleNotificationClick == null ? void 0 : handleNotificationClick()),
+              children: [
+                /* @__PURE__ */ jsx("img", { alt: "", height: "100%", src: NotificationIcon, width: "100%" }),
+                notificationIndicator && /* @__PURE__ */ jsxs("div", { className: "impact-header-notification-indicator-container", children: [
+                  /* @__PURE__ */ jsx("div", { className: "impact-header-notification-indicator-outer-circle" }),
+                  /* @__PURE__ */ jsx("div", { className: "impact-header-notification-indicator-inner-circle" })
+                ] })
+              ]
+            }
+          ),
+          showChatBotIcon && /* @__PURE__ */ jsx(
+            "div",
+            {
+              "aria-disabled": isChatBotDisabled,
+              "aria-label": "Ask Alan",
+              className: `impact-header-bot-container ${isChatBotDisabled ? "impact-header-bot-container-disabled" : ""}`,
+              role: "button",
+              tabIndex: 0,
+              onClick: handleChatBotClick,
+              onKeyDown: (e) => e.key === "Enter" && !isChatBotDisabled && (handleChatBotClick == null ? void 0 : handleChatBotClick()),
+              children: /* @__PURE__ */ jsx("span", { className: "impact-header-bot-container-text", children: "Ask Alan" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              "aria-expanded": open,
+              "aria-haspopup": "menu",
+              "aria-label": "User menu",
+              className: "impact-header-avatar",
+              role: "button",
+              tabIndex: 0,
+              onClick: (event) => {
+                setAnchorEl(event.currentTarget);
+              },
+              onKeyDown: (e) => {
+                e.key === "Enter" && setAnchorEl(e.currentTarget);
+              },
+              children: /* @__PURE__ */ jsx(Avatar, { label: userName, size: "small", type: avatarType, ...avatarProps })
+            }
+          ),
+          dropMenuOptions && dropMenuOptions.length > 0 && /* @__PURE__ */ jsx(
+            Menu,
+            {
+              anchorEl,
+              open,
+              options: dropMenuOptions,
+              onClose: () => {
+                setAnchorEl(null);
+              }
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+Header.displayName = "Header";
+export {
+  Header
+};

package/dist/components/HomePage/HomePage.types.d.ts

@@ -0,0 +1,63 @@
+import { BaseComponentProps } from '../../types';
+
+/** Single toolkit card item */
+export interface ToolKitItem {
+    name: string;
+    description: string;
+    cta?: string;
+    details?: string;
+    folderContent?: string[];
+}
+/** Smart AI item; extends toolkit item with optional new-product badge */
+export interface SmartAiItem extends ToolKitItem {
+    isNewProduct?: boolean;
+}
+/** Configuration menu item (logo, label, description) */
+export interface ConfigurationMenuItem {
+    logo: string;
+    label: string;
+    desc: string;
+}
+/** Agentic use case (for constants / panel content) */
+export interface AgenticUsecaseItem {
+    name: string;
+    description: string;
+    background: string;
+    borderColor: string;
+    backgroundImage: string;
+    image: string;
+}
+/** Client logo entry */
+export interface ClientLogoItem {
+    name: string;
+    image: string;
+}
+export interface HomePageProps extends BaseComponentProps {
+    /** Client name used to resolve and show client logo */
+    clientName?: string;
+    /** Shown in welcome text */
+    userName?: string;
+    /** Toolkit cards (left panel) */
+    toolKitItems?: ToolKitItem[];
+    /** Smart AI solution cards */
+    smartAiItems?: SmartAiItem[];
+    /** Items for the Configurations dropdown */
+    configurationsMenuItems?: ConfigurationMenuItem[];
+    /** Initial active toolkit item */
+    activeToolKitItem?: ToolKitItem | null;
+    /** Initial active Smart AI item */
+    activeSmartAiItem?: SmartAiItem | null;
+    /** Called when Launch is clicked for a toolkit item */
+    onLaunchClick?: (item: ToolKitItem) => void;
+    /** Called when Book demo is clicked (Smart AI or agentic use case) */
+    onBookDemoClick?: (item: SmartAiItem | AgenticUsecaseItem) => void;
+    /** Called when "View released notes" is clicked */
+    onViewReleasedNotesClick?: () => void;
+    /** Called when a configuration menu item is chosen */
+    onConfigurationsClick?: (item: ConfigurationMenuItem) => void;
+    /** Called when "Know more" is clicked on a Smart AI item */
+    onKnowMoreClick?: (item: SmartAiItem) => void;
+    /** Whether to show the Configurations button */
+    showConfigurationsButton?: boolean;
+}
+//# sourceMappingURL=HomePage.types.d.ts.map

package/dist/components/HomePage/HomePage.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HomePage.types.d.ts","sourceRoot":"","sources":["../../../src/components/HomePage/HomePage.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD,+BAA+B;AAC/B,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;CAC1B;AAED,0EAA0E;AAC1E,MAAM,WAAW,WAAY,SAAQ,WAAW;IAC9C,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,yDAAyD;AACzD,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,uDAAuD;AACvD,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAwB;AACxB,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,aAAc,SAAQ,kBAAkB;IACvD,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iCAAiC;IACjC,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,8BAA8B;IAC9B,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,4CAA4C;IAC5C,uBAAuB,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAClD,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACvC,mCAAmC;IACnC,iBAAiB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACvC,uDAAuD;IACvD,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5C,sEAAsE;IACtE,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,kBAAkB,KAAK,IAAI,CAAC;IACnE,mDAAmD;IACnD,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAC;IACtC,sDAAsD;IACtD,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC9D,4DAA4D;IAC5D,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9C,gDAAgD;IAChD,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC"}

package/dist/components/HomePage/constants.d.ts

@@ -0,0 +1,8 @@
+import { AgenticUsecaseItem, ClientLogoItem } from './HomePage.types';
+
+export declare const CAROUSEL_IMAGES: string[];
+export declare const CAROUSEL_IMAGES_TEXT: string[];
+export declare const AGENTIC_USECASES: AgenticUsecaseItem[];
+export declare const CLIENT_LOGOS: ClientLogoItem[];
+export declare const findClient: (clientName: string) => ClientLogoItem | null;
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/HomePage/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/HomePage/constants.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AA+G3E,eAAO,MAAM,eAAe,EAAE,MAAM,EAOnC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,EAOxC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,kBAAkB,EAiKhD,CAAC;AAEF,eAAO,MAAM,YAAY,kBAAqB,CAAC;AAE/C,eAAO,MAAM,UAAU,GAAI,YAAY,MAAM,KAAG,cAAc,GAAG,IAuBhE,CAAC"}

package/dist/components/HomePage/constants.js

@@ -0,0 +1,308 @@
+import { getAssetUrl } from "../../utils/assetBase.js";
+const logoBalsum = getAssetUrl("clientLogos/Balsam.svg");
+const logoFigs = getAssetUrl("clientLogos/figs.svg");
+const logoStarBoard = getAssetUrl("clientLogos/Starboard.svg");
+const StarIcon1 = getAssetUrl("landingPageAssets/agenticIcons/starIcon1.svg");
+const StarIcon2 = getAssetUrl("landingPageAssets/agenticIcons/starIcon2.svg");
+const StarIcon3 = getAssetUrl("landingPageAssets/agenticIcons/starIcon3.svg");
+const StarIcon4 = getAssetUrl("landingPageAssets/agenticIcons/starIcon4.svg");
+const StarIcon5 = getAssetUrl("landingPageAssets/agenticIcons/starIcon5.svg");
+const logoAAA = getAssetUrl("clientLogos/aaa.webp");
+const logoAlFuttaim = getAssetUrl("clientLogos/al-futtaim.webp");
+const logoArhaus = getAssetUrl("clientLogos/arhaus.webp");
+const logoAsleyStewart = getAssetUrl("clientLogos/asley-stewart.webp");
+const logoBriscoe = getAssetUrl("clientLogos/briscoe.webp");
+const logoCarters = getAssetUrl("clientLogos/carters.webp");
+const logoCb = getAssetUrl("clientLogos/cb.webp");
+const logoCoach = getAssetUrl("clientLogos/coach.webp");
+const logoDollarGeneral = getAssetUrl("clientLogos/dollargeneral.webp");
+const logoFossil = getAssetUrl("clientLogos/fossil.webp");
+const logoJared = getAssetUrl("clientLogos/jared.webp");
+const logoKateSpade = getAssetUrl("clientLogos/katespade.webp");
+const logoKay = getAssetUrl("clientLogos/kay.webp");
+const logoKik = getAssetUrl("clientLogos/kik.webp");
+const logoLeslies = getAssetUrl("clientLogos/leslies.webp");
+const logoLovisa = getAssetUrl("clientLogos/lovisa_1.webp");
+const logoLevis = getAssetUrl("clientLogos/lsco_logo_red.webp");
+const logoMS = getAssetUrl("clientLogos/m-s.webp");
+const logoOshkosh = getAssetUrl("clientLogos/oshkosh.webp");
+const logoPacSun = getAssetUrl("clientLogos/PACSUN.webp");
+const logoPantagonia = getAssetUrl("clientLogos/pantagonia.webp");
+const logoPink = getAssetUrl("clientLogos/pink.webp");
+const logoPittaRoso = getAssetUrl("clientLogos/pitta-roso.webp");
+const logoPsp = getAssetUrl("clientLogos/psp.webp");
+const logoRalphLauren = getAssetUrl("clientLogos/ralphlauren.webp");
+const logoRebel = getAssetUrl("clientLogos/rebel.webp");
+const logoScarpe = getAssetUrl("clientLogos/scarpe.webp");
+const logoSignet = getAssetUrl("clientLogos/signet.webp");
+const logoSo5 = getAssetUrl("clientLogos/so5.webp");
+const logoSpanx = getAssetUrl("clientLogos/spanx.webp");
+const logoSteveMadden = getAssetUrl("clientLogos/stevemadden.webp");
+const logoStuart = getAssetUrl("clientLogos/stuart.webp");
+const logoTillys = getAssetUrl("clientLogos/tillys.webp");
+const logoTommyBahama = getAssetUrl("clientLogos/tommy-bahama.webp");
+const logoVs = getAssetUrl("clientLogos/vs.webp");
+const logoZales = getAssetUrl("clientLogos/zales.webp");
+const Image2 = getAssetUrl("landingPageAssets/agenticIcons/1.webp");
+const Image11 = getAssetUrl("landingPageAssets/agenticIcons/10.webp");
+const Image12 = getAssetUrl("landingPageAssets/agenticIcons/11.webp");
+const CarouselImage2 = getAssetUrl("landingPageAssets/agenticIcons/12.webp");
+const Image14 = getAssetUrl("landingPageAssets/agenticIcons/13.webp");
+const Image15 = getAssetUrl("landingPageAssets/agenticIcons/14.webp");
+const CarouselImage3 = getAssetUrl("landingPageAssets/agenticIcons/15.webp");
+const Image18 = getAssetUrl("landingPageAssets/agenticIcons/17.webp");
+const CarouselImage4 = getAssetUrl("landingPageAssets/agenticIcons/19.webp");
+const Image3 = getAssetUrl("landingPageAssets/agenticIcons/2.webp");
+const Image21 = getAssetUrl("landingPageAssets/agenticIcons/20.webp");
+const Image22 = getAssetUrl("landingPageAssets/agenticIcons/21.webp");
+const Image23 = getAssetUrl("landingPageAssets/agenticIcons/22.webp");
+const Image24 = getAssetUrl("landingPageAssets/agenticIcons/23.webp");
+const Image1 = getAssetUrl("landingPageAssets/agenticIcons/24.webp");
+const Image4 = getAssetUrl("landingPageAssets/agenticIcons/3.webp");
+const Image5 = getAssetUrl("landingPageAssets/agenticIcons/4.webp");
+const Image6 = getAssetUrl("landingPageAssets/agenticIcons/5.webp");
+const CarouselImage6 = getAssetUrl("landingPageAssets/agenticIcons/6.webp");
+const Image8 = getAssetUrl("landingPageAssets/agenticIcons/7.webp");
+const CarouselImage5 = getAssetUrl("landingPageAssets/agenticIcons/8.webp");
+const CarouselImage1 = getAssetUrl("landingPageAssets/image-2.webp");
+const CLIENT_LOGOS_ARRAY = [
+  { name: "Ralph Lauren", image: logoRalphLauren },
+  { name: "Coach", image: logoCoach },
+  { name: "Tommy Bahama", image: logoTommyBahama },
+  { name: "carter's", image: logoCarters },
+  { name: "kate spade", image: logoKateSpade },
+  { name: "levi-lsa", image: logoLevis },
+  { name: "patagonia", image: logoPantagonia },
+  { name: "Victoria's Secret", image: logoVs },
+  { name: "Starboard", image: logoStarBoard },
+  { name: "Saks OFF 5TH", image: logoSo5 },
+  { name: "Stuart Weitzman", image: logoStuart },
+  { name: "PacSun", image: logoPacSun },
+  { name: "M&S", image: logoMS },
+  { name: "Cracker Barrel", image: logoCb },
+  { name: "Signet Jewelers", image: logoSignet },
+  { name: "Steve Madden", image: logoSteveMadden },
+  { name: "psp", image: logoPsp },
+  { name: "Balsamhill", image: logoBalsum },
+  { name: "Tillys", image: logoTillys },
+  { name: "lesliespool", image: logoLeslies },
+  { name: "Fossil", image: logoFossil },
+  { name: "Jared", image: logoJared },
+  { name: "Ashley Stewart", image: logoAsleyStewart },
+  { name: "OshKosh B'gosh", image: logoOshkosh },
+  { name: "Kay Jewelers", image: logoKay },
+  { name: "PINK", image: logoPink },
+  { name: "REBEL Sport", image: logoRebel },
+  { name: "Arhaus", image: logoArhaus },
+  { name: "Spanx", image: logoSpanx },
+  { name: "FIGS", image: logoFigs },
+  { name: "Dollar General", image: logoDollarGeneral },
+  { name: "Zales", image: logoZales },
+  { name: "PittaRosso", image: logoPittaRoso },
+  { name: "Lovisa", image: logoLovisa },
+  { name: "Briscoe Group", image: logoBriscoe },
+  { name: "Al-Futtaim", image: logoAlFuttaim },
+  { name: "AAA", image: logoAAA },
+  { name: "kik", image: logoKik },
+  { name: "Scarpe&Scarpe", image: logoScarpe }
+];
+const CAROUSEL_IMAGES = [
+  CarouselImage1,
+  CarouselImage2,
+  CarouselImage3,
+  CarouselImage4,
+  CarouselImage5,
+  CarouselImage6
+];
+const CAROUSEL_IMAGES_TEXT = [
+  "KVI KVC Recommendation",
+  "SOP/ Policy Navigator",
+  "Campaign brief generator",
+  "Anomaly detector",
+  "Promotion Effectiveness Analyser",
+  "Label and Compliance checker"
+];
+const AGENTIC_USECASES = [
+  {
+    name: "Tariff Mitigation Analytics",
+    description: "Analyze tariff impacts and identify mitigation strategies.",
+    background: "#FFF9F5",
+    borderColor: "#FFBE9A",
+    backgroundImage: StarIcon1,
+    image: Image1
+  },
+  {
+    name: "Store & Product Clustering Agent",
+    description: "Group similar stores and products by relevant attributes.",
+    background: "#F1FCFF",
+    borderColor: "#2BBFEE",
+    backgroundImage: StarIcon2,
+    image: Image2
+  },
+  {
+    name: "KVI and KVC Recommendation",
+    description: "Automatically identify Key Value Items and Key Value Categories.",
+    background: "#F9F9FF",
+    borderColor: "#6962EF",
+    backgroundImage: StarIcon4,
+    image: Image3
+  },
+  {
+    name: "Localized Size Curve Optimization",
+    description: "Automatically optimize size distributions by location.",
+    background: "#069A760D",
+    borderColor: "#069A76",
+    backgroundImage: StarIcon5,
+    image: Image6
+  },
+  {
+    name: "Dynamic Pricing Agent",
+    description: "Continuously adjust prices based on demand, seasonality, and competition.",
+    background: "#F2F6FF",
+    borderColor: "#607CBA",
+    backgroundImage: StarIcon3,
+    image: CarouselImage4
+  },
+  {
+    name: "Promotion Optimizer Agent",
+    description: "Optimize promo mix, depth, and timing for maximum ROI.",
+    background: "#F9F9FF",
+    borderColor: "#6962EF",
+    backgroundImage: StarIcon4,
+    image: CarouselImage5
+  },
+  {
+    name: "Ad-Spend Allocator Agent",
+    description: "Allocate budget across channels and audiences to hit goals.",
+    background: "#F1FCFF",
+    borderColor: "#2BBFEE",
+    backgroundImage: StarIcon2,
+    image: Image21
+  },
+  {
+    name: "Trend Radar Agent",
+    description: "Detect emerging trends from search, social, and sales data.",
+    background: "#FFF9F5",
+    borderColor: "#FFBE9A",
+    backgroundImage: StarIcon1,
+    image: Image15
+  },
+  {
+    name: "Audience Micro-Segmentation Agent",
+    description: "Discover granular customer cohorts for targeted activation.",
+    background: "#F1FCFF",
+    borderColor: "#2BBFEE",
+    backgroundImage: StarIcon2,
+    image: Image22
+  },
+  {
+    name: "Campaign Creative Generator Agent",
+    description: "Generate on-brand concepts, copy, and variants at scale.",
+    background: "#F2F6FF",
+    borderColor: "#607CBA",
+    backgroundImage: StarIcon3,
+    image: CarouselImage3
+  },
+  {
+    name: "Email & SMS Personalizer Agent",
+    description: "Personalize messages using customer behavior and context.",
+    background: "#F9F9FF",
+    borderColor: "#6962EF",
+    backgroundImage: StarIcon4,
+    image: Image23
+  },
+  {
+    name: "Influencer Matchmaker Agent",
+    description: "Find creators with the best audience fit and predicted lift.",
+    background: "#069A760D",
+    borderColor: "#069A76",
+    backgroundImage: StarIcon5,
+    image: Image11
+  },
+  {
+    name: "Marketing-Mix Modeling Agent",
+    description: "Measure channel contribution and optimize spend allocation.",
+    background: "#F1FCFF",
+    borderColor: "#2BBFEE",
+    backgroundImage: StarIcon2,
+    image: Image18
+  },
+  {
+    name: "Cross-Channel Attribution Agent",
+    description: "Attribute impact across journeys beyond last-click bias.",
+    background: "#F2F6FF",
+    borderColor: "#607CBA",
+    backgroundImage: StarIcon3,
+    image: Image14
+  },
+  {
+    name: "SEO Content Optimizer Agent",
+    description: "Create search-optimized content tailored to user intent.",
+    background: "#FFF9F5",
+    borderColor: "#FFBE9A",
+    backgroundImage: StarIcon1,
+    image: Image24
+  },
+  {
+    name: "Product Description Generator",
+    description: "Generate product descriptions for each item using guidelines.",
+    background: "#F2F6FF",
+    borderColor: "#607CBA",
+    backgroundImage: StarIcon3,
+    image: Image4
+  },
+  {
+    name: "Agent Assist",
+    description: "Enable customer support representatives to access accurate answers.",
+    background: "#F9F9FF",
+    borderColor: "#6962EF",
+    backgroundImage: StarIcon4,
+    image: Image8
+  },
+  {
+    name: "Product FAQ Generator",
+    description: "Generate product descriptions using guidelines.",
+    background: "#F2F6FF",
+    borderColor: "#607CBA",
+    backgroundImage: StarIcon3,
+    image: Image12
+  },
+  {
+    name: "Personalized Product Recommendation",
+    description: "Serve tailored recommendations across channels in real time.",
+    background: "#F1FCFF",
+    borderColor: "#2BBFEE",
+    backgroundImage: StarIcon2,
+    image: Image5
+  },
+  {
+    name: "Cart-Recovery Nudge Agent",
+    description: "Recover abandoned carts with contextual, timed nudges.",
+    background: "#069A760D",
+    borderColor: "#069A76",
+    backgroundImage: StarIcon5,
+    image: CarouselImage6
+  }
+];
+const findClient = (clientName) => {
+  if (!clientName) return null;
+  const normalize = (str) => str.toLowerCase().replace(/[^a-z0-9]/g, "");
+  const searchStr = normalize(clientName);
+  let fallbackMatch = null;
+  for (const client of CLIENT_LOGOS_ARRAY) {
+    const clientStr = normalize(client.name);
+    if (clientStr === searchStr) {
+      return client;
+    }
+    if (clientStr.includes(searchStr) || searchStr.includes(clientStr)) {
+      fallbackMatch = client;
+    }
+  }
+  return fallbackMatch;
+};
+export {
+  AGENTIC_USECASES,
+  CAROUSEL_IMAGES,
+  CAROUSEL_IMAGES_TEXT,
+  findClient
+};

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

@@ -0,0 +1,9 @@
+import { HomePageProps } from './HomePage.types';
+
+export type { HomePageProps } from './HomePage.types';
+export type { ToolKitItem, SmartAiItem, ConfigurationMenuItem } from './HomePage.types';
+export declare function HomePage({ clientName, userName, toolKitItems, smartAiItems, configurationsMenuItems, activeToolKitItem: currentActiveToolKitItem, activeSmartAiItem: currentActiveSmartAiItem, onLaunchClick, onBookDemoClick, onViewReleasedNotesClick, onConfigurationsClick, onKnowMoreClick, showConfigurationsButton, 'data-testid': dataTestId, }: HomePageProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace HomePage {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map