@bikdotai/bik-component-library 0.0.69 → 0.0.73-9.beta-0

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuItem.js

@@ -1,4 +1,13 @@
-import{jsx as e,Fragment as t}from"react/jsx-runtime";import o from"styled-components";import{CheckBox as i}from"../../../../checkBox/CheckBox.js";import{ListItem as n}from"../../../../list-item/ListItem.js";import{BodyCaption as s}from"../../../../TypographyStyle.js";import{COLORS as r}from"../../../../../constants/Theme.js";import{FreeFormContainer as l}from"./FreeFormMenu.styled.js";const c=o(n)`
-	padding: 14px 16px !important;
-	cursor: default;
-`,a=o=>{let{option:n,isMultiSelect:a,showDescription:m,onSelect:d}=o;var p;function u(e){n.disabled||d(Object.assign(Object.assign({},n),{selected:e}))}return e(c,{onClick:e=>{e.preventDefault(),u(!n.selected)},onMouseOver:function(){n.description?m(n.label,n.description):m()},listItem:{value:n.value,label:n.label},subText:n.subText,leadingIcon:a?e(i,{isDisabled:null!==(p=n.disabled)&&void 0!==p&&p,isChecked:!!n.selected,onValueChange:u}):e(t,{}),customComponent:n.customComponent,trailingIcon:n.isFreeForm?e(l,{children:e(s,Object.assign({style:{color:r.content.secondary}},{children:"Freeform"}))}):n.trailingIcon?e(t,{children:n.trailingIcon}):e(t,{}),variant:n.disabled?"inactive":n.selected?"selected":"default"})};export{a as MenuItem};
+import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import n from"../../../../../assets/icons/chevronRight.svg.js";import{forwardRef as i,useState as r}from"react";import s from"styled-components";import{CheckBox as l}from"../../../../checkBox/CheckBox.js";import{ListItem as a}from"../../../../list-item/ListItem.js";import{Tooltip as c}from"../../../../tooltips/Tooltip.js";import{BodyCaption as d}from"../../../../TypographyStyle.js";import{DEFAULT_THEME as p,COLORS as m}from"../../../../../constants/Theme.js";import{FreeFormContainer as u}from"./FreeFormMenu.styled.js";const g=s(a)`
+	padding: ${e=>"2.0"===e.version?"8px 12px":"14px 16px"} !important;
+	cursor: pointer;
+	margin-top: ${e=>"2.0"===e.version?"2px":"0"};
+`,v=s.div`
+	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
+	border-radius: ${e=>{let{version:t}=e;return"1.0"===t?"0":"8px"}};
+	padding: ${e=>{let{version:t}=e;return"1.0"===t?"0":"4px"}};
+	min-width: 148px;
+	border: ${e=>{let{version:t}=e;return"1.0"===t?`1px solid ${p.colorsV2.stroke.primary}`:"none"}};
+	max-height: 248px;
+	overflow-y: auto;
+`,h=i(((i,s)=>{let{option:a,isMultiSelect:h,showDescription:b,onSelect:x,last:f,version:j,onDropdownItemClick:y,useDefaultCursor:I,isFocused:C=!1,dataIndex:O=-1}=i;var k;const[w,T]=r(a.selected),D=(e,t)=>{if(!e.children){F(!e.selected);const o=t?Object.assign(Object.assign({},e),{parent:t}):e;null==y||y(o)}},F=e=>{a.disabled||x(Object.assign(Object.assign({},a),{selected:e}))},$=I?{cursor:"default"}:{};return e(t,{children:e(c,Object.assign({body:"",tooltipContent:a.children?e("div",Object.assign({style:{backgroundColor:p.colorsV2.surface.standard},ref:s,onMouseEnter:()=>T(!0),onMouseLeave:()=>T(!1)},{children:e(v,Object.assign({version:null!=j?j:"2.0"},{children:a.children.map((t=>{var o;return e(g,{version:j,style:"1.0"!==j&&(null!==(o=null==a?void 0:a.children)&&void 0!==o?o:[]).length-1?{borderBottom:0}:{},onClick:e=>{e.preventDefault(),D(t,a)},listItem:{value:t.value,label:t.label},subText:t.subText,leadingIcon:t.leadingIcon||void 0,customComponent:t.customComponent,trailingIcon:t.trailingIcon||void 0,variant:a.disabled?"inactive":t.selected?"selected":"default"},t.value)}))}))})):e(t,{}),placement:"right-start",hideArrow:!0},{children:e(g,{version:j,style:f?Object.assign({borderBottom:0},$):Object.assign({},$),onClick:e=>{e.preventDefault(),D(a)},onMouseOver:()=>{a.description?b(a.label,a.description):b()},listItem:{value:a.value,label:a.label},subText:a.subText,"data-option-index":O,role:"option",id:`dropdown-option-${O}`,"aria-selected":!!a.selected,leadingIcon:h?o("div",Object.assign({style:{display:"flex",alignContent:"center",justifyContent:"center",gap:8}},{children:[e(l,{size:"2.0"===j?"SMALL":"DEFAULT",isDisabled:null!==(k=a.disabled)&&void 0!==k&&k,isChecked:!!a.selected,onValueChange:F}),e("div",Object.assign({style:{marginRight:"-4px"}},{children:a.leadingIcon}))]})):a.leadingIcon?e(t,{children:a.leadingIcon}):void 0,customComponent:a.customComponent,trailingIcon:a.isFreeForm?e(u,{children:e(d,Object.assign({style:{color:m.content.secondary}},{children:"Freeform"}))}):a.children?e(n,{width:12,height:12}):a.trailingIcon?e(t,{children:a.trailingIcon}):void 0,variant:a.disabled?"inactive":C||a.selected||!h&&w?"selected":"default"})}))})}));export{h as MenuItem};

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.d.ts

@@ -1,8 +1,15 @@
-import React from 'react';
+/// <reference types="react" />
 import { DropdownOption, SingleOption } from '../../../type';
-export declare const MenuList: React.FC<{
+interface MenuListProps {
     options: DropdownOption[];
     isMultiSelect?: boolean;
     showDescription: (title?: string, description?: string) => void;
     onSelect: (optionSelect: SingleOption) => void;
-}>;
+    version?: '1.0' | '2.0';
+    onInfiniteScroll?: () => void;
+    onDropdownItemClick?: (option: DropdownOption) => void;
+    useDefaultCursor?: boolean;
+    focusedIndex?: number;
+}
+export declare const MenuList: import("react").ForwardRefExoticComponent<MenuListProps & import("react").RefAttributes<HTMLDivElement[]>>;
+export {};

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.js

@@ -1 +1 @@
-import{jsx as t,Fragment as e,jsxs as o}from"react/jsx-runtime";import{MenuItem as i}from"./MenuItem.js";import{StyledGroupedLabel as n}from"./MenuList.styled.js";const r=r=>{let{options:s,isMultiSelect:l,showDescription:c,onSelect:p}=r;return t(e,{children:s.map(((e,r)=>{if(e.options){const s=e;return o("div",{children:[t(n,{children:s.label}),s.options.map(((e,o)=>t(i,{onSelect:p,showDescription:c,isMultiSelect:l,option:e},o)))]},r)}return t(i,{onSelect:p,showDescription:c,isMultiSelect:l,option:e},r)}))})};export{r as MenuList};
+import{jsx as e,Fragment as n,jsxs as t}from"react/jsx-runtime";import{forwardRef as r,useRef as o,useCallback as s,useEffect as i}from"react";import{MenuItem as c}from"./MenuItem.js";import{StyledGroupedLabel as l}from"./MenuList.styled.js";const u=r(((r,u)=>{let{options:a,isMultiSelect:d,showDescription:p,onSelect:f,version:m,onInfiniteScroll:g,onDropdownItemClick:h,useDefaultCursor:b,focusedIndex:I=-1}=r;const D=o(null),j=o(null),v=s((()=>{D.current&&D.current.disconnect(),D.current=new IntersectionObserver((e=>{e[0].isIntersecting&&(null==g||g())})),j.current&&D.current.observe(j.current)}),[g]);i((()=>(v(),()=>{D.current&&D.current.disconnect()})),[v,a]);const w=new Map;let S=-1;return a.forEach((e=>{if(e.options)e.options.forEach((e=>{e.disabled||(S++,w.set(e,S))}));else{const n=e;n.disabled||(S++,w.set(n,S))}})),e(n,{children:a.map(((n,r)=>{const o=r===a.length-1;if(n.options){const s=n;return t("div",Object.assign({style:{marginTop:"2.0"===m?2:0}},{children:[t(l,Object.assign({version:m},{children:[s.leadingIcon?e("span",Object.assign({style:{marginRight:8}},{children:s.leadingIcon})):null,s.label]})),s.options.map(((n,t)=>{const o=w.get(n),i=o===I&&!n.disabled;return e(c,{version:m,last:t===s.options.length-1,onSelect:f,showDescription:p,onDropdownItemClick:h,isMultiSelect:d,option:n,useDefaultCursor:b,isFocused:i,dataIndex:o,ref:e=>{u&&"object"==typeof u&&u.current&&e&&e&&e&&e&&(u.current[r]=e)}},`${r}-${t}`)})),o?e("span",{ref:j}):null]}),r)}const s=n,i=w.get(s),g=i===I&&!s.disabled;return t("div",{children:[e(c,{version:m,last:o,onSelect:f,showDescription:p,onDropdownItemClick:h,isMultiSelect:d,option:s,useDefaultCursor:b,isFocused:g,dataIndex:i,ref:e=>{u&&"object"==typeof u&&u.current&&e&&(u.current[r]=e)}},r),o?e("span",{ref:j}):null]},r)}))})}));export{u as MenuList};

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.d.ts

@@ -1 +1,6 @@
-export declare const StyledGroupedLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledGroupedLabel: import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+} & {
+    version?: "1.0" | "2.0" | undefined;
+}, never>;

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.js

@@ -1,5 +1,6 @@
-import o from"styled-components";import{BodyCaption as r}from"../../../../TypographyStyle.js";import{COLORS as t}from"../../../../../constants/Theme.js";const n=o(r)`
-	padding: 8px 16px;
-	color: ${t.content.secondary};
-	background-color: ${t.background.base};
-`;export{n as StyledGroupedLabel};
+import o from"styled-components";import{BodyCaption as r}from"../../../../TypographyStyle.js";import{COLORS as n}from"../../../../../constants/Theme.js";const e=o(r)`
+	padding: 8px ${o=>"2.0"===o.version?12:16}px;
+	color: ${o=>"2.0"===o.version?n.content.placeholder:n.content.secondary};
+	background-color: ${o=>"2.0"===o.version?n.surface.standard:n.background.base};
+	font-size: ${o=>"2.0"===o.version?10:12}px;
+`;export{e as StyledGroupedLabel};

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.d.ts

@@ -4,4 +4,5 @@ export type SelectAllCheckboxState = 'notSelected' | 'selectAll' | 'partiallySel
 export declare const SelectAllMenu: React.FC<{
     options: DropdownOption[];
     onSelect: (newState: SelectAllCheckboxState) => void;
+    version?: '1.0' | '2.0';
 }>;

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useState as t,useEffect as l}from"react";import o from"styled-components";import{CheckBox as c}from"../../../../checkBox/CheckBox.js";import{ListItem as i}from"../../../../list-item/ListItem.js";const r=o(i)``,n=o=>{let{options:i,onSelect:n}=o;const[a,s]=t("notSelected");function d(){"partiallySelected"===a&&n("notSelected"),"selectAll"===a&&n("notSelected"),"notSelected"===a&&n("selectAll")}return l((()=>{const e=[];i.filter((e=>!e.disabled)).forEach((t=>{t.options?t.options.filter((e=>!e.disabled)).forEach((t=>{e.push(t.selected||!1)})):e.push(t.selected||!1)})),e.every(Boolean)?s("selectAll"):e.filter(Boolean).length>0?s("partiallySelected"):s("notSelected")}),[i]),e(r,{onClick:e=>{e.preventDefault(),d()},listItem:{label:"Select All",value:"All"},leadingIcon:e(c,{isChecked:"selectAll"===a||"partiallySelected"===a,isPartiallyChecked:"partiallySelected"===a,onValueChange:d}),variant:"default"})};export{n as SelectAllMenu};
+import{jsx as e}from"react/jsx-runtime";import{useState as t,useEffect as l}from"react";import{CheckBox as o}from"../../../../checkBox/CheckBox.js";import{ListItem as i}from"../../../../list-item/ListItem.js";const c=c=>{let{options:n,onSelect:r,version:s}=c;const[a,d]=t("notSelected");function p(){"partiallySelected"===a&&r("notSelected"),"selectAll"===a&&r("notSelected"),"notSelected"===a&&r("selectAll")}return l((()=>{const e=[];n.filter((e=>!e.disabled)).forEach((t=>{t.options?t.options.filter((e=>!e.disabled)).forEach((t=>{e.push(t.selected||!1)})):e.push(t.selected||!1)})),e.every(Boolean)?d("selectAll"):e.filter(Boolean).length>0?d("partiallySelected"):d("notSelected")}),[n]),e(i,{version:s,onClick:e=>{e.preventDefault(),p()},listItem:{label:"Select All",value:"All"},leadingIcon:e("div",Object.assign({style:{width:18,height:18}},{children:e(o,{size:"2.0"===s?"SMALL":"DEFAULT",isChecked:"selectAll"===a||"partiallySelected"===a,isPartiallyChecked:"partiallySelected"===a,onValueChange:p})})),variant:"default"})};export{c as SelectAllMenu};

package/dist/esm/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.d.ts

@@ -1,8 +1,11 @@
 import React from 'react';
-import { DropdownOption } from '../../../type';
-declare const MultiSelectDropdownBottomBar: React.FC<{
+import { ButtonOptions, DropdownOption } from '../../../type';
+interface MultiSelectDropdownBottomBarProps {
     onClear?: () => void;
     onApply: () => void;
     list: DropdownOption[];
-}>;
+    buttonText?: string;
+    buttonOptions?: ButtonOptions;
+}
+declare const MultiSelectDropdownBottomBar: React.FC<MultiSelectDropdownBottomBarProps>;
 export default MultiSelectDropdownBottomBar;

package/dist/esm/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{Button as o}from"../../../../button/Button.js";import{BodySecondary as r}from"../../../../TypographyStyle.js";import{COLORS as l}from"../../../../../constants/Theme.js";import{BottomBarContainer as n}from"./MultiSelectDropdownBottomBar.styled.js";const s=s=>{let{onApply:i,onClear:c,list:p}=s;const a=p.reduce(((t,e)=>{if(e.options){return t+e.options.filter((t=>!0===t.selected)).length}return e.selected?t+1:t}),0);return t(n,Object.assign({style:{justifyContent:"space-between"}},{children:[e(r,Object.assign({style:{flex:1,color:l.content.primary}},{children:a?`${a} selected`:""})),t("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[e(o,{size:"small",buttonType:"tertiaryGray",buttonText:"Clear",onClick:c}),e(o,{size:"small",buttonText:"Apply",onClick:i})]}))]}))};export{s as default};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{Button as o}from"../../../../button/Button.js";import{BodySecondary as n}from"../../../../TypographyStyle.js";import{COLORS as r}from"../../../../../constants/Theme.js";import{BottomBarContainer as s}from"./MultiSelectDropdownBottomBar.styled.js";const l=l=>{const{onClear:i,onApply:p,list:a,buttonText:c,buttonOptions:y}=l,{primaryButtonText:u,primaryButtonType:m,secondaryButtonText:d,secondaryButtonType:f}=null!=y?y:{},b=a.reduce(((t,e)=>{if(e.options){return t+e.options.filter((t=>!0===t.selected)).length}return e.selected?t+1:t}),0);return t(s,Object.assign({style:{justifyContent:"space-between"}},{children:[e(n,Object.assign({style:{flex:1,color:r.content.primary}},{children:b?`${b} selected`:""})),t("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[e(o,{size:"small",buttonType:f||"primary",buttonText:d||"Clear",onClick:i}),e(o,{size:"small",buttonText:u||c||"Apply",buttonType:m||"primary",onClick:()=>{p()}})]}))]}))};export{l as default};

package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
 export declare const SearchBox: React.FC<{
     onSearch: (searchString: string) => void;
+    version?: '1.0' | '2.0';
 }>;

package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.js

@@ -1 +1 @@
-import{jsx as r,Fragment as o}from"react/jsx-runtime";import{createRef as t}from"react";import{Input as e}from"../../../../input/Input.js";import{InputStyleContext as n}from"../../../../input/context/InputStyleProvider.js";import{COLORS as i}from"../../../../../constants/Theme.js";import c from"../../../../../assets/icons/cross.svg.js";import s from"../../../../../assets/icons/search.svg.js";const p=p=>{let{onSearch:a}=p;const l=t();return r(n.Provider,Object.assign({value:{InputWrapper:{borderRadius:0,border:0,borderBottom:"1px solid "+i.stroke.primary,padding:"14px 16px"},IconHolder:{marginLeft:0},input:{marginLeft:4,minHeight:"100%"}}},{children:r(e,{ref:l,placeholder:"Search",leftIcon:{icon:()=>r(s,{width:24,height:24,color:i.content.placeholder})},rightIcon:{icon:()=>{var t;return(null===(t=null==l?void 0:l.current)||void 0===t?void 0:t.value)?r(c,{onClick:()=>{l.current&&(l.current.value=""),a("")},width:24,height:24,color:i.content.placeholder}):r(o,{})}},onChangeText:a})}))};export{p as SearchBox};
+import{jsx as o,Fragment as r}from"react/jsx-runtime";import{useState as t}from"react";import{IconButton as e}from"../../../../icon-button/IconButton.js";import{Input as n}from"../../../../input/Input.js";import{InputStyleContext as i}from"../../../../input/context/InputStyleProvider.js";import{COLORS as s}from"../../../../../constants/Theme.js";import c from"../../../../../assets/icons/cross.svg.js";import p from"../../../../../assets/icons/search.svg.js";const a=a=>{let{onSearch:m,version:l}=a;const[h,d]=t(""),[u,f]=t(!1);return o(i.Provider,Object.assign({value:{InputWrapper:{borderRadius:0,border:0,borderBottom:`${"2.0"===l?.5:1}px solid ${s.stroke.primary}`,padding:""+("2.0"===l?"6px 8px":"14px 16px")},IconHolder:{marginLeft:0},input:{marginLeft:4,minHeight:"100%"}}},{children:o(n,{noKeyDownChange:!0,skipFocus:!0,placeholder:"Search",variant:"2.0"===l?"small":"default",leftIcon:{icon:()=>o(p,{width:"2.0"===l?18:24,height:"2.0"===l?18:24,color:s.content.placeholder})},rightIcon:{icon:()=>h?o(e,{onClick:()=>{f(!0),m(""),d("")},Icon:c,width:"2.0"===l?18:24,height:"2.0"===l?18:24,iconColor:s.content.placeholder}):o(r,{})},reset:u,onChangeText:o=>{f(!1),d(o),m(o)}})}))};export{a as SearchBox};

package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.d.ts

@@ -1,4 +1,7 @@
 import React from 'react';
 export declare const SearchZeroState: React.FC<{
     searchedString: string;
+    height: number;
+    isLoading?: boolean;
+    containerWidth?: string;
 }>;

package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{ZeroState as r}from"../../../../zeroState/ZeroState.js";const e=e=>{let{searchedString:o}=e;return t(r,{title:"No results found",subTitle:`Sorry we could not find any results for "${null!=o?o:""}"`})};export{e as SearchZeroState};
+import{jsx as t}from"react/jsx-runtime";import{ZeroState as e}from"../../../../zeroState/ZeroState.js";const i=i=>{let{searchedString:r,height:n,isLoading:o,containerWidth:s}=i;return t("div",Object.assign({style:{height:n,display:"flex",alignItems:"center"}},{children:t(e,{isLoading:o,title:"No results found",subTitle:`Sorry we could not find any results for "${null!=r?r:""}"`,containerWidth:s})}))};export{i as SearchZeroState};

package/dist/esm/components/dropdown/OpenedDropdown/utils/iterationOnOptions.d.ts

@@ -9,7 +9,13 @@ export declare function iterateOnOptions(options: DropdownOption[], newVal: Part
     isFreeForm?: boolean | undefined;
     subText?: string | undefined;
     trailingIcon?: JSX.Element | undefined;
+    leadingIcon?: JSX.Element | undefined;
     customComponent?: JSX.Element | undefined;
+    searchKey?: string | undefined;
+    selectedLabel?: string | undefined;
+    children?: SingleOption[] | undefined;
+    parent?: SingleOption | undefined;
+    'data-test'?: string | undefined;
 } | {
     label?: string | undefined;
     value?: string | undefined;
@@ -19,6 +25,15 @@ export declare function iterateOnOptions(options: DropdownOption[], newVal: Part
     isFreeForm?: boolean | undefined;
     subText?: string | undefined;
     trailingIcon?: JSX.Element | undefined;
+    leadingIcon?: JSX.Element | undefined;
     customComponent?: JSX.Element | undefined;
+    searchKey?: string | undefined;
+    selectedLabel?: string | undefined;
+    children?: SingleOption[] | undefined;
+    parent?: SingleOption | undefined;
+    'data-test'?: string | undefined;
     options: SingleOption[];
 })[];
+export declare function iterateOnOptionsRaw(options: DropdownOption[], cb: (option: SingleOption) => void): void;
+export declare function getSelectedOptionsAsText(selectedOption: DropdownOption[]): string | undefined;
+export declare function getSelectedOptionsAsArray(selectedOption: DropdownOption[]): string[];

package/dist/esm/components/dropdown/OpenedDropdown/utils/iterationOnOptions.js

@@ -1 +1 @@
-function s(s,n,t){return s.map((s=>{if(s.options){const i=s.options.map((s=>!t||t(s)?Object.assign(Object.assign({},s),n):Object.assign({},s)));return Object.assign(Object.assign({},s),{options:[...i]})}return!t||t(s)?Object.assign(Object.assign({},s),n):Object.assign({},s)}))}export{s as iterateOnOptions};
+function n(n,t,s){return n.map((n=>{if(n.options){const e=n.options.map((n=>!s||s(n)?Object.assign(Object.assign({},n),t):Object.assign({},n)));return Object.assign(Object.assign({},n),{options:[...e]})}return!s||s(n)?Object.assign(Object.assign({},n),t):Object.assign({},n)}))}function t(n,t){n.forEach((n=>{n.options?n.options.forEach(t):t(n)}))}function s(n){if(n&&n.length)return n.map((n=>{var t;const s=n;return null!==(t=s.selectedLabel)&&void 0!==t?t:s.label})).join(", ")}export{s as getSelectedOptionsAsText,n as iterateOnOptions,t as iterateOnOptionsRaw};

package/dist/esm/components/dropdown/hooks/useDropdown.d.ts

@@ -0,0 +1,52 @@
+/// <reference types="react" />
+import { SelectAllCheckboxState } from '../OpenedDropdown/components/menu/SelectAllMenu';
+import { DropdownOption, SingleOption } from '../type';
+export declare const useDropdown: (version: string | undefined, options: DropdownOption[], onSelect: ((option: DropdownOption | DropdownOption[]) => void) | undefined, skipSorting?: boolean, isMultiSelect?: boolean, onSearch?: ((searchKey: string) => Promise<DropdownOption[]>) | undefined, disableOtherSearchedOption?: boolean, disableSearchedOptionExcept?: string[], maxSelections?: number) => {
+    latestDropdownOptionsRef: import("react").MutableRefObject<DropdownOption[]>;
+    dropdownOptions: DropdownOption[];
+    search: (searchKey: string) => void;
+    searchedString: string;
+    searchedOptions: DropdownOption[];
+    onApplyHandler: (optionSelect: SingleOption, returnOnly?: boolean) => ({
+        label: string;
+        value: string;
+        description?: string | null | undefined;
+        selected?: boolean | undefined;
+        disabled?: boolean | undefined;
+        isFreeForm?: boolean | undefined;
+        subText?: string | undefined;
+        trailingIcon?: JSX.Element | undefined;
+        leadingIcon?: JSX.Element | undefined;
+        customComponent?: JSX.Element | undefined;
+        searchKey?: string | undefined;
+        selectedLabel?: string | undefined;
+        children?: SingleOption[] | undefined;
+        parent?: SingleOption | undefined;
+        'data-test'?: string | undefined;
+    } | {
+        label?: string | undefined;
+        value?: string | undefined;
+        description?: string | null | undefined;
+        selected?: boolean | undefined;
+        disabled?: boolean | undefined;
+        isFreeForm?: boolean | undefined;
+        subText?: string | undefined;
+        trailingIcon?: JSX.Element | undefined;
+        leadingIcon?: JSX.Element | undefined;
+        customComponent?: JSX.Element | undefined;
+        searchKey?: string | undefined;
+        selectedLabel?: string | undefined;
+        children?: SingleOption[] | undefined;
+        parent?: SingleOption | undefined;
+        'data-test'?: string | undefined;
+        options: SingleOption[];
+    })[] | undefined;
+    selectAllHandler: (newState: SelectAllCheckboxState) => void;
+    onMultiSelectClear: () => void;
+    onFreeFormSelect: (selected: boolean) => void;
+    onMultiSelectApply: (options?: DropdownOption[]) => void;
+    getSelectedOptions: (data: DropdownOption[]) => DropdownOption[];
+    getCurrentSelectionCount: (data: DropdownOption[]) => number;
+    isMaxSelectionsReached: (data: DropdownOption[]) => boolean;
+    maxSelections: number | undefined;
+};

package/dist/esm/components/dropdown/hooks/useDropdown.js

@@ -0,0 +1 @@
+import{useState as e,useRef as t,useEffect as s}from"react";import{iterateOnOptionsRaw as l,iterateOnOptions as n}from"../OpenedDropdown/utils/iterationOnOptions.js";const c=function(){let c=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"1.0",i=arguments.length>1?arguments[1]:void 0,o=arguments.length>2?arguments[2]:void 0,a=arguments.length>3?arguments[3]:void 0,u=arguments.length>4?arguments[4]:void 0,r=arguments.length>5?arguments[5]:void 0,d=arguments.length>6?arguments[6]:void 0,v=arguments.length>7&&void 0!==arguments[7]?arguments[7]:[],p=arguments.length>8?arguments[8]:void 0;const[f,g]=e(null!=i?i:[]),[b,h]=e([]),[O,j]=e(""),m=t(f);s((()=>{if(m.current=f,b.length&&O&&r){let e=[...b];const t=f.map((e=>{if(e.options)return e.options.map((e=>({value:e.value,selected:e.selected})));const t=e;return{value:t.value,selected:t.selected}})).flat();e=e.map((e=>{const s=t.find((t=>e.value===t.value));return s?Object.assign(Object.assign({},e),{selected:s.selected}):e})),d&&(e=e.map((e=>Object.assign(Object.assign({},e),{disabled:!v.includes(e.value)})))),h(u&&!a?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[f]),s((()=>{if(i){const e=[...i];g(u&&!a?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[i]);const S=e=>{const t=[];return e.forEach((e=>{if(e.options){const s=e.options.filter((e=>!0===e.selected));t.push(Object.assign(Object.assign({},e),{options:[...s]}))}else e.selected&&t.push(Object.assign({},e))})),t},F=e=>{let t=0;return e.forEach((e=>{e.options?t+=e.options.filter((e=>!0===e.selected)).length:e.selected&&t++})),t},w=e=>!(!u||!p&&0!==p)&&F(e)>=p;function A(e,t){if(u){if(e.selected&&p&&w(f))return;if(b.length&&O&&r)if(e.selected){if(p&&w(f))return;let s=!1;const l=n(f,{selected:e.selected},(t=>t.value===e.value&&(s=!0,!0)));if(s||l.push(e),t)return[...l];g([...l]),"2.0"===c&&C(l)}else{let s=!1,l=n(f,{selected:e.selected},(t=>t.value===e.value&&(s=!0,!0)));if(s&&(l=l.filter((t=>t.value!==e.value))),t)return[...l];g([...l]),"2.0"===c&&C(l)}else{const s=n(f,{selected:e.selected},(t=>t.value===e.value));if(t)return[...s];g([...s]),"2.0"===c&&C(s)}}else null==o||o(e)}function C(e){const t=S(null!=e?e:m.current);null==o||o([...t])}return{latestDropdownOptionsRef:m,dropdownOptions:f,search:function(e){if(j(e),h([]),e&&r){const t=[];l(f,(e=>{e.selected&&!t.includes(e.value)&&t.push(e.value)})),r(e).then((e=>{if(e){const s=e.map((e=>{if(e.options){const s=e;return Object.assign(Object.assign({},s),{options:s.options.map((e=>Object.assign(Object.assign({},e),{selected:t.includes(e.value)})))})}return Object.assign(Object.assign({},e),{selected:t.includes(e.value)})}));h([...s])}}))}},searchedString:O,searchedOptions:b,onApplyHandler:A,selectAllHandler:function(e){if(b.length&&O&&r)!function(e){let t=[...f];e?b.forEach((e=>{let s=!1;t=t.map((t=>{const l=e;return void 0!==l.value&&l.value===t.value?(s=!0,Object.assign(Object.assign({},t),{selected:!0})):t})),s||t.push(Object.assign(Object.assign({},e),{selected:!0}))})):b.forEach((e=>{t=t.map((t=>{const s=e;return void 0!==s.value&&s.value===t.value?Object.assign(Object.assign({},t),{selected:!1}):t}))})),g([...t]),"2.0"===c&&C(t)}("selectAll"===e);else if("selectAll"===e){const e=n(f,{selected:!0},(e=>{var t;return O?(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(O.toLowerCase()))&&!e.disabled:!e.disabled}));g([...e]),"2.0"===c&&C(e)}else if("notSelected"===e){const e=n(f,{selected:!1},(e=>!e.disabled));g([...e]),"2.0"===c&&C(e)}},onMultiSelectClear:function(){const e=n(f,{selected:!1});g([...e]),"2.0"===c&&C(e)},onFreeFormSelect:function(e){if(!u)return void A({label:O,value:O,isFreeForm:!0,selected:!0});const t=f.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===O&&t.value===O?e:t.selected})));e&&(t.some((e=>e.label===O&&e.value===O))||t.unshift({label:O,value:O,isFreeForm:!0,selected:!0})),g([...t]),"2.0"===c&&C(t)},onMultiSelectApply:C,getSelectedOptions:S,getCurrentSelectionCount:F,isMaxSelectionsReached:w,maxSelections:p}};export{c as useDropdown};

package/dist/esm/components/dropdown/index.d.ts

@@ -1,3 +1,6 @@
+import { DropdownPopover } from './DropdownPopover';
 export * from './Dropdown';
-export * from './DropdownPopover';
+export * from './ChipDropdown';
+export { DropdownPopover };
 export * from './OpenedDropdown';
+export * from './MenuItem/MenuItem';

package/dist/esm/components/dropdown/type.d.ts

@@ -1,20 +1,48 @@
 /// <reference types="react" />
-import { Placement } from '@popperjs/core';
+import { Placement, PositioningStrategy } from '@popperjs/core';
+import { ButtonProps, Type } from '../button/model';
 export interface OpenDropdownProps {
     defaultOptions?: DropdownOption[];
     options: DropdownOption[];
     isSearchable?: boolean;
     error?: string;
     isMultiSelect?: boolean;
+    maxSelections?: number;
     width?: string;
     height?: number | string;
     allowFreeForm?: boolean;
-    onClose?: () => void;
+    onClose?: (selectedData?: DropdownOption | DropdownOption[]) => void;
     onSelect?: (option: DropdownOption | DropdownOption[]) => void;
     placement?: Placement;
+    strategy?: PositioningStrategy;
+    onSearch?: (key: string) => Promise<DropdownOption[]>;
+    version?: '1.0' | '2.0';
+    skipSorting?: boolean;
+    headerRef?: any;
+    hideSelectAll?: boolean;
+    primaryButtonText?: string;
+    onInfiniteScroll?: () => void;
+    onMultiSelectClear?: () => void;
+    onDropdownItemClick?: (option: DropdownOption) => void;
+    buttonOptions?: ButtonOptions;
+    isSearchLoading?: boolean;
+    disableSearchOptions?: boolean;
+    disableSearchedOptionExcept?: string[];
+    useDefaultCursor?: boolean;
+    'data-test'?: string;
+    containerStyle?: React.CSSProperties;
+    zeroState?: {
+        Icon?: React.ReactNode;
+        IconHolderStyle?: React.CSSProperties;
+        actionButton?: ButtonProps;
+        buttonWidth?: number;
+        title: string;
+        subTitle?: string;
+    };
 }
 export type GroupedOption = {
     label?: string;
+    leadingIcon?: JSX.Element;
     options: (SingleOption | MultiSelectOption)[];
 };
 export type SingleOption = {
@@ -26,7 +54,20 @@ export type SingleOption = {
     isFreeForm?: boolean;
     subText?: string;
     trailingIcon?: JSX.Element;
+    leadingIcon?: JSX.Element;
     customComponent?: JSX.Element;
+    searchKey?: string;
+    selectedLabel?: string;
+    children?: SingleOption[];
+    parent?: SingleOption;
+    'data-test'?: string;
 };
 export type MultiSelectOption = SingleOption;
 export type DropdownOption = MultiSelectOption | SingleOption | GroupedOption;
+export interface ButtonOptions {
+    primaryButtonText?: string;
+    primaryButtonType?: Type;
+    secondaryButtonText?: string;
+    secondaryButtonType?: Type;
+}
+export type { Placement };

package/dist/esm/components/dropdown-button/DropdownButton.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { DropdownProps } from "../dropdown";
+import { ButtonProps } from '../button/model';
+export interface DropdownButtonProps {
+    dropdownProps: DropdownProps;
+    buttonProps: ButtonProps;
+    iconProps: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+}
+export declare const DropdownButton: React.FC<DropdownButtonProps>;

package/dist/esm/components/dropdown-button/DropdownButton.js

@@ -0,0 +1 @@
+import{__rest as o}from"../../_virtual/_tslib.js";import{jsxs as t,jsx as n}from"react/jsx-runtime";import{DropdownPopover as r}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"react";import"../zeroState/ZeroState.js";import"../TypographyStyle.js";import"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import{Button as e}from"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import{SpinnerColorMap as p}from"../button/themes.js";import{Spinner as s}from"../spinner/Spinner.js";import{DropdownButtonStyle as i,LoaderContainer as d}from"./DropdownButton.style.js";const m=m=>{var u,l;const a=m.buttonProps,c=o(a,["onClick"]);return t(i,Object.assign({type:m.buttonProps.buttonType,disabled:m.buttonProps.disabled},{children:[(null===(u=m.buttonProps)||void 0===u?void 0:u.isLoading)&&n(d,{children:n(s,{className:"spinner",size:"small",color:p(m.buttonProps.buttonType||"primary",m.buttonProps.inverse)})}),n(e,Object.assign({},m.buttonProps,{isLoading:!1,style:{borderRadius:"0px",borderTopLeftRadius:"4px",borderBottomLeftRadius:"4px",borderRight:"0px"}})),n("div",{className:"dd-button-divider"}),n(r,Object.assign({},m.dropdownProps,{isChildLoading:null===(l=m.buttonProps)||void 0===l?void 0:l.isLoading},{children:n(e,Object.assign({},c,{isLoading:!1,buttonText:"",TrailingIcon:m.iconProps,style:{borderRadius:"0px",borderTopRightRadius:"4px",borderBottomRightRadius:"4px"}}))}))]}))};export{m as DropdownButton};

package/dist/esm/components/dropdown-button/DropdownButton.style.d.ts

@@ -0,0 +1,6 @@
+import { Type } from '../button/model';
+export declare const DropdownButtonStyle: import("styled-components").StyledComponent<"div", any, {
+    type: Type | undefined;
+    disabled: boolean | undefined;
+}, never>;
+export declare const LoaderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/dropdown-button/DropdownButton.style.js

@@ -0,0 +1,22 @@
+import t from"styled-components";import{BASE_COLORS as e,COLORS as i}from"../../constants/Theme.js";const n=t.div`
+	display: flex;
+	flex-direction: row;
+	width: max-content;
+	position: relative;
+	align-items: stretch;
+	.dd-button-divider {
+		width: ${t=>["primary","destructive"].includes(t.type)?"1px":"0px"};
+		background-color: ${t=>{return e=t.type,(null==t?void 0:t.disabled)?i.content.inactive:"primary"===e?"#CDA2FC":i.content.primaryInverse;var e}};
+	}
+`,r=t.div`
+	position: absolute;
+	inset: 0;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: center;
+	width: 100%;
+	border-radius: 4px;
+	background: ${e.brand[50]};
+	z-index: 3;
+`;export{n as DropdownButtonStyle,r as LoaderContainer};

package/dist/esm/components/dropdown-button/index.d.ts

@@ -0,0 +1 @@
+export * from './DropdownButton';

package/dist/esm/components/dynamic-tabs/DynamicTabs.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { TooltipProps } from '../tooltips/Tooltip';
+export interface DynamicTabsDetails {
+    id: number;
+    text: string;
+    action: (tabName: string) => void;
+    displayText?: string;
+    tooltipProps?: TooltipProps;
+}
+export interface DynamicTabsStyleDetails {
+    type: 'SQUARE' | 'CAPSULE';
+    size?: 'REGULAR' | 'SMALL';
+    style?: {
+        [property: string]: string | number;
+    };
+}
+export interface DynamicTabsProps {
+    tabsInfo: DynamicTabsDetails[];
+    tabStyleInfo: DynamicTabsStyleDetails;
+    selectedTabId?: number;
+    wrapperStyle?: React.CSSProperties;
+    tabWidth?: string;
+}
+export declare const DynamicTabs: (props: DynamicTabsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/dynamic-tabs/DynamicTabs.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{useState as t,useEffect as e}from"react";import{DEFAULT_THEME as r}from"../../constants/Theme.js";import{Tooltip as d}from"../tooltips/Tooltip.js";import{BodySecondary as i}from"../TypographyStyle.js";const l=l=>{var s;const[n,a]=t(0),{tabsInfo:p,tabStyleInfo:c}=l;return e((()=>{void 0!==l.selectedTabId&&null!==l.selectedTabId&&a(l.selectedTabId)}),[l.selectedTabId]),o("div",Object.assign({style:null!==(s=l.wrapperStyle)&&void 0!==s?s:{}},{children:o("div",Object.assign({style:{display:"flex",alignItems:"center",borderColor:r.colorsV2.stroke.primary,backgroundColor:"SMALL"===(null==c?void 0:c.size)?"unset":r.colorsV2.surface.standard}},{children:p.map(((t,e)=>{var s,u,b,y,v,f,g,m,R;const h="CAPSULE"===c.type?null!==(u=null===(s=c.style)||void 0===s?void 0:s.borderTopLeftRadius)&&void 0!==u?u:20:0===e&&"SQUARE"===c.type?(null===(b=c.style)||void 0===b?void 0:b.borderTopLeftRadius)?c.style.borderTopLeftRadius:4:0,L="CAPSULE"===c.type?null!==(v=null===(y=c.style)||void 0===y?void 0:y.borderTopLeftRadius)&&void 0!==v?v:20:e===p.length-1&&"SQUARE"===c.type?(null===(f=c.style)||void 0===f?void 0:f.borderTopLeftRadius)?c.style.borderTopLeftRadius:4:0,x=t.id===n?r.colorsV2.content.brand:r.colorsV2.stroke.primary;return o(d,Object.assign({},null!==(g=t.tooltipProps)&&void 0!==g?g:{},{children:o("div",Object.assign({onClick:()=>{(o=>{a(o.id),o.action(o.text)})(t)},style:{cursor:"pointer",display:"flex",flex:1,width:null!==(m=l.tabWidth)&&void 0!==m?m:"110px",borderTop:`1px solid ${x}`,borderBottom:`1px solid ${x}`,borderLeft:`1px solid ${x}`,borderRight:`${e===p.length-1&&"SQUARE"===c.type||"CAPSULE"===c.type||t.id===n?1:0}px solid ${x}`,backgroundColor:t.id===n?r.colorsV2.background.brandLight:r.colorsV2.surface.standard,borderTopLeftRadius:h,borderBottomLeftRadius:h,borderTopRightRadius:L,borderBottomRightRadius:L,padding:"SMALL"===(null==c?void 0:c.size)?"2px 14px":"8px 24px",marginRight:null===(R=c.style)||void 0===R?void 0:R.marginRight,justifyContent:"space-around"}},{children:o(i,Object.assign({style:{color:t.id===n?r.colorsV2.content.brand:r.colorsV2.content.secondary}},{children:t.text}))}))}),t.id)}))}))}))};export{l as DynamicTabs};

package/dist/esm/components/dynamic-tabs/index.d.ts

@@ -0,0 +1 @@
+export * from './DynamicTabs';

package/dist/esm/components/fab-menu/FABMenu.d.ts

@@ -21,4 +21,5 @@ export declare const FABMenu: React.FC<{
     isRound?: boolean;
     dropPosition?: DROP_POSITION;
     menuAligment?: MENU_ALIGNMENT;
+    version?: '1.0' | '2.0';
 }>;

package/dist/esm/components/fab-menu/FABMenu.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{OpenedDropdown as o}from"../dropdown/OpenedDropdown/components/OpennedDropdown.js";import{FloatingActionButton as n}from"../floating-action-button/FloatingActionButton.js";import"../floating-action-button/FloatingActionButton.styles.js";const i=i=>{const{onSelect:e,menuOptions:d,buttonWidth:r,buttonHeight:l,buttonColor:p,buttonPosition:u,menuWidth:c,menuHeight:s,buttonIcon:a,buttonPaddingHorizontal:m,buttonPaddingVertical:g,tooltipPlacement:h,tooltipText:b,zIndex:P,isRound:x,dropPosition:f,menuAligment:j,tooltipWidth:w}=i;return t("div",{children:t(n,Object.assign({icon:a,width:r,height:l,color:p,position:u,buttonPaddingHorizontal:m,buttonPaddingVertical:g,tooltipPlacement:h,tooltipText:b,zIndex:P,isRound:x,dropPosition:f,menuAligment:j,tootipWidth:w},{children:t(o,{options:d,height:s||90,width:`${c}px`,onSelect:e})}))})};export{i as FABMenu};
+import{jsx as t}from"react/jsx-runtime";import{OpenedDropdown as o}from"../dropdown/OpenedDropdown/components/OpennedDropdown.js";import{FloatingActionButton as n}from"../floating-action-button/FloatingActionButton.js";import"../floating-action-button/FloatingActionButton.styles.js";const i=i=>{const{onSelect:e,menuOptions:d,buttonWidth:r,buttonHeight:l,buttonColor:p,buttonPosition:u,menuWidth:s,menuHeight:c,buttonIcon:a,buttonPaddingHorizontal:m,buttonPaddingVertical:g,tooltipPlacement:h,tooltipText:b,zIndex:P,isRound:x,dropPosition:f,menuAligment:j,tooltipWidth:w}=i;return t("div",{children:t(n,Object.assign({icon:a,width:r,height:l,color:p,position:u,buttonPaddingHorizontal:m,buttonPaddingVertical:g,tooltipPlacement:h,tooltipText:b,zIndex:P,isRound:x,dropPosition:f,menuAligment:j,tootipWidth:w},{children:t(o,{options:d,height:c||90,width:`${s}px`,onSelect:e,version:i.version})}))})};export{i as FABMenu};

package/dist/esm/components/feature-announcements/FeatureAnnouncementProvider.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FeatureAnnouncementProviderProps } from './types';
+declare const FeatureAnnouncementProvider: React.FC<FeatureAnnouncementProviderProps>;
+export default FeatureAnnouncementProvider;

package/dist/esm/components/feature-announcements/FeatureAnnouncementProvider.js

@@ -0,0 +1 @@
+import{__awaiter as t}from"../../_virtual/_tslib.js";import{jsx as e,jsxs as o,Fragment as n}from"react/jsx-runtime";import{useState as r,useEffect as a,useCallback as i}from"react";import s,{ACTIONS as d}from"react-joyride";import"./constants/animations.js";import{SELECTORS as l}from"./constants/selectors.js";import{useFeatureAnnouncements as u}from"./hooks/useFeatureAnnouncements.js";import c from"./MajorUpdatePopup.js";import p from"./MinorUpdatePopup.js";import{VideoModal as f}from"./VideoModal.js";const b=b=>{let{children:m,fetchVisibleFeatures:g,getStoreFeatureProgress:h,fetchFeatureById:y,markFeatureAsViewedForStore:x,isFeatureApplicableToCurrentPage:C,module:S,router:k}=b;var T;const{majorUpdateFeatures:w,minorUpdateFeatures:v,isLoading:B,markFeatureAsViewed:I}=u({fetchVisibleFeatures:g,getStoreFeatureProgress:h,fetchFeatureById:y,markFeatureAsViewedForStore:x,isFeatureApplicableToCurrentPage:C,module:S,router:k}),[F,E]=r(null),[j,N]=r(null),[W,P]=r(!1),[M,O]=r([]),[q,V]=r(!1),[L,R]=r([]),[_,A]=r(!1),[U,$]=r(!1),[z,H]=r([]),[Z,D]=r(!1),[G,J]=r(!1),[K,Q]=r(!1),[X,Y]=r(""),[tt,et]=r(!1),[ot,nt]=r(!1),[rt,at]=r(!1),[it,st]=r(0),[dt,lt]=r(0),[ut,ct]=r(new Set);a((()=>{const t="minor-spotlight-cutout-style";let e=document.getElementById(t);return e||(e=document.createElement("style"),e.id=t,document.head.appendChild(e)),e.textContent="\n\t\t\t.react-joyride__spotlight {\n\t\t\t\ttransition: box-shadow 0.3s ease-in-out !important;\n\t\t\t\twill-change: box-shadow, transform;\n\t\t\t\ttransform: translateZ(0);\n\t\t\t}\n\t\t\t.react-joyride__tooltip {\n\t\t\t\twill-change: transform, opacity;\n\t\t\t\ttransform: translateZ(0);\n\t\t\t}\n\t\t",()=>{const e=document.getElementById(t);e&&e.remove()}}),[]),a((()=>{st((t=>t+1)),lt((t=>t+1)),nt(!1),at(!1),ct(new Set)}),[null==k?void 0:k.pathname]),a((()=>{if(!(w.length>0)||F||B||_||tt)0!==w.length||B||J(!0);else{J(!1),D(!1),P(!1),O([]),N(null),H([]);let t=0;const e=10,o=()=>{t++;document.querySelector('[data-testid="whats-new-button"]')?pt(w[0]):t<e?setTimeout(o,1e3):J(!0)};o()}}),[w,F,B,_,tt]),a((()=>{var t;const e=null===(t=null==k?void 0:k.query)||void 0===t?void 0:t.featureId;if(!e||B||0===v.length)return;const o=v.find((t=>t.id===e));if(!o||!o.featureTag)return;D(!0),$(!0);let n=0;const r=setInterval((()=>{n++;const t=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`;if(document.querySelector(t)){const t=[o];H(t),Ct(o,t),clearInterval(r)}else n>=25&&($(!1),clearInterval(r))}),200);return()=>{clearInterval(r)}}),[v,null===(T=null==k?void 0:k.query)||void 0===T?void 0:T.featureId,B]),a((()=>{var t;if(v.length>0&&!B&&!W&&!U&&!j&&!Z&&G&&!tt){let t=null,e=null,o=null,n=!1;const r=()=>{if(n||U||j||Z||!G)return;const r=v.filter((t=>{if(!t.featureTag||""===t.featureTag.trim())return!1;if(ut.has(t.id))return!1;const e=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`;return null!==document.querySelector(e)}));r.length>0&&(H(r),Ct(r[0],r),t&&(t.disconnect(),t=null),e&&(window.removeEventListener("scroll",e),e=null),o&&(clearTimeout(o),o=null))};return t=new MutationObserver((t=>{let e=!1;for(const o of t){if("childList"===o.type&&o.addedNodes.length>0)for(let t=0;t<o.addedNodes.length;t++){const n=o.addedNodes[t];if(n.nodeType===Node.ELEMENT_NODE){const t=n;if(t.id||t.querySelector("[id]")){e=!0;break}}}if(e)break}W||n||U||j||Z||!G||!e||(o&&clearTimeout(o),o=setTimeout((()=>{n||U||j||Z||!G||r()}),200))})),e=()=>{W||n||U||j||Z||!G||(o&&clearTimeout(o),requestAnimationFrame((()=>{o=setTimeout((()=>{n||U||j||Z||!G||r()}),300)})))},t&&t.observe(document.body,{childList:!0,subtree:!0}),e&&window.addEventListener("scroll",e,{passive:!0}),r(),setTimeout((()=>{n||U||j||Z||!G||r()}),100),setTimeout((()=>{n||U||j||Z||!G||r()}),1e3),setTimeout((()=>{n||U||j||Z||!G||r()}),500),()=>{n=!0,t&&t.disconnect(),e&&window.removeEventListener("scroll",e),o&&clearTimeout(o)}}if(0===v.length||B){(null===(t=null==k?void 0:k.query)||void 0===t?void 0:t.featureId)&&j||(P(!1),O([]),N(null),H([]),D(!1))}}),[v,B,W,U,j,Z,G,I,tt]);const pt=t=>{E(t);const o=w.findIndex((e=>e.id===t.id)),n=w.length,r=[{target:l.WHATS_NEW_BUTTON,content:e(c,{feature:t,currentIndex:o,totalFeatures:n,onSkip:()=>ft(t),onExplore:()=>bt(t),onPrevious:()=>mt(t),onNext:()=>gt(t),setIsClosing:nt}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];R(r),V(!0)},ft=i((t=>{(t||F)&&(A(!0),w.forEach((t=>{I(t.id)})),V(!1),E(null),R([]),J(!0),setTimeout((()=>{A(!1)}),500))}),[F,w,I]),bt=i((t=>{A(!0),I(t.id),t.productVideo&&(Y(t.productVideo),Q(!0),et(!0)),V(!1),E(null),R([]);w.findIndex((e=>e.id===t.id))===w.length-1&&J(!0),setTimeout((()=>{A(!1)}),500)}),[w,I]),mt=i((t=>{const o=t||F;if(!o)return;const n=w.findIndex((t=>t.id===o.id));if(n>0){const t=w[n-1];E(t);const o=n-1,r=w.length,a=[{target:'[data-testid="whats-new-button"]',content:e(c,{feature:t,currentIndex:o,totalFeatures:r,onSkip:()=>ft(t),onExplore:()=>bt(t),onPrevious:()=>mt(t),onNext:()=>gt(t),setIsClosing:nt}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];R(a)}}),[F,w]),gt=i((t=>{const o=t||F;if(!o)return;const n=w.findIndex((t=>t.id===o.id));if(n<w.length-1){const t=w[n+1];E(t);const o=n+1,r=w.length,a=[{target:'[data-testid="whats-new-button"]',content:e(c,{feature:t,currentIndex:o,totalFeatures:r,onSkip:()=>ft(t),onExplore:()=>bt(t),onPrevious:()=>mt(t),onNext:()=>gt(t),setIsClosing:nt}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];R(a)}else A(!0),I(o.id),V(!1),E(null),R([]),J(!0),setTimeout((()=>{A(!1)}),500)}),[F,w,I]),ht=()=>{if(w.length>0&&!F){document.querySelector('[data-testid="whats-new-button"]')&&pt(w[0])}};a((()=>(window.showMajorUpdatePopup=ht,()=>{delete window.showMajorUpdatePopup})),[w,F]);const yt=i((t=>{const{action:e}=t;e===d.CLOSE&&(F&&(A(!0),w.forEach((t=>{I(t.id)})),J(!0),setTimeout((()=>{A(!1)}),500)),V(!1),E(null),R([]))}),[F,w,I]),xt=i((t=>{const{action:e}=t;if(e===d.CLOSE){if(j){$(!0),I(j.id);z.findIndex((t=>t.id===j.id))===z.length-1&&D(!0),setTimeout((()=>{$(!1)}),500)}P(!1),N(null),O([])}}),[j,z,I]),Ct=(o,n)=>t(void 0,void 0,void 0,(function*(){N(o);const t=n||z,r=t.findIndex((t=>t.id===o.id)),a=t.length,i=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`,s=document.querySelector(i);if(s)try{const{scrollToElementSmooth:t}=yield import("./utils/elementHelpers.js");yield t(s,120)}catch(t){}const d=[{target:i,content:e(p,{feature:o,currentIndex:r,totalFeatures:a,onSkip:()=>St(o),onExplore:()=>kt(o),onPrevious:()=>Tt(o),onNext:()=>wt(o),setIsClosing:at}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:o,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];O(d),P(!0)})),St=i((t=>{const e=t||j;if(e){$(!0),I(e.id),ct((t=>new Set(t).add(e.id))),P(!1),N(null),O([]);const t=z.find((t=>t.id!==e.id&&!ut.has(t.id)));setTimeout((()=>{$(!1),t?Ct(t,z):D(!0)}),500)}}),[j,z,I,ut]),kt=i((t=>{$(!0),I(t.id),ct((e=>new Set(e).add(t.id))),t.productVideo&&(Y(t.productVideo),Q(!0),et(!0)),P(!1),N(null),O([]);const e=z.find((e=>e.id!==t.id&&!ut.has(e.id)));setTimeout((()=>{$(!1),e&&!t.productVideo?Ct(e,z):e||D(!0)}),500)}),[z,I,ut]),Tt=i((o=>t(void 0,void 0,void 0,(function*(){const t=o||j;if(!t)return;const n=z.findIndex((e=>e.id===t.id));if(n>0){const t=z[n-1];N(t);const o=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,r=document.querySelector(o);if(r)try{const{scrollToElementSmooth:t}=yield import("./utils/elementHelpers.js");yield t(r,120)}catch(t){}const a=n-1,i=z.length,s=[{target:o,content:e(p,{feature:t,currentIndex:a,totalFeatures:i,onSkip:()=>St(t),onExplore:()=>kt(t),onPrevious:()=>Tt(t),onNext:()=>wt(t),setIsClosing:at}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];O(s)}}))),[j,z]),wt=i((o=>t(void 0,void 0,void 0,(function*(){const t=o||j;if(!t)return;const n=z.findIndex((e=>e.id===t.id));if(n<z.length-1){const t=z[n+1];N(t);const o=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,r=document.querySelector(o);if(r)try{const{scrollToElementSmooth:t}=yield import("./utils/elementHelpers.js");yield t(r,120)}catch(t){}const a=n+1,i=z.length,s=[{target:o,content:e(p,{feature:t,currentIndex:a,totalFeatures:i,onSkip:()=>St(t),onExplore:()=>kt(t),onPrevious:()=>Tt(t),onNext:()=>wt(t),setIsClosing:at}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];O(s)}else $(!0),D(!0),I(t.id),P(!1),N(null),O([]),setTimeout((()=>{$(!1)}),500)}))),[j,z,I]);return o(n,{children:[m,L.length>0&&e(s,{steps:L,run:q,continuous:!1,showProgress:!1,showSkipButton:!1,callback:yt,disableOverlayClose:!0,disableCloseOnEsc:!1,disableOverlay:!1,spotlightClicks:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:ot?"transparent":"#212121"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",border:"none",boxShadow:"none"},tooltip:{borderRadius:"16px",fontSize:"14px",padding:0,backgroundColor:"transparent",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}},locale:{back:"Back",close:"Close",last:"Close",next:"Next",skip:"Skip"}},`major-joyride-${it}`),M.length>0&&e(s,{steps:M,run:W,continuous:!1,showProgress:!1,showSkipButton:!1,callback:xt,disableOverlayClose:!0,disableCloseOnEsc:!1,disableOverlay:!1,scrollToFirstStep:!0,scrollOffset:120,disableScrolling:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:rt?"transparent":"#ffffff"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",borderRadius:"8px",boxShadow:rt?"none":"0 0 0 9999px rgba(0, 0, 0, 0.4), 0 0 0 3px rgba(255, 255, 255, 0.8), 0 0 20px 8px rgba(255, 255, 255, 0.4)"},tooltip:{borderRadius:"4px",fontSize:"14px",padding:0,backgroundColor:"transparent",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonSkip:{display:"none"},buttonClose:{display:"none"}},locale:{back:"Back",close:"Close",last:"Close",next:"Next",skip:"Skip"}},`minor-joyride-${dt}`),e(f,{isOpen:K,videoUrl:X,onClose:()=>{Q(!1),Y(""),et(!1);const t=z.find((t=>!ut.has(t.id)));t?setTimeout((()=>{Ct(t,z)}),300):D(!0)}})]})};export{b as default};

package/dist/esm/components/feature-announcements/MajorUpdatePopup.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { MajorUpdatePopupProps } from './types';
+declare const MajorUpdatePopup: React.FC<MajorUpdatePopupProps>;
+export default MajorUpdatePopup;

package/dist/esm/components/feature-announcements/MajorUpdatePopup.js

@@ -0,0 +1 @@
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as n,useRef as s,useEffect as o}from"react";import{TEXT as r}from"./constants/index.js";import{getMajorPopupStyles as i}from"./styles/majorPopup.styles.js";import"../../constants/Theme.js";import"./constants/animations.js";import{decodeHTMLEntities as a}from"./utils/htmlHelpers.js";import{hideJoyrideArrow as l,calculateCloseTransform as c,executeAfterAnimation as u}from"./utils/animationHelpers.js";import{findWhatsNewButton as g}from"./utils/elementHelpers.js";const b=b=>{let{feature:p,currentIndex:m,totalFeatures:d,onSkip:j,onExplore:v,onPrevious:y,onNext:O,setIsClosing:T}=b;const[h,E]=n(!1),[f,B]=n(!1),[I,x]=n(""),P=s(null);o((()=>{h&&B(!0)}),[h]);const C=i(f,I);return t("div",Object.assign({ref:P,style:C.container},{children:[e("button",Object.assign({onClick:t=>{t.preventDefault(),t.stopPropagation(),(t=>{l(P.current);const e=g();if(e&&P.current){const t=c(P.current,e);x(t)}else x("scale(0)");null==T||T(!0),E(!0),u(t)})(j)},style:C.skipButton.base,onMouseEnter:t=>Object.assign(t.currentTarget.style,C.skipButton.hover),onMouseLeave:t=>Object.assign(t.currentTarget.style,C.skipButton.base)},{children:r.SKIP_BUTTON})),e("div",Object.assign({style:C.imageContainer},{children:p.displayImage?e("img",{src:p.displayImage,alt:p.title,style:C.image,onError:t=>{p.image&&(t.target.src=p.image)}}):e("div",Object.assign({style:C.imagePlaceholder},{children:r.FEATURE_PREVIEW_PLACEHOLDER}))})),t("div",Object.assign({style:C.contentContainer},{children:[t("div",{children:[e("h3",Object.assign({style:C.title},{children:p.title})),e("div",{style:C.content,dangerouslySetInnerHTML:{__html:a(p.content||p.body||"")}}),e("button",Object.assign({onClick:()=>{v(),l(P.current);const t=g();if(t&&P.current){const e=c(P.current,t);x(e)}else x("scale(0)");null==T||T(!0),E(!0)},style:C.exploreButton.base,onMouseEnter:t=>Object.assign(t.currentTarget.style,C.exploreButton.hover),onMouseLeave:t=>Object.assign(t.currentTarget.style,C.exploreButton.base)},{children:p.buttonText||r.DEFAULT_BUTTON_TEXT}))]}),d>1&&t("div",Object.assign({style:C.navigationContainer},{children:[e("button",Object.assign({onClick:t=>{t.preventDefault(),t.stopPropagation(),y()},disabled:0===m,style:C.navigationButton(0===m).base,onMouseEnter:t=>{0!==m&&Object.assign(t.currentTarget.style,C.navigationButton(!1).hover)},onMouseLeave:t=>{0!==m&&Object.assign(t.currentTarget.style,C.navigationButton(!1).base)}},{children:r.NAVIGATION_PREVIOUS})),e("button",Object.assign({onClick:t=>{t.preventDefault(),t.stopPropagation(),O()},disabled:m===d-1,style:C.navigationButton(m===d-1).base,onMouseEnter:t=>{m!==d-1&&Object.assign(t.currentTarget.style,C.navigationButton(!1).hover)},onMouseLeave:t=>{m!==d-1&&Object.assign(t.currentTarget.style,C.navigationButton(m===d-1).base)}},{children:r.NAVIGATION_NEXT}))]}))]}))]}))};export{b as default};

package/dist/esm/components/feature-announcements/MinorUpdatePopup.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { MinorUpdatePopupProps } from './types';
+declare const MinorUpdatePopup: React.FC<MinorUpdatePopupProps>;
+export default MinorUpdatePopup;

package/dist/esm/components/feature-announcements/MinorUpdatePopup.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as s,useRef as n,useEffect as r}from"react";import{TEXT as i}from"./constants/index.js";import"../../constants/Theme.js";import"./constants/animations.js";import{getMinorPopupStyles as a}from"./styles/minorPopup.styles.js";import{decodeHTMLEntities as l}from"./utils/htmlHelpers.js";import{hideJoyrideArrow as o,calculateCloseTransform as c,executeAfterAnimation as d}from"./utils/animationHelpers.js";import{findFeatureTagElement as u}from"./utils/elementHelpers.js";const m=m=>{let{feature:g,currentIndex:p,totalFeatures:f,onSkip:T,onExplore:h,onPrevious:y,onNext:j,setIsClosing:b}=m;const[E,O]=s(!1),[v,x]=s(!1),[_,C]=s(""),I=n(null);r((()=>{E&&x(!0)}),[E]);const W=a(v,_);return e("div",Object.assign({ref:I,style:W.container},{children:[t("div",Object.assign({style:W.imageContainer},{children:g.displayImage?e("div",Object.assign({style:W.imageWrapper},{children:[t("img",{src:g.displayImage,alt:g.title,style:W.image,onError:e=>{g.image&&(e.target.src=g.image)}}),t("div",Object.assign({style:W.badge},{children:t("span",Object.assign({style:W.badgeText},{children:i.NEW_FEATURE_BADGE}))}))]})):t("div",Object.assign({style:W.imagePlaceholder},{children:i.FEATURE_PREVIEW_PLACEHOLDER}))})),e("div",Object.assign({style:W.contentContainer},{children:[e("div",{children:[t("h3",Object.assign({style:W.title},{children:g.title})),t("div",{style:W.content,dangerouslySetInnerHTML:{__html:l(g.content||g.body||"")}})]}),e("div",Object.assign({style:W.actionsContainer},{children:[t("span",Object.assign({onClick:()=>{(e=>{if(o(I.current),I.current&&g.featureTag){const e=u(g.featureTag);if(e){const t=c(I.current,e);C(t)}else C("scale(0)")}else C("scale(0)");null==b||b(!0),O(!0),d(e)})(T)},style:W.understoodText},{children:i.UNDERSTOOD})),g.productVideo&&t("button",Object.assign({onClick:()=>{if(h(),o(I.current),I.current&&g.featureTag){const e=g.featureTag.startsWith("#")||g.featureTag.startsWith(".")||g.featureTag.startsWith("[")?g.featureTag:`#${g.featureTag}`,t=document.querySelector(e);if(t){const e=c(I.current,t);C(e)}else C("scale(0)")}else C("scale(0)");null==b||b(!0),O(!0)},style:W.exploreButton},{children:g.buttonText||i.DEFAULT_BUTTON_TEXT}))]}))]}))]}))};export{m as default};

package/dist/esm/components/feature-announcements/VideoModal.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { VideoModalProps } from './types';
+export declare const VideoModal: React.FC<VideoModalProps>;

package/dist/esm/components/feature-announcements/VideoModal.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{TEXT as o}from"./constants/index.js";import"../../constants/Theme.js";import"./constants/animations.js";import{videoModalStyles as s}from"./styles/videoModal.styles.js";import{formatVideoUrl as r,isYouTubeVideo as i}from"./utils/htmlHelpers.js";const n=n=>{let{isOpen:c,videoUrl:l,onClose:a}=n;if(!c)return null;const d=r(l),p=i(l);return e("div",Object.assign({style:s.backdrop,onClick:e=>{e.target===e.currentTarget&&a()}},{children:t("div",Object.assign({style:s.container,onClick:e=>e.stopPropagation()},{children:[e("button",Object.assign({onClick:a,style:s.closeButton.base,onMouseOver:e=>Object.assign(e.currentTarget.style,s.closeButton.hover),onMouseOut:e=>Object.assign(e.currentTarget.style,s.closeButton.base)},{children:"×"})),e("div",Object.assign({style:s.videoWrapper},{children:l?p?e("iframe",{width:"100%",height:"100%",src:d,title:o.VIDEO_MODAL_TITLE,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0,style:s.iframe}):t("video",Object.assign({controls:!0,autoPlay:!0,style:s.video},{children:[e("source",{src:l,type:"video/mp4"}),e("source",{src:l,type:"video/webm"}),e("source",{src:l,type:"video/ogg"}),"Your browser does not support the video tag."]})):e("div",Object.assign({style:s.noVideoMessage},{children:o.NO_VIDEO_AVAILABLE}))}))]}))}))};export{n as VideoModal};

package/dist/esm/components/feature-announcements/constants/animations.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Animation timing constants
+ */
+export declare const ANIMATION_TIMING: {
+    readonly CLOSE_DURATION: 1150;
+    readonly PROCESSING_DELAY: 500;
+    readonly MINOR_POPUP_DELAY: 2000;
+    readonly TRANSITION_DURATION: "1s";
+};
+/**
+ * Animation easing functions
+ */
+export declare const ANIMATION_EASING: {
+    readonly STANDARD: "cubic-bezier(0.4, 0, 0.2, 1)";
+};
+/**
+ * Element check configuration
+ */
+export declare const ELEMENT_CHECK_CONFIG: {
+    readonly MAX_ATTEMPTS: 25;
+    readonly RETRY_INTERVAL_MS: 200;
+    readonly SCROLL_DEBOUNCE_MS: 300;
+};
+/**
+ * Combined transition string
+ */
+export declare const POPUP_TRANSITION: string;

package/dist/esm/components/feature-announcements/constants/animations.js

@@ -0,0 +1 @@
+const A={CLOSE_DURATION:1150,PROCESSING_DELAY:500,MINOR_POPUP_DELAY:2e3,TRANSITION_DURATION:"1s"},N={STANDARD:"cubic-bezier(0.4, 0, 0.2, 1)"},T=`transform ${A.TRANSITION_DURATION} ${N.STANDARD}, opacity ${A.TRANSITION_DURATION} ${N.STANDARD}`;export{N as ANIMATION_EASING,A as ANIMATION_TIMING,T as POPUP_TRANSITION};