@bikdotai/bik-component-library 0.0.742-beta-113 → 0.0.742-beta.10

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

@@ -1,11 +0,0 @@
-import React from 'react';
-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 +0,0 @@
-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/multiSelect/MultiSelectDropdownBottomBar.styled.d.ts

@@ -1 +0,0 @@
-export declare const BottomBarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,9 +0,0 @@
-import o from"styled-components";import{COLORS as t}from"../../../../../constants/Theme.js";const e=o.div`
-	display: flex;
-	padding: 8px 16px;
-	flex-direction: row;
-	align-items: center;
-	justify-content: end;
-	box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.12);
-	background: ${t.surface.standard};
-`;export{e as BottomBarContainer};

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

@@ -1,5 +0,0 @@
-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 +0,0 @@
-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=({onSearch:a,version:m})=>{const[h,l]=t(""),[d,u]=t(!1);return o(i.Provider,Object.assign({value:{InputWrapper:{borderRadius:0,border:0,borderBottom:`${"2.0"===m?.5:1}px solid ${s.stroke.primary}`,padding:""+("2.0"===m?"6px 8px":"14px 16px")},IconHolder:{marginLeft:0},input:{marginLeft:4,minHeight:"100%"}}},{children:o(n,{noKeyDownChange:!0,skipFocus:!0,placeholder:"Search",variant:"2.0"===m?"small":"default",leftIcon:{icon:()=>o(p,{width:"2.0"===m?18:24,height:"2.0"===m?18:24,color:s.content.placeholder})},rightIcon:{icon:()=>h?o(e,{onClick:()=>{u(!0),a(""),l("")},Icon:c,width:"2.0"===m?18:24,height:"2.0"===m?18:24,iconColor:s.content.placeholder}):o(r,{})},reset:d,onChangeText:o=>{u(!1),l(o),a(o)}})}))};export{a as SearchBox};

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

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

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

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

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

@@ -1,39 +0,0 @@
-/// <reference types="react" />
-import { DropdownOption, SingleOption } from '../../type';
-export declare function iterateOnOptions(options: DropdownOption[], newVal: Partial<SingleOption>, checkCB?: (optionForValidation: SingleOption) => 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[];
-})[];
-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 +0,0 @@
-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

@@ -1,52 +0,0 @@
-/// <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

@@ -1 +0,0 @@
-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=(c="1.0",i,o,a,u,r,d,p=[],f)=>{const[v,b]=e(null!=i?i:[]),[g,O]=e([]),[j,h]=e(""),m=t(v);s(()=>{if(m.current=v,g.length&&j&&r){let e=[...g];const t=v.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:!p.includes(e.value)}))),O(u&&!a?[...e.sort(e=>e.selected?-1:1)]:[...e])}},[v]),s(()=>{if(i){const e=[...i];b(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||!f&&0!==f)&&F(e)>=f;function A(e,t){if(u){if(e.selected&&f&&w(v))return;if(g.length&&j&&r)if(e.selected){if(f&&w(v))return;let s=!1;const l=n(v,{selected:e.selected},t=>t.value===e.value&&(s=!0,!0));if(s||l.push(e),t)return[...l];b([...l]),"2.0"===c&&C(l)}else{let s=!1,l=n(v,{selected:e.selected},t=>t.value===e.value&&(s=!0,!0));if(s&&(l=l.filter(t=>t.value!==e.value)),t)return[...l];b([...l]),"2.0"===c&&C(l)}else{const s=n(v,{selected:e.selected},t=>t.value===e.value);if(t)return[...s];b([...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:v,search:function(e){if(h(e),O([]),e&&r){const t=[];l(v,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)})});O([...s])}})}},searchedString:j,searchedOptions:g,onApplyHandler:A,selectAllHandler:function(e){if(g.length&&j&&r)!function(e){let t=[...v];e?g.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}))}):g.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})}),b([...t]),"2.0"===c&&C(t)}("selectAll"===e);else if("selectAll"===e){const e=n(v,{selected:!0},e=>{var t;return j?(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(j.toLowerCase()))&&!e.disabled:!e.disabled});b([...e]),"2.0"===c&&C(e)}else if("notSelected"===e){const e=n(v,{selected:!1},e=>!e.disabled);b([...e]),"2.0"===c&&C(e)}},onMultiSelectClear:function(){const e=n(v,{selected:!1});b([...e]),"2.0"===c&&C(e)},onFreeFormSelect:function(e){if(!u)return void A({label:j,value:j,isFreeForm:!0,selected:!0});const t=v.map(t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===j&&t.value===j?e:t.selected}));e&&(t.some(e=>e.label===j&&e.value===j)||t.unshift({label:j,value:j,isFreeForm:!0,selected:!0})),b([...t]),"2.0"===c&&C(t)},onMultiSelectApply:C,getSelectedOptions:S,getCurrentSelectionCount:F,isMaxSelectionsReached:w,maxSelections:f}};export{c as useDropdown};

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

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

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

@@ -1,73 +0,0 @@
-/// <reference types="react" />
-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?: (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 = {
-    label: string;
-    value: string;
-    description?: string | null;
-    selected?: boolean;
-    disabled?: boolean;
-    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

@@ -1,9 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1,6 +0,0 @@
-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

@@ -1,22 +0,0 @@
-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

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

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

@@ -1,24 +0,0 @@
-/// <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

@@ -1 +0,0 @@
-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

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

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

@@ -1,25 +0,0 @@
-import React from 'react';
-import { DropdownOption } from '../dropdown/type';
-import { DROP_POSITION, FAB_POSITION, MENU_ALIGNMENT } from '../floating-action-button/FloatingActionButton.styles';
-import { Placement } from '../tooltips';
-export declare const FABMenu: React.FC<{
-    onSelect: (selected: DropdownOption | DropdownOption[]) => void;
-    menuOptions: DropdownOption[];
-    buttonWidth?: number;
-    buttonHeight?: number;
-    buttonColor?: string;
-    buttonPosition?: FAB_POSITION;
-    menuWidth?: number;
-    menuHeight?: number;
-    buttonIcon?: JSX.Element;
-    buttonPaddingHorizontal?: number;
-    buttonPaddingVertical?: number;
-    tooltipPlacement?: Placement;
-    tooltipText?: string;
-    tooltipWidth?: number;
-    zIndex?: number;
-    isRound?: boolean;
-    dropPosition?: DROP_POSITION;
-    menuAligment?: MENU_ALIGNMENT;
-    version?: '1.0' | '2.0';
-}>;

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

@@ -1 +0,0 @@
-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/fab-menu/index.d.ts

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

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

@@ -1,4 +0,0 @@
-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

@@ -1 +0,0 @@
-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=({children:b,fetchVisibleFeatures:m,getStoreFeatureProgress:g,fetchFeatureById:h,markFeatureAsViewedForStore:y,isFeatureApplicableToCurrentPage:x,module:C,router:S})=>{var k;const{majorUpdateFeatures:T,minorUpdateFeatures:w,isLoading:v,markFeatureAsViewed:B}=u({fetchVisibleFeatures:m,getStoreFeatureProgress:g,fetchFeatureById:h,markFeatureAsViewedForStore:y,isFeatureApplicableToCurrentPage:x,module:C,router:S}),[I,F]=r(null),[E,j]=r(null),[N,W]=r(!1),[P,M]=r([]),[O,q]=r(!1),[V,L]=r([]),[R,_]=r(!1),[A,U]=r(!1),[$,z]=r([]),[H,Z]=r(!1),[D,G]=r(!1),[J,K]=r(!1),[Q,X]=r(""),[Y,tt]=r(!1),[et,ot]=r(!1),[nt,rt]=r(!1),[at,it]=r(0),[st,dt]=r(0),[lt,ut]=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(()=>{it(t=>t+1),dt(t=>t+1),ot(!1),rt(!1),ut(new Set)},[null==S?void 0:S.pathname]),a(()=>{if(!(T.length>0)||I||v||R||Y)0!==T.length||v||G(!0);else{G(!1),Z(!1),W(!1),M([]),j(null),z([]);let t=0;const e=10,o=()=>{t++;document.querySelector('[data-testid="whats-new-button"]')?ct(T[0]):t<e?setTimeout(o,1e3):G(!0)};o()}},[T,I,v,R,Y]),a(()=>{var t;const e=null===(t=null==S?void 0:S.query)||void 0===t?void 0:t.featureId;if(!e||v||0===w.length)return;const o=w.find(t=>t.id===e);if(!o||!o.featureTag)return;Z(!0),U(!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];z(t),xt(o,t),clearInterval(r)}else n>=25&&(U(!1),clearInterval(r))},200);return()=>{clearInterval(r)}},[w,null===(k=null==S?void 0:S.query)||void 0===k?void 0:k.featureId,v]),a(()=>{var t;if(w.length>0&&!v&&!N&&!A&&!E&&!H&&D&&!Y){let t=null,e=null,o=null,n=!1;const r=()=>{if(n||A||E||H||!D)return;const r=w.filter(t=>{if(!t.featureTag||""===t.featureTag.trim())return!1;if(lt.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&&(z(r),xt(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}N||n||A||E||H||!D||!e||(o&&clearTimeout(o),o=setTimeout(()=>{n||A||E||H||!D||r()},200))}),e=()=>{N||n||A||E||H||!D||(o&&clearTimeout(o),requestAnimationFrame(()=>{o=setTimeout(()=>{n||A||E||H||!D||r()},300)}))},t&&t.observe(document.body,{childList:!0,subtree:!0}),e&&window.addEventListener("scroll",e,{passive:!0}),r(),setTimeout(()=>{n||A||E||H||!D||r()},100),setTimeout(()=>{n||A||E||H||!D||r()},1e3),setTimeout(()=>{n||A||E||H||!D||r()},500),()=>{n=!0,t&&t.disconnect(),e&&window.removeEventListener("scroll",e),o&&clearTimeout(o)}}if(0===w.length||v){(null===(t=null==S?void 0:S.query)||void 0===t?void 0:t.featureId)&&E||(W(!1),M([]),j(null),z([]),Z(!1))}},[w,v,N,A,E,H,D,B,Y]);const ct=t=>{F(t);const o=T.findIndex(e=>e.id===t.id),n=T.length,r=[{target:l.WHATS_NEW_BUTTON,content:e(c,{feature:t,currentIndex:o,totalFeatures:n,onSkip:()=>pt(t),onExplore:()=>ft(t),onPrevious:()=>bt(t),onNext:()=>mt(t),setIsClosing:ot}),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"}}}];L(r),q(!0)},pt=i(t=>{(t||I)&&(_(!0),T.forEach(t=>{B(t.id)}),q(!1),F(null),L([]),G(!0),setTimeout(()=>{_(!1)},500))},[I,T,B]),ft=i(t=>{_(!0),B(t.id),t.productVideo&&(X(t.productVideo),K(!0),tt(!0)),q(!1),F(null),L([]);T.findIndex(e=>e.id===t.id)===T.length-1&&G(!0),setTimeout(()=>{_(!1)},500)},[T,B]),bt=i(t=>{const o=t||I;if(!o)return;const n=T.findIndex(t=>t.id===o.id);if(n>0){const t=T[n-1];F(t);const o=n-1,r=T.length,a=[{target:'[data-testid="whats-new-button"]',content:e(c,{feature:t,currentIndex:o,totalFeatures:r,onSkip:()=>pt(t),onExplore:()=>ft(t),onPrevious:()=>bt(t),onNext:()=>mt(t),setIsClosing:ot}),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"}}}];L(a)}},[I,T]),mt=i(t=>{const o=t||I;if(!o)return;const n=T.findIndex(t=>t.id===o.id);if(n<T.length-1){const t=T[n+1];F(t);const o=n+1,r=T.length,a=[{target:'[data-testid="whats-new-button"]',content:e(c,{feature:t,currentIndex:o,totalFeatures:r,onSkip:()=>pt(t),onExplore:()=>ft(t),onPrevious:()=>bt(t),onNext:()=>mt(t),setIsClosing:ot}),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"}}}];L(a)}else _(!0),B(o.id),q(!1),F(null),L([]),G(!0),setTimeout(()=>{_(!1)},500)},[I,T,B]),gt=()=>{if(T.length>0&&!I){document.querySelector('[data-testid="whats-new-button"]')&&ct(T[0])}};a(()=>(window.showMajorUpdatePopup=gt,()=>{delete window.showMajorUpdatePopup}),[T,I]);const ht=i(t=>{const{action:e}=t;e===d.CLOSE&&(I&&(_(!0),T.forEach(t=>{B(t.id)}),G(!0),setTimeout(()=>{_(!1)},500)),q(!1),F(null),L([]))},[I,T,B]),yt=i(t=>{const{action:e}=t;if(e===d.CLOSE){if(E){U(!0),B(E.id);$.findIndex(t=>t.id===E.id)===$.length-1&&Z(!0),setTimeout(()=>{U(!1)},500)}W(!1),j(null),M([])}},[E,$,B]),xt=(o,n)=>t(void 0,void 0,void 0,function*(){j(o);const t=n||$,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:()=>Ct(o),onExplore:()=>St(o),onPrevious:()=>kt(o),onNext:()=>Tt(o),setIsClosing:rt}),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"}}}];M(d),W(!0)}),Ct=i(t=>{const e=t||E;if(e){U(!0),B(e.id),ut(t=>new Set(t).add(e.id)),W(!1),j(null),M([]);const t=$.find(t=>t.id!==e.id&&!lt.has(t.id));setTimeout(()=>{U(!1),t?xt(t,$):Z(!0)},500)}},[E,$,B,lt]),St=i(t=>{U(!0),B(t.id),ut(e=>new Set(e).add(t.id)),t.productVideo&&(X(t.productVideo),K(!0),tt(!0)),W(!1),j(null),M([]);const e=$.find(e=>e.id!==t.id&&!lt.has(e.id));setTimeout(()=>{U(!1),e&&!t.productVideo?xt(e,$):e||Z(!0)},500)},[$,B,lt]),kt=i(o=>t(void 0,void 0,void 0,function*(){const t=o||E;if(!t)return;const n=$.findIndex(e=>e.id===t.id);if(n>0){const t=$[n-1];j(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=$.length,s=[{target:o,content:e(p,{feature:t,currentIndex:a,totalFeatures:i,onSkip:()=>Ct(t),onExplore:()=>St(t),onPrevious:()=>kt(t),onNext:()=>Tt(t),setIsClosing:rt}),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"}}}];M(s)}}),[E,$]),Tt=i(o=>t(void 0,void 0,void 0,function*(){const t=o||E;if(!t)return;const n=$.findIndex(e=>e.id===t.id);if(n<$.length-1){const t=$[n+1];j(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=$.length,s=[{target:o,content:e(p,{feature:t,currentIndex:a,totalFeatures:i,onSkip:()=>Ct(t),onExplore:()=>St(t),onPrevious:()=>kt(t),onNext:()=>Tt(t),setIsClosing:rt}),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"}}}];M(s)}else U(!0),Z(!0),B(t.id),W(!1),j(null),M([]),setTimeout(()=>{U(!1)},500)}),[E,$,B]);return o(n,{children:[b,V.length>0&&e(s,{steps:V,run:O,continuous:!1,showProgress:!1,showSkipButton:!1,callback:ht,disableOverlayClose:!0,disableCloseOnEsc:!1,disableOverlay:!1,spotlightClicks:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:et?"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-${at}`),P.length>0&&e(s,{steps:P,run:N,continuous:!1,showProgress:!1,showSkipButton:!1,callback:yt,disableOverlayClose:!0,disableCloseOnEsc:!1,disableOverlay:!1,scrollToFirstStep:!0,scrollOffset:120,disableScrolling:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:nt?"transparent":"#ffffff"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",borderRadius:"8px",boxShadow:nt?"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-${st}`),e(f,{isOpen:J,videoUrl:Q,onClose:()=>{K(!1),X(""),tt(!1);const t=$.find(t=>!lt.has(t.id));t?setTimeout(()=>{xt(t,$)},300):Z(!0)}})]})};export{b as default};

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

@@ -1,4 +0,0 @@
-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

@@ -1 +0,0 @@
-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=({feature:b,currentIndex:p,totalFeatures:m,onSkip:d,onExplore:j,onPrevious:v,onNext:y,setIsClosing:O})=>{const[T,h]=n(!1),[E,f]=n(!1),[B,I]=n(""),x=s(null);o(()=>{T&&f(!0)},[T]);const P=i(E,B);return t("div",Object.assign({ref:x,style:P.container},{children:[e("button",Object.assign({onClick:t=>{t.preventDefault(),t.stopPropagation(),(t=>{l(x.current);const e=g();if(e&&x.current){const t=c(x.current,e);I(t)}else I("scale(0)");null==O||O(!0),h(!0),u(t)})(d)},style:P.skipButton.base,onMouseEnter:t=>Object.assign(t.currentTarget.style,P.skipButton.hover),onMouseLeave:t=>Object.assign(t.currentTarget.style,P.skipButton.base)},{children:r.SKIP_BUTTON})),e("div",Object.assign({style:P.imageContainer},{children:b.displayImage?e("img",{src:b.displayImage,alt:b.title,style:P.image,onError:t=>{b.image&&(t.target.src=b.image)}}):e("div",Object.assign({style:P.imagePlaceholder},{children:r.FEATURE_PREVIEW_PLACEHOLDER}))})),t("div",Object.assign({style:P.contentContainer},{children:[t("div",{children:[e("h3",Object.assign({style:P.title},{children:b.title})),e("div",{style:P.content,dangerouslySetInnerHTML:{__html:a(b.content||b.body||"")}}),e("button",Object.assign({onClick:()=>{j(),l(x.current);const t=g();if(t&&x.current){const e=c(x.current,t);I(e)}else I("scale(0)");null==O||O(!0),h(!0)},style:P.exploreButton.base,onMouseEnter:t=>Object.assign(t.currentTarget.style,P.exploreButton.hover),onMouseLeave:t=>Object.assign(t.currentTarget.style,P.exploreButton.base)},{children:b.buttonText||r.DEFAULT_BUTTON_TEXT}))]}),m>1&&t("div",Object.assign({style:P.navigationContainer},{children:[e("button",Object.assign({onClick:t=>{t.preventDefault(),t.stopPropagation(),v()},disabled:0===p,style:P.navigationButton(0===p).base,onMouseEnter:t=>{0!==p&&Object.assign(t.currentTarget.style,P.navigationButton(!1).hover)},onMouseLeave:t=>{0!==p&&Object.assign(t.currentTarget.style,P.navigationButton(!1).base)}},{children:r.NAVIGATION_PREVIOUS})),e("button",Object.assign({onClick:t=>{t.preventDefault(),t.stopPropagation(),y()},disabled:p===m-1,style:P.navigationButton(p===m-1).base,onMouseEnter:t=>{p!==m-1&&Object.assign(t.currentTarget.style,P.navigationButton(!1).hover)},onMouseLeave:t=>{p!==m-1&&Object.assign(t.currentTarget.style,P.navigationButton(p===m-1).base)}},{children:r.NAVIGATION_NEXT}))]}))]}))]}))};export{b as default};

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

@@ -1,4 +0,0 @@
-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

@@ -1 +0,0 @@
-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=({feature:m,currentIndex:g,totalFeatures:p,onSkip:f,onExplore:T,onPrevious:h,onNext:y,setIsClosing:j})=>{const[b,E]=s(!1),[O,v]=s(!1),[x,_]=s(""),C=n(null);r(()=>{b&&v(!0)},[b]);const I=a(O,x);return e("div",Object.assign({ref:C,style:I.container},{children:[t("div",Object.assign({style:I.imageContainer},{children:m.displayImage?e("div",Object.assign({style:I.imageWrapper},{children:[t("img",{src:m.displayImage,alt:m.title,style:I.image,onError:e=>{m.image&&(e.target.src=m.image)}}),t("div",Object.assign({style:I.badge},{children:t("span",Object.assign({style:I.badgeText},{children:i.NEW_FEATURE_BADGE}))}))]})):t("div",Object.assign({style:I.imagePlaceholder},{children:i.FEATURE_PREVIEW_PLACEHOLDER}))})),e("div",Object.assign({style:I.contentContainer},{children:[e("div",{children:[t("h3",Object.assign({style:I.title},{children:m.title})),t("div",{style:I.content,dangerouslySetInnerHTML:{__html:l(m.content||m.body||"")}})]}),e("div",Object.assign({style:I.actionsContainer},{children:[t("span",Object.assign({onClick:()=>{(e=>{if(o(C.current),C.current&&m.featureTag){const e=u(m.featureTag);if(e){const t=c(C.current,e);_(t)}else _("scale(0)")}else _("scale(0)");null==j||j(!0),E(!0),d(e)})(f)},style:I.understoodText},{children:i.UNDERSTOOD})),m.productVideo&&t("button",Object.assign({onClick:()=>{if(T(),o(C.current),C.current&&m.featureTag){const e=m.featureTag.startsWith("#")||m.featureTag.startsWith(".")||m.featureTag.startsWith("[")?m.featureTag:`#${m.featureTag}`,t=document.querySelector(e);if(t){const e=c(C.current,t);_(e)}else _("scale(0)")}else _("scale(0)");null==j||j(!0),E(!0)},style:I.exploreButton},{children:m.buttonText||i.DEFAULT_BUTTON_TEXT}))]}))]}))]}))};export{m as default};

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

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

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

@@ -1 +0,0 @@
-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=({isOpen:n,videoUrl:c,onClose:l})=>{if(!n)return null;const a=r(c),d=i(c);return e("div",Object.assign({style:s.backdrop,onClick:e=>{e.target===e.currentTarget&&l()}},{children:t("div",Object.assign({style:s.container,onClick:e=>e.stopPropagation()},{children:[e("button",Object.assign({onClick:l,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:c?d?e("iframe",{width:"100%",height:"100%",src:a,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:c,type:"video/mp4"}),e("source",{src:c,type:"video/webm"}),e("source",{src:c,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

@@ -1,27 +0,0 @@
-/**
- * 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

@@ -1 +0,0 @@
-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};

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

@@ -1,56 +0,0 @@
-/**
- * Popup dimension constants
- */
-export declare const POPUP_DIMENSIONS: {
-    readonly MAJOR: {
-        readonly width: 959;
-        readonly height: 274;
-        readonly imageWidth: 480;
-        readonly imageHeight: 274;
-        readonly imageInnerWidth: 464;
-        readonly imageInnerHeight: 258;
-        readonly imagePlaceholderWidth: 290;
-        readonly imagePlaceholderHeight: 258;
-    };
-    readonly MINOR: {
-        readonly width: 519;
-        readonly height: 160;
-        readonly imageWidth: 235;
-        readonly imageHeight: 134;
-        readonly badgeHeight: 27;
-    };
-};
-/**
- * Spacing constants
- */
-export declare const SPACING: {
-    readonly MAJOR: {
-        readonly contentMargin: "0 8px 0 0";
-        readonly imagePadding: "8px";
-        readonly titlePadding: "36px 0 0 0";
-        readonly buttonMarginTop: "16px";
-        readonly skipButtonTop: "10px";
-        readonly skipButtonRight: "10px";
-        readonly navigationBottom: "16px";
-        readonly navigationRight: "16px";
-        readonly navigationGap: "8px";
-    };
-    readonly MINOR: {
-        readonly imageMargin: "13px 10px 13px 10px";
-        readonly contentMargin: "13px 13px 13px 3px";
-        readonly actionsBottom: "13px";
-        readonly actionsRight: "10px";
-        readonly actionsGap: "16px";
-    };
-};
-/**
- * Border radius constants
- */
-export declare const BORDER_RADIUS: {
-    readonly POPUP: "4px";
-    readonly IMAGE: "4px";
-    readonly BUTTON: "4px";
-    readonly VIDEO_MODAL: "12px";
-    readonly CLOSE_BUTTON: "50%";
-    readonly SPOTLIGHT: "8px";
-};

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

@@ -1 +0,0 @@
-const i={MAJOR:{width:959,height:274,imageWidth:480,imageHeight:274,imageInnerWidth:464,imageInnerHeight:258,imagePlaceholderWidth:290,imagePlaceholderHeight:258},MINOR:{width:519,height:160,imageWidth:235,imageHeight:134,badgeHeight:27}},t={MAJOR:{contentMargin:"0 8px 0 0",imagePadding:"8px",titlePadding:"36px 0 0 0",buttonMarginTop:"16px",skipButtonTop:"10px",skipButtonRight:"10px",navigationBottom:"16px",navigationRight:"16px",navigationGap:"8px"},MINOR:{imageMargin:"13px 10px 13px 10px",contentMargin:"13px 13px 13px 3px",actionsBottom:"13px",actionsRight:"10px",actionsGap:"16px"}},p={POPUP:"4px",IMAGE:"4px",BUTTON:"4px",VIDEO_MODAL:"12px",CLOSE_BUTTON:"50%",SPOTLIGHT:"8px"};export{p as BORDER_RADIUS,i as POPUP_DIMENSIONS,t as SPACING};

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

@@ -1,19 +0,0 @@
-export * from './animations';
-export * from './dimensions';
-export * from './selectors';
-export * from './zIndex';
-export * from './localStorageKeys';
-/**
- * Text constants
- */
-export declare const TEXT: {
-    readonly DEFAULT_BUTTON_TEXT: "Explore the feature";
-    readonly SKIP_BUTTON: "Skip";
-    readonly UNDERSTOOD: "Understood";
-    readonly NEW_FEATURE_BADGE: "New feature";
-    readonly FEATURE_PREVIEW_PLACEHOLDER: "Feature Preview";
-    readonly NO_VIDEO_AVAILABLE: "No video available";
-    readonly VIDEO_MODAL_TITLE: "Product Video";
-    readonly NAVIGATION_PREVIOUS: "‹";
-    readonly NAVIGATION_NEXT: "›";
-};

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

@@ -1 +0,0 @@
-export{ANIMATION_EASING,ANIMATION_TIMING,POPUP_TRANSITION}from"./animations.js";const E={DEFAULT_BUTTON_TEXT:"Explore the feature",SKIP_BUTTON:"Skip",UNDERSTOOD:"Understood",NEW_FEATURE_BADGE:"New feature",FEATURE_PREVIEW_PLACEHOLDER:"Feature Preview",NO_VIDEO_AVAILABLE:"No video available",VIDEO_MODAL_TITLE:"Product Video",NAVIGATION_PREVIOUS:"‹",NAVIGATION_NEXT:"›"};export{E as TEXT};

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

@@ -1,18 +0,0 @@
-/**
- * Local storage keys for feature announcements
- */
-export declare const LOCAL_STORAGE_KEYS: {
-    readonly STORE_ID: "storeId";
-    readonly BIK_STORE_ID: "Bik/StoreId";
-    readonly CURRENT_STORE: "currentStore";
-    readonly STORE: "store";
-    readonly CURRENT_USER: "Bik/CurrentUser";
-    readonly QUERY_PARAM: "storeId";
-};
-/**
- * URL query parameters
- */
-export declare const QUERY_PARAMS: {
-    readonly FEATURE_ID: "featureId";
-    readonly STORE_ID: "storeId";
-};

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

@@ -1 +0,0 @@
-const r={STORE_ID:"storeId",BIK_STORE_ID:"Bik/StoreId",CURRENT_STORE:"currentStore",STORE:"store",CURRENT_USER:"Bik/CurrentUser",QUERY_PARAM:"storeId"},R={FEATURE_ID:"featureId",STORE_ID:"storeId"};export{r as LOCAL_STORAGE_KEYS,R as QUERY_PARAMS};

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

@@ -1,21 +0,0 @@
-/**
- * CSS selectors for feature announcements
- */
-export declare const SELECTORS: {
-    readonly WHATS_NEW_BUTTON: "[data-testid=\"whats-new-button\"]";
-    readonly MAIN_ICON_CLASS: ".main-icon-class";
-    readonly SVG_VIEWBOX: "svg[viewBox=\"0 0 32 32\"]";
-    readonly CLIPPATH_PATTERN: "clipPath[id*=\"clip\"]";
-    readonly JOYRIDE_TOOLTIP: "[class*=\"react-joyride__tooltip\"]";
-    readonly JOYRIDE_ARROW: "[class*=\"react-joyride__arrow\"]";
-    readonly JOYRIDE_SPOTLIGHT: ".react-joyride__spotlight";
-};
-/**
- * Data test IDs
- */
-export declare const TEST_IDS: {
-    readonly WHATS_NEW_BUTTON: "whats-new-button";
-    readonly MAJOR_POPUP: "major-update-popup";
-    readonly MINOR_POPUP: "minor-update-popup";
-    readonly VIDEO_MODAL: "video-modal";
-};