@bikdotai/bik-component-library 0.0.736-beta.10 → 0.0.736-beta.2

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/esm/{src/components → components}/dropdown/OpenedDropdown/utils/iterationOnOptions.d.ts

@@ -7,9 +7,9 @@ export declare function iterateOnOptions(options: DropdownOption[], newVal: Part
     disabled?: boolean;
     isFreeForm?: boolean;
     subText?: string;
-    trailingIcon?: React.JSX.Element;
-    leadingIcon?: React.JSX.Element;
-    customComponent?: React.JSX.Element;
+    trailingIcon?: JSX.Element;
+    leadingIcon?: JSX.Element;
+    customComponent?: JSX.Element;
     searchKey?: string;
     selectedLabel?: string;
     children?: SingleOption[];
@@ -23,9 +23,9 @@ export declare function iterateOnOptions(options: DropdownOption[], newVal: Part
     disabled?: boolean | undefined;
     isFreeForm?: boolean | undefined;
     subText?: string | undefined;
-    trailingIcon?: React.JSX.Element | undefined;
-    leadingIcon?: React.JSX.Element;
-    customComponent?: React.JSX.Element | undefined;
+    trailingIcon?: JSX.Element;
+    leadingIcon?: JSX.Element;
+    customComponent?: JSX.Element;
     searchKey?: string | undefined;
     selectedLabel?: string | undefined;
     children?: SingleOption[] | undefined;

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

@@ -1 +1 @@
-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};
+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/{cjs/src → esm}/components/dropdown/hooks/useDropdown.d.ts

@@ -14,9 +14,9 @@ export declare const useDropdown: (version: string | undefined, options: Dropdow
         disabled?: boolean;
         isFreeForm?: boolean;
         subText?: string;
-        trailingIcon?: React.JSX.Element;
-        leadingIcon?: React.JSX.Element;
-        customComponent?: React.JSX.Element;
+        trailingIcon?: JSX.Element;
+        leadingIcon?: JSX.Element;
+        customComponent?: JSX.Element;
         searchKey?: string;
         selectedLabel?: string;
         children?: SingleOption[];
@@ -30,9 +30,9 @@ export declare const useDropdown: (version: string | undefined, options: Dropdow
         disabled?: boolean | undefined;
         isFreeForm?: boolean | undefined;
         subText?: string | undefined;
-        trailingIcon?: React.JSX.Element | undefined;
-        leadingIcon?: React.JSX.Element;
-        customComponent?: React.JSX.Element | undefined;
+        trailingIcon?: JSX.Element;
+        leadingIcon?: JSX.Element;
+        customComponent?: JSX.Element;
         searchKey?: string | undefined;
         selectedLabel?: string | undefined;
         children?: SingleOption[] | undefined;

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

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

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

@@ -1 +1 @@
-import{jsx as o}from"react/jsx-runtime";import{useState as t,useEffect as e}from"react";import{DEFAULT_THEME as r}from"../../constants/Theme.js";import{Tooltip as d}from"../tooltips/Tooltip.js";import{BodySecondary as i}from"../TypographyStyle.js";const l=l=>{var s;const[n,a]=t(0),{tabsInfo:p,tabStyleInfo:c}=l;return e(()=>{void 0!==l.selectedTabId&&null!==l.selectedTabId&&a(l.selectedTabId)},[l.selectedTabId]),o("div",{style:null!==(s=l.wrapperStyle)&&void 0!==s?s:{},children:o("div",{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,m,R,g;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!==(m=t.tooltipProps)&&void 0!==m?m:{},{children:o("div",{onClick:()=>{(o=>{a(o.id),o.action(o.text)})(t)},style:{cursor:"pointer",display:"flex",flex:1,width:null!==(R=l.tabWidth)&&void 0!==R?R:"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===(g=c.style)||void 0===g?void 0:g.marginRight,justifyContent:"space-around"},children:o(i,{style:{color:t.id===n?r.colorsV2.content.brand:r.colorsV2.content.secondary},children:t.text})})}),t.id)})})})};export{l as DynamicTabs};
+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",{style:null!==(s=l.wrapperStyle)&&void 0!==s?s:{},children:o("div",{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,m,R,g;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!==(m=t.tooltipProps)&&void 0!==m?m:{},{children:o("div",{onClick:()=>{(o=>{a(o.id),o.action(o.text)})(t)},style:{cursor:"pointer",display:"flex",flex:1,width:null!==(R=l.tabWidth)&&void 0!==R?R:"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===(g=c.style)||void 0===g?void 0:g.marginRight,justifyContent:"space-around"},children:o(i,{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/feature-announcements/FeatureAnnouncementProvider.js

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-import{__awaiter as e}from"../../../_virtual/_tslib.js";import{useState as t,useCallback as r,useEffect as o}from"react";import{ANIMATION_TIMING as i}from"../constants/animations.js";import{QUERY_PARAMS as a,LOCAL_STORAGE_KEYS as n}from"../constants/localStorageKeys.js";const l=({fetchVisibleFeatures:l,getStoreFeatureProgress:d,fetchFeatureById:u,markFeatureAsViewedForStore:s,isFeatureApplicableToCurrentPage:c,module:f,router:p})=>{var g;const v=(()=>{const[e,r]=t(null);return o(()=>{if("undefined"!=typeof window){let e=null;try{if(e=localStorage.getItem(n.STORE_ID)||localStorage.getItem(n.BIK_STORE_ID)||localStorage.getItem(n.CURRENT_STORE)||localStorage.getItem(n.STORE),!e){const t=localStorage.getItem(n.CURRENT_USER);t&&(e=JSON.parse(t).storeId)}e||(e=new URLSearchParams(window.location.search).get(n.QUERY_PARAM))}catch(e){}r(e)}},[]),e})(),[y,m]=t([]),[D,U]=t([]),[w,h]=t([]),[R,I]=t(!1),[S,T]=t(null),x=r(()=>e(void 0,void 0,void 0,function*(){if(v){I(!0),T(null);try{const[e,t]=yield l(f);if(e||!t)return void T("Failed to fetch features");const[r,o]=yield d(v),a=new Date,n="undefined"!=typeof window?window.location.pathname:"",u=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()))&&a<t},s=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===n)return!0;const t=e.replace(/\[([^\]]+)\]/g,"[^/]+").replace(/\//g,"\\/");return new RegExp(`^${t}$`).test(n)})}return!0},p=t.filter(e=>{var t;const r=(null===(t=null==o?void 0:o.viewedFeatures)||void 0===t?void 0:t[e.id])||!1,i=e.archived||!1,a=c(e),n=u(e),l=s(e);return!r&&!i&&a&&n&&l}),g=p.filter(e=>"Major"===e.featureUpdateType),y=p.filter(e=>"Minor"===e.featureUpdateType);m(p),U(g),setTimeout(()=>{h(y)},i.MINOR_POPUP_DELAY)}catch(e){T("An unexpected error occurred")}finally{I(!1)}}}),[v,l,d,c,f]),E=r(t=>e(void 0,void 0,void 0,function*(){I(!0),T(null);try{const[e,r]=yield u(t);if(e||!r)return void T("Failed to fetch feature by ID");"Major"===r.featureUpdateType?U([r]):h([r]),m([r])}catch(e){T("An unexpected error occurred while fetching by ID")}finally{I(!1)}}),[u]),F=r(t=>e(void 0,void 0,void 0,function*(){if(!v)return;const[e]=yield s(v,t);m(e=>e.filter(e=>e.id!==t)),U(e=>e.filter(e=>e.id!==t)),h(e=>e.filter(e=>e.id!==t))}),[v,s]);return o(()=>{var e;const t=null===(e=null==p?void 0:p.query)||void 0===e?void 0:e[a.FEATURE_ID];t&&p?E(t):x()},[null==p?void 0:p.pathname,null===(g=null==p?void 0:p.query)||void 0===g?void 0:g[a.FEATURE_ID],v,x,E,p]),{features:y,majorUpdateFeatures:D,minorUpdateFeatures:w,isLoading:R,error:S,markFeatureAsViewed:F,refetch:x}};export{l as useFeatureAnnouncements};
+import{__awaiter as e}from"../../../_virtual/_tslib.js";import{useState as t,useCallback as r,useEffect as o}from"react";import{ANIMATION_TIMING as i}from"../constants/animations.js";import{QUERY_PARAMS as a,LOCAL_STORAGE_KEYS as n}from"../constants/localStorageKeys.js";const l=l=>{let{fetchVisibleFeatures:d,getStoreFeatureProgress:u,fetchFeatureById:s,markFeatureAsViewedForStore:c,isFeatureApplicableToCurrentPage:f,module:p,router:g}=l;var v;const y=(()=>{const[e,r]=t(null);return o((()=>{if("undefined"!=typeof window){let e=null;try{if(e=localStorage.getItem(n.STORE_ID)||localStorage.getItem(n.BIK_STORE_ID)||localStorage.getItem(n.CURRENT_STORE)||localStorage.getItem(n.STORE),!e){const t=localStorage.getItem(n.CURRENT_USER);t&&(e=JSON.parse(t).storeId)}e||(e=new URLSearchParams(window.location.search).get(n.QUERY_PARAM))}catch(e){}r(e)}}),[]),e})(),[m,D]=t([]),[U,w]=t([]),[h,R]=t([]),[I,S]=t(!1),[T,x]=t(null),E=r((()=>e(void 0,void 0,void 0,(function*(){if(y){S(!0),x(null);try{const[e,t]=yield d(p);if(e||!t)return void x("Failed to fetch features");const[r,o]=yield u(y),a=new Date,n="undefined"!=typeof window?window.location.pathname:"",l=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()))&&a<t},s=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===n)return!0;const t=e.replace(/\[([^\]]+)\]/g,"[^/]+").replace(/\//g,"\\/");return new RegExp(`^${t}$`).test(n)}))}return!0},c=t.filter((e=>{var t;const r=(null===(t=null==o?void 0:o.viewedFeatures)||void 0===t?void 0:t[e.id])||!1,i=e.archived||!1,a=f(e),n=l(e),d=s(e);return!r&&!i&&a&&n&&d})),g=c.filter((e=>"Major"===e.featureUpdateType)),v=c.filter((e=>"Minor"===e.featureUpdateType));D(c),w(g),setTimeout((()=>{R(v)}),i.MINOR_POPUP_DELAY)}catch(e){x("An unexpected error occurred")}finally{S(!1)}}}))),[y,d,u,f,p]),F=r((t=>e(void 0,void 0,void 0,(function*(){S(!0),x(null);try{const[e,r]=yield s(t);if(e||!r)return void x("Failed to fetch feature by ID");"Major"===r.featureUpdateType?w([r]):R([r]),D([r])}catch(e){x("An unexpected error occurred while fetching by ID")}finally{S(!1)}}))),[s]),A=r((t=>e(void 0,void 0,void 0,(function*(){if(!y)return;const[e]=yield c(y,t);D((e=>e.filter((e=>e.id!==t)))),w((e=>e.filter((e=>e.id!==t)))),R((e=>e.filter((e=>e.id!==t))))}))),[y,c]);return o((()=>{var e;const t=null===(e=null==g?void 0:g.query)||void 0===e?void 0:e[a.FEATURE_ID];t&&g?F(t):E()}),[null==g?void 0:g.pathname,null===(v=null==g?void 0:g.query)||void 0===v?void 0:v[a.FEATURE_ID],y,E,F,g]),{features:m,majorUpdateFeatures:U,minorUpdateFeatures:h,isLoading:I,error:T,markFeatureAsViewed:A,refetch:E}};export{l as useFeatureAnnouncements};

package/dist/esm/components/feature-announcements/utils/animationHelpers.js

@@ -1 +1 @@
-import{ANIMATION_TIMING as t}from"../constants/animations.js";const e=(t,e)=>{const i=t.getBoundingClientRect(),o=e.getBoundingClientRect();return`translate(${o.left+o.width/2-(i.left+i.width/2)}px, ${o.top+o.height/2-(i.top+i.height/2)}px) scale(0)`},i=t=>{if(!t)return;const e=t.closest('[class*="react-joyride__tooltip"]');if(!e)return;const i=e.querySelector('[class*="react-joyride__arrow"]');i&&(i.style.display="none",i.style.visibility="hidden",i.style.opacity="0")},o=(e,i=t.CLOSE_DURATION)=>{setTimeout(e,i)};export{e as calculateCloseTransform,o as executeAfterAnimation,i as hideJoyrideArrow};
+import{ANIMATION_TIMING as t}from"../constants/animations.js";const e=(t,e)=>{const i=t.getBoundingClientRect(),o=e.getBoundingClientRect();return`translate(${o.left+o.width/2-(i.left+i.width/2)}px, ${o.top+o.height/2-(i.top+i.height/2)}px) scale(0)`},i=t=>{if(!t)return;const e=t.closest('[class*="react-joyride__tooltip"]');if(!e)return;const i=e.querySelector('[class*="react-joyride__arrow"]');i&&(i.style.display="none",i.style.visibility="hidden",i.style.opacity="0")},o=function(e){let i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t.CLOSE_DURATION;setTimeout(e,i)};export{e as calculateCloseTransform,o as executeAfterAnimation,i as hideJoyrideArrow};

package/dist/esm/components/feature-announcements/utils/elementHelpers.js

@@ -1 +1 @@
-import"../constants/animations.js";import{SELECTORS as t}from"../constants/selectors.js";const e=()=>{let e=document.querySelector(t.WHATS_NEW_BUTTON);if(e)return e;if(e=document.querySelector(t.MAIN_ICON_CLASS),e)return e;const n=document.querySelector(t.SVG_VIEWBOX);if(n){if(n.querySelector(t.CLIPPATH_PATTERN))return n.closest(t.WHATS_NEW_BUTTON)||n.parentElement}return null},n=t=>{const e=t.startsWith("#")||t.startsWith(".")||t.startsWith("[")?t:`#${t}`;return document.querySelector(e)},o=t=>t.startsWith("#")||t.startsWith(".")||t.startsWith("[")?t:`#${t}`,r=t=>{const e=t.getBoundingClientRect(),n=window.innerHeight||document.documentElement.clientHeight,o=window.innerWidth||document.documentElement.clientWidth,r=e.top>=120&&e.bottom<=n,i=e.left>=0&&e.right<=o;return r&&i},i=(t,e=120)=>new Promise(n=>{if(r(t))return void n();const o=t.getBoundingClientRect().top+window.pageYOffset-e;let i;window.scrollTo({top:o,behavior:"smooth"});const s=()=>{clearTimeout(i),i=setTimeout(()=>{window.removeEventListener("scroll",s),setTimeout(()=>n(),100)},100)};window.addEventListener("scroll",s,{passive:!0}),setTimeout(()=>{window.removeEventListener("scroll",s),n()},1e3)});export{n as findFeatureTagElement,e as findWhatsNewButton,r as isElementInViewport,o as normalizeSelector,i as scrollToElementSmooth};
+import"../constants/animations.js";import{SELECTORS as t}from"../constants/selectors.js";const e=()=>{let e=document.querySelector(t.WHATS_NEW_BUTTON);if(e)return e;if(e=document.querySelector(t.MAIN_ICON_CLASS),e)return e;const n=document.querySelector(t.SVG_VIEWBOX);if(n){if(n.querySelector(t.CLIPPATH_PATTERN))return n.closest(t.WHATS_NEW_BUTTON)||n.parentElement}return null},n=t=>{const e=t.startsWith("#")||t.startsWith(".")||t.startsWith("[")?t:`#${t}`;return document.querySelector(e)},o=t=>t.startsWith("#")||t.startsWith(".")||t.startsWith("[")?t:`#${t}`,r=t=>{const e=t.getBoundingClientRect(),n=window.innerHeight||document.documentElement.clientHeight,o=window.innerWidth||document.documentElement.clientWidth,r=e.top>=120&&e.bottom<=n,i=e.left>=0&&e.right<=o;return r&&i},i=function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:120;return new Promise((n=>{if(r(t))return void n();const o=t.getBoundingClientRect().top+window.pageYOffset-e;let i;window.scrollTo({top:o,behavior:"smooth"});const s=()=>{clearTimeout(i),i=setTimeout((()=>{window.removeEventListener("scroll",s),setTimeout((()=>n()),100)}),100)};window.addEventListener("scroll",s,{passive:!0}),setTimeout((()=>{window.removeEventListener("scroll",s),n()}),1e3)}))};export{n as findFeatureTagElement,e as findWhatsNewButton,r as isElementInViewport,o as normalizeSelector,i as scrollToElementSmooth};

package/dist/esm/components/file-uploader/FileUploader.js

@@ -1 +1 @@
-import{jsx as e,Fragment as l,jsxs as i}from"react/jsx-runtime";import{useState as o}from"react";import{Button as t}from"../button/Button.js";import{Curtain as a}from"../curtain/Curtain.js";import{CURTAIN_TYPES as d,CURTAIN_MODE as r}from"../curtain/CurtainHelper.js";import{FileUploaderStyle as s,FileUploadedStyle as n}from"./FileUploaderStyle.js";import{Input as c}from"../input/Input.js";import{ProgressBarComponent as p}from"../progress-bar/ProgressBarComponent.js";import{Tooltip as h}from"../tooltips/Tooltip.js";import{TitleMedium as m,BodySecondary as f,BodyCaption as u,ButtonLarge as v}from"../TypographyStyle.js";import{COLORS as _}from"../../constants/Theme.js";import y from"../../assets/icons/check.svg.js";import U from"../../assets/icons/file.svg.js";import g from"../../assets/icons/filePdf.svg.js";import b from"../../assets/icons/image.svg.js";import w from"../../assets/icons/triangle_error.svg.js";import N from"../../assets/icons/upload.svg.js";import I from"../../assets/icons/videoRecorder.svg.js";const E=E=>{var j,C;const[T,L]=o(""),[M,x]=o(""),[P,D]=o(null),[S,$]=o(!1),[z,G]=o(),[R,k]=o((null===(j=E.fileUploadRules.allowedFormats.split(",").map(e=>{var l,i;return null===(i=null===(l=null==e?void 0:e.split("/"))||void 0===l?void 0:l.at(-1))||void 0===i?void 0:i.toUpperCase()}))||void 0===j?void 0:j.join("/"))||"FILE"),O=e=>{const l=e.split(".").pop();if(null==E?void 0:E.fileName)return`${E.fileName}.${l}`;const i=new Date;return e.split(".")[0]+"_"+i.getTime().toString()+"."+l},V=e=>{if(!e)return"0 Bytes";const l=Math.floor(Math.log(e)/Math.log(1024));return`${parseFloat((e/Math.pow(1024,l)).toFixed(2))} ${["Bytes","KB","MB"][l]}`},A=e=>{var l;L("");const i=null===(l=null==e?void 0:e.files)||void 0===l?void 0:l[0],o=(e=>{if(!e)return"Please upload an file before saving!";const l=E.fileUploadRules.allowedSize[e.type.toLowerCase()];return l?e.size>l?`Max file size that can be added is ${V(l)}`:"":"Uploaded file type is not supported!"})(i);L(o),o?E.onError(o):(D(i),B(i),$(!0))},B=e=>{var l,i;if(!T){const o=O(e.name),t=(null===(l=o.split(".").at(-1))||void 0===l?void 0:l.toUpperCase())||"FILE";k(t),null===(i=E.uploadFile)||void 0===i||i.call(E,e,o).then(l=>{const i=((e,l,i)=>{const o=new Date;return{fileId:o.getTime().toString(),fileName:i,fileSize:V(e.size),fileType:e.type,fileUrl:l,uploadType:"FileUpload",uploadDate:o}})(e,l,o);$(!1),G(i)}).catch(e=>{const l=(null==e?void 0:e.message)||"Unknown technical error occured while uploading file!";E.onError(l)})}},W=e=>{var l;e&&((e=>{try{return new URL(e),!0}catch(e){return!1}})(e)?null===(l=E.getFileMetaFromUrl)||void 0===l||l.call(E,e).then(l=>{var i,o;if(l&&l.type&&(null===(i=l.type.split("/").at(-1))||void 0===i?void 0:i.toLowerCase())===R.toLowerCase()){const i=E.fileUploadRules.allowedSize[l.type.toLowerCase()];if(i)if(l.size>i)x(`Max file size that can be added is ${V(i)}`);else{const i=(null===(o=l.type.split("/").at(-1))||void 0===o?void 0:o.toUpperCase())||"FILE";k(i);const t=O(`file.${i.toLowerCase()}`),a=new Date;G({fileId:a.getTime().toString(),fileName:t,fileSize:V(l.size),fileType:l.type,fileUrl:e,uploadType:"URL",uploadDate:a}),D(null)}else x("Uploaded file type is not supported!")}else x(`Please enter a valid ${R.toLowerCase()} URL`)},e=>{var l;return x(null!==(l=null==e?void 0:e.message)&&void 0!==l?l:"Please enter a valid image URL")}):x(`Please enter a valid ${R.toLowerCase()} URL`))},H=(l,i,o)=>"IMAGE"===F[R]?e(b,{color:l,height:i,width:o}):"VIDEO"===F[R]?e(I,{color:l,height:i,width:o}):"PDF"===F[R]?e(g,{color:l,height:i,width:o}):e(U,{color:l,height:i,width:o});return e(l,{children:z&&(null===(C=Object.keys(z))||void 0===C?void 0:C.length)?i(n,{className:"fileUploaded",children:[i("div",{className:"fileUploaded__header",children:[e("div",{className:"fileUploaded__header__icon",children:e(y,{color:_.content.primaryInverse,height:46,width:40})}),e("div",{className:"fileUploaded__header__title",children:i(m,{children:[R," uploaded successfully"]})})]}),i("div",{className:"fileUploaded__body",children:[i("div",{className:"fileUploaded__body__file-detail",children:[e("div",{className:"fileUploaded__body__file-detail__icon",children:H(_.content.secondary,22,18)}),e("div",{className:"fileUploaded__body__file-detail__name",children:e(f,{style:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},children:null==z?void 0:z.fileName})}),e("div",{className:"fileUploaded__body__file-detail__size",children:null==z?void 0:z.fileSize})]}),i("div",{className:"fileUploaded__body__buttons",children:[e("div",{className:"fileUploaded__body__buttons__edit",children:e(t,{buttonText:"Edit",buttonType:"secondary",matchParentWidth:!0,onClick:()=>{var e;G({}),null===(e=E.fileUploadRules.allowedFormats.split(",").map(e=>{var l,i;return null===(i=null===(l=null==e?void 0:e.split("/"))||void 0===l?void 0:l.at(-1))||void 0===i?void 0:i.toUpperCase()}))||void 0===e||e.join("/")}})}),e("div",{className:"fileUploaded__body__buttons__done",children:e(t,{buttonText:"Done",buttonType:"primary",matchParentWidth:!0,onClick:()=>E.onSuccess(P,z)})})]})]})]}):i(s,{showProgressBar:S,children:[i("div",{className:"fileUploader",children:[i("div",{className:"fileUploader__header",children:[e("div",{className:"fileUploader__header__icon",children:H(_.content.secondary,36,30)}),e(h,{body:R,placement:"top",children:e("div",{className:"fileUploader__header__title",children:e(m,{style:{display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:S?"Document upload in progress":`Upload ${R}`})})}),e("div",{className:"fileUploader__header__caption",children:e(f,{style:{color:_.content.secondary},children:S?`Your ${R} is getting loaded. This may take a couple of minutes.`:`${R.includes("/")?"Files":R+" format"} • Max ${V(Math.max(...Object.values(E.fileUploadRules.allowedSize)))}`})})]}),e("div",{className:"fileUploader__body",children:i(l,S?{children:[e("div",{className:"fileUploader__body__progress-bar",children:e(p,{completed:E.uploadProgress,isAnimated:!0})}),e("div",{className:"fileUploader__body__cancel-button",children:e(t,{buttonType:"tertiaryGray",buttonText:"cancel",onClick:()=>{$(!1),D(null),G({})}})})]}:{children:[e("div",{className:"fileUploader__body__link",children:e(c,{type:"text",onChangeText:()=>x(""),placeholder:`Enter URL of the ${R.includes("/")?"file":R.toLowerCase()}`,width:"100%",height:"48px",labelText:`${R.includes("/")?"File":R} link`,errorMessage:M,onBlur:e=>W(e.target.value)})}),i("div",{className:"fileUploader__body__divider",children:[e("div",{className:"left"}),e("div",{className:"title",children:e(u,{style:{color:_.content.secondary},children:"Or upload from device"})}),e("div",{className:"right"})]}),i("div",{className:"fileUploader__body__upload",children:[e("label",{htmlFor:"file-upload-button",className:"file-upload-label",children:i("div",{className:"file-uploader",children:[e("div",{children:e(N,{height:18,width:18})}),e("div",{children:e(v,{style:{color:_.content.brand},children:"Upload"})})]})}),e("input",{id:"file-upload-button",type:"file",accept:E.fileUploadRules.allowedFormats,style:{opacity:0,position:"absolute",zIndex:-1},onChange:e=>A(e.target)})]})]})})]}),T&&e("div",{className:"fileUploadError",children:e(a,{type:d.NEGATIVE,mode:r.LIGHT,text:T,hideCrossIcon:!0,icon:()=>e(w,{height:16,width:19,color:_.content.negative})})})]})})},F={PDF:"PDF",JPG:"IMAGE",JPEG:"IMAGE",PNG:"IMAGE",GIF:"IMAGE",SVG:"IMAGE",MP4:"VIDEO",MKV:"VIDEO",AVI:"VIDEO",WMV:"VIDEO",FILE:"FILE"};export{E as FileUploader};
+import{jsx as e,Fragment as l,jsxs as i}from"react/jsx-runtime";import{useState as o}from"react";import{Button as t}from"../button/Button.js";import{Curtain as a}from"../curtain/Curtain.js";import{CURTAIN_TYPES as d,CURTAIN_MODE as r}from"../curtain/CurtainHelper.js";import{FileUploaderStyle as s,FileUploadedStyle as n}from"./FileUploaderStyle.js";import{Input as c}from"../input/Input.js";import{ProgressBarComponent as p}from"../progress-bar/ProgressBarComponent.js";import{Tooltip as h}from"../tooltips/Tooltip.js";import{TitleMedium as m,BodySecondary as f,BodyCaption as u,ButtonLarge as v}from"../TypographyStyle.js";import{COLORS as _}from"../../constants/Theme.js";import y from"../../assets/icons/check.svg.js";import U from"../../assets/icons/file.svg.js";import g from"../../assets/icons/filePdf.svg.js";import b from"../../assets/icons/image.svg.js";import w from"../../assets/icons/triangle_error.svg.js";import N from"../../assets/icons/upload.svg.js";import I from"../../assets/icons/videoRecorder.svg.js";const E=E=>{var j,C;const[T,L]=o(""),[M,x]=o(""),[P,D]=o(null),[S,$]=o(!1),[z,G]=o(),[R,k]=o((null===(j=E.fileUploadRules.allowedFormats.split(",").map((e=>{var l,i;return null===(i=null===(l=null==e?void 0:e.split("/"))||void 0===l?void 0:l.at(-1))||void 0===i?void 0:i.toUpperCase()})))||void 0===j?void 0:j.join("/"))||"FILE"),O=e=>{const l=e.split(".").pop();if(null==E?void 0:E.fileName)return`${E.fileName}.${l}`;const i=new Date;return e.split(".")[0]+"_"+i.getTime().toString()+"."+l},V=e=>{if(!e)return"0 Bytes";const l=Math.floor(Math.log(e)/Math.log(1024));return`${parseFloat((e/Math.pow(1024,l)).toFixed(2))} ${["Bytes","KB","MB"][l]}`},A=e=>{var l;L("");const i=null===(l=null==e?void 0:e.files)||void 0===l?void 0:l[0],o=(e=>{if(!e)return"Please upload an file before saving!";const l=E.fileUploadRules.allowedSize[e.type.toLowerCase()];return l?e.size>l?`Max file size that can be added is ${V(l)}`:"":"Uploaded file type is not supported!"})(i);L(o),o?E.onError(o):(D(i),B(i),$(!0))},B=e=>{var l,i;if(!T){const o=O(e.name),t=(null===(l=o.split(".").at(-1))||void 0===l?void 0:l.toUpperCase())||"FILE";k(t),null===(i=E.uploadFile)||void 0===i||i.call(E,e,o).then((l=>{const i=((e,l,i)=>{const o=new Date;return{fileId:o.getTime().toString(),fileName:i,fileSize:V(e.size),fileType:e.type,fileUrl:l,uploadType:"FileUpload",uploadDate:o}})(e,l,o);$(!1),G(i)})).catch((e=>{const l=(null==e?void 0:e.message)||"Unknown technical error occured while uploading file!";E.onError(l)}))}},W=e=>{var l;e&&((e=>{try{return new URL(e),!0}catch(e){return!1}})(e)?null===(l=E.getFileMetaFromUrl)||void 0===l||l.call(E,e).then((l=>{var i,o;if(l&&l.type&&(null===(i=l.type.split("/").at(-1))||void 0===i?void 0:i.toLowerCase())===R.toLowerCase()){const i=E.fileUploadRules.allowedSize[l.type.toLowerCase()];if(i)if(l.size>i)x(`Max file size that can be added is ${V(i)}`);else{const i=(null===(o=l.type.split("/").at(-1))||void 0===o?void 0:o.toUpperCase())||"FILE";k(i);const t=O(`file.${i.toLowerCase()}`),a=new Date;G({fileId:a.getTime().toString(),fileName:t,fileSize:V(l.size),fileType:l.type,fileUrl:e,uploadType:"URL",uploadDate:a}),D(null)}else x("Uploaded file type is not supported!")}else x(`Please enter a valid ${R.toLowerCase()} URL`)}),(e=>{var l;return x(null!==(l=null==e?void 0:e.message)&&void 0!==l?l:"Please enter a valid image URL")})):x(`Please enter a valid ${R.toLowerCase()} URL`))},H=(l,i,o)=>"IMAGE"===F[R]?e(b,{color:l,height:i,width:o}):"VIDEO"===F[R]?e(I,{color:l,height:i,width:o}):"PDF"===F[R]?e(g,{color:l,height:i,width:o}):e(U,{color:l,height:i,width:o});return e(l,{children:z&&(null===(C=Object.keys(z))||void 0===C?void 0:C.length)?i(n,{className:"fileUploaded",children:[i("div",{className:"fileUploaded__header",children:[e("div",{className:"fileUploaded__header__icon",children:e(y,{color:_.content.primaryInverse,height:46,width:40})}),e("div",{className:"fileUploaded__header__title",children:i(m,{children:[R," uploaded successfully"]})})]}),i("div",{className:"fileUploaded__body",children:[i("div",{className:"fileUploaded__body__file-detail",children:[e("div",{className:"fileUploaded__body__file-detail__icon",children:H(_.content.secondary,22,18)}),e("div",{className:"fileUploaded__body__file-detail__name",children:e(f,{style:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},children:null==z?void 0:z.fileName})}),e("div",{className:"fileUploaded__body__file-detail__size",children:null==z?void 0:z.fileSize})]}),i("div",{className:"fileUploaded__body__buttons",children:[e("div",{className:"fileUploaded__body__buttons__edit",children:e(t,{buttonText:"Edit",buttonType:"secondary",matchParentWidth:!0,onClick:()=>{var e;G({}),null===(e=E.fileUploadRules.allowedFormats.split(",").map((e=>{var l,i;return null===(i=null===(l=null==e?void 0:e.split("/"))||void 0===l?void 0:l.at(-1))||void 0===i?void 0:i.toUpperCase()})))||void 0===e||e.join("/")}})}),e("div",{className:"fileUploaded__body__buttons__done",children:e(t,{buttonText:"Done",buttonType:"primary",matchParentWidth:!0,onClick:()=>E.onSuccess(P,z)})})]})]})]}):i(s,{showProgressBar:S,children:[i("div",{className:"fileUploader",children:[i("div",{className:"fileUploader__header",children:[e("div",{className:"fileUploader__header__icon",children:H(_.content.secondary,36,30)}),e(h,{body:R,placement:"top",children:e("div",{className:"fileUploader__header__title",children:e(m,{style:{display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:S?"Document upload in progress":`Upload ${R}`})})}),e("div",{className:"fileUploader__header__caption",children:e(f,{style:{color:_.content.secondary},children:S?`Your ${R} is getting loaded. This may take a couple of minutes.`:`${R.includes("/")?"Files":R+" format"} • Max ${V(Math.max(...Object.values(E.fileUploadRules.allowedSize)))}`})})]}),e("div",{className:"fileUploader__body",children:i(l,S?{children:[e("div",{className:"fileUploader__body__progress-bar",children:e(p,{completed:E.uploadProgress,isAnimated:!0})}),e("div",{className:"fileUploader__body__cancel-button",children:e(t,{buttonType:"tertiaryGray",buttonText:"cancel",onClick:()=>{$(!1),D(null),G({})}})})]}:{children:[e("div",{className:"fileUploader__body__link",children:e(c,{type:"text",onChangeText:()=>x(""),placeholder:`Enter URL of the ${R.includes("/")?"file":R.toLowerCase()}`,width:"100%",height:"48px",labelText:`${R.includes("/")?"File":R} link`,errorMessage:M,onBlur:e=>W(e.target.value)})}),i("div",{className:"fileUploader__body__divider",children:[e("div",{className:"left"}),e("div",{className:"title",children:e(u,{style:{color:_.content.secondary},children:"Or upload from device"})}),e("div",{className:"right"})]}),i("div",{className:"fileUploader__body__upload",children:[e("label",{htmlFor:"file-upload-button",className:"file-upload-label",children:i("div",{className:"file-uploader",children:[e("div",{children:e(N,{height:18,width:18})}),e("div",{children:e(v,{style:{color:_.content.brand},children:"Upload"})})]})}),e("input",{id:"file-upload-button",type:"file",accept:E.fileUploadRules.allowedFormats,style:{opacity:0,position:"absolute",zIndex:-1},onChange:e=>A(e.target)})]})]})})]}),T&&e("div",{className:"fileUploadError",children:e(a,{type:d.NEGATIVE,mode:r.LIGHT,text:T,hideCrossIcon:!0,icon:()=>e(w,{height:16,width:19,color:_.content.negative})})})]})})},F={PDF:"PDF",JPG:"IMAGE",JPEG:"IMAGE",PNG:"IMAGE",GIF:"IMAGE",SVG:"IMAGE",MP4:"VIDEO",MKV:"VIDEO",AVI:"VIDEO",WMV:"VIDEO",FILE:"FILE"};export{E as FileUploader};

package/dist/esm/components/floater/floater.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{useRef as e,useState as f,useEffect as n}from"react";const i=i=>{const o=e(null),[r,l]=f(0),[s,d]=f(0),[u,c]=f(!1);return n(()=>{if(i.refElement.current){const t=i.refElement.current.getBoundingClientRect();(t=>{if(i.useDefaultOffsets)return void d(t.left);let e=0;e=i.leftOffset?t.left+i.leftOffset:t.left+t.width+30;const f=null==o?void 0:o.current;f?(e>window.innerWidth-f.offsetWidth&&(e=window.innerWidth-f.offsetWidth-50),d(e)):d(e)})(t),(t=>{if(i.useDefaultOffsets)return void l(t.top);let e=t.top;i.topOffset&&(e=t.top+i.topOffset);const f=null==o?void 0:o.current;if(!f)return void l(e);const n=window.innerHeight;t.top+f.offsetHeight>n&&(e=t.top-(t.top+f.offsetHeight-n)-10),l(e)})(t),c(!0)}}),u?t("div",{style:{top:r,left:s,position:"fixed",zIndex:1e3},children:t("div",{ref:o,children:i.children})}):null};export{i as Floater};
+import{jsx as t}from"react/jsx-runtime";import{useRef as e,useState as f,useEffect as n}from"react";const i=i=>{const o=e(null),[r,l]=f(0),[s,d]=f(0),[u,c]=f(!1);return n((()=>{if(i.refElement.current){const t=i.refElement.current.getBoundingClientRect();(t=>{if(i.useDefaultOffsets)return void d(t.left);let e=0;e=i.leftOffset?t.left+i.leftOffset:t.left+t.width+30;const f=null==o?void 0:o.current;f?(e>window.innerWidth-f.offsetWidth&&(e=window.innerWidth-f.offsetWidth-50),d(e)):d(e)})(t),(t=>{if(i.useDefaultOffsets)return void l(t.top);let e=t.top;i.topOffset&&(e=t.top+i.topOffset);const f=null==o?void 0:o.current;if(!f)return void l(e);const n=window.innerHeight;t.top+f.offsetHeight>n&&(e=t.top-(t.top+f.offsetHeight-n)-10),l(e)})(t),c(!0)}})),u?t("div",{style:{top:r,left:s,position:"fixed",zIndex:1e3},children:t("div",{ref:o,children:i.children})}):null};export{i as Floater};

package/dist/esm/{src/components → components}/floating-action-button/FloatingActionButton.styles.d.ts

@@ -38,16 +38,16 @@ export declare const StyledDropdown: import("styled-components/dist/types").ISty
     width?: string;
     height?: string;
 }>> & string & Omit<import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap").DropdownProps> & {
-    Toggle: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"button", import("react-bootstrap").DropdownToggleProps>;
-    Menu: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap").DropdownMenuProps>;
-    Item: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"a", import("react-bootstrap").DropdownItemProps>;
-    ItemText: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"span", import("react-bootstrap").DropdownItemTextProps>;
-    Divider: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"hr", import("react-bootstrap").DropdownDividerProps>;
-    Header: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap").DropdownHeaderProps>;
+    Toggle: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"button", import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps>;
+    Menu: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap/esm/DropdownMenu").DropdownMenuProps>;
+    Item: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<import("@restart/ui/esm/types").DynamicRefForwardingComponent<React.ForwardRefExoticComponent<import("@restart/ui/esm/Button").ButtonProps & React.RefAttributes<HTMLElement>>, import("@restart/ui/esm/DropdownItem").DropdownItemProps>, import("react-bootstrap/esm/DropdownItem").DropdownItemProps>;
+    ItemText: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"span", unknown>;
+    Divider: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"hr", unknown>;
+    Header: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", unknown>;
 }, keyof import("react").Component<any, {}, any>>;
-export declare const DropdownToggleContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react-bootstrap/esm/helpers").Omit<any, import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import("react-bootstrap").DropdownToggleProps> & import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import("react-bootstrap").DropdownToggleProps & {
+export declare const DropdownToggleContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react-bootstrap/esm/helpers").Omit<any, import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps> & import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps & {
     children?: import("react").ReactNode | undefined;
-}, never>> & string & Omit<import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"button", import("react-bootstrap").DropdownToggleProps>, keyof import("react").Component<any, {}, any>>;
+}, never>> & string & Omit<import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"button", import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps>, keyof import("react").Component<any, {}, any>>;
 export declare const TooltipStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     tooltipWidth?: number;
 }>> & string;

package/dist/esm/components/floating-input-dropdown/FloatingInputDropdown.js

@@ -1,5 +1,5 @@
 import{jsxs as e,Fragment as o,jsx as n}from"react/jsx-runtime";import{useRef as t,useState as i,useEffect as r}from"react";import{usePopper as l}from"react-popper";import s from"styled-components";import{DropShadow as p}from"../dropShadow/DropShadow.js";import{OpenDropdownContainer as d}from"../dropdown/Common.styled.js";import{OpenedDropdown as c}from"../dropdown/OpenedDropdown/components/OpennedDropdown.js";import{Floater as a}from"../floater/floater.js";import{Input as m}from"../input/Input.js";const u=s(d)`
-	opacity: ${({visible:e})=>e?1:0};
-	visibility: ${({visible:e})=>e?"visible":"hidden"};
+	opacity: ${e=>{let{visible:o}=e;return o?1:0}};
+	visibility: ${e=>{let{visible:o}=e;return o?"visible":"hidden"}};
 	transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
-`,f=({inputProps:s,dropdownProps:d,floaterProps:f,children:v,isVisible:b,onDropdownOptionClick:h,onChangeText:w})=>{const y=t(null),g=t(null),[j,O]=i(!1),[C,S]=i(null),[D,x]=i(null),[k,z]=i(!1),{styles:P,attributes:R,update:T,forceUpdate:I}=l(D,C,{placement:d.placement,strategy:d.strategy,modifiers:[{name:"offset",options:{offset:[0,0]}},{name:"preventOverflow",options:{padding:{top:0,bottom:10,left:0,right:0}}},{name:"flip",options:{fallbackPlacements:["bottom","top"]}}]});r(()=>{if(!j){const e=setTimeout(()=>z(!1),200);return()=>clearTimeout(e)}z(!0),T&&T()},[j,T]),r(()=>{if(y.current){const e=new ResizeObserver(()=>{T&&T()});return e.observe(y.current),()=>{e.disconnect()}}},[y.current,T]);return e(o,{children:[b&&e(a,Object.assign({},f,{refElement:g,children:[n("div",{style:{position:"relative"},ref:x,children:n(p,{level:"z2",position:"down",style:{borderRadius:8},children:n(m,Object.assign({},s,{onClick:()=>{var e;null===(e=d.onDropdownOpen)||void 0===e||e.call(d),j?O(!1):d.disabled||O(!0),null==I||I()},ref:y,onChangeText:(e,o)=>{null==w||w(e,o),T&&T()}}))})}),n(u,Object.assign({ref:S,style:Object.assign(Object.assign({},P.popper),{zIndex:3})},R.popper,{visible:j||k,children:n(p,{level:"z2",position:"down",style:{borderRadius:8},children:n(c,Object.assign({},d,{onSelect:e=>{var o;"2.0"===d.version&&d.isMultiSelect||(null===(o=d.onSelect)||void 0===o||o.call(d,e),O(!1))},onClose:e=>{var o,n;"2.0"===d.version&&d.isMultiSelect&&e&&(null===(o=d.onSelect)||void 0===o||o.call(d,[...e])),O(!1),null===(n=null==d?void 0:d.onClose)||void 0===n||n.call(d)},version:d.version,headerRef:y,onDropdownItemClick:e=>{null==h||h(e)}}))})}))]})),n("div",{ref:g,children:v&&n("div",{children:v})})]})};export{f as FloatingInputDropdown};
+`,f=s=>{let{inputProps:d,dropdownProps:f,floaterProps:v,children:b,isVisible:h,onDropdownOptionClick:w,onChangeText:y}=s;const g=t(null),j=t(null),[O,C]=i(!1),[S,D]=i(null),[x,k]=i(null),[z,P]=i(!1),{styles:R,attributes:T,update:I,forceUpdate:M}=l(x,S,{placement:f.placement,strategy:f.strategy,modifiers:[{name:"offset",options:{offset:[0,0]}},{name:"preventOverflow",options:{padding:{top:0,bottom:10,left:0,right:0}}},{name:"flip",options:{fallbackPlacements:["bottom","top"]}}]});r((()=>{if(!O){const e=setTimeout((()=>P(!1)),200);return()=>clearTimeout(e)}P(!0),I&&I()}),[O,I]),r((()=>{if(g.current){const e=new ResizeObserver((()=>{I&&I()}));return e.observe(g.current),()=>{e.disconnect()}}}),[g.current,I]);return e(o,{children:[h&&e(a,Object.assign({},v,{refElement:j,children:[n("div",{style:{position:"relative"},ref:k,children:n(p,{level:"z2",position:"down",style:{borderRadius:8},children:n(m,Object.assign({},d,{onClick:()=>{var e;null===(e=f.onDropdownOpen)||void 0===e||e.call(f),O?C(!1):f.disabled||C(!0),null==M||M()},ref:g,onChangeText:(e,o)=>{null==y||y(e,o),I&&I()}}))})}),n(u,Object.assign({ref:D,style:Object.assign(Object.assign({},R.popper),{zIndex:3})},T.popper,{visible:O||z,children:n(p,{level:"z2",position:"down",style:{borderRadius:8},children:n(c,Object.assign({},f,{onSelect:e=>{var o;"2.0"===f.version&&f.isMultiSelect||(null===(o=f.onSelect)||void 0===o||o.call(f,e),C(!1))},onClose:e=>{var o,n;"2.0"===f.version&&f.isMultiSelect&&e&&(null===(o=f.onSelect)||void 0===o||o.call(f,[...e])),C(!1),null===(n=null==f?void 0:f.onClose)||void 0===n||n.call(f)},version:f.version,headerRef:g,onDropdownItemClick:e=>{null==w||w(e)}}))})}))]})),n("div",{ref:j,children:b&&n("div",{children:b})})]})};export{f as FloatingInputDropdown};

package/dist/esm/components/icon-button/IconButton.js

@@ -1 +1 @@
-import{__rest as t}from"../../_virtual/_tslib.js";import{jsx as e}from"react/jsx-runtime";import o,{forwardRef as i}from"react";import{Tooltip as l}from"../tooltips/Tooltip.js";import{IconButton as r}from"./IconButton.styled.js";import{getIconColor as d}from"./theme.js";const s=i((i,s)=>{var{id:n,iconButtonType:c="default",Icon:a,height:p=20,width:m=20,bordered:y,disabled:b,isSelected:h,style:u,svgStyle:f,iconColor:g,disabledTooltip:j}=i,B=t(i,["id","iconButtonType","Icon","height","width","bordered","disabled","isSelected","style","svgStyle","iconColor","disabledTooltip"]);const T=d(c,b,h),I=e(r,Object.assign({id:n,ref:s,style:u,iconButtonType:c,bordered:y,disabled:b,isSelected:h},B,{children:o.createElement(a,{height:p,width:m,color:g||T,style:Object.assign({display:"block"},null!=f?f:{})})}));return b&&j?e(l,{body:j,children:e("span",{style:{display:"inline-block",cursor:"not-allowed"},children:I})}):I});s.displayName="IconButton";export{s as IconButton};
+import{__rest as t}from"../../_virtual/_tslib.js";import{jsx as e}from"react/jsx-runtime";import o,{forwardRef as i}from"react";import{Tooltip as l}from"../tooltips/Tooltip.js";import{IconButton as r}from"./IconButton.styled.js";import{getIconColor as d}from"./theme.js";const s=i(((i,s)=>{var{id:n,iconButtonType:c="default",Icon:a,height:p=20,width:m=20,bordered:y,disabled:b,isSelected:h,style:u,svgStyle:f,iconColor:g,disabledTooltip:j}=i,B=t(i,["id","iconButtonType","Icon","height","width","bordered","disabled","isSelected","style","svgStyle","iconColor","disabledTooltip"]);const T=d(c,b,h),I=e(r,Object.assign({id:n,ref:s,style:u,iconButtonType:c,bordered:y,disabled:b,isSelected:h},B,{children:o.createElement(a,{height:p,width:m,color:g||T,style:Object.assign({display:"block"},null!=f?f:{})})}));return b&&j?e(l,{body:j,children:e("span",{style:{display:"inline-block",cursor:"not-allowed"},children:I})}):I}));s.displayName="IconButton";export{s as IconButton};

package/dist/esm/components/icon-button/IconButton.styled.js

@@ -1,3 +1,3 @@
 import t from"styled-components";import{COLORS as n}from"../../constants/Theme.js";import{generateBackgroundColor as o}from"./theme.js";const r=t.button`
-	${t=>`\n\tall: unset;\n\tcursor: pointer;\n\tpadding: 6px;\n\tborder-radius: 4px;\n\tflex-wrap: wrap;\n\t${t.bordered&&"ai"!==t.iconButtonType?`border: 1px solid ${n.stroke.primary};`:""}\n\t${t.isSelected?`\n\t\t\tbackground: ${o(t.iconButtonType)};\n\t\t\t\t`:"\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: rgba(0, 0, 0, 0.03);\n\t\t\t\t}\n\t\t\t"}\n\t${t.disabled&&"\n\t\t\tcursor: not-allowed !important;\n\t\t\tbackground-color: rgba(0, 0, 0, 0.03);\n\t\t"}\n\n\t`}
+	${t=>`\n\tall: unset;\n\tcursor: pointer;\n\tpadding: 6px;\n\tborder-radius: 4px;\n\tflex-wrap: wrap;\n\t${t.bordered&&"ai"!==t.iconButtonType?`border: 1px solid ${n.stroke.primary};`:""}\n\t${t.isSelected?`\n\t\t\tbackground: ${o(t.iconButtonType)};\n\t\t\t\t`:"\n\t\t\t\t:hover {\n\t\t\t\t\tbackground-color: rgba(0, 0, 0, 0.03);\n\t\t\t\t}\n\t\t\t"}\n\t${t.disabled&&"\n\t\t\tcursor: not-allowed !important;\n\t\t\tbackground-color: rgba(0, 0, 0, 0.03);\n\t\t"}\n\n\t`}
 `;export{r as IconButton};

package/dist/esm/components/image-compress/ImageCompress.js

@@ -1 +1 @@
-import{__awaiter as e}from"../../_virtual/_tslib.js";import r from"browser-image-compression";class t{}Object.defineProperty(t,"base64ToImage",{enumerable:!0,configurable:!0,writable:!0,value:e=>{const r=atob(e.split(",")[1]),t=e.split(",")[0].split(":")[1].split(";")[0],i=new ArrayBuffer(r.length),o=new Uint8Array(i);for(let e=0;e<r.length;e++)o[e]=r.charCodeAt(e);const l=new Blob([i],{type:t});return new File([l],"image",{type:t})}}),Object.defineProperty(t,"compressImage",{enumerable:!0,configurable:!0,writable:!0,value:(t,i)=>e(void 0,void 0,void 0,function*(){let e=t,o="";const l=i?i.maxSizeMB:t.size/1024/1024*.8;try{const i={maxSizeMB:l,maxWidthOrHeight:1920,useWebWorker:!0};t.size/1024/1024>.1&&(e=yield r(t,i)),o=yield r.getDataUrlFromFile(e)}catch(e){console.error(e)}return{base64:o,compressedFile:e}})});export{t as ImageService};
+import{__awaiter as e}from"../../_virtual/_tslib.js";import r from"browser-image-compression";class t{}Object.defineProperty(t,"base64ToImage",{enumerable:!0,configurable:!0,writable:!0,value:e=>{const r=atob(e.split(",")[1]),t=e.split(",")[0].split(":")[1].split(";")[0],i=new ArrayBuffer(r.length),o=new Uint8Array(i);for(let e=0;e<r.length;e++)o[e]=r.charCodeAt(e);const l=new Blob([i],{type:t});return new File([l],"image",{type:t})}}),Object.defineProperty(t,"compressImage",{enumerable:!0,configurable:!0,writable:!0,value:(t,i)=>e(void 0,void 0,void 0,(function*(){let e=t,o="";const l=i?i.maxSizeMB:t.size/1024/1024*.8;try{const i={maxSizeMB:l,maxWidthOrHeight:1920,useWebWorker:!0};t.size/1024/1024>.1&&(e=yield r(t,i)),o=yield r.getDataUrlFromFile(e)}catch(e){console.error(e)}return{base64:o,compressedFile:e}}))});export{t as ImageService};

package/dist/esm/components/image-cropper/BikImageCropper.js

@@ -1 +1 @@
-import{__awaiter as t}from"../../_virtual/_tslib.js";import{jsx as e}from"react/jsx-runtime";import{useState as i}from"react";import o from"react-image-crop";import{StyledModal as r}from"../modals/styledModal.js";const n=n=>{const[a,d]=i(!1),[l,c]=i(void 0),[h,s]=i({width:0,height:0}),[g,m]=i(!1),p=(e,i,o,r)=>t(void 0,void 0,void 0,function*(){const t=document.createElement("canvas");t.width=i.width,t.height=i.height;const n=t.getContext("2d");if(!n)throw new Error("Failed to get 2D context of canvas.");n.drawImage(e,i.x*o,i.y*r,i.width*o,i.height*r,0,0,i.width,i.height);try{return t.toDataURL("image/png")}catch(t){throw new Error("Failed to create blob for cropped image.")}});return e(r,{open:!0,onClose:n.onCancel,centralContainerStyles:{width:700,maxHeight:700},headingTitle:"Crop Image",primaryButton:{buttonText:"Save",isLoading:g,onClick:()=>{var e;e=l,t(void 0,void 0,void 0,function*(){var t,i;if(m(!0),n.src&&(null==e?void 0:e.width)&&(null==e?void 0:e.height)){const i=new Image;i.src=n.src;const o=i.naturalWidth/h.width,r=i.naturalHeight/h.height,d=yield p(i,e,o,r);yield null===(t=null==n?void 0:n.onCropComplete)||void 0===t?void 0:t.call(n,d,a)}else yield null===(i=null==n?void 0:n.onCropComplete)||void 0===i?void 0:i.call(n,n.src,a);m(!1)})}},children:e("div",{style:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},children:e("div",{children:e(o,{crop:l,onChange:t=>{c(t)},circularCrop:!1,onDragStart:()=>{d(!0)},aspect:n.aspectRatio,children:e("img",{style:{maxWidth:700,maxHeight:550,objectFit:"contain"},src:n.src,alt:"image cropper",onLoad:t=>{const e=t.target,i=e.width;s({width:i,height:e.height})}})})})})})};export{n as BikImageCropper,n as default};
+import{__awaiter as t}from"../../_virtual/_tslib.js";import{jsx as e}from"react/jsx-runtime";import{useState as i}from"react";import o from"react-image-crop";import{StyledModal as r}from"../modals/styledModal.js";const n=n=>{const[a,d]=i(!1),[l,c]=i(void 0),[h,s]=i({width:0,height:0}),[g,m]=i(!1),p=(e,i,o,r)=>t(void 0,void 0,void 0,(function*(){const t=document.createElement("canvas");t.width=i.width,t.height=i.height;const n=t.getContext("2d");if(!n)throw new Error("Failed to get 2D context of canvas.");n.drawImage(e,i.x*o,i.y*r,i.width*o,i.height*r,0,0,i.width,i.height);try{return t.toDataURL("image/png")}catch(t){throw new Error("Failed to create blob for cropped image.")}}));return e(r,{open:!0,onClose:n.onCancel,centralContainerStyles:{width:700,maxHeight:700},headingTitle:"Crop Image",primaryButton:{buttonText:"Save",isLoading:g,onClick:()=>{var e;e=l,t(void 0,void 0,void 0,(function*(){var t,i;if(m(!0),n.src&&(null==e?void 0:e.width)&&(null==e?void 0:e.height)){const i=new Image;i.src=n.src;const o=i.naturalWidth/h.width,r=i.naturalHeight/h.height,d=yield p(i,e,o,r);yield null===(t=null==n?void 0:n.onCropComplete)||void 0===t?void 0:t.call(n,d,a)}else yield null===(i=null==n?void 0:n.onCropComplete)||void 0===i?void 0:i.call(n,n.src,a);m(!1)}))}},children:e("div",{style:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},children:e("div",{children:e(o,{crop:l,onChange:t=>{c(t)},circularCrop:!1,onDragStart:()=>{d(!0)},aspect:n.aspectRatio,children:e("img",{style:{maxWidth:700,maxHeight:550,objectFit:"contain"},src:n.src,alt:"image cropper",onLoad:t=>{const e=t.target,i=e.width;s({width:i,height:e.height})}})})})})})};export{n as BikImageCropper,n as default};

package/dist/esm/components/image-cropper/BikImagePipeline/BikImagePipeline.js

@@ -1 +1 @@
-import{jsx as o,Fragment as e,jsxs as r}from"react/jsx-runtime";import{useRef as t,useState as s,useEffect as a,useCallback as i}from"react";import{ImageService as p}from"../../image-compress/ImageCompress.js";import{StateInterface as l}from"../../states/StateComponent.js";import"../../../_virtual/_tslib.js";import{StateModalComponent as n}from"../../states-modal/StateModalComponent.js";import"../../modals/styledModal.js";import{BikImageCropper as c}from"../BikImageCropper.js";const d=({cropOptions:d,fileTitle:m,compressionOptions:u,currentImage:g,options:h,onFinish:f,onCancel:C,fileUploadOptions:w,loadingStateOptions:y})=>{const I=t(null),[b,j]=s(),[v,F]=s(g),[R,O]=s(!1);a(()=>{h.upload?(j("upload"),setTimeout(()=>{k()},500)):h.crop?j("crop"):h.compress?j("compress"):h.uploadToFirestorage?j("cloud-upload"):O(!0)},[h.upload,h.crop,h.compress,h.uploadToFirestorage]);const T=i((o,e)=>{if(!h.uploadToFirestorage)return f(o,e),void O(!0);j("cloud-upload"),w&&w.uploadFile(e,w.path).then(r=>{f(o,e,r),O(!0)}).catch(o=>{console.log("starting err process with ")})},[]),E=o=>{o||C();const e=p.base64ToImage(o);h.compress?(j("compress"),p.compressImage(e,u).then(o=>{if(!o)return O(!0),void C();T(o.base64,o.compressedFile)})):T(o,e)},k=()=>{I.current.click()};return R?o(e,{}):"cloud-upload"===b?!w||w.success?o(e,{}):w.error?o("div",{children:o(n,{states:l.ERROR,heading:"Error while uploading",subline:"Please check your image and try again",isButtonEnabled:!1,width:300,onClose:()=>{O(!0),C()}})}):o("div",{children:o(n,{headerImage:null==y?void 0:y.headerImage,states:l.LOADING,heading:`Uploading your ${m||"photo"}`,subline:`Please wait while we upload your ${m||"photo"}`,isButtonEnabled:!1,width:300})}):r(e,{children:[h.upload&&o("input",{ref:I,type:"file",accept:"image/*",style:{display:"none"},onChange:o=>{const e=o.target.files[0],r=new FileReader;r.onload=()=>{var o;F({src:r.result}),o=r.result,h.crop?j("crop"):E(o)},e&&r.readAsDataURL(e)}}),"crop"===b&&o(c,{src:v.src,onCropComplete:o=>{F({src:o}),E(o)},aspectRatio:d.aspectRatio,onCancel:C})]})};export{d as BikImagePipeline};
+import{jsx as o,Fragment as e,jsxs as r}from"react/jsx-runtime";import{useRef as t,useState as s,useEffect as a,useCallback as i}from"react";import{ImageService as l}from"../../image-compress/ImageCompress.js";import{StateInterface as p}from"../../states/StateComponent.js";import"../../../_virtual/_tslib.js";import{StateModalComponent as n}from"../../states-modal/StateModalComponent.js";import"../../modals/styledModal.js";import{BikImageCropper as c}from"../BikImageCropper.js";const d=d=>{let{cropOptions:m,fileTitle:u,compressionOptions:g,currentImage:h,options:f,onFinish:C,onCancel:w,fileUploadOptions:y,loadingStateOptions:I}=d;const b=t(null),[j,v]=s(),[F,R]=s(h),[O,T]=s(!1);a((()=>{f.upload?(v("upload"),setTimeout((()=>{B()}),500)):f.crop?v("crop"):f.compress?v("compress"):f.uploadToFirestorage?v("cloud-upload"):T(!0)}),[f.upload,f.crop,f.compress,f.uploadToFirestorage]);const E=i(((o,e)=>{if(!f.uploadToFirestorage)return C(o,e),void T(!0);v("cloud-upload"),y&&y.uploadFile(e,y.path).then((r=>{C(o,e,r),T(!0)})).catch((o=>{console.log("starting err process with ")}))}),[]),k=o=>{o||w();const e=l.base64ToImage(o);f.compress?(v("compress"),l.compressImage(e,g).then((o=>{if(!o)return T(!0),void w();E(o.base64,o.compressedFile)}))):E(o,e)},B=()=>{b.current.click()};return O?o(e,{}):"cloud-upload"===j?!y||y.success?o(e,{}):y.error?o("div",{children:o(n,{states:p.ERROR,heading:"Error while uploading",subline:"Please check your image and try again",isButtonEnabled:!1,width:300,onClose:()=>{T(!0),w()}})}):o("div",{children:o(n,{headerImage:null==I?void 0:I.headerImage,states:p.LOADING,heading:`Uploading your ${u||"photo"}`,subline:`Please wait while we upload your ${u||"photo"}`,isButtonEnabled:!1,width:300})}):r(e,{children:[f.upload&&o("input",{ref:b,type:"file",accept:"image/*",style:{display:"none"},onChange:o=>{const e=o.target.files[0],r=new FileReader;r.onload=()=>{var o;R({src:r.result}),o=r.result,f.crop?v("crop"):k(o)},e&&r.readAsDataURL(e)}}),"crop"===j&&o(c,{src:F.src,onCropComplete:o=>{R({src:o}),k(o)},aspectRatio:m.aspectRatio,onCancel:w})]})};export{d as BikImagePipeline};

package/dist/esm/{src/components → components}/input/ChipInput.d.ts

@@ -15,7 +15,6 @@ export interface ChipInputProps {
     createChipKeys?: (string | number)[];
     chipsContainerCustomStyle?: React.CSSProperties;
     nativeID?: string;
-    disableTextInput?: boolean;
 }
 declare const ChipInput: React.FC<ChipInputProps>;
 export default ChipInput;

package/dist/esm/components/input/ChipInput.js

@@ -1 +1 @@
-import{__rest as t}from"../../_virtual/_tslib.js";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useRef as o,useEffect as n,useMemo as l,useCallback as s}from"react";import{ReactTags as i}from"react-tag-autocomplete";import{COLORS as a}from"../../constants/Theme.js";import c from"../../assets/icons/cross.svg.js";import{BodySecondary as p,BodyCaption as m}from"../TypographyStyle.js";import{ChipInputContainer as d}from"./ChipInput.styled.js";const h=({onChipsChange:h,placeholder:u,chips:g,label:y,labelColor:f,hintText:b,hintTextColor:C,error:v,chipsContainerCustomStyle:x,nativeID:T,disableTextInput:j=!1})=>{const N=o(null),S=o(null);n(()=>{if(S.current){const t=S.current.querySelector("input");t&&j?(t.setAttribute("readonly","true"),t.style.caretColor="transparent"):t&&(t.removeAttribute("readonly"),t.style.caretColor="")}},[j]);const I=l(()=>[...g].map((t,e)=>({value:e,label:String(t)})),[g]),k=s(t=>{if(j)return;const e=String(t.label).trim();if(e){const t=[...g,e];h(t)}},[g,h,j]),w=s(t=>{const e=g.filter((e,r)=>r!==t);h(e)},[g,h]),A=s(o=>{var{classNames:n,tag:l}=o,s=t(o,["classNames","tag"]);const{onClick:i}=s,p=t(s,["onClick"]);return e("button",Object.assign({type:"button",className:"chip-tag"},p,{children:[r("span",{className:"chip-tag-text",children:l.label}),r("span",{className:"chip-tag-remove","aria-hidden":"true",onClick:i,children:r(c,{width:10,height:10,color:a.content.secondary})})]}))},[]);return e("div",{style:{display:"flex",flexDirection:"column",gap:8},id:T,children:[y&&r(p,{style:{color:v?a.content.negative:f||a.content.primary},children:y}),r(d,{ref:S,$error:!!v,style:x,$disableTextInput:j,children:r(i,{ref:N,selected:I,suggestions:[],onAdd:k,onDelete:w,allowNew:!0,activateFirstOption:!0,placeholderText:0===g.length?u:"",noOptionsText:"No matching options",renderTag:A})}),(!!b||!!v)&&r(m,{style:{color:v?a.content.negative:C||a.content.secondary},children:v||b})]})};export{h as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as r,useEffect as n}from"react";import o from"react-chips";import{COLORS as i}from"../../constants/Theme.js";import{BodySecondary as l,BodyCaption as c}from"../TypographyStyle.js";import{theme as a,chipTheme as p}from"./ChipInput.styled.js";const s=s=>{let{onChipsChange:h,placeholder:m,chips:d,label:u,labelColor:y,hintText:f,hintTextColor:v,error:C,inputHeight:g,createChipKeys:x,chipsContainerCustomStyle:T,nativeID:b}=s;const[j,S]=r(!1);return n((()=>{var e,t;null===(e=document.querySelector(`#${b} input`))||void 0===e||e.addEventListener("focus",(()=>{S(!0)})),null===(t=document.querySelector(`#${b} input`))||void 0===t||t.addEventListener("blur",(()=>{S(!1)}))}),[]),e("div",{style:{display:"flex",flexDirection:"column",gap:8},id:b,children:[u&&t(l,{style:{color:j?i.content.brand:C?i.content.negative:y||i.content.primary},children:u}),t(o,{value:d,theme:a(!!C,g,T,j),chipTheme:p,placeholder:0===d.length&&!!m&&!j&&m,onChange:e=>{h(e)},createChipKeys:x||","}),(!!f||!!C)&&t(c,{style:{color:C?i.content.negative:v||i.content.secondary},children:C||f})]})};export{s as default};