@bikdotai/bik-component-library 0.0.730-beta.2 → 0.0.730-beta.3

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

@@ -1 +1 @@
-import{j as e}from"../../../../../node_modules/react/jsx-runtime.js";import{useState as t}from"react";import"../../../../checkBox/index.js";import"../../../../list-item/index.js";import{BodyCaption as o}from"../../../../TypographyStyle.js";import{COLORS as r}from"../../../../../constants/Theme.js";import{FreeFormContainer as s}from"./FreeFormMenu.styled.js";import{ListItem as i}from"../../../../list-item/ListItem.js";import{CheckBox as n}from"../../../../checkBox/CheckBox.js";const m=m=>{let{searchedString:c,onSelect:l,isMultiSelect:a,version:j}=m;const[p,x]=t(!1);function d(){x(!p),l(!p)}return e.jsx(i,{version:j,onClick:e=>{e.preventDefault(),d()},listItem:{label:c,value:c},leadingIcon:a?e.jsx(n,{size:"2.0"===j?"SMALL":"DEFAULT",isChecked:p,onValueChange:d}):e.jsx(e.Fragment,{}),trailingIcon:e.jsx(s,{children:e.jsx(o,Object.assign({style:{color:r.content.secondary}},{children:"Freeform"}))})})};export{m as FreeFormMenu};
+import{j as e}from"../../../../../node_modules/react/jsx-runtime.js";import{useState as t}from"react";import{CheckBox as o}from"../../../../checkBox/CheckBox.js";import{ListItem as r}from"../../../../list-item/ListItem.js";import{BodyCaption as s}from"../../../../TypographyStyle.js";import{COLORS as n}from"../../../../../constants/Theme.js";import{FreeFormContainer as i}from"./FreeFormMenu.styled.js";const m=m=>{let{searchedString:c,onSelect:l,isMultiSelect:a,version:j}=m;const[p,f]=t(!1);function d(){f(!p),l(!p)}return e.jsx(r,{version:j,onClick:e=>{e.preventDefault(),d()},listItem:{label:c,value:c},leadingIcon:a?e.jsx(o,{size:"2.0"===j?"SMALL":"DEFAULT",isChecked:p,onValueChange:d}):e.jsx(e.Fragment,{}),trailingIcon:e.jsx(i,{children:e.jsx(s,Object.assign({style:{color:n.content.secondary}},{children:"Freeform"}))})})};export{m as FreeFormMenu};

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-function n(n,t,e){return n.map((n=>{if(n.options){const s=n.options.map((n=>!e||e(n)?Object.assign(Object.assign({},n),t):Object.assign({},n)));return Object.assign(Object.assign({},n),{options:[...s]})}return!e||e(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 e(n){if(n&&n.length)return n.map((n=>{var t;const e=n;return null!==(t=e.selectedLabel)&&void 0!==t?t:e.label})).join(", ")}function s(n){return n&&n.length?n.map((n=>{var t;const e=n;return null!==(t=e.selectedLabel)&&void 0!==t?t:e.label})):[]}export{s as getSelectedOptionsAsArray,e 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/esm/components/dropdown-button/DropdownButton.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-export{ANIMATION_EASING,ANIMATION_TIMING,ELEMENT_CHECK_CONFIG,POPUP_TRANSITION}from"./animations.js";export{BORDER_RADIUS,POPUP_DIMENSIONS,SPACING}from"./dimensions.js";export{SELECTORS,TEST_IDS}from"./selectors.js";export{Z_INDEX}from"./zIndex.js";export{LOCAL_STORAGE_KEYS,QUERY_PARAMS}from"./localStorageKeys.js";const E={DEFAULT_BUTTON_TEXT:"Explore the feature",SKIP_BUTTON:"Skip",UNDERSTOOD:"Understood",NEW_FEATURE_BADGE:"New feature",FEATURE_PREVIEW_PLACEHOLDER:"Feature Preview",NO_VIDEO_AVAILABLE:"No video available",VIDEO_MODAL_TITLE:"Product Video",NAVIGATION_PREVIOUS:"‹",NAVIGATION_NEXT:"›"};export{E as TEXT};
+export{ANIMATION_EASING,ANIMATION_TIMING,POPUP_TRANSITION}from"./animations.js";const E={DEFAULT_BUTTON_TEXT:"Explore the feature",SKIP_BUTTON:"Skip",UNDERSTOOD:"Understood",NEW_FEATURE_BADGE:"New feature",FEATURE_PREVIEW_PLACEHOLDER:"Feature Preview",NO_VIDEO_AVAILABLE:"No video available",VIDEO_MODAL_TITLE:"Product Video",NAVIGATION_PREVIOUS:"‹",NAVIGATION_NEXT:"›"};export{E as TEXT};

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

@@ -1 +1 @@
-const t={WHATS_NEW_BUTTON:'[data-testid="whats-new-button"]',MAIN_ICON_CLASS:".main-icon-class",SVG_VIEWBOX:'svg[viewBox="0 0 32 32"]',CLIPPATH_PATTERN:'clipPath[id*="clip"]',JOYRIDE_TOOLTIP:'[class*="react-joyride__tooltip"]',JOYRIDE_ARROW:'[class*="react-joyride__arrow"]',JOYRIDE_SPOTLIGHT:".react-joyride__spotlight"},_={WHATS_NEW_BUTTON:"whats-new-button",MAJOR_POPUP:"major-update-popup",MINOR_POPUP:"minor-update-popup",VIDEO_MODAL:"video-modal"};export{t as SELECTORS,_ as TEST_IDS};
+const t={WHATS_NEW_BUTTON:'[data-testid="whats-new-button"]',MAIN_ICON_CLASS:".main-icon-class",SVG_VIEWBOX:'svg[viewBox="0 0 32 32"]',CLIPPATH_PATTERN:'clipPath[id*="clip"]',JOYRIDE_TOOLTIP:'[class*="react-joyride__tooltip"]',JOYRIDE_ARROW:'[class*="react-joyride__arrow"]',JOYRIDE_SPOTLIGHT:".react-joyride__spotlight"};export{t as SELECTORS};

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

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

@@ -1 +1 @@
-import{BASE_COLORS as t}from"../../../constants/Theme.js";import"../constants/index.js";import{POPUP_TRANSITION as e}from"../constants/animations.js";import{POPUP_DIMENSIONS as n,BORDER_RADIUS as i,SPACING as o}from"../constants/dimensions.js";import{Z_INDEX as a}from"../constants/zIndex.js";const r=(r,l)=>({container:{width:`${n.MAJOR.width}px`,height:`${n.MAJOR.height}px`,display:"flex",backgroundColor:t.grayscale[900],borderRadius:i.POPUP,overflow:"hidden",position:"relative",transform:r?l:"scale(1)",opacity:r?0:1,transition:e},skipButton:{base:{position:"absolute",top:o.MAJOR.skipButtonTop,right:o.MAJOR.skipButtonRight,background:"transparent",border:"none",color:t.grayscale[400],fontSize:"14px",fontWeight:"500",cursor:"pointer",zIndex:a.SKIP_BUTTON,transition:"all 0.2s"},hover:{backgroundColor:t.grayscale[100],color:t.grayscale[700]}},imageContainer:{backgroundColor:t.grayscale[900],width:`${n.MAJOR.imageWidth}px`,height:`${n.MAJOR.imageHeight}px`,position:"relative",display:"flex",alignItems:"center",justifyContent:"center",padding:o.MAJOR.imagePadding},image:{width:`${n.MAJOR.imageInnerWidth}px`,height:`${n.MAJOR.imageInnerHeight}px`,objectFit:"cover"},imagePlaceholder:{color:t.grayscale[500],fontSize:"14px",textAlign:"center",width:`${n.MAJOR.imagePlaceholderWidth}px`,height:`${n.MAJOR.imagePlaceholderHeight}px`,display:"flex",alignItems:"center",justifyContent:"center"},contentContainer:{flex:1,display:"flex",margin:o.MAJOR.contentMargin,flexDirection:"column",justifyContent:"space-between",background:"transparent"},title:{fontSize:"16px",fontWeight:"600",padding:o.MAJOR.titlePadding,color:t.grayscale.white,lineHeight:"1.25",textAlign:"left"},content:{fontSize:"14px",lineHeight:"1.5",color:"rgba(255, 255, 255, 0.8)",textAlign:"left"},exploreButton:{base:{backgroundColor:"transparent",border:`1px solid ${t.warning[500]}`,color:t.warning[500],borderRadius:i.BUTTON,fontSize:"14px",fontWeight:"600",cursor:"pointer",width:"154px",height:"32px",transition:"all 0.2s",textAlign:"center",display:"flex",alignItems:"center",justifyContent:"center",marginTop:o.MAJOR.buttonMarginTop},hover:{backgroundColor:"rgba(254, 192, 45, 0.1)"}},navigationContainer:{position:"absolute",bottom:o.MAJOR.navigationBottom,right:o.MAJOR.navigationRight,display:"flex",gap:o.MAJOR.navigationGap,alignItems:"center"},navigationButton:e=>({base:{width:"24px",height:"24px",backgroundColor:"transparent",border:"none",color:e?t.grayscale[700]:t.grayscale.white,fontSize:"20px",cursor:e?"not-allowed":"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s"},hover:{color:t.warning[500]}})});export{r as getMajorPopupStyles};
+import{BASE_COLORS as t}from"../../../constants/Theme.js";import{POPUP_TRANSITION as e}from"../constants/animations.js";import{POPUP_DIMENSIONS as n,BORDER_RADIUS as i,SPACING as o}from"../constants/dimensions.js";import{Z_INDEX as a}from"../constants/zIndex.js";const r=(r,l)=>({container:{width:`${n.MAJOR.width}px`,height:`${n.MAJOR.height}px`,display:"flex",backgroundColor:t.grayscale[900],borderRadius:i.POPUP,overflow:"hidden",position:"relative",transform:r?l:"scale(1)",opacity:r?0:1,transition:e},skipButton:{base:{position:"absolute",top:o.MAJOR.skipButtonTop,right:o.MAJOR.skipButtonRight,background:"transparent",border:"none",color:t.grayscale[400],fontSize:"14px",fontWeight:"500",cursor:"pointer",zIndex:a.SKIP_BUTTON,transition:"all 0.2s"},hover:{backgroundColor:t.grayscale[100],color:t.grayscale[700]}},imageContainer:{backgroundColor:t.grayscale[900],width:`${n.MAJOR.imageWidth}px`,height:`${n.MAJOR.imageHeight}px`,position:"relative",display:"flex",alignItems:"center",justifyContent:"center",padding:o.MAJOR.imagePadding},image:{width:`${n.MAJOR.imageInnerWidth}px`,height:`${n.MAJOR.imageInnerHeight}px`,objectFit:"cover"},imagePlaceholder:{color:t.grayscale[500],fontSize:"14px",textAlign:"center",width:`${n.MAJOR.imagePlaceholderWidth}px`,height:`${n.MAJOR.imagePlaceholderHeight}px`,display:"flex",alignItems:"center",justifyContent:"center"},contentContainer:{flex:1,display:"flex",margin:o.MAJOR.contentMargin,flexDirection:"column",justifyContent:"space-between",background:"transparent"},title:{fontSize:"16px",fontWeight:"600",padding:o.MAJOR.titlePadding,color:t.grayscale.white,lineHeight:"1.25",textAlign:"left"},content:{fontSize:"14px",lineHeight:"1.5",color:"rgba(255, 255, 255, 0.8)",textAlign:"left"},exploreButton:{base:{backgroundColor:"transparent",border:`1px solid ${t.warning[500]}`,color:t.warning[500],borderRadius:i.BUTTON,fontSize:"14px",fontWeight:"600",cursor:"pointer",width:"154px",height:"32px",transition:"all 0.2s",textAlign:"center",display:"flex",alignItems:"center",justifyContent:"center",marginTop:o.MAJOR.buttonMarginTop},hover:{backgroundColor:"rgba(254, 192, 45, 0.1)"}},navigationContainer:{position:"absolute",bottom:o.MAJOR.navigationBottom,right:o.MAJOR.navigationRight,display:"flex",gap:o.MAJOR.navigationGap,alignItems:"center"},navigationButton:e=>({base:{width:"24px",height:"24px",backgroundColor:"transparent",border:"none",color:e?t.grayscale[700]:t.grayscale.white,fontSize:"20px",cursor:e?"not-allowed":"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s"},hover:{color:t.warning[500]}})});export{r as getMajorPopupStyles};

package/dist/esm/components/feature-announcements/styles/minorPopup.styles.js

@@ -1 +1 @@
-import{BASE_COLORS as t}from"../../../constants/Theme.js";import"../constants/index.js";import{POPUP_TRANSITION as e}from"../constants/animations.js";import{POPUP_DIMENSIONS as i,BORDER_RADIUS as o,SPACING as n}from"../constants/dimensions.js";import{Z_INDEX as a}from"../constants/zIndex.js";const r=(r,s)=>({container:{width:`${i.MINOR.width}px`,height:`${i.MINOR.height}px`,display:"flex",backgroundColor:t.grayscale.white,borderRadius:o.POPUP,overflow:"hidden",position:"relative",boxShadow:"0 20px 25px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.04)",transform:r?s:"scale(1)",opacity:r?0:1,transition:e},imageContainer:{backgroundColor:t.grayscale[50],borderRadius:o.IMAGE,position:"relative",display:"flex",alignItems:"center",justifyContent:"center",margin:n.MINOR.imageMargin,width:`${i.MINOR.imageWidth}px`,minWidth:`${i.MINOR.imageWidth}px`,maxWidth:`${i.MINOR.imageWidth}px`,height:`${i.MINOR.imageHeight}px`},imageWrapper:{position:"relative",width:`${i.MINOR.imageWidth}px`,height:`${i.MINOR.imageHeight}px`},image:{width:`${i.MINOR.imageWidth}px`,height:`${i.MINOR.imageHeight}px`,objectFit:"cover",borderRadius:o.IMAGE,display:"block"},badge:{position:"absolute",top:"0px",left:"0px",right:"0px",height:`${i.MINOR.badgeHeight}px`,backgroundColor:"rgba(0, 0, 0, 0.26)",borderRadius:`${o.IMAGE} ${o.IMAGE} ${o.IMAGE} ${o.IMAGE}`,display:"flex",alignItems:"center",justifyContent:"center",zIndex:a.IMAGE_BADGE},badgeText:{color:t.grayscale.white,fontWeight:"600",fontSize:"14px"},imagePlaceholder:{color:t.grayscale[500],fontSize:"14px",textAlign:"center",width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:t.grayscale[100],borderRadius:o.IMAGE},contentContainer:{flex:1,display:"flex",margin:n.MINOR.contentMargin,flexDirection:"column",justifyContent:"space-between",background:"transparent"},title:{fontSize:"16px",fontWeight:"600",padding:"0 0 0 0",color:t.grayscale[900],lineHeight:"1.25",textAlign:"left"},content:{fontSize:"12px",fontWeight:"400",lineHeight:"1.2",color:t.grayscale[700],textAlign:"left",maxHeight:"48px",overflow:"hidden",display:"-webkit-box",WebkitLineClamp:3,WebkitBoxOrient:"vertical"},actionsContainer:{position:"absolute",bottom:n.MINOR.actionsBottom,right:n.MINOR.actionsRight,display:"flex",gap:n.MINOR.actionsGap,alignItems:"center"},understoodText:{color:t.brand[800],fontSize:"14px",fontWeight:"500",cursor:"pointer",transition:"all 0.2s"},exploreButton:{backgroundColor:t.brand[800],border:"none",color:t.grayscale.white,borderRadius:o.BUTTON,fontSize:"14px",fontWeight:"600",cursor:"pointer",width:"154px",height:"32px",transition:"all 0.2s",textAlign:"center",display:"flex",alignItems:"center",justifyContent:"center"}});export{r as getMinorPopupStyles};
+import{BASE_COLORS as t}from"../../../constants/Theme.js";import{POPUP_TRANSITION as e}from"../constants/animations.js";import{POPUP_DIMENSIONS as i,BORDER_RADIUS as o,SPACING as n}from"../constants/dimensions.js";import{Z_INDEX as a}from"../constants/zIndex.js";const r=(r,s)=>({container:{width:`${i.MINOR.width}px`,height:`${i.MINOR.height}px`,display:"flex",backgroundColor:t.grayscale.white,borderRadius:o.POPUP,overflow:"hidden",position:"relative",boxShadow:"0 20px 25px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.04)",transform:r?s:"scale(1)",opacity:r?0:1,transition:e},imageContainer:{backgroundColor:t.grayscale[50],borderRadius:o.IMAGE,position:"relative",display:"flex",alignItems:"center",justifyContent:"center",margin:n.MINOR.imageMargin,width:`${i.MINOR.imageWidth}px`,minWidth:`${i.MINOR.imageWidth}px`,maxWidth:`${i.MINOR.imageWidth}px`,height:`${i.MINOR.imageHeight}px`},imageWrapper:{position:"relative",width:`${i.MINOR.imageWidth}px`,height:`${i.MINOR.imageHeight}px`},image:{width:`${i.MINOR.imageWidth}px`,height:`${i.MINOR.imageHeight}px`,objectFit:"cover",borderRadius:o.IMAGE,display:"block"},badge:{position:"absolute",top:"0px",left:"0px",right:"0px",height:`${i.MINOR.badgeHeight}px`,backgroundColor:"rgba(0, 0, 0, 0.26)",borderRadius:`${o.IMAGE} ${o.IMAGE} ${o.IMAGE} ${o.IMAGE}`,display:"flex",alignItems:"center",justifyContent:"center",zIndex:a.IMAGE_BADGE},badgeText:{color:t.grayscale.white,fontWeight:"600",fontSize:"14px"},imagePlaceholder:{color:t.grayscale[500],fontSize:"14px",textAlign:"center",width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:t.grayscale[100],borderRadius:o.IMAGE},contentContainer:{flex:1,display:"flex",margin:n.MINOR.contentMargin,flexDirection:"column",justifyContent:"space-between",background:"transparent"},title:{fontSize:"16px",fontWeight:"600",padding:"0 0 0 0",color:t.grayscale[900],lineHeight:"1.25",textAlign:"left"},content:{fontSize:"12px",fontWeight:"400",lineHeight:"1.2",color:t.grayscale[700],textAlign:"left",maxHeight:"48px",overflow:"hidden",display:"-webkit-box",WebkitLineClamp:3,WebkitBoxOrient:"vertical"},actionsContainer:{position:"absolute",bottom:n.MINOR.actionsBottom,right:n.MINOR.actionsRight,display:"flex",gap:n.MINOR.actionsGap,alignItems:"center"},understoodText:{color:t.brand[800],fontSize:"14px",fontWeight:"500",cursor:"pointer",transition:"all 0.2s"},exploreButton:{backgroundColor:t.brand[800],border:"none",color:t.grayscale.white,borderRadius:o.BUTTON,fontSize:"14px",fontWeight:"600",cursor:"pointer",width:"154px",height:"32px",transition:"all 0.2s",textAlign:"center",display:"flex",alignItems:"center",justifyContent:"center"}});export{r as getMinorPopupStyles};

package/dist/esm/components/feature-announcements/styles/videoModal.styles.js

@@ -1 +1 @@
-import"../constants/index.js";import{Z_INDEX as o}from"../constants/zIndex.js";import{BORDER_RADIUS as t}from"../constants/dimensions.js";const e={backdrop:{position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.9)",zIndex:o.VIDEO_MODAL,display:"flex",justifyContent:"center",alignItems:"center",padding:"20px"},container:{position:"relative",width:"90vw",height:"90vh",maxWidth:"1200px",maxHeight:"800px",backgroundColor:"black",borderRadius:t.VIDEO_MODAL,overflow:"hidden",boxShadow:"0 25px 50px rgba(0, 0, 0, 0.8)"},closeButton:{base:{position:"absolute",top:"20px",right:"20px",background:"rgba(0, 0, 0, 0.7)",border:"none",color:"white",fontSize:"24px",width:"40px",height:"40px",borderRadius:t.CLOSE_BUTTON,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",zIndex:o.CLOSE_BUTTON,transition:"background-color 0.2s"},hover:{backgroundColor:"rgba(0, 0, 0, 0.9)"}},videoWrapper:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},iframe:{borderRadius:t.VIDEO_MODAL},video:{width:"100%",height:"100%",objectFit:"contain",borderRadius:t.VIDEO_MODAL},noVideoMessage:{color:"white",fontSize:"18px",textAlign:"center"}};export{e as videoModalStyles};
+import"../constants/animations.js";import{BORDER_RADIUS as o}from"../constants/dimensions.js";import{Z_INDEX as t}from"../constants/zIndex.js";const e={backdrop:{position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.9)",zIndex:t.VIDEO_MODAL,display:"flex",justifyContent:"center",alignItems:"center",padding:"20px"},container:{position:"relative",width:"90vw",height:"90vh",maxWidth:"1200px",maxHeight:"800px",backgroundColor:"black",borderRadius:o.VIDEO_MODAL,overflow:"hidden",boxShadow:"0 25px 50px rgba(0, 0, 0, 0.8)"},closeButton:{base:{position:"absolute",top:"20px",right:"20px",background:"rgba(0, 0, 0, 0.7)",border:"none",color:"white",fontSize:"24px",width:"40px",height:"40px",borderRadius:o.CLOSE_BUTTON,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",zIndex:t.CLOSE_BUTTON,transition:"background-color 0.2s"},hover:{backgroundColor:"rgba(0, 0, 0, 0.9)"}},videoWrapper:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},iframe:{borderRadius:o.VIDEO_MODAL},video:{width:"100%",height:"100%",objectFit:"contain",borderRadius:o.VIDEO_MODAL},noVideoMessage:{color:"white",fontSize:"18px",textAlign:"center"}};export{e as videoModalStyles};

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

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

package/dist/esm/components/floating-action-button/FloatingActionButton.js

@@ -1 +1 @@
-import{j as t}from"../../node_modules/react/jsx-runtime.js";import"../../node_modules/bootstrap/dist/css/bootstrap.min.css.js";import{useState as o}from"react";import{Dropdown as i}from"react-bootstrap";import{COLORS as n}from"../../constants/Theme.js";import"../tooltips/index.js";import{BodyCaption as s}from"../TypographyStyle.js";import e from"../../assets/icons/question-mark.svg.js";import{TooltipStyled as r,FloatingActionButtonContainer as c,FAB_POSITION as l,DROP_POSITION as d,MENU_ALIGNMENT as h,FloatingActionButtonOuterContainer as p,StyledDropdown as a,DropdownToggleContainer as m}from"./FloatingActionButton.styles.js";import{Tooltip as j}from"../tooltips/Tooltip.js";const g=o=>{const{width:i,height:l,color:d,onClick:h,icon:p,tooltipPlacement:a,tooltipText:m,tootipWidth:g,isRound:x}=o;return m?t.jsx(j,Object.assign({tooltipContent:t.jsx(r,Object.assign({tooltipWidth:g},{children:t.jsx(s,Object.assign({color:n.content.primaryInverse},{children:o.tooltipText}))})),placement:a,body:""},{children:t.jsx(c,Object.assign({width:i,height:l,color:d,onClick:h,isRound:x},{children:p||t.jsx(e,{width:22,height:22})}))})):t.jsx(t.Fragment,{children:t.jsx(c,Object.assign({width:i,height:l,color:d,onClick:h,isRound:x},{children:p||t.jsx(e,{width:22,height:22})}))})},x=s=>{const{icon:e,onClick:r,children:c,tooltipText:j,isRound:x=!0,width:u=48,height:b=48,color:O=n.background.inverse,position:w=l.TOP_LEFT,buttonPaddingHorizontal:T=20,buttonPaddingVertical:P=20,zIndex:f=1,tooltipPlacement:k="right",dropPosition:C=d.DOWN,menuAligment:y=h.END,tootipWidth:R}=s,[W,F]=o(!1);return t.jsx(t.Fragment,{children:t.jsx(p,Object.assign({width:u,height:b,color:O,position:w,buttonPaddingHorizontal:T,buttonPaddingVertical:P,zIndex:f},{children:t.jsx(a,Object.assign({onToggle:(t,o)=>{F(t)},drop:C,align:y},{children:c?t.jsxs(t.Fragment,{children:[t.jsx(m,Object.assign({drop:C},{children:t.jsx(g,{width:u,height:b,color:O,tooltipPlacement:k,onClick:r,tooltipText:j,icon:e,position:w,isRound:x,isDropdownOpen:W,tootipWidth:R})})),t.jsx(i.Menu,{children:c})]}):t.jsx(g,{width:u,height:b,color:O,tooltipPlacement:k,onClick:r,tooltipText:j,icon:e,position:w,isRound:x,isDropdownOpen:W,tootipWidth:R})}))}))})};export{x as FloatingActionButton};
+import{j as t}from"../../node_modules/react/jsx-runtime.js";import{useState as o}from"react";import{Dropdown as i}from"react-bootstrap";import{COLORS as n}from"../../constants/Theme.js";import{Tooltip as e}from"../tooltips/Tooltip.js";import{BodyCaption as s}from"../TypographyStyle.js";import r from"../../assets/icons/question-mark.svg.js";import{FAB_POSITION as c,DROP_POSITION as l,MENU_ALIGNMENT as d,FloatingActionButtonOuterContainer as h,StyledDropdown as p,DropdownToggleContainer as a,TooltipStyled as g,FloatingActionButtonContainer as j}from"./FloatingActionButton.styles.js";const m=o=>{const{width:i,height:c,color:l,onClick:d,icon:h,tooltipPlacement:p,tooltipText:a,tootipWidth:m,isRound:x}=o;return a?t.jsx(e,Object.assign({tooltipContent:t.jsx(g,Object.assign({tooltipWidth:m},{children:t.jsx(s,Object.assign({color:n.content.primaryInverse},{children:o.tooltipText}))})),placement:p,body:""},{children:t.jsx(j,Object.assign({width:i,height:c,color:l,onClick:d,isRound:x},{children:h||t.jsx(r,{width:22,height:22})}))})):t.jsx(t.Fragment,{children:t.jsx(j,Object.assign({width:i,height:c,color:l,onClick:d,isRound:x},{children:h||t.jsx(r,{width:22,height:22})}))})},x=e=>{const{icon:s,onClick:r,children:g,tooltipText:j,isRound:x=!0,width:u=48,height:b=48,color:O=n.background.inverse,position:w=c.TOP_LEFT,buttonPaddingHorizontal:T=20,buttonPaddingVertical:P=20,zIndex:f=1,tooltipPlacement:k="right",dropPosition:C=l.DOWN,menuAligment:y=d.END,tootipWidth:R}=e,[W,F]=o(!1);return t.jsx(t.Fragment,{children:t.jsx(h,Object.assign({width:u,height:b,color:O,position:w,buttonPaddingHorizontal:T,buttonPaddingVertical:P,zIndex:f},{children:t.jsx(p,Object.assign({onToggle:(t,o)=>{F(t)},drop:C,align:y},{children:g?t.jsxs(t.Fragment,{children:[t.jsx(a,Object.assign({drop:C},{children:t.jsx(m,{width:u,height:b,color:O,tooltipPlacement:k,onClick:r,tooltipText:j,icon:s,position:w,isRound:x,isDropdownOpen:W,tootipWidth:R})})),t.jsx(i.Menu,{children:g})]}):t.jsx(m,{width:u,height:b,color:O,tooltipPlacement:k,onClick:r,tooltipText:j,icon:s,position:w,isRound:x,isDropdownOpen:W,tootipWidth:R})}))}))})};export{x as FloatingActionButton};

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

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

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

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

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

@@ -1 +1 @@
-import{__awaiter as t}from"../../_virtual/_tslib.js";import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as i}from"react";import o from"react-image-crop";import"../../node_modules/react-image-crop/dist/ReactCrop.css.js";import"../modals/index.js";import{StyledModal as r}from"../modals/styledModal.js";const n=n=>{const[a,d]=i(!1),[c,l]=i(void 0),[s,h]=i({width:0,height:0}),[m,g]=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.jsx(r,Object.assign({open:!0,onClose:n.onCancel,centralContainerStyles:{width:700,maxHeight:700},headingTitle:"Crop Image",primaryButton:{buttonText:"Save",isLoading:m,onClick:()=>{var e;e=c,t(void 0,void 0,void 0,(function*(){var t,i;if(g(!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/s.width,r=i.naturalHeight/s.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);g(!1)}))}}},{children:e.jsx("div",Object.assign({style:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},{children:e.jsx("div",{children:e.jsx(o,Object.assign({crop:c,onChange:t=>{l(t)},circularCrop:!1,onDragStart:()=>{d(!0)},aspect:n.aspectRatio},{children:e.jsx("img",{style:{maxWidth:700,maxHeight:550,objectFit:"contain"},src:n.src,alt:"image cropper",onLoad:t=>{const e=t.target,i=e.width;h({width:i,height:e.height})}})}))})}))}))};export{n as BikImageCropper,n as default};
+import{__awaiter as t}from"../../_virtual/_tslib.js";import{j as e}from"../../node_modules/react/jsx-runtime.js";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),[s,h]=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.jsx(r,Object.assign({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/s.width,r=i.naturalHeight/s.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.jsx("div",Object.assign({style:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},{children:e.jsx("div",{children:e.jsx(o,Object.assign({crop:l,onChange:t=>{c(t)},circularCrop:!1,onDragStart:()=>{d(!0)},aspect:n.aspectRatio},{children:e.jsx("img",{style:{maxWidth:700,maxHeight:550,objectFit:"contain"},src:n.src,alt:"image cropper",onLoad:t=>{const e=t.target,i=e.width;h({width:i,height:e.height})}})}))})}))}))};export{n as BikImageCropper,n as default};

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

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

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

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as t,useEffect as n}from"react";import o from"react-chips";import{COLORS as r}from"../../constants/Theme.js";import{BodySecondary as i,BodyCaption as l}from"../TypographyStyle.js";import{theme as c,chipTheme as s}from"./ChipInput.styled.js";const a=e=>{var t;return null===(t=null===document||void 0===document?void 0:document.querySelector(`#${e} input`))||void 0===t?void 0:t.value},d=e=>null===document||void 0===document?void 0:document.querySelector(`#${e} input`),u=a=>{let{onChipsChange:d,placeholder:u,chips:m,label:p,labelColor:h,hintText:v,hintTextColor:y,error:j,inputHeight:g,createChipKeys:f,chipsContainerCustomStyle:x,nativeID:C}=a;const[b,S]=t(!1);return n((()=>{var e,t;null===(e=document.querySelector(`#${C} input`))||void 0===e||e.addEventListener("focus",(()=>{S(!0)})),null===(t=document.querySelector(`#${C} input`))||void 0===t||t.addEventListener("blur",(()=>{S(!1)}))}),[]),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8},id:C},{children:[p&&e.jsx(i,Object.assign({style:{color:b?r.content.brand:j?r.content.negative:h||r.content.primary}},{children:p})),e.jsx(o,{value:m,theme:c(!!j,g,x,b),chipTheme:s,placeholder:0===m.length&&!!u&&!b&&u,onChange:e=>{d(e)},createChipKeys:f||","}),(!!v||!!j)&&e.jsx(l,Object.assign({style:{color:j?r.content.negative:y||r.content.secondary}},{children:j||v}))]}))};export{u as default,a as extractSingleValueIfAny,d as getInputNode};
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as t,useEffect as n}from"react";import o from"react-chips";import{COLORS as r}from"../../constants/Theme.js";import{BodySecondary as i,BodyCaption as s}from"../TypographyStyle.js";import{theme as l,chipTheme as c}from"./ChipInput.styled.js";const a=a=>{let{onChipsChange:p,placeholder:h,chips:d,label:m,labelColor:u,hintText:y,hintTextColor:j,error:g,inputHeight:f,createChipKeys:v,chipsContainerCustomStyle:x,nativeID:C}=a;const[b,T]=t(!1);return n((()=>{var e,t;null===(e=document.querySelector(`#${C} input`))||void 0===e||e.addEventListener("focus",(()=>{T(!0)})),null===(t=document.querySelector(`#${C} input`))||void 0===t||t.addEventListener("blur",(()=>{T(!1)}))}),[]),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8},id:C},{children:[m&&e.jsx(i,Object.assign({style:{color:b?r.content.brand:g?r.content.negative:u||r.content.primary}},{children:m})),e.jsx(o,{value:d,theme:l(!!g,f,x,b),chipTheme:c,placeholder:0===d.length&&!!h&&!b&&h,onChange:e=>{p(e)},createChipKeys:v||","}),(!!y||!!g)&&e.jsx(s,Object.assign({style:{color:g?r.content.negative:j||r.content.secondary}},{children:g||y}))]}))};export{a as default};