@bikdotai/bik-component-library 0.0.736-beta.7 → 0.0.736-beta.9

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

@@ -0,0 +1,73 @@
+/// <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/cjs/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/cjs/components/dropdown-button/DropdownButton.js

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

package/dist/cjs/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/cjs/components/dropdown-button/index.d.ts

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

package/dist/cjs/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/cjs/components/dynamic-tabs/DynamicTabs.js

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

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

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

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

@@ -0,0 +1,25 @@
+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/cjs/components/fab-menu/FABMenu.js

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

package/dist/cjs/components/fab-menu/index.d.ts

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

package/dist/cjs/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/cjs/components/feature-announcements/FeatureAnnouncementProvider.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),o=require("react"),n=require("react-joyride");require("./constants/animations.js");var a=require("./constants/selectors.js"),r=require("./hooks/useFeatureAnnouncements.js"),s=require("./MajorUpdatePopup.js"),i=require("./MinorUpdatePopup.js"),l=require("./VideoModal.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(n);exports.default=({children:d,fetchVisibleFeatures:c,getStoreFeatureProgress:p,fetchFeatureById:f,markFeatureAsViewedForStore:b,isFeatureApplicableToCurrentPage:g,module:h,router:m})=>{var y;const{majorUpdateFeatures:S,minorUpdateFeatures:x,isLoading:C,markFeatureAsViewed:k}=r.useFeatureAnnouncements({fetchVisibleFeatures:c,getStoreFeatureProgress:p,fetchFeatureById:f,markFeatureAsViewedForStore:b,isFeatureApplicableToCurrentPage:g,module:h,router:m}),[T,v]=o.useState(null),[w,B]=o.useState(null),[j,I]=o.useState(!1),[E,F]=o.useState([]),[N,q]=o.useState(!1),[P,O]=o.useState([]),[W,_]=o.useState(!1),[M,V]=o.useState(!1),[A,L]=o.useState([]),[R,U]=o.useState(!1),[$,z]=o.useState(!1),[H,Z]=o.useState(!1),[D,G]=o.useState(""),[J,K]=o.useState(!1),[Q,X]=o.useState(!1),[Y,ee]=o.useState(!1),[te,oe]=o.useState(0),[ne,ae]=o.useState(0),[re,se]=o.useState(new Set);o.useEffect(()=>{const e="minor-spotlight-cutout-style";let t=document.getElementById(e);return t||(t=document.createElement("style"),t.id=e,document.head.appendChild(t)),t.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 t=document.getElementById(e);t&&t.remove()}},[]),o.useEffect(()=>{oe(e=>e+1),ae(e=>e+1),X(!1),ee(!1),se(new Set)},[null==m?void 0:m.pathname]),o.useEffect(()=>{if(!(S.length>0)||T||C||W||J)0!==S.length||C||z(!0);else{z(!1),U(!1),I(!1),F([]),B(null),L([]);let e=0;const t=10,o=()=>{e++;document.querySelector('[data-testid="whats-new-button"]')?ie(S[0]):e<t?setTimeout(o,1e3):z(!0)};o()}},[S,T,C,W,J]),o.useEffect(()=>{var e;const t=null===(e=null==m?void 0:m.query)||void 0===e?void 0:e.featureId;if(!t||C||0===x.length)return;const o=x.find(e=>e.id===t);if(!o||!o.featureTag)return;U(!0),V(!0);let n=0;const a=setInterval(()=>{n++;const e=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`;if(document.querySelector(e)){const e=[o];L(e),ge(o,e),clearInterval(a)}else n>=25&&(V(!1),clearInterval(a))},200);return()=>{clearInterval(a)}},[x,null===(y=null==m?void 0:m.query)||void 0===y?void 0:y.featureId,C]),o.useEffect(()=>{var e;if(x.length>0&&!C&&!j&&!M&&!w&&!R&&$&&!J){let e=null,t=null,o=null,n=!1;const a=()=>{if(n||M||w||R||!$)return;const a=x.filter(e=>{if(!e.featureTag||""===e.featureTag.trim())return!1;if(re.has(e.id))return!1;const t=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`;return null!==document.querySelector(t)});a.length>0&&(L(a),ge(a[0],a),e&&(e.disconnect(),e=null),t&&(window.removeEventListener("scroll",t),t=null),o&&(clearTimeout(o),o=null))};return e=new MutationObserver(e=>{let t=!1;for(const o of e){if("childList"===o.type&&o.addedNodes.length>0)for(let e=0;e<o.addedNodes.length;e++){const n=o.addedNodes[e];if(n.nodeType===Node.ELEMENT_NODE){const e=n;if(e.id||e.querySelector("[id]")){t=!0;break}}}if(t)break}j||n||M||w||R||!$||!t||(o&&clearTimeout(o),o=setTimeout(()=>{n||M||w||R||!$||a()},200))}),t=()=>{j||n||M||w||R||!$||(o&&clearTimeout(o),requestAnimationFrame(()=>{o=setTimeout(()=>{n||M||w||R||!$||a()},300)}))},e&&e.observe(document.body,{childList:!0,subtree:!0}),t&&window.addEventListener("scroll",t,{passive:!0}),a(),setTimeout(()=>{n||M||w||R||!$||a()},100),setTimeout(()=>{n||M||w||R||!$||a()},1e3),setTimeout(()=>{n||M||w||R||!$||a()},500),()=>{n=!0,e&&e.disconnect(),t&&window.removeEventListener("scroll",t),o&&clearTimeout(o)}}if(0===x.length||C){(null===(e=null==m?void 0:m.query)||void 0===e?void 0:e.featureId)&&w||(I(!1),F([]),B(null),L([]),U(!1))}},[x,C,j,M,w,R,$,k,J]);const ie=e=>{v(e);const o=S.findIndex(t=>t.id===e.id),n=S.length,r=[{target:a.SELECTORS.WHATS_NEW_BUTTON,content:t.jsx(s.default,{feature:e,currentIndex:o,totalFeatures:n,onSkip:()=>le(e),onExplore:()=>de(e),onPrevious:()=>ue(e),onNext:()=>ce(e),setIsClosing:X}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,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"}}}];O(r),q(!0)},le=o.useCallback(e=>{(e||T)&&(_(!0),S.forEach(e=>{k(e.id)}),q(!1),v(null),O([]),z(!0),setTimeout(()=>{_(!1)},500))},[T,S,k]),de=o.useCallback(e=>{_(!0),k(e.id),e.productVideo&&(G(e.productVideo),Z(!0),K(!0)),q(!1),v(null),O([]);S.findIndex(t=>t.id===e.id)===S.length-1&&z(!0),setTimeout(()=>{_(!1)},500)},[S,k]),ue=o.useCallback(e=>{const o=e||T;if(!o)return;const n=S.findIndex(e=>e.id===o.id);if(n>0){const e=S[n-1];v(e);const o=n-1,a=S.length,r=[{target:'[data-testid="whats-new-button"]',content:t.jsx(s.default,{feature:e,currentIndex:o,totalFeatures:a,onSkip:()=>le(e),onExplore:()=>de(e),onPrevious:()=>ue(e),onNext:()=>ce(e),setIsClosing:X}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,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"}}}];O(r)}},[T,S]),ce=o.useCallback(e=>{const o=e||T;if(!o)return;const n=S.findIndex(e=>e.id===o.id);if(n<S.length-1){const e=S[n+1];v(e);const o=n+1,a=S.length,r=[{target:'[data-testid="whats-new-button"]',content:t.jsx(s.default,{feature:e,currentIndex:o,totalFeatures:a,onSkip:()=>le(e),onExplore:()=>de(e),onPrevious:()=>ue(e),onNext:()=>ce(e),setIsClosing:X}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,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"}}}];O(r)}else _(!0),k(o.id),q(!1),v(null),O([]),z(!0),setTimeout(()=>{_(!1)},500)},[T,S,k]),pe=()=>{if(S.length>0&&!T){document.querySelector('[data-testid="whats-new-button"]')&&ie(S[0])}};o.useEffect(()=>(window.showMajorUpdatePopup=pe,()=>{delete window.showMajorUpdatePopup}),[S,T]);const fe=o.useCallback(e=>{const{action:t}=e;t===n.ACTIONS.CLOSE&&(T&&(_(!0),S.forEach(e=>{k(e.id)}),z(!0),setTimeout(()=>{_(!1)},500)),q(!1),v(null),O([]))},[T,S,k]),be=o.useCallback(e=>{const{action:t}=e;if(t===n.ACTIONS.CLOSE){if(w){V(!0),k(w.id);A.findIndex(e=>e.id===w.id)===A.length-1&&U(!0),setTimeout(()=>{V(!1)},500)}I(!1),B(null),F([])}},[w,A,k]),ge=(o,n)=>e.__awaiter(void 0,void 0,void 0,function*(){B(o);const e=n||A,a=e.findIndex(e=>e.id===o.id),r=e.length,s=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`,l=document.querySelector(s);if(l)try{const{scrollToElementSmooth:e}=yield Promise.resolve().then(function(){return require("./utils/elementHelpers.js")});yield e(l,120)}catch(e){}const d=[{target:s,content:t.jsx(i.default,{feature:o,currentIndex:a,totalFeatures:r,onSkip:()=>he(o),onExplore:()=>me(o),onPrevious:()=>ye(o),onNext:()=>Se(o),setIsClosing:ee}),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"}}}];F(d),I(!0)}),he=o.useCallback(e=>{const t=e||w;if(t){V(!0),k(t.id),se(e=>new Set(e).add(t.id)),I(!1),B(null),F([]);const e=A.find(e=>e.id!==t.id&&!re.has(e.id));setTimeout(()=>{V(!1),e?ge(e,A):U(!0)},500)}},[w,A,k,re]),me=o.useCallback(e=>{V(!0),k(e.id),se(t=>new Set(t).add(e.id)),e.productVideo&&(G(e.productVideo),Z(!0),K(!0)),I(!1),B(null),F([]);const t=A.find(t=>t.id!==e.id&&!re.has(t.id));setTimeout(()=>{V(!1),t&&!e.productVideo?ge(t,A):t||U(!0)},500)},[A,k,re]),ye=o.useCallback(o=>e.__awaiter(void 0,void 0,void 0,function*(){const e=o||w;if(!e)return;const n=A.findIndex(t=>t.id===e.id);if(n>0){const e=A[n-1];B(e);const o=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`,a=document.querySelector(o);if(a)try{const{scrollToElementSmooth:e}=yield Promise.resolve().then(function(){return require("./utils/elementHelpers.js")});yield e(a,120)}catch(e){}const r=n-1,s=A.length,l=[{target:o,content:t.jsx(i.default,{feature:e,currentIndex:r,totalFeatures:s,onSkip:()=>he(e),onExplore:()=>me(e),onPrevious:()=>ye(e),onNext:()=>Se(e),setIsClosing:ee}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,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"}}}];F(l)}}),[w,A]),Se=o.useCallback(o=>e.__awaiter(void 0,void 0,void 0,function*(){const e=o||w;if(!e)return;const n=A.findIndex(t=>t.id===e.id);if(n<A.length-1){const e=A[n+1];B(e);const o=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`,a=document.querySelector(o);if(a)try{const{scrollToElementSmooth:e}=yield Promise.resolve().then(function(){return require("./utils/elementHelpers.js")});yield e(a,120)}catch(e){}const r=n+1,s=A.length,l=[{target:o,content:t.jsx(i.default,{feature:e,currentIndex:r,totalFeatures:s,onSkip:()=>he(e),onExplore:()=>me(e),onPrevious:()=>ye(e),onNext:()=>Se(e),setIsClosing:ee}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,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"}}}];F(l)}else V(!0),U(!0),k(e.id),I(!1),B(null),F([]),setTimeout(()=>{V(!1)},500)}),[w,A,k]);return t.jsxs(t.Fragment,{children:[d,P.length>0&&t.jsx(u.default,{steps:P,run:N,continuous:!1,showProgress:!1,showSkipButton:!1,callback:fe,disableOverlayClose:!0,disableCloseOnEsc:!1,disableOverlay:!1,spotlightClicks:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:Q?"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-${te}`),E.length>0&&t.jsx(u.default,{steps:E,run:j,continuous:!1,showProgress:!1,showSkipButton:!1,callback:be,disableOverlayClose:!0,disableCloseOnEsc:!1,disableOverlay:!1,scrollToFirstStep:!0,scrollOffset:120,disableScrolling:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:Y?"transparent":"#ffffff"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",borderRadius:"8px",boxShadow:Y?"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-${ne}`),t.jsx(l.VideoModal,{isOpen:H,videoUrl:D,onClose:()=>{Z(!1),G(""),K(!1);const e=A.find(e=>!re.has(e.id));e?setTimeout(()=>{ge(e,A)},300):U(!0)}})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),o=require("react"),n=require("react-joyride");require("./constants/animations.js");var a=require("./constants/selectors.js"),r=require("./hooks/useFeatureAnnouncements.js"),s=require("./MajorUpdatePopup.js"),i=require("./MinorUpdatePopup.js"),l=require("./VideoModal.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(n);exports.default=d=>{let{children:c,fetchVisibleFeatures:p,getStoreFeatureProgress:f,fetchFeatureById:b,markFeatureAsViewedForStore:g,isFeatureApplicableToCurrentPage:h,module:m,router:y}=d;var S;const{majorUpdateFeatures:x,minorUpdateFeatures:C,isLoading:k,markFeatureAsViewed:T}=r.useFeatureAnnouncements({fetchVisibleFeatures:p,getStoreFeatureProgress:f,fetchFeatureById:b,markFeatureAsViewedForStore:g,isFeatureApplicableToCurrentPage:h,module:m,router:y}),[v,w]=o.useState(null),[B,j]=o.useState(null),[I,E]=o.useState(!1),[F,N]=o.useState([]),[q,P]=o.useState(!1),[O,W]=o.useState([]),[_,M]=o.useState(!1),[V,A]=o.useState(!1),[L,R]=o.useState([]),[U,$]=o.useState(!1),[z,H]=o.useState(!1),[Z,D]=o.useState(!1),[G,J]=o.useState(""),[K,Q]=o.useState(!1),[X,Y]=o.useState(!1),[ee,te]=o.useState(!1),[oe,ne]=o.useState(0),[ae,re]=o.useState(0),[se,ie]=o.useState(new Set);o.useEffect((()=>{const e="minor-spotlight-cutout-style";let t=document.getElementById(e);return t||(t=document.createElement("style"),t.id=e,document.head.appendChild(t)),t.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 t=document.getElementById(e);t&&t.remove()}}),[]),o.useEffect((()=>{ne((e=>e+1)),re((e=>e+1)),Y(!1),te(!1),ie(new Set)}),[null==y?void 0:y.pathname]),o.useEffect((()=>{if(!(x.length>0)||v||k||_||K)0!==x.length||k||H(!0);else{H(!1),$(!1),E(!1),N([]),j(null),R([]);let e=0;const t=10,o=()=>{e++;document.querySelector('[data-testid="whats-new-button"]')?le(x[0]):e<t?setTimeout(o,1e3):H(!0)};o()}}),[x,v,k,_,K]),o.useEffect((()=>{var e;const t=null===(e=null==y?void 0:y.query)||void 0===e?void 0:e.featureId;if(!t||k||0===C.length)return;const o=C.find((e=>e.id===t));if(!o||!o.featureTag)return;$(!0),A(!0);let n=0;const a=setInterval((()=>{n++;const e=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`;if(document.querySelector(e)){const e=[o];R(e),he(o,e),clearInterval(a)}else n>=25&&(A(!1),clearInterval(a))}),200);return()=>{clearInterval(a)}}),[C,null===(S=null==y?void 0:y.query)||void 0===S?void 0:S.featureId,k]),o.useEffect((()=>{var e;if(C.length>0&&!k&&!I&&!V&&!B&&!U&&z&&!K){let e=null,t=null,o=null,n=!1;const a=()=>{if(n||V||B||U||!z)return;const a=C.filter((e=>{if(!e.featureTag||""===e.featureTag.trim())return!1;if(se.has(e.id))return!1;const t=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`;return null!==document.querySelector(t)}));a.length>0&&(R(a),he(a[0],a),e&&(e.disconnect(),e=null),t&&(window.removeEventListener("scroll",t),t=null),o&&(clearTimeout(o),o=null))};return e=new MutationObserver((e=>{let t=!1;for(const o of e){if("childList"===o.type&&o.addedNodes.length>0)for(let e=0;e<o.addedNodes.length;e++){const n=o.addedNodes[e];if(n.nodeType===Node.ELEMENT_NODE){const e=n;if(e.id||e.querySelector("[id]")){t=!0;break}}}if(t)break}I||n||V||B||U||!z||!t||(o&&clearTimeout(o),o=setTimeout((()=>{n||V||B||U||!z||a()}),200))})),t=()=>{I||n||V||B||U||!z||(o&&clearTimeout(o),requestAnimationFrame((()=>{o=setTimeout((()=>{n||V||B||U||!z||a()}),300)})))},e&&e.observe(document.body,{childList:!0,subtree:!0}),t&&window.addEventListener("scroll",t,{passive:!0}),a(),setTimeout((()=>{n||V||B||U||!z||a()}),100),setTimeout((()=>{n||V||B||U||!z||a()}),1e3),setTimeout((()=>{n||V||B||U||!z||a()}),500),()=>{n=!0,e&&e.disconnect(),t&&window.removeEventListener("scroll",t),o&&clearTimeout(o)}}if(0===C.length||k){(null===(e=null==y?void 0:y.query)||void 0===e?void 0:e.featureId)&&B||(E(!1),N([]),j(null),R([]),$(!1))}}),[C,k,I,V,B,U,z,T,K]);const le=e=>{w(e);const o=x.findIndex((t=>t.id===e.id)),n=x.length,r=[{target:a.SELECTORS.WHATS_NEW_BUTTON,content:t.jsx(s.default,{feature:e,currentIndex:o,totalFeatures:n,onSkip:()=>de(e),onExplore:()=>ue(e),onPrevious:()=>ce(e),onNext:()=>pe(e),setIsClosing:Y}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,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"}}}];W(r),P(!0)},de=o.useCallback((e=>{(e||v)&&(M(!0),x.forEach((e=>{T(e.id)})),P(!1),w(null),W([]),H(!0),setTimeout((()=>{M(!1)}),500))}),[v,x,T]),ue=o.useCallback((e=>{M(!0),T(e.id),e.productVideo&&(J(e.productVideo),D(!0),Q(!0)),P(!1),w(null),W([]);x.findIndex((t=>t.id===e.id))===x.length-1&&H(!0),setTimeout((()=>{M(!1)}),500)}),[x,T]),ce=o.useCallback((e=>{const o=e||v;if(!o)return;const n=x.findIndex((e=>e.id===o.id));if(n>0){const e=x[n-1];w(e);const o=n-1,a=x.length,r=[{target:'[data-testid="whats-new-button"]',content:t.jsx(s.default,{feature:e,currentIndex:o,totalFeatures:a,onSkip:()=>de(e),onExplore:()=>ue(e),onPrevious:()=>ce(e),onNext:()=>pe(e),setIsClosing:Y}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,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"}}}];W(r)}}),[v,x]),pe=o.useCallback((e=>{const o=e||v;if(!o)return;const n=x.findIndex((e=>e.id===o.id));if(n<x.length-1){const e=x[n+1];w(e);const o=n+1,a=x.length,r=[{target:'[data-testid="whats-new-button"]',content:t.jsx(s.default,{feature:e,currentIndex:o,totalFeatures:a,onSkip:()=>de(e),onExplore:()=>ue(e),onPrevious:()=>ce(e),onNext:()=>pe(e),setIsClosing:Y}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,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"}}}];W(r)}else M(!0),T(o.id),P(!1),w(null),W([]),H(!0),setTimeout((()=>{M(!1)}),500)}),[v,x,T]),fe=()=>{if(x.length>0&&!v){document.querySelector('[data-testid="whats-new-button"]')&&le(x[0])}};o.useEffect((()=>(window.showMajorUpdatePopup=fe,()=>{delete window.showMajorUpdatePopup})),[x,v]);const be=o.useCallback((e=>{const{action:t}=e;t===n.ACTIONS.CLOSE&&(v&&(M(!0),x.forEach((e=>{T(e.id)})),H(!0),setTimeout((()=>{M(!1)}),500)),P(!1),w(null),W([]))}),[v,x,T]),ge=o.useCallback((e=>{const{action:t}=e;if(t===n.ACTIONS.CLOSE){if(B){A(!0),T(B.id);L.findIndex((e=>e.id===B.id))===L.length-1&&$(!0),setTimeout((()=>{A(!1)}),500)}E(!1),j(null),N([])}}),[B,L,T]),he=(o,n)=>e.__awaiter(void 0,void 0,void 0,(function*(){j(o);const e=n||L,a=e.findIndex((e=>e.id===o.id)),r=e.length,s=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`,l=document.querySelector(s);if(l)try{const{scrollToElementSmooth:e}=yield Promise.resolve().then((function(){return require("./utils/elementHelpers.js")}));yield e(l,120)}catch(e){}const d=[{target:s,content:t.jsx(i.default,{feature:o,currentIndex:a,totalFeatures:r,onSkip:()=>me(o),onExplore:()=>ye(o),onPrevious:()=>Se(o),onNext:()=>xe(o),setIsClosing:te}),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"}}}];N(d),E(!0)})),me=o.useCallback((e=>{const t=e||B;if(t){A(!0),T(t.id),ie((e=>new Set(e).add(t.id))),E(!1),j(null),N([]);const e=L.find((e=>e.id!==t.id&&!se.has(e.id)));setTimeout((()=>{A(!1),e?he(e,L):$(!0)}),500)}}),[B,L,T,se]),ye=o.useCallback((e=>{A(!0),T(e.id),ie((t=>new Set(t).add(e.id))),e.productVideo&&(J(e.productVideo),D(!0),Q(!0)),E(!1),j(null),N([]);const t=L.find((t=>t.id!==e.id&&!se.has(t.id)));setTimeout((()=>{A(!1),t&&!e.productVideo?he(t,L):t||$(!0)}),500)}),[L,T,se]),Se=o.useCallback((o=>e.__awaiter(void 0,void 0,void 0,(function*(){const e=o||B;if(!e)return;const n=L.findIndex((t=>t.id===e.id));if(n>0){const e=L[n-1];j(e);const o=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`,a=document.querySelector(o);if(a)try{const{scrollToElementSmooth:e}=yield Promise.resolve().then((function(){return require("./utils/elementHelpers.js")}));yield e(a,120)}catch(e){}const r=n-1,s=L.length,l=[{target:o,content:t.jsx(i.default,{feature:e,currentIndex:r,totalFeatures:s,onSkip:()=>me(e),onExplore:()=>ye(e),onPrevious:()=>Se(e),onNext:()=>xe(e),setIsClosing:te}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,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"}}}];N(l)}}))),[B,L]),xe=o.useCallback((o=>e.__awaiter(void 0,void 0,void 0,(function*(){const e=o||B;if(!e)return;const n=L.findIndex((t=>t.id===e.id));if(n<L.length-1){const e=L[n+1];j(e);const o=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`,a=document.querySelector(o);if(a)try{const{scrollToElementSmooth:e}=yield Promise.resolve().then((function(){return require("./utils/elementHelpers.js")}));yield e(a,120)}catch(e){}const r=n+1,s=L.length,l=[{target:o,content:t.jsx(i.default,{feature:e,currentIndex:r,totalFeatures:s,onSkip:()=>me(e),onExplore:()=>ye(e),onPrevious:()=>Se(e),onNext:()=>xe(e),setIsClosing:te}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,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"}}}];N(l)}else A(!0),$(!0),T(e.id),E(!1),j(null),N([]),setTimeout((()=>{A(!1)}),500)}))),[B,L,T]);return t.jsxs(t.Fragment,{children:[c,O.length>0&&t.jsx(u.default,{steps:O,run:q,continuous:!1,showProgress:!1,showSkipButton:!1,callback:be,disableOverlayClose:!0,disableCloseOnEsc:!1,disableOverlay:!1,spotlightClicks:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:X?"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-${oe}`),F.length>0&&t.jsx(u.default,{steps:F,run:I,continuous:!1,showProgress:!1,showSkipButton:!1,callback:ge,disableOverlayClose:!0,disableCloseOnEsc:!1,disableOverlay:!1,scrollToFirstStep:!0,scrollOffset:120,disableScrolling:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:ee?"transparent":"#ffffff"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",borderRadius:"8px",boxShadow:ee?"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-${ae}`),t.jsx(l.VideoModal,{isOpen:Z,videoUrl:G,onClose:()=>{D(!1),J(""),Q(!1);const e=L.find((e=>!se.has(e.id)));e?setTimeout((()=>{he(e,L)}),300):$(!0)}})]})};

package/dist/cjs/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/cjs/components/feature-announcements/MajorUpdatePopup.js

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

package/dist/cjs/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/cjs/components/feature-announcements/MinorUpdatePopup.js

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

package/dist/cjs/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/cjs/components/feature-announcements/VideoModal.js

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

package/dist/cjs/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/cjs/components/feature-announcements/constants/dimensions.d.ts

@@ -0,0 +1,56 @@
+/**
+ * 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/cjs/components/feature-announcements/constants/index.d.ts

@@ -0,0 +1,19 @@
+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/cjs/components/feature-announcements/constants/localStorageKeys.d.ts

@@ -0,0 +1,18 @@
+/**
+ * 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/cjs/components/feature-announcements/constants/selectors.d.ts

@@ -0,0 +1,21 @@
+/**
+ * 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";
+};

package/dist/cjs/components/feature-announcements/constants/zIndex.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Z-index constants
+ */
+export declare const Z_INDEX: {
+    readonly JOYRIDE: 10000;
+    readonly VIDEO_MODAL: 2000;
+    readonly SKIP_BUTTON: 10;
+    readonly IMAGE_BADGE: 10;
+    readonly CLOSE_BUTTON: 10;
+};

package/dist/cjs/components/feature-announcements/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useFeatureAnnouncements } from './useFeatureAnnouncements';

package/dist/cjs/components/feature-announcements/hooks/useFeatureAnnouncements.d.ts

@@ -0,0 +1,13 @@
+import { FeatureAnnouncement, FeatureAnnouncementRepository, RouterProps } from '../types';
+export declare const useFeatureAnnouncements: ({ fetchVisibleFeatures, getStoreFeatureProgress, fetchFeatureById, markFeatureAsViewedForStore, isFeatureApplicableToCurrentPage, module, router, }: FeatureAnnouncementRepository & {
+    module?: string | undefined;
+    router?: RouterProps | undefined;
+}) => {
+    features: FeatureAnnouncement[];
+    majorUpdateFeatures: FeatureAnnouncement[];
+    minorUpdateFeatures: FeatureAnnouncement[];
+    isLoading: boolean;
+    error: string | null;
+    markFeatureAsViewed: (featureId: string) => Promise<void>;
+    refetch: () => Promise<void>;
+};

package/dist/cjs/components/feature-announcements/hooks/useFeatureAnnouncements.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("react"),r=require("../constants/animations.js"),a=require("../constants/localStorageKeys.js");exports.useFeatureAnnouncements=({fetchVisibleFeatures:i,getStoreFeatureProgress:o,fetchFeatureById:n,markFeatureAsViewedForStore:l,isFeatureApplicableToCurrentPage:u,module:s,router:c})=>{var d;const f=(()=>{const[e,r]=t.useState(null);return t.useEffect(()=>{if("undefined"!=typeof window){let e=null;try{if(e=localStorage.getItem(a.LOCAL_STORAGE_KEYS.STORE_ID)||localStorage.getItem(a.LOCAL_STORAGE_KEYS.BIK_STORE_ID)||localStorage.getItem(a.LOCAL_STORAGE_KEYS.CURRENT_STORE)||localStorage.getItem(a.LOCAL_STORAGE_KEYS.STORE),!e){const t=localStorage.getItem(a.LOCAL_STORAGE_KEYS.CURRENT_USER);t&&(e=JSON.parse(t).storeId)}e||(e=new URLSearchParams(window.location.search).get(a.LOCAL_STORAGE_KEYS.QUERY_PARAM))}catch(e){}r(e)}},[]),e})(),[p,S]=t.useState([]),[_,A]=t.useState([]),[E,g]=t.useState([]),[v,y]=t.useState(!1),[R,T]=t.useState(null),U=t.useCallback(()=>e.__awaiter(void 0,void 0,void 0,function*(){if(f){y(!0),T(null);try{const[e,t]=yield i(s);if(e||!t)return void T("Failed to fetch features");const[a,n]=yield o(f),l=new Date,c="undefined"!=typeof window?window.location.pathname:"",d=e=>{if(!e.expirationDate)return!0;let t;return"object"==typeof e.expirationDate&&null!==e.expirationDate&&("seconds"in e.expirationDate||"nanoseconds"in e.expirationDate)?t=new Date(1e3*e.expirationDate.seconds):"string"==typeof e.expirationDate?t=new Date(e.expirationDate):e.expirationDate instanceof Date&&(t=e.expirationDate),!(!t||isNaN(t.getTime()))&&l<t},p=e=>{if("Major"===e.featureUpdateType){let t=[];return Array.isArray(e.pageUrls)?t=e.pageUrls:"object"==typeof e.pageUrls&&null!==e.pageUrls&&"length"in e.pageUrls&&(t=Array.from(e.pageUrls)),t.some(e=>{if(e===c)return!0;const t=e.replace(/\[([^\]]+)\]/g,"[^/]+").replace(/\//g,"\\/");return new RegExp(`^${t}$`).test(c)})}return!0},_=t.filter(e=>{var t;const r=(null===(t=null==n?void 0:n.viewedFeatures)||void 0===t?void 0:t[e.id])||!1,a=e.archived||!1,i=u(e),o=d(e),l=p(e);return!r&&!a&&i&&o&&l}),E=_.filter(e=>"Major"===e.featureUpdateType),v=_.filter(e=>"Minor"===e.featureUpdateType);S(_),A(E),setTimeout(()=>{g(v)},r.ANIMATION_TIMING.MINOR_POPUP_DELAY)}catch(e){T("An unexpected error occurred")}finally{y(!1)}}}),[f,i,o,u,s]),D=t.useCallback(t=>e.__awaiter(void 0,void 0,void 0,function*(){y(!0),T(null);try{const[e,r]=yield n(t);if(e||!r)return void T("Failed to fetch feature by ID");"Major"===r.featureUpdateType?A([r]):g([r]),S([r])}catch(e){T("An unexpected error occurred while fetching by ID")}finally{y(!1)}}),[n]),O=t.useCallback(t=>e.__awaiter(void 0,void 0,void 0,function*(){if(!f)return;const[e]=yield l(f,t);S(e=>e.filter(e=>e.id!==t)),A(e=>e.filter(e=>e.id!==t)),g(e=>e.filter(e=>e.id!==t))}),[f,l]);return t.useEffect(()=>{var e;const t=null===(e=null==c?void 0:c.query)||void 0===e?void 0:e[a.QUERY_PARAMS.FEATURE_ID];t&&c?D(t):U()},[null==c?void 0:c.pathname,null===(d=null==c?void 0:c.query)||void 0===d?void 0:d[a.QUERY_PARAMS.FEATURE_ID],f,U,D,c]),{features:p,majorUpdateFeatures:_,minorUpdateFeatures:E,isLoading:v,error:R,markFeatureAsViewed:O,refetch:U}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("react"),r=require("../constants/animations.js"),a=require("../constants/localStorageKeys.js");exports.useFeatureAnnouncements=i=>{let{fetchVisibleFeatures:o,getStoreFeatureProgress:n,fetchFeatureById:l,markFeatureAsViewedForStore:u,isFeatureApplicableToCurrentPage:s,module:c,router:d}=i;var f;const p=(()=>{const[e,r]=t.useState(null);return t.useEffect((()=>{if("undefined"!=typeof window){let e=null;try{if(e=localStorage.getItem(a.LOCAL_STORAGE_KEYS.STORE_ID)||localStorage.getItem(a.LOCAL_STORAGE_KEYS.BIK_STORE_ID)||localStorage.getItem(a.LOCAL_STORAGE_KEYS.CURRENT_STORE)||localStorage.getItem(a.LOCAL_STORAGE_KEYS.STORE),!e){const t=localStorage.getItem(a.LOCAL_STORAGE_KEYS.CURRENT_USER);t&&(e=JSON.parse(t).storeId)}e||(e=new URLSearchParams(window.location.search).get(a.LOCAL_STORAGE_KEYS.QUERY_PARAM))}catch(e){}r(e)}}),[]),e})(),[S,_]=t.useState([]),[A,E]=t.useState([]),[g,v]=t.useState([]),[y,R]=t.useState(!1),[T,U]=t.useState(null),D=t.useCallback((()=>e.__awaiter(void 0,void 0,void 0,(function*(){if(p){R(!0),U(null);try{const[e,t]=yield o(c);if(e||!t)return void U("Failed to fetch features");const[a,i]=yield n(p),l=new Date,u="undefined"!=typeof window?window.location.pathname:"",d=e=>{if(!e.expirationDate)return!0;let t;return"object"==typeof e.expirationDate&&null!==e.expirationDate&&("seconds"in e.expirationDate||"nanoseconds"in e.expirationDate)?t=new Date(1e3*e.expirationDate.seconds):"string"==typeof e.expirationDate?t=new Date(e.expirationDate):e.expirationDate instanceof Date&&(t=e.expirationDate),!(!t||isNaN(t.getTime()))&&l<t},f=e=>{if("Major"===e.featureUpdateType){let t=[];return Array.isArray(e.pageUrls)?t=e.pageUrls:"object"==typeof e.pageUrls&&null!==e.pageUrls&&"length"in e.pageUrls&&(t=Array.from(e.pageUrls)),t.some((e=>{if(e===u)return!0;const t=e.replace(/\[([^\]]+)\]/g,"[^/]+").replace(/\//g,"\\/");return new RegExp(`^${t}$`).test(u)}))}return!0},S=t.filter((e=>{var t;const r=(null===(t=null==i?void 0:i.viewedFeatures)||void 0===t?void 0:t[e.id])||!1,a=e.archived||!1,o=s(e),n=d(e),l=f(e);return!r&&!a&&o&&n&&l})),A=S.filter((e=>"Major"===e.featureUpdateType)),g=S.filter((e=>"Minor"===e.featureUpdateType));_(S),E(A),setTimeout((()=>{v(g)}),r.ANIMATION_TIMING.MINOR_POPUP_DELAY)}catch(e){U("An unexpected error occurred")}finally{R(!1)}}}))),[p,o,n,s,c]),O=t.useCallback((t=>e.__awaiter(void 0,void 0,void 0,(function*(){R(!0),U(null);try{const[e,r]=yield l(t);if(e||!r)return void U("Failed to fetch feature by ID");"Major"===r.featureUpdateType?E([r]):v([r]),_([r])}catch(e){U("An unexpected error occurred while fetching by ID")}finally{R(!1)}}))),[l]),w=t.useCallback((t=>e.__awaiter(void 0,void 0,void 0,(function*(){if(!p)return;const[e]=yield u(p,t);_((e=>e.filter((e=>e.id!==t)))),E((e=>e.filter((e=>e.id!==t)))),v((e=>e.filter((e=>e.id!==t))))}))),[p,u]);return t.useEffect((()=>{var e;const t=null===(e=null==d?void 0:d.query)||void 0===e?void 0:e[a.QUERY_PARAMS.FEATURE_ID];t&&d?O(t):D()}),[null==d?void 0:d.pathname,null===(f=null==d?void 0:d.query)||void 0===f?void 0:f[a.QUERY_PARAMS.FEATURE_ID],p,D,O,d]),{features:S,majorUpdateFeatures:A,minorUpdateFeatures:g,isLoading:y,error:T,markFeatureAsViewed:w,refetch:D}};

package/dist/cjs/components/feature-announcements/index.d.ts

@@ -0,0 +1,7 @@
+export { default as FeatureAnnouncementProvider } from './FeatureAnnouncementProvider';
+export { default as MajorUpdatePopup } from './MajorUpdatePopup';
+export { default as MinorUpdatePopup } from './MinorUpdatePopup';
+export { VideoModal } from './VideoModal';
+export { useFeatureAnnouncements } from './hooks/useFeatureAnnouncements';
+export * from './types';
+export { TEXT, ANIMATION_TIMING, POPUP_DIMENSIONS } from './constants';

package/dist/cjs/components/feature-announcements/styles/index.d.ts

@@ -0,0 +1,4 @@
+export * from './majorPopup.styles';
+export * from './minorPopup.styles';
+export * from './videoModal.styles';
+export * from './joyride.styles';