@envive-ai/react-toolkit 0.1.0 → 0.1.1

package/{dist/packages/components/src/index.js → src/index.ts}

@@ -10,6 +10,7 @@ export { Spinner } from './components/common/Spinner/Spinner';
 export { SuggestionButton } from './components/common/SuggestionButton/SuggestionButton';
 export { Text } from './components/common/Text/Text';
 export { TextInput } from './components/common/TextInput/TextInput';
+
 // Search Components
 export { AppliedFiltersScrollbar } from './components/search/FilterScrollbar/AppliedFiltersScrollbar';
 export { DynamicFiltersScrollbar } from './components/search/FilterScrollbar/DynamicFiltersScrollbar';
@@ -23,6 +24,7 @@ export { SearchResultsFilter } from './components/search/SearchResultsFilterSide
 export { NoSearchResultsFound } from './components/search/SearchResultsStates/NoSearchResultsFound';
 export { SearchResultsGrid } from './components/search/SearchResultsStates/SearchResultsGrid';
 export { SearchResultsLoadingGrid } from './components/search/SearchResultsStates/SearchResultsLoadingGrid';
+
 // Utilities
 export * from './util/camelCase';
 export * from './util/camelCasedPropertiesDeep';
@@ -32,18 +34,26 @@ export * from './util/primitive';
 export * from './util/splitWords';
 export * from './util/trim';
 export * from './util/unknownArray';
+
 // Types
 export * from './components/common/ButtonBase/types';
 export * from './components/common/ProductCard/types';
 export * from './components/common/SparkleAnimation/types';
 export * from './components/common/SuggestionButton/types';
 export * from './components/common/Text/types';
+export type { HeadlineProps, HeadlineVariant } from './components/common/Text/types'; // Explicitly re-export from types.ts
 export * from './components/search/types';
 export * from './components/search/SearchFilter/types';
 export * from './components/search/SearchInputForm/types';
+export type {
+  SearchFilterSidebarVariant,
+  CloseIconVariant as CloseIconVariantType,
+} from './components/search/SearchResultsFilterSidebar/types';
 export * from './atoms/search/types';
+
 // Config exports
 export { ChatElementDisplayLocation } from './config/chatElementDisplayLocation';
+
 // Variants
 export { productGridVariantClasses } from './components/common/ProductGrid/productGridVariants';
 export { searchFilterSidebarVariantClasses } from './components/search/SearchResultsFilterSidebar/searchFilterSidebarVariants';

package/src/logging/logger.ts

@@ -0,0 +1,21 @@
+/* eslint-disable no-console */
+
+class Logger {
+  static logInfo(message: string, ...args: unknown[]): void {
+    console.info(`INFO: ${message}`, ...args);
+  }
+
+  static logDebug(message: string, ...args: unknown[]): void {
+    console.debug(`DEBUG: ${message}`, ...args);
+  }
+
+  static logError(message: string, error: unknown | undefined, ...args: unknown[]): void {
+    console.error(`ERROR: ${message} error=${error}`, args);
+  }
+
+  static logWarn(message: string, error: unknown | undefined, ...args: unknown[]): void {
+    console.warn(`WARN: ${message} error=${error}`, args);
+  }
+}
+
+export default Logger;

package/src/types/external.ts

@@ -0,0 +1,24 @@
+// Local type definitions for external dependencies that may not be available
+
+export enum ResponseCategory {
+  Product = 'product',
+}
+
+export interface SearchResponseProduct {
+  id: string;
+  title: string;
+  description?: string;
+  price?: number;
+  currency?: string;
+  imageUrl?: string;
+  brand?: string;
+  category?: string;
+  availability?: string;
+  url?: string;
+  responseId?: string;
+  originalPrice?: number;
+  salePrice?: number;
+  averageRating?: number;
+  numberReviews?: number;
+  [key: string]: unknown;
+}

package/{dist/packages/components/src/util/camelCase.d.ts → src/util/camelCase.ts}

@@ -1,21 +1,34 @@
+// these types come from https://github.com/sindresorhus/type-fest/blob/main/source/camel-case.d.ts
+
 import type { SplitWords } from './splitWords';
+
 /**
  * CamelCase options.
  *
  * @see {@link CamelCase}
  */
 export type CamelCaseOptions = {
-    /**
-     * Whether to preserved consecutive uppercase letter.
-     *
-     * @default true
-     */
-    preserveConsecutiveUppercase?: boolean;
+  /**
+   * Whether to preserved consecutive uppercase letter.
+   *
+   * @default true
+   */
+  preserveConsecutiveUppercase?: boolean;
 };
+
 /**
  * Convert an array of words to camel-case.
  */
-type CamelCaseFromArray<Words extends string[], Options extends CamelCaseOptions, OutputString extends string = ''> = Words extends [infer FirstWord extends string, ...infer RemainingWords extends string[]] ? Options['preserveConsecutiveUppercase'] extends true ? `${Capitalize<FirstWord>}${CamelCaseFromArray<RemainingWords, Options>}` : `${Capitalize<Lowercase<FirstWord>>}${CamelCaseFromArray<RemainingWords, Options>}` : OutputString;
+type CamelCaseFromArray<
+  Words extends string[],
+  Options extends CamelCaseOptions,
+  OutputString extends string = '',
+> = Words extends [infer FirstWord extends string, ...infer RemainingWords extends string[]]
+  ? Options['preserveConsecutiveUppercase'] extends true
+    ? `${Capitalize<FirstWord>}${CamelCaseFromArray<RemainingWords, Options>}`
+    : `${Capitalize<Lowercase<FirstWord>>}${CamelCaseFromArray<RemainingWords, Options>}`
+  : OutputString;
+
 /**
  * Convert a string literal to camel-case.
  *
@@ -59,7 +72,16 @@ type CamelCaseFromArray<Words extends string[], Options extends CamelCaseOptions
  * @category Change case
  * @category Template literal
  */
-export type CamelCase<Type, Options extends CamelCaseOptions = {
-    preserveConsecutiveUppercase: true;
-}> = Type extends string ? string extends Type ? Type : Uncapitalize<CamelCaseFromArray<SplitWords<Type extends Uppercase<Type> ? Lowercase<Type> : Type>, Options>> : Type;
-export {};
+export type CamelCase<
+  Type,
+  Options extends CamelCaseOptions = { preserveConsecutiveUppercase: true },
+> = Type extends string
+  ? string extends Type
+    ? Type
+    : Uncapitalize<
+        CamelCaseFromArray<
+          SplitWords<Type extends Uppercase<Type> ? Lowercase<Type> : Type>,
+          Options
+        >
+      >
+  : Type;

package/src/util/camelCasedPropertiesDeep.ts

@@ -0,0 +1,81 @@
+/* eslint-disable @typescript-eslint/no-unsafe-function-type */
+import type { CamelCase, CamelCaseOptions } from './camelCase';
+import type { UnknownArray } from './unknownArray';
+
+/**
+ * Convert object properties to camel case recursively.
+ *
+ * This can be useful when, for example, converting some API types from a different style.
+ *
+ * @see CamelCasedProperties
+ * @see CamelCase
+ *
+ * @example
+ * ```
+ * import type {CamelCasedPropertiesDeep} from 'type-fest';
+ *
+ * interface User {
+ * 	UserId: number;
+ * 	UserName: string;
+ * }
+ *
+ * interface UserWithFriends {
+ * 	UserInfo: User;
+ * 	UserFriends: User[];
+ * }
+ *
+ * const result: CamelCasedPropertiesDeep<UserWithFriends> = {
+ * 	userInfo: {
+ * 		userId: 1,
+ * 		userName: 'Tom',
+ * 	},
+ * 	userFriends: [
+ * 		{
+ * 			userId: 2,
+ * 			userName: 'Jerry',
+ * 		},
+ * 		{
+ * 			userId: 3,
+ * 			userName: 'Spike',
+ * 		},
+ * 	],
+ * };
+ * ```
+ *
+ * @category Change case
+ * @category Template literal
+ * @category Object
+ */
+export type CamelCasedPropertiesDeep<
+  Value,
+  Options extends CamelCaseOptions = { preserveConsecutiveUppercase: true },
+> = Value extends Function
+  ? Value
+  : Value extends UnknownArray
+  ? CamelCasedPropertiesArrayDeep<Value>
+  : Value extends Set<infer U>
+  ? Set<CamelCasedPropertiesDeep<U, Options>>
+  : {
+      [K in keyof Value as CamelCase<K, Options>]: CamelCasedPropertiesDeep<Value[K], Options>;
+    };
+
+// This is a copy of DelimiterCasedPropertiesArrayDeep (see: delimiter-cased-properties-deep.d.ts).
+// These types should be kept in sync.
+type CamelCasedPropertiesArrayDeep<Value extends UnknownArray> = Value extends []
+  ? []
+  : // Tailing spread array
+  Value extends [infer U, ...infer V]
+  ? [CamelCasedPropertiesDeep<U>, ...CamelCasedPropertiesDeep<V>]
+  : Value extends readonly [infer U, ...infer V]
+  ? readonly [CamelCasedPropertiesDeep<U>, ...CamelCasedPropertiesDeep<V>]
+  : // Leading spread array
+  Value extends readonly [...infer U, infer V]
+  ? [...CamelCasedPropertiesDeep<U>, CamelCasedPropertiesDeep<V>]
+  : Value extends readonly [...infer U, infer V]
+  ? readonly [...CamelCasedPropertiesDeep<U>, CamelCasedPropertiesDeep<V>]
+  : // Array
+  Value extends Array<infer U>
+  ? Array<CamelCasedPropertiesDeep<U>>
+  : Value extends ReadonlyArray<infer U>
+  ? ReadonlyArray<CamelCasedPropertiesDeep<U>>
+  : never;

package/src/util/formatPrice.ts

@@ -0,0 +1,14 @@
+export const formatPrice = (price?: number, currency: string = '$'): string => {
+  if (price == null) {
+    return '';
+  }
+
+  const options: Intl.NumberFormatOptions = {};
+
+  if (!Number.isInteger(price)) {
+    options.minimumFractionDigits = 2;
+    options.maximumFractionDigits = 2;
+  }
+
+  return `${currency}${price.toLocaleString('en-US', options)}`;
+};

package/src/util/internal.ts

@@ -0,0 +1,95 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/no-unsafe-function-type */
+// these types come from https://github.com/sindresorhus/type-fest/blob/main/source/internal.d.ts
+
+import type { Primitive } from './primitive';
+import type { Trim } from './trim';
+
+/**
+ * Matches any primitive, `void`, `Date`, or `RegExp` value.
+ */
+export type BuiltIns = Primitive | void | Date | RegExp;
+
+/**
+ * Matches non-recursive types.
+ */
+export type NonRecursiveType = BuiltIns | Function | (new (...arguments_: any[]) => unknown);
+
+/**
+ * Returns a boolean for whether the string is numeric.
+ *
+ * This type is a workaround for [Microsoft/TypeScript#46109](https://github.com/microsoft/TypeScript/issues/46109#issuecomment-930307987).
+ */
+export type IsNumeric<T extends string> = T extends `${number}`
+  ? Trim<T> extends T
+    ? true
+    : false
+  : false;
+
+/**
+ * Returns a boolean for whether the string is lowercased.
+ */
+export type IsLowerCase<T extends string> = T extends Lowercase<T> ? true : false;
+
+/**
+ * Returns a boolean for whether the string is upper-cased.
+ */
+export type IsUpperCase<T extends string> = T extends Uppercase<T> ? true : false;
+
+export type WordSeparators = '-' | '_' | Whitespace;
+
+export type Whitespace =
+  | '\u{9}' // '\t'
+  | '\u{A}' // '\n'
+  | '\u{B}' // '\v'
+  | '\u{C}' // '\f'
+  | '\u{D}' // '\r'
+  | '\u{20}' // ' '
+  | '\u{85}'
+  | '\u{A0}'
+  | '\u{1680}'
+  | '\u{2000}'
+  | '\u{2001}'
+  | '\u{2002}'
+  | '\u{2003}'
+  | '\u{2004}'
+  | '\u{2005}'
+  | '\u{2006}'
+  | '\u{2007}'
+  | '\u{2008}'
+  | '\u{2009}'
+  | '\u{200A}'
+  | '\u{2028}'
+  | '\u{2029}'
+  | '\u{202F}'
+  | '\u{205F}'
+  | '\u{3000}'
+  | '\u{FEFF}';
+
+export type UpperCaseCharacters =
+  | 'A'
+  | 'B'
+  | 'C'
+  | 'D'
+  | 'E'
+  | 'F'
+  | 'G'
+  | 'H'
+  | 'I'
+  | 'J'
+  | 'K'
+  | 'L'
+  | 'M'
+  | 'N'
+  | 'O'
+  | 'P'
+  | 'Q'
+  | 'R'
+  | 'S'
+  | 'T'
+  | 'U'
+  | 'V'
+  | 'W'
+  | 'X'
+  | 'Y'
+  | 'Z';

package/{dist/packages/components/src/util/primitive.d.ts → src/util/primitive.ts}

@@ -1,3 +1,5 @@
+// this type comes from https://github.com/sindresorhus/type-fest/blob/main/source/primitive.d.ts
+
 /**
  * Matches any [primitive value](https://developer.mozilla.org/en-US/docs/Glossary/Primitive).
  *

package/src/util/splitWords.ts

@@ -0,0 +1,72 @@
+// these types come from https://github.com/sindresorhus/type-fest/blob/main/source/split-words.d.ts
+
+import type { IsLowerCase, IsNumeric, IsUpperCase, WordSeparators } from './internal';
+
+type SkipEmptyWord<Word extends string> = Word extends '' ? [] : [Word];
+
+type RemoveLastCharacter<
+  Sentence extends string,
+  Character extends string,
+> = Sentence extends `${infer LeftSide}${Character}` ? SkipEmptyWord<LeftSide> : never;
+
+/**
+ * Split a string (almost) like Lodash's `_.words()` function.
+ *
+ * - Split on each word that begins with a capital letter.
+ * - Split on each {@link WordSeparators}.
+ * - Split on numeric sequence.
+ *
+ * @example
+ * ```
+ * type Words0 = SplitWords<'helloWorld'>; // ['hello', 'World']
+ * type Words1 = SplitWords<'helloWORLD'>; // ['hello', 'WORLD']
+ * type Words2 = SplitWords<'hello-world'>; // ['hello', 'world']
+ * type Words3 = SplitWords<'--hello the_world'>; // ['hello', 'the', 'world']
+ * type Words4 = SplitWords<'lifeIs42'>; // ['life', 'Is', '42']
+ * ```
+ *
+ * @internal
+ * @category Change case
+ * @category Template literal
+ */
+export type SplitWords<
+  Sentence extends string,
+  LastCharacter extends string = '',
+  CurrentWord extends string = '',
+> = Sentence extends `${infer FirstCharacter}${infer RemainingCharacters}`
+  ? FirstCharacter extends WordSeparators
+    ? // Skip word separator
+      [...SkipEmptyWord<CurrentWord>, ...SplitWords<RemainingCharacters>]
+    : LastCharacter extends ''
+    ? // Fist char of word
+      SplitWords<RemainingCharacters, FirstCharacter, FirstCharacter>
+    : // Case change: non-numeric to numeric, push word
+    [false, true] extends [IsNumeric<LastCharacter>, IsNumeric<FirstCharacter>]
+    ? [
+        ...SkipEmptyWord<CurrentWord>,
+        ...SplitWords<RemainingCharacters, FirstCharacter, FirstCharacter>,
+      ]
+    : // Case change: numeric to non-numeric, push word
+    [true, false] extends [IsNumeric<LastCharacter>, IsNumeric<FirstCharacter>]
+    ? [
+        ...SkipEmptyWord<CurrentWord>,
+        ...SplitWords<RemainingCharacters, FirstCharacter, FirstCharacter>,
+      ]
+    : // No case change: concat word
+    [true, true] extends [IsNumeric<LastCharacter>, IsNumeric<FirstCharacter>]
+    ? SplitWords<RemainingCharacters, FirstCharacter, `${CurrentWord}${FirstCharacter}`>
+    : // Case change: lower to upper, push word
+    [true, true] extends [IsLowerCase<LastCharacter>, IsUpperCase<FirstCharacter>]
+    ? [
+        ...SkipEmptyWord<CurrentWord>,
+        ...SplitWords<RemainingCharacters, FirstCharacter, FirstCharacter>,
+      ]
+    : // Case change: upper to lower, brings back the last character, push word
+    [true, true] extends [IsUpperCase<LastCharacter>, IsLowerCase<FirstCharacter>]
+    ? [
+        ...RemoveLastCharacter<CurrentWord, LastCharacter>,
+        ...SplitWords<RemainingCharacters, FirstCharacter, `${LastCharacter}${FirstCharacter}`>,
+      ]
+    : // No case change: concat word
+      SplitWords<RemainingCharacters, FirstCharacter, `${CurrentWord}${FirstCharacter}`>
+  : [...SkipEmptyWord<CurrentWord>];

package/{dist/packages/components/src/util/trim.d.ts → src/util/trim.ts}

@@ -1,12 +1,17 @@
+// these types come from https://github.com/sindresorhus/type-fest/blob/main/source/trim.d.ts
+
 import type { Whitespace } from './internal';
+
 /**
  * Remove spaces from the left side.
  */
 type TrimLeft<V extends string> = V extends `${Whitespace}${infer R}` ? TrimLeft<R> : V;
+
 /**
  * Remove spaces from the right side.
  */
 type TrimRight<V extends string> = V extends `${infer R}${Whitespace}` ? TrimRight<R> : V;
+
 /**
  * Remove leading and trailing spaces from a string.
  * @example
@@ -21,4 +26,3 @@ type TrimRight<V extends string> = V extends `${infer R}${Whitespace}` ? TrimRig
  * @category Template literal
  */
 export type Trim<V extends string> = TrimLeft<TrimRight<V>>;
-export {};

package/dist/packages/components/src/atoms/search/types.d.ts

@@ -1,5 +0,0 @@
-export type SelectedFilterOption = {
-    id: string;
-    displayName: string;
-    value: string;
-};

package/dist/packages/components/src/atoms/search/types.js

@@ -1 +0,0 @@
-export {};

package/dist/packages/components/src/components/common/ButtonBase/ButtonBase.d.ts

@@ -1,2 +0,0 @@
-import { type ButtonBaseProps } from './types';
-export declare const ButtonBase: ({ type, isDisabled, dataAttributes, buttonClass, text, textClass, icon, iconClass, dataTestId, onClick, disablePadding, }: ButtonBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/packages/components/src/components/common/ButtonBase/ButtonBase.js

@@ -1,41 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import { createElement, useEffect, useRef } from 'react';
-import { ButtonBaseOverrides } from './types';
-import { Text } from '../../../../../../src/components/common/Text/Text';
-export const ButtonBase = ({ type = 'button', isDisabled = false, dataAttributes, buttonClass, text, textClass, icon, iconClass = 'spiffy-tw-w-[21px] spiffy-tw-h-[21px]', dataTestId, onClick, disablePadding = false, }) => {
-    const buttonRef = useRef(null);
-    const buttonClassName = classNames({
-        [ButtonBaseOverrides.BUTTON]: true,
-        'spiffy-tw-flex': true,
-        'spiffy-tw-min-h-[36px]': true,
-        'spiffy-tw-cursor-pointer': true,
-        'spiffy-tw-items-center': true,
-        'spiffy-tw-gap-2': true,
-        'spiffy-tw-px-4': !disablePadding,
-        'spiffy-tw-transition-colors': true,
-        'spiffy-tw-opacity-40': isDisabled,
-        'spiffy-tw-cursor-not-allowed': isDisabled,
-        [`${buttonClass}`]: buttonClass != null,
-    });
-    const textClassName = classNames({
-        [ButtonBaseOverrides.BUTTON_TEXT]: true,
-        'spiffy-tw-whitespace-nowrap': true,
-        [`${textClass}`]: textClass != null,
-    });
-    const iconClassName = classNames({
-        [ButtonBaseOverrides.BUTTON_ICON]: true,
-        [`${iconClass}`]: iconClass != null,
-    });
-    useEffect(() => {
-        if (dataAttributes && buttonRef.current) {
-            Object.entries(dataAttributes).forEach(([key, value]) => {
-                buttonRef.current?.setAttribute(key, value);
-            });
-        }
-    }, [dataAttributes]);
-    return (_jsxs("button", { type: type, ref: buttonRef, className: buttonClassName, disabled: isDisabled, "data-testid": dataTestId, onClick: onClick, children: [icon &&
-                createElement(icon, {
-                    className: iconClassName,
-                }), _jsx(Text, { className: textClassName, children: text })] }));
-};

package/dist/packages/components/src/components/common/ButtonBase/types.d.ts

@@ -1,24 +0,0 @@
-import type { ButtonHTMLAttributes, CSSProperties } from 'react';
-import type { TestProps } from '../../../../../../src/components/test/types';
-export interface ButtonHoverStyles extends CSSProperties {
-    backgroundColor?: string;
-    color?: string;
-}
-export interface ButtonBaseProps extends TestProps {
-    type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
-    isDisabled?: boolean;
-    dataAttributes?: Record<string, string>;
-    buttonClass?: string;
-    text: string;
-    textClass?: string;
-    icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
-    iconClass?: string;
-    onClick?: () => void;
-    disablePadding?: boolean;
-    dataTestId?: string;
-}
-export declare enum ButtonBaseOverrides {
-    BUTTON = "spiffy-button-base-button",
-    BUTTON_TEXT = "spiffy-button-base-button-text",
-    BUTTON_ICON = "spiffy-button-base-button-icon"
-}

package/dist/packages/components/src/components/common/ButtonBase/types.js

@@ -1,6 +0,0 @@
-export var ButtonBaseOverrides;
-(function (ButtonBaseOverrides) {
-    ButtonBaseOverrides["BUTTON"] = "spiffy-button-base-button";
-    ButtonBaseOverrides["BUTTON_TEXT"] = "spiffy-button-base-button-text";
-    ButtonBaseOverrides["BUTTON_ICON"] = "spiffy-button-base-button-icon";
-})(ButtonBaseOverrides || (ButtonBaseOverrides = {}));

package/dist/packages/components/src/components/common/Headline/Headline.d.ts

@@ -1,10 +0,0 @@
-export type HeadlineVariant = 't1' | 't2' | 't3' | 'h1' | 'h2' | 'h3' | 'h4';
-export type HeadlineProps = {
-    children: React.ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-    variant?: HeadlineVariant;
-    testId?: string;
-    id?: string;
-};
-export declare const Headline: ({ children, className, style, testId, variant }: HeadlineProps) => import("react/jsx-runtime").JSX.Element;

package/dist/packages/components/src/components/common/Headline/Headline.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from 'classnames';
-import { HeadlineVariantMap } from '../Text/textVariantClasses';
-export const Headline = ({ children, className, style, testId, variant = 'h1' }) => {
-    const variantClassNames = variant ? HeadlineVariantMap[variant] : {};
-    const textClassNames = classNames(className, variantClassNames, {
-        'spiffy-tw-font-[Poppins,sans-serif]': true,
-    });
-    const T1 = () => (_jsx("h1", { "data-testid": testId, className: textClassNames, style: style, children: children }));
-    const T2 = () => (_jsx("h2", { "data-testid": testId, className: textClassNames, style: style, children: children }));
-    const T3 = () => (_jsx("h3", { "data-testid": testId, className: textClassNames, style: style, children: children }));
-    const H1 = () => (_jsx("h1", { "data-testid": testId, className: textClassNames, style: style, children: children }));
-    const H2 = () => (_jsx("h2", { "data-testid": testId, className: textClassNames, style: style, children: children }));
-    const H3 = () => (_jsx("h3", { "data-testid": testId, className: textClassNames, style: style, children: children }));
-    const H4 = () => (_jsx("h4", { "data-testid": testId, className: textClassNames, style: style, children: children }));
-    switch (variant) {
-        case 't1':
-            return T1();
-        case 't2':
-            return T2();
-        case 't3':
-            return T3();
-        case 'h1':
-            return H1();
-        case 'h2':
-            return H2();
-        case 'h3':
-            return H3();
-        case 'h4':
-            return H4();
-        default:
-            throw new Error(`Invalid variant: ${variant}`);
-    }
-};

package/dist/packages/components/src/components/common/ImageWithFallback/ImageWithFallback.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-export interface ImageWithFallbackProps {
-    src: string | undefined;
-    alt: string;
-    fallbackClassnames?: string;
-    fallback: React.ReactNode;
-    dataTestId?: string;
-    imageClassnames: string;
-    onLoad?: () => void;
-    onError?: () => void;
-}
-export declare const ImageWithFallback: ({ src, alt, dataTestId, fallbackClassnames, fallback, imageClassnames, onLoad, onError, }: ImageWithFallbackProps) => import("react/jsx-runtime").JSX.Element;

package/dist/packages/components/src/components/common/ImageWithFallback/ImageWithFallback.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import { useState } from 'react';
-export const ImageWithFallback = ({ src, alt, dataTestId, fallbackClassnames, fallback, imageClassnames, onLoad, onError, }) => {
-    const [isLoaded, setIsLoaded] = useState(false);
-    const [isError, setIsError] = useState(false);
-    const imageExtraClassnames = classNames(imageClassnames, {
-        'spiffy-tw-block': isLoaded,
-        'spiffy-tw-hidden': !isLoaded,
-    });
-    const fallbackMergedClassNames = classNames({
-        'spiffy-tw-flex': true,
-        'spiffy-tw-flex-col': true,
-        'spiffy-tw-items-center': true,
-    }, fallbackClassnames);
-    if (isError) {
-        return _jsx("div", { className: fallbackMergedClassNames, children: fallback });
-    }
-    return (_jsxs(_Fragment, { children: [!isLoaded && _jsx("div", { className: fallbackMergedClassNames, children: fallback }), _jsx("img", { src: src, className: imageExtraClassnames, "data-testid": dataTestId, alt: alt, onLoad: () => {
-                    setIsLoaded(true);
-                    onLoad?.();
-                }, onError: () => {
-                    setIsError(true);
-                    onError?.();
-                } })] }));
-};

package/dist/packages/components/src/components/common/ProductCard/ProductCard.d.ts

@@ -1,39 +0,0 @@
-import type { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant } from './types';
-import { ChatElementDisplayLocation } from '@envive/components';
-import { TestProps } from '../../test/types';
-interface RatingSummaryProps {
-    stars: number;
-    reviewCount: number;
-    className?: string;
-}
-export declare const RatingSummary: ({ stars, reviewCount, className }: RatingSummaryProps) => import("react/jsx-runtime").JSX.Element;
-interface PriceSectionProps {
-    originalPrice?: string;
-    salePrice?: string;
-    pricePrefix?: string;
-}
-export declare const PriceSection: ({ originalPrice, salePrice, pricePrefix }: PriceSectionProps) => import("react/jsx-runtime").JSX.Element;
-interface ProductCardProps extends TestProps {
-    productCardConfig?: ProductCardConfig;
-    merchantShortName: string;
-    title: string;
-    url?: string;
-    searchResponseId?: string;
-    productResponseId?: string;
-    cardDisplayLocation: ChatElementDisplayLocation.IN_CHAT | ChatElementDisplayLocation.PRODUCT_GRID;
-    imageUrl?: string;
-    originalPrice?: number;
-    averageRating?: number;
-    numberReviews?: number;
-    salePrice?: number;
-    variant?: ProductCardVariant;
-    hoverVariant?: ProductCardHoverVariant;
-    layoutVariant?: ProductCardLayoutVariant;
-    zoomOnHover?: boolean;
-    aspectRatio?: '3:4' | 'square' | 'none';
-    clickPosition?: number | null;
-    growWithContainer?: boolean;
-    handleClick: (clickedUrl: string) => void;
-}
-export declare const ProductCard: ({ productCardConfig, merchantShortName, imageUrl, title, url, originalPrice, averageRating, numberReviews, salePrice, variant, hoverVariant, dataTestId, layoutVariant, zoomOnHover, aspectRatio, growWithContainer, handleClick, }: ProductCardProps) => import("react/jsx-runtime").JSX.Element;
-export {};