@hhgtech/hhg-components 1.29.340 → 1.29.341-beta-1

package/build/esm/index-4e6ef889.js

@@ -1,106 +0,0 @@
-import { _ as __rest } from './tslib.es6-3bb80a38.js';
-import React__default, { useState, useCallback, useMemo, useEffect } from 'react';
-import { clsx } from '@mantine/core';
-import { Drawer } from 'vaul';
-import styled from '@emotion/styled';
-import { Z as ZINDEX_SSO } from './index-2337fa14.js';
-
-const StyledDrawerComponentContent = styled(Drawer.Content) `
-  position: fixed;
-  z-index: ${ZINDEX_SSO + 2};
-  inset: 0;
-  background-color: #fff;
-  outline: none !important;
-
-  &::-webkit-scrollbar {
-    width: 6px;
-    height: 6px;
-  }
-
-  &::-webkit-scrollbar-track {
-    background-color: transparent;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background-color: rgba(0, 0, 0, 0.4);
-    border-radius: 6px;
-  }
-
-  &[data-vaul-drawer-direction='bottom'] {
-    border-top-left-radius: 8px;
-    border-top-right-radius: 8px;
-  }
-
-  &[data-vaul-drawer-direction='top'] {
-    border-bottom-left-radius: 8px;
-    border-bottom-right-radius: 8px;
-  }
-
-  &[data-vaul-drawer-direction='left'] {
-    border-top-right-radius: 8px;
-    border-bottom-right-radius: 8px;
-  }
-
-  &[data-vaul-drawer-direction='right'] {
-    border-top-left-radius: 8px;
-    border-bottom-left-radius: 8px;
-  }
-`;
-const StyledDrawerComponentOverlay = styled(Drawer.Overlay) `
-  position: fixed;
-  inset: 0;
-  z-index: ${ZINDEX_SSO + 2};
-  width: 100%;
-  max-height: 100%;
-
-  &[data-state='open'] {
-    opacity: 0.6 !important;
-  }
-`;
-
-const DrawerComponent = (props) => {
-    const { open: openProps, onOpenChange: onOpenChangeProps, snapPoints, activeSnapPoint, setActiveSnapPoint, children, overlayClassName, className } = props, restProps = __rest(props, ["open", "onOpenChange", "snapPoints", "activeSnapPoint", "setActiveSnapPoint", "children", "overlayClassName", "className"]);
-    const [open, setOpen] = useState(openProps);
-    const [snap, setSnap] = useState(snapPoints ? snapPoints === null || snapPoints === void 0 ? void 0 : snapPoints[0] : null);
-    const onOpenChange = useCallback((_open) => {
-        setOpen(_open);
-        onOpenChangeProps === null || onOpenChangeProps === void 0 ? void 0 : onOpenChangeProps(_open);
-    }, [onOpenChangeProps]);
-    const isFullSnapPoint = useMemo(() => {
-        if (snapPoints && snapPoints.length) {
-            return Boolean(snap === snapPoints[snapPoints.length - 1]);
-        }
-        return open;
-    }, [snap, snapPoints]);
-    const mergedProps = useMemo(() => {
-        const _mergedProps = { open, onOpenChange };
-        if (snapPoints && (snapPoints === null || snapPoints === void 0 ? void 0 : snapPoints.length)) {
-            _mergedProps.snapPoints = snapPoints;
-            _mergedProps.activeSnapPoint = snap;
-            _mergedProps.setActiveSnapPoint = (snP) => {
-                setSnap(snP);
-                setActiveSnapPoint === null || setActiveSnapPoint === void 0 ? void 0 : setActiveSnapPoint(snP);
-            };
-        }
-        return _mergedProps;
-    }, [open, onOpenChange, snap, setSnap, setActiveSnapPoint, snapPoints]);
-    useEffect(() => {
-        setOpen(openProps);
-    }, [openProps]);
-    useEffect(() => {
-        setSnap(activeSnapPoint);
-    }, [activeSnapPoint]);
-    return (React__default.createElement(Drawer.Root, Object.assign({}, restProps, mergedProps),
-        React__default.createElement(Drawer.Portal, null,
-            React__default.createElement(StyledDrawerComponentOverlay, { className: clsx(overlayClassName, 'drawer__overlay', {
-                    drawer__overlay_full: isFullSnapPoint,
-                }) }),
-            React__default.createElement(StyledDrawerComponentContent, { className: clsx(className, 'drawer__content', {
-                    drawer__content_full: isFullSnapPoint,
-                }) },
-                React__default.createElement(Drawer.Handle, { className: "drawer__handle" }),
-                React__default.createElement(Drawer.Title, { style: { display: 'none' } }),
-                children))));
-};
-
-export { DrawerComponent as D };

package/build/esm/lead/layouts/ emptyIcon.d.ts

@@ -1,6 +0,0 @@
-import React, { CSSProperties } from 'react';
-export type EmptyIconProps = {
-    className?: string;
-    style?: CSSProperties;
-};
-export declare const EmptyIcon: (props: EmptyIconProps) => React.JSX.Element;

package/build/esm/lead/layouts/lightbox/fields/textField/index.d.ts

@@ -1,13 +0,0 @@
-import { CSSProperties, FC, PropsWithChildren } from 'react';
-export type TextFieldProps = {
-    shrink?: boolean;
-    onChangeShrink?: (shrink: boolean) => void;
-    className?: string;
-    style?: CSSProperties;
-};
-export declare const TextField: FC<PropsWithChildren<TextFieldProps>>;
-export type ChoiceFieldProps = {
-    className?: string;
-    style?: CSSProperties;
-};
-export declare const ChoiceField: FC<PropsWithChildren<ChoiceFieldProps>>;

package/build/esm/lead/layouts/lightbox/fields/textField/index.styled.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-export declare const StyledTextFieldContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType<any>;
-} & {
-    shrink?: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledChoiceFieldContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType<any>;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/esm/subot/components/dob/index.d.ts

@@ -1,4 +0,0 @@
-import { FC } from 'react';
-import { TDOB } from "./";
-declare const DOB: FC<TDOB<Record<string, any>>>;
-export default DOB;

package/build/esm/subot/components/dob/utils.d.ts

@@ -1,14 +0,0 @@
-import dayjs from 'dayjs';
-export declare const isDurgoCampaignFn: (botId: number | string) => boolean;
-export declare const calcAge: (value: Date) => {
-    birthDate: dayjs.Dayjs;
-    today: dayjs.Dayjs;
-    age: number;
-};
-/**
- * Temporary hard the range of age from 1 -> 3 for Durgo Campaign at this time
- *    Will be updated the range from 1 -> 3 and 4 -> 6 later
- * Ticket: https://hhgdev.atlassian.net/browse/HTO-1327
- *
- */
-export declare const validateAge: (value: Date, errMsg: string) => string | true;

package/build/hooks/useGetClientGaId.d.ts

@@ -1,4 +0,0 @@
-export declare function useGetEncodedGaId(): {
-    encodedGaId: string;
-    gaId: string;
-};

package/build/icons/ChatbotBg.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { SVGProps } from 'react';
-declare const ChatbotBg: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
-export default ChatbotBg;

package/build/icons/Search.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { SVGProps } from 'react';
-declare const Search: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
-export default Search;

package/build/index-0a9e192e.js

@@ -1,113 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('./tslib.es6-1239a751.js');
-var React = require('react');
-var core = require('@mantine/core');
-var vaul = require('vaul');
-var styled = require('@emotion/styled');
-var index = require('./index-61db4e9f.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var styled__default = /*#__PURE__*/_interopDefault(styled);
-
-const StyledDrawerComponentContent = styled__default["default"](vaul.Drawer.Content) `
-  position: fixed;
-  z-index: ${index.ZINDEX_SSO + 2};
-  inset: 0;
-  background-color: #fff;
-  outline: none !important;
-
-  &::-webkit-scrollbar {
-    width: 6px;
-    height: 6px;
-  }
-
-  &::-webkit-scrollbar-track {
-    background-color: transparent;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background-color: rgba(0, 0, 0, 0.4);
-    border-radius: 6px;
-  }
-
-  &[data-vaul-drawer-direction='bottom'] {
-    border-top-left-radius: 8px;
-    border-top-right-radius: 8px;
-  }
-
-  &[data-vaul-drawer-direction='top'] {
-    border-bottom-left-radius: 8px;
-    border-bottom-right-radius: 8px;
-  }
-
-  &[data-vaul-drawer-direction='left'] {
-    border-top-right-radius: 8px;
-    border-bottom-right-radius: 8px;
-  }
-
-  &[data-vaul-drawer-direction='right'] {
-    border-top-left-radius: 8px;
-    border-bottom-left-radius: 8px;
-  }
-`;
-const StyledDrawerComponentOverlay = styled__default["default"](vaul.Drawer.Overlay) `
-  position: fixed;
-  inset: 0;
-  z-index: ${index.ZINDEX_SSO + 2};
-  width: 100%;
-  max-height: 100%;
-
-  &[data-state='open'] {
-    opacity: 0.6 !important;
-  }
-`;
-
-const DrawerComponent = (props) => {
-    const { open: openProps, onOpenChange: onOpenChangeProps, snapPoints, activeSnapPoint, setActiveSnapPoint, children, overlayClassName, className } = props, restProps = tslib_es6.__rest(props, ["open", "onOpenChange", "snapPoints", "activeSnapPoint", "setActiveSnapPoint", "children", "overlayClassName", "className"]);
-    const [open, setOpen] = React.useState(openProps);
-    const [snap, setSnap] = React.useState(snapPoints ? snapPoints === null || snapPoints === void 0 ? void 0 : snapPoints[0] : null);
-    const onOpenChange = React.useCallback((_open) => {
-        setOpen(_open);
-        onOpenChangeProps === null || onOpenChangeProps === void 0 ? void 0 : onOpenChangeProps(_open);
-    }, [onOpenChangeProps]);
-    const isFullSnapPoint = React.useMemo(() => {
-        if (snapPoints && snapPoints.length) {
-            return Boolean(snap === snapPoints[snapPoints.length - 1]);
-        }
-        return open;
-    }, [snap, snapPoints]);
-    const mergedProps = React.useMemo(() => {
-        const _mergedProps = { open, onOpenChange };
-        if (snapPoints && (snapPoints === null || snapPoints === void 0 ? void 0 : snapPoints.length)) {
-            _mergedProps.snapPoints = snapPoints;
-            _mergedProps.activeSnapPoint = snap;
-            _mergedProps.setActiveSnapPoint = (snP) => {
-                setSnap(snP);
-                setActiveSnapPoint === null || setActiveSnapPoint === void 0 ? void 0 : setActiveSnapPoint(snP);
-            };
-        }
-        return _mergedProps;
-    }, [open, onOpenChange, snap, setSnap, setActiveSnapPoint, snapPoints]);
-    React.useEffect(() => {
-        setOpen(openProps);
-    }, [openProps]);
-    React.useEffect(() => {
-        setSnap(activeSnapPoint);
-    }, [activeSnapPoint]);
-    return (React__default["default"].createElement(vaul.Drawer.Root, Object.assign({}, restProps, mergedProps),
-        React__default["default"].createElement(vaul.Drawer.Portal, null,
-            React__default["default"].createElement(StyledDrawerComponentOverlay, { className: core.clsx(overlayClassName, 'drawer__overlay', {
-                    drawer__overlay_full: isFullSnapPoint,
-                }) }),
-            React__default["default"].createElement(StyledDrawerComponentContent, { className: core.clsx(className, 'drawer__content', {
-                    drawer__content_full: isFullSnapPoint,
-                }) },
-                React__default["default"].createElement(vaul.Drawer.Handle, { className: "drawer__handle" }),
-                React__default["default"].createElement(vaul.Drawer.Title, { style: { display: 'none' } }),
-                children))));
-};
-
-exports.DrawerComponent = DrawerComponent;

package/build/lead/layouts/ emptyIcon.d.ts

@@ -1,6 +0,0 @@
-import React, { CSSProperties } from 'react';
-export type EmptyIconProps = {
-    className?: string;
-    style?: CSSProperties;
-};
-export declare const EmptyIcon: (props: EmptyIconProps) => React.JSX.Element;

package/build/lead/layouts/lightbox/fields/textField/index.d.ts

@@ -1,13 +0,0 @@
-import { CSSProperties, FC, PropsWithChildren } from 'react';
-export type TextFieldProps = {
-    shrink?: boolean;
-    onChangeShrink?: (shrink: boolean) => void;
-    className?: string;
-    style?: CSSProperties;
-};
-export declare const TextField: FC<PropsWithChildren<TextFieldProps>>;
-export type ChoiceFieldProps = {
-    className?: string;
-    style?: CSSProperties;
-};
-export declare const ChoiceField: FC<PropsWithChildren<ChoiceFieldProps>>;

package/build/lead/layouts/lightbox/fields/textField/index.styled.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-export declare const StyledTextFieldContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType<any>;
-} & {
-    shrink?: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledChoiceFieldContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType<any>;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/subot/components/dob/index.d.ts

@@ -1,4 +0,0 @@
-import { FC } from 'react';
-import { TDOB } from "./";
-declare const DOB: FC<TDOB<Record<string, any>>>;
-export default DOB;

package/build/subot/components/dob/utils.d.ts

@@ -1,14 +0,0 @@
-import dayjs from 'dayjs';
-export declare const isDurgoCampaignFn: (botId: number | string) => boolean;
-export declare const calcAge: (value: Date) => {
-    birthDate: dayjs.Dayjs;
-    today: dayjs.Dayjs;
-    age: number;
-};
-/**
- * Temporary hard the range of age from 1 -> 3 for Durgo Campaign at this time
- *    Will be updated the range from 1 -> 3 and 4 -> 6 later
- * Ticket: https://hhgdev.atlassian.net/browse/HTO-1327
- *
- */
-export declare const validateAge: (value: Date, errMsg: string) => string | true;