@windstream/react-shared-components 0.2.45 → 0.2.47

package/dist/core.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { InputHTMLAttributes, ReactNode, ForwardRefRenderFunction, ImgHTMLAttributes, ComponentType, ForwardRefExoticComponent, RefAttributes, AnchorHTMLAttributes, MouseEvent, CSSProperties, HTMLAttributes, LiHTMLAttributes, ButtonHTMLAttributes, LabelHTMLAttributes, FC, ReactElement } from 'react';
+import React__default, { InputHTMLAttributes, ReactNode, ForwardRefRenderFunction, ImgHTMLAttributes, ComponentType, ForwardRefExoticComponent, RefAttributes, AnchorHTMLAttributes, MouseEvent, CSSProperties, HTMLAttributes, LiHTMLAttributes, ButtonHTMLAttributes, LabelHTMLAttributes, FC, KeyboardEvent, ReactElement } from 'react';
 export { ButtonHTMLAttributes, CSSProperties, ReactNode } from 'react';
 import { ButtonProps as ButtonProps$1 } from '@shared/components/button/types';
 export { ButtonProps } from '@shared/components/button/types';
@@ -20,6 +20,8 @@ import { SeeMoreProps } from '@shared/components/see-more/types';
 export { SeeMoreProps } from '@shared/components/see-more/types';
 import { ButtonProps as ButtonProps$3 } from '@shared/contentful/blocks/button/types';
 import { CheckPlansProps } from '@shared/types/micro-components';
+import { FormikValues } from 'formik';
+import * as Yup from 'yup';
 import { HTMLMotionProps } from 'framer-motion';
 import { ClassValue } from 'clsx';
 export { ClassValue, clsx } from 'clsx';
@@ -223,6 +225,26 @@ interface TextProps extends HTMLAttributes<HTMLElement> {
 
 declare const Text: React__default.ForwardRefExoticComponent<TextProps & React__default.RefAttributes<HTMLElement>>;
 
+type VideoLinkProps = {
+    image?: string;
+    videoPopup?: boolean;
+    link?: string;
+    videoSourceType?: "youtube" | "contentful";
+    videoAssetUrl?: string;
+    videoAssetType?: string;
+    title?: string;
+    description?: string;
+};
+type VideoLinkComponentProps = {
+    videoLink?: VideoLinkProps;
+    imageWidth?: number;
+    imageHeight?: number;
+    useOriginalImageAspectRatio?: boolean;
+    isAboveTheFold?: boolean;
+};
+
+declare const VideoLink: React__default.FC<VideoLinkComponentProps>;
+
 declare const CallButton: {
     (props: CallButtonProps): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -430,6 +452,132 @@ declare namespace Tooltip {
     var displayName: string;
 }
 
+type FiberAddressUnit = {
+    addressLine2: string;
+    dfAddressId?: string;
+};
+type FiberAddress = {
+    addressLine1?: string;
+    addressLine2?: string | null;
+    city?: string;
+    state?: string;
+    postalCode?: string;
+    dfAddressId?: string;
+    units?: FiberAddressUnit[];
+    [key: string]: unknown;
+};
+type FiberAddressAutocompleteResult = {
+    address: string;
+    unit?: string;
+    addressToSend: FiberAddress;
+    placeId?: string;
+};
+type FiberAddressAutocompleteProps = {
+    value: string;
+    placeholder?: string;
+    errorText?: string;
+    onChange: (address: string) => void;
+    onSelectAddress: (result?: FiberAddressAutocompleteResult) => void;
+    onKeyDown: (event: KeyboardEvent<HTMLElement>) => void;
+};
+type FiberAddressCandidate = FiberAddress;
+type FiberFormValues = FormikValues & {
+    firstName: string;
+    lastName: string;
+    address: string;
+    phone: string;
+    email: string;
+    unit: string;
+    zip: string;
+    isManualAddress: boolean;
+    isMarketingCom: boolean;
+    addressToSend: FiberAddress;
+    notes: string;
+    referralCode: string;
+    hasUnits: boolean;
+};
+type FiberFormInputList = Partial<{
+    firstName: {
+        placeholder?: string;
+    };
+    lastName: {
+        placeholder?: string;
+    };
+    address: {
+        placeholder?: string;
+    };
+    phoneNumber: {
+        placeholder?: string;
+    };
+    emailAddress: {
+        placeholder?: string;
+    };
+    unit: {
+        placeholder?: string;
+    };
+    zip: {
+        placeholder?: string;
+    };
+    notes: {
+        placeholder?: string;
+    };
+    referralCode: {
+        placeholder?: string;
+    };
+}>;
+type FiberFormProps = {
+    InputComponent?: ComponentType<any>;
+    AddressAutocomplete: ComponentType<FiberAddressAutocompleteProps>;
+    initialValues?: FiberFormValues;
+    inputList?: FiberFormInputList;
+    formSchema?: Yup.AnyObjectSchema;
+    onSubmit: (values: FiberFormValues) => Promise<void>;
+    lookupAddress?: (address: string, values: FiberFormValues) => Promise<FiberAddressCandidate[]>;
+    buttonText?: string;
+    buttonClassName?: string;
+    bottomTextDisclaimer?: ReactNode;
+    hideLegalCopy?: boolean;
+    checkBoxEnabled?: boolean;
+    copyRightLinks?: Array<{
+        title: string;
+        href: string;
+    }>;
+    className?: string;
+    onAddressEvent?: (address: string) => void;
+};
+
+declare const fiberFormInputInitialValues: FiberFormValues;
+declare const fiberFormInputList: FiberFormInputList;
+declare const fiberFormAddressCollectionFormSchema: Yup.ObjectSchema<{
+    firstName: string;
+    lastName: string;
+    isManualAddress: boolean | undefined;
+    isMarketingCom: boolean | undefined;
+    hasUnits: boolean | undefined;
+    unit: string | undefined;
+    zip: string | undefined;
+    address: string;
+    phone: string;
+    email: string;
+    notes: string | undefined;
+    referralCode: string | undefined;
+}, Yup.AnyObject, {
+    firstName: undefined;
+    lastName: undefined;
+    isManualAddress: undefined;
+    isMarketingCom: undefined;
+    hasUnits: undefined;
+    unit: undefined;
+    zip: undefined;
+    address: undefined;
+    phone: undefined;
+    email: undefined;
+    notes: undefined;
+    referralCode: undefined;
+}, "">;
+
+declare const FiberForm: React__default.FC<FiberFormProps>;
+
 type AnimationType = "scale" | "shadow" | "lift" | "opacity" | "grow" | "pop";
 /**
  * Single source of truth for the default button animation type.
@@ -563,5 +711,5 @@ declare function useCarouselSwipe(config: CarouselSwipeConfig): CarouselSwipeRet
  */
 declare const cx: (...val: ClassValue[]) => string;
 
-export { Accordion, AlertCard, AnimationWrapper, BrandButton, Button, CallButton, Checkbox, Checklist, Collapse, DEFAULT_BUTTON_ANIMATION_TYPE, Divider, Image, Input, InputField, Link, List, ListItem, MaterialIcon, Modal, NextImage, PageSkeleton, RadioButton, SeeMore, Select, SelectPlanButton, Skeleton, Spinner, Text, Input as TextInput, Tooltip, ViewCartButton, cx, useBodyScrollLock, useCarouselSwipe };
-export type { AlertCardProps, Animation, AnimationType, AnimationWrapperProps, ButtonProps as BrandButtonProps, ButtonSizeT, ButtonVariantsT, CarouselSwipeConfig, CarouselSwipeReturn, CheckboxProps, CollapsibleProps, DividerProps, FilterOptions, IconName, IconProps, ImageComponentProps, ImageProps, InputFieldProps, InputProps, LinkProps, ListItemProps, ListProps, ModalProps, NextImageComponentProps, RadioButtonProps, ResponsiveSize, SelectOption, SelectPlanButtonProps, SelectProps, Shape, Size, SkeletonProps, SpinnerProps, TextProps, TextVariant, ToolTipProps, ViewCartButtonProps };
+export { Accordion, AlertCard, AnimationWrapper, BrandButton, Button, CallButton, Checkbox, Checklist, Collapse, DEFAULT_BUTTON_ANIMATION_TYPE, Divider, FiberForm, Image, Input, InputField, Link, List, ListItem, MaterialIcon, Modal, NextImage, PageSkeleton, RadioButton, SeeMore, Select, SelectPlanButton, Skeleton, Spinner, Text, Input as TextInput, Tooltip, VideoLink, ViewCartButton, cx, fiberFormAddressCollectionFormSchema, fiberFormInputInitialValues, fiberFormInputList, useBodyScrollLock, useCarouselSwipe };
+export type { AlertCardProps, Animation, AnimationType, AnimationWrapperProps, ButtonProps as BrandButtonProps, ButtonSizeT, ButtonVariantsT, CarouselSwipeConfig, CarouselSwipeReturn, CheckboxProps, CollapsibleProps, DividerProps, FiberAddress, FiberAddressAutocompleteProps, FiberAddressAutocompleteResult, FiberAddressCandidate, FiberAddressUnit, FiberFormInputList, FiberFormProps, FiberFormValues, FilterOptions, IconName, IconProps, ImageComponentProps, ImageProps, InputFieldProps, InputProps, LinkProps, ListItemProps, ListProps, ModalProps, NextImageComponentProps, RadioButtonProps, ResponsiveSize, SelectOption, SelectPlanButtonProps, SelectProps, Shape, Size, SkeletonProps, SpinnerProps, TextProps, TextVariant, ToolTipProps, VideoLinkProps, ViewCartButtonProps };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { InputHTMLAttributes, ReactNode, ForwardRefRenderFunction, ImgHTMLAttributes, ComponentType, ForwardRefExoticComponent, RefAttributes, AnchorHTMLAttributes, MouseEvent, CSSProperties, HTMLAttributes, LiHTMLAttributes, ButtonHTMLAttributes, LabelHTMLAttributes, FC, ReactElement } from 'react';
+import React__default, { InputHTMLAttributes, ReactNode, ForwardRefRenderFunction, ImgHTMLAttributes, ComponentType, ForwardRefExoticComponent, RefAttributes, AnchorHTMLAttributes, MouseEvent, CSSProperties, HTMLAttributes, LiHTMLAttributes, ButtonHTMLAttributes, LabelHTMLAttributes, FC, KeyboardEvent, ReactElement } from 'react';
 export { ButtonHTMLAttributes, CSSProperties, ReactNode } from 'react';
 import { ButtonProps as ButtonProps$1 } from '@shared/components/button/types';
 export { ButtonProps } from '@shared/components/button/types';
@@ -20,6 +20,8 @@ import { SeeMoreProps } from '@shared/components/see-more/types';
 export { SeeMoreProps } from '@shared/components/see-more/types';
 import { ButtonProps as ButtonProps$3 } from '@shared/contentful/blocks/button/types';
 import { CheckPlansProps } from '@shared/types/micro-components';
+import { FormikValues } from 'formik';
+import * as Yup from 'yup';
 import { HTMLMotionProps } from 'framer-motion';
 import { ClassValue } from 'clsx';
 export { ClassValue, clsx } from 'clsx';
@@ -66,7 +68,7 @@ declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAtt
     size?: "slim" | "medium" | "large" | undefined;
     label?: string | undefined;
     errorText?: string | undefined;
-    prefixIconName?: "search" | "location_on" | undefined;
+    prefixIconName?: "location_on" | "search" | undefined;
     prefixIconSize?: 20 | 24 | 40 | 48 | undefined;
     prefixIconFill?: boolean | undefined;
     suffixIconFill?: boolean | undefined;
@@ -223,6 +225,26 @@ interface TextProps extends HTMLAttributes<HTMLElement> {
 
 declare const Text: React__default.ForwardRefExoticComponent<TextProps & React__default.RefAttributes<HTMLElement>>;
 
+type VideoLinkProps = {
+    image?: string;
+    videoPopup?: boolean;
+    link?: string;
+    videoSourceType?: "youtube" | "contentful";
+    videoAssetUrl?: string;
+    videoAssetType?: string;
+    title?: string;
+    description?: string;
+};
+type VideoLinkComponentProps = {
+    videoLink?: VideoLinkProps;
+    imageWidth?: number;
+    imageHeight?: number;
+    useOriginalImageAspectRatio?: boolean;
+    isAboveTheFold?: boolean;
+};
+
+declare const VideoLink: React__default.FC<VideoLinkComponentProps>;
+
 declare const CallButton: {
     (props: CallButtonProps): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -430,6 +452,132 @@ declare namespace Tooltip {
     var displayName: string;
 }
 
+type FiberAddressUnit = {
+    addressLine2: string;
+    dfAddressId?: string;
+};
+type FiberAddress = {
+    addressLine1?: string;
+    addressLine2?: string | null;
+    city?: string;
+    state?: string;
+    postalCode?: string;
+    dfAddressId?: string;
+    units?: FiberAddressUnit[];
+    [key: string]: unknown;
+};
+type FiberAddressAutocompleteResult = {
+    address: string;
+    unit?: string;
+    addressToSend: FiberAddress;
+    placeId?: string;
+};
+type FiberAddressAutocompleteProps = {
+    value: string;
+    placeholder?: string;
+    errorText?: string;
+    onChange: (address: string) => void;
+    onSelectAddress: (result?: FiberAddressAutocompleteResult) => void;
+    onKeyDown: (event: KeyboardEvent<HTMLElement>) => void;
+};
+type FiberAddressCandidate = FiberAddress;
+type FiberFormValues = FormikValues & {
+    firstName: string;
+    lastName: string;
+    address: string;
+    phone: string;
+    email: string;
+    unit: string;
+    zip: string;
+    isManualAddress: boolean;
+    isMarketingCom: boolean;
+    addressToSend: FiberAddress;
+    notes: string;
+    referralCode: string;
+    hasUnits: boolean;
+};
+type FiberFormInputList = Partial<{
+    firstName: {
+        placeholder?: string;
+    };
+    lastName: {
+        placeholder?: string;
+    };
+    address: {
+        placeholder?: string;
+    };
+    phoneNumber: {
+        placeholder?: string;
+    };
+    emailAddress: {
+        placeholder?: string;
+    };
+    unit: {
+        placeholder?: string;
+    };
+    zip: {
+        placeholder?: string;
+    };
+    notes: {
+        placeholder?: string;
+    };
+    referralCode: {
+        placeholder?: string;
+    };
+}>;
+type FiberFormProps = {
+    InputComponent?: ComponentType<any>;
+    AddressAutocomplete: ComponentType<FiberAddressAutocompleteProps>;
+    initialValues?: FiberFormValues;
+    inputList?: FiberFormInputList;
+    formSchema?: Yup.AnyObjectSchema;
+    onSubmit: (values: FiberFormValues) => Promise<void>;
+    lookupAddress?: (address: string, values: FiberFormValues) => Promise<FiberAddressCandidate[]>;
+    buttonText?: string;
+    buttonClassName?: string;
+    bottomTextDisclaimer?: ReactNode;
+    hideLegalCopy?: boolean;
+    checkBoxEnabled?: boolean;
+    copyRightLinks?: Array<{
+        title: string;
+        href: string;
+    }>;
+    className?: string;
+    onAddressEvent?: (address: string) => void;
+};
+
+declare const fiberFormInputInitialValues: FiberFormValues;
+declare const fiberFormInputList: FiberFormInputList;
+declare const fiberFormAddressCollectionFormSchema: Yup.ObjectSchema<{
+    firstName: string;
+    lastName: string;
+    isManualAddress: boolean | undefined;
+    isMarketingCom: boolean | undefined;
+    hasUnits: boolean | undefined;
+    unit: string | undefined;
+    zip: string | undefined;
+    address: string;
+    phone: string;
+    email: string;
+    notes: string | undefined;
+    referralCode: string | undefined;
+}, Yup.AnyObject, {
+    firstName: undefined;
+    lastName: undefined;
+    isManualAddress: undefined;
+    isMarketingCom: undefined;
+    hasUnits: undefined;
+    unit: undefined;
+    zip: undefined;
+    address: undefined;
+    phone: undefined;
+    email: undefined;
+    notes: undefined;
+    referralCode: undefined;
+}, "">;
+
+declare const FiberForm: React__default.FC<FiberFormProps>;
+
 type AnimationType = "scale" | "shadow" | "lift" | "opacity" | "grow" | "pop";
 /**
  * Single source of truth for the default button animation type.
@@ -563,5 +711,5 @@ declare function useCarouselSwipe(config: CarouselSwipeConfig): CarouselSwipeRet
  */
 declare const cx: (...val: ClassValue[]) => string;
 
-export { Accordion, AlertCard, AnimationWrapper, BrandButton, Button, CallButton, Checkbox, Checklist, Collapse, DEFAULT_BUTTON_ANIMATION_TYPE, Divider, Image, Input, InputField, Link, List, ListItem, MaterialIcon, Modal, NextImage, PageSkeleton, RadioButton, SeeMore, Select, SelectPlanButton, Skeleton, Spinner, Text, Input as TextInput, Tooltip, ViewCartButton, cx, useBodyScrollLock, useCarouselSwipe };
-export type { AlertCardProps, Animation, AnimationType, AnimationWrapperProps, ButtonProps as BrandButtonProps, ButtonSizeT, ButtonVariantsT, CarouselSwipeConfig, CarouselSwipeReturn, CheckboxProps, CollapsibleProps, DividerProps, FilterOptions, IconName, IconProps, ImageComponentProps, ImageProps, InputFieldProps, InputProps, LinkProps, ListItemProps, ListProps, ModalProps, NextImageComponentProps, RadioButtonProps, ResponsiveSize, SelectOption, SelectPlanButtonProps, SelectProps, Shape, Size, SkeletonProps, SpinnerProps, TextProps, TextVariant, ToolTipProps, ViewCartButtonProps };
+export { Accordion, AlertCard, AnimationWrapper, BrandButton, Button, CallButton, Checkbox, Checklist, Collapse, DEFAULT_BUTTON_ANIMATION_TYPE, Divider, FiberForm, Image, Input, InputField, Link, List, ListItem, MaterialIcon, Modal, NextImage, PageSkeleton, RadioButton, SeeMore, Select, SelectPlanButton, Skeleton, Spinner, Text, Input as TextInput, Tooltip, VideoLink, ViewCartButton, cx, fiberFormAddressCollectionFormSchema, fiberFormInputInitialValues, fiberFormInputList, useBodyScrollLock, useCarouselSwipe };
+export type { AlertCardProps, Animation, AnimationType, AnimationWrapperProps, ButtonProps as BrandButtonProps, ButtonSizeT, ButtonVariantsT, CarouselSwipeConfig, CarouselSwipeReturn, CheckboxProps, CollapsibleProps, DividerProps, FiberAddress, FiberAddressAutocompleteProps, FiberAddressAutocompleteResult, FiberAddressCandidate, FiberAddressUnit, FiberFormInputList, FiberFormProps, FiberFormValues, FilterOptions, IconName, IconProps, ImageComponentProps, ImageProps, InputFieldProps, InputProps, LinkProps, ListItemProps, ListProps, ModalProps, NextImageComponentProps, RadioButtonProps, ResponsiveSize, SelectOption, SelectPlanButtonProps, SelectProps, Shape, Size, SkeletonProps, SpinnerProps, TextProps, TextVariant, ToolTipProps, VideoLinkProps, ViewCartButtonProps };