@bikdotai/bik-component-library 0.0.687-beta.9 → 0.0.687

package/dist/cjs/components/multi-level-dropdown/GroupedMenuList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../constants/Theme.js"),t=require("../TypographyStyle.js"),o=require("./MenuItem.js"),n=require("./MultiLevelDropdown.styled.js");exports.GroupedMenuList=({width:s,onDropdownItemClick:i,option:p,parents:u})=>e.jsxs(n.GroupedMenuListContainer,{children:[e.jsx(t.BodyTiny,{style:{padding:"4px 8px 4px 12px",cursor:"default"},color:r.COLORS.content.placeholder,children:p.label}),p.options.map(((r,t)=>e.jsx(o.MenuItem,{width:s,onDropdownItemClick:i,option:r,parents:u},t)))]});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../constants/Theme.js"),t=require("../TypographyStyle.js"),o=require("./MenuItem.js"),n=require("./MultiLevelDropdown.styled.js");exports.GroupedMenuList=s=>{let{width:i,onDropdownItemClick:p,option:u,parents:l}=s;return e.jsxs(n.GroupedMenuListContainer,{children:[e.jsx(t.BodyTiny,Object.assign({style:{padding:"4px 8px 4px 12px",cursor:"default"},color:r.COLORS.content.placeholder},{children:u.label})),u.options.map(((r,t)=>e.jsx(o.MenuItem,{width:i,onDropdownItemClick:p,option:r,parents:l},t)))]})};

package/dist/cjs/components/multi-level-dropdown/MenuItem.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { MultiLevelDropdownOption, SingleOption } from './type';
+export declare const MenuItem: React.FC<{
+    width: string;
+    onDropdownItemClick?: (option: MultiLevelDropdownOption, parents: MultiLevelDropdownOption[]) => void;
+    option: SingleOption;
+    parents: MultiLevelDropdownOption[];
+}>;

package/dist/cjs/components/multi-level-dropdown/MenuItem.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/chevronRight2.svg.js"),n=require("react"),i=require("../../constants/Theme.js"),r=require("../TypographyStyle.js"),o=require("./MultiLevelDropdown.styled.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(n);const d=l.default.lazy((()=>Promise.resolve().then((function(){return require("./MenuList.js")})).then((e=>({default:e.MenuList})))));exports.MenuItem=({width:s,onDropdownItemClick:c,option:a,parents:u})=>{const[p,h]=l.default.useState(!1),[C,j]=l.default.useState(!1),[g,x]=l.default.useState({top:0,left:0}),O=n.useRef({top:0,left:0});return e.jsxs(o.MenuItemWrapper,{onMouseEnter:e=>{h(!0),(e=>{const t=e.currentTarget.getBoundingClientRect();x({top:t.top,left:t.right}),O.current={top:t.top,left:t.right}})(e)},onMouseLeave:()=>{h(!1)},onClick:()=>{!c||a.disabled||a.children?.length||c(a,u)},id:"menuItemWrapper",style:{cursor:a.disabled?"not-allowed":"pointer",backgroundColor:a.disabled?i.COLORS.surface.standard:"transparent"},children:[a.customComponent?a.customComponent:e.jsxs(o.MenuItemContainer,{isSelected:a.selected,isSubMenuOpen:p,isHovered:C,isDisabled:a.disabled??!1,children:[e.jsxs(o.ContentContainer,{children:[a.leadingIcon&&e.jsx(o.LeadingIconContainer,{children:a.leadingIcon}),e.jsxs("div",{children:[e.jsx(r.BodyCaption,{style:{color:a.disabled?i.COLORS.content.inactive:a.selected||C?i.COLORS.content.positive:i.COLORS.content.primary},children:a.label}),a.subText&&e.jsx(r.BodyTiny,{style:{color:a.disabled?i.COLORS.content.inactive:a.selected||C?i.COLORS.content.positive:i.COLORS.content.secondary,marginTop:"2px"},children:a.subText})]})]}),a.children&&a.children.length>0?e.jsx(o.TrailingIconContainer,{children:e.jsx(t.default,{width:16,height:16,color:a.disabled?i.COLORS.content.inactive:a.selected||C?i.COLORS.content.positive:i.COLORS.content.primary})}):a.trailingIcon?e.jsx(o.TrailingIconContainer,{children:a.trailingIcon}):e.jsx(e.Fragment,{})]}),!a.disabled&&a.children&&a.children.length>0&&p&&e.jsx(o.SubMenuContainer,{width:s,className:"submenu",onMouseEnter:()=>j(!0),onMouseLeave:()=>j(!1),children:e.jsx(o.StyledSubMenuWrapper,{width:s,top:g.top,left:g.left,children:e.jsx(o.SubMenuListContainer,{children:e.jsx(n.Suspense,{fallback:e.jsx("div",{children:"Loading..."}),children:e.jsx(d,{width:s,onDropdownItemClick:c,options:a.children,parents:[...u,a]})})})})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("../../assets/icons/chevronRight2.svg.js"),t=require("react"),i=require("../../constants/Theme.js"),o=require("../TypographyStyle.js"),s=require("./MultiLevelDropdown.styled.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(t);const d=l.default.lazy((()=>Promise.resolve().then((function(){return require("./MenuList.js")})).then((e=>({default:e.MenuList})))));exports.MenuItem=r=>{let{width:a,onDropdownItemClick:c,option:u,parents:p}=r;var h,j,g,v,O,b,C;const[x,f]=l.default.useState(!1),[S,m]=l.default.useState(!1),[L,y]=l.default.useState({top:0,left:0}),M=t.useRef({top:0,left:0});return e.jsxs(s.MenuItemWrapper,Object.assign({onMouseEnter:e=>{f(!0),(e=>{const n=e.currentTarget.getBoundingClientRect();y({top:n.top,left:n.right}),M.current={top:n.top,left:n.right}})(e)},onMouseLeave:()=>{f(!1)},onClick:()=>{var e,n;!c||null!==(e=u.disabled)&&void 0!==e&&e||(null===(n=u.children)||void 0===n?void 0:n.length)||c(u,p)},id:"menuItemWrapper",style:{cursor:null!==(h=u.disabled)&&void 0!==h&&h?"not-allowed":"pointer",backgroundColor:null!==(j=u.disabled)&&void 0!==j&&j?i.COLORS.surface.standard:"transparent"}},{children:[u.customComponent?u.customComponent:e.jsxs(s.MenuItemContainer,Object.assign({isSelected:u.selected,isSubMenuOpen:x,isHovered:S,isDisabled:null!==(g=u.disabled)&&void 0!==g&&g},{children:[e.jsxs(s.ContentContainer,{children:[u.leadingIcon&&e.jsx(s.LeadingIconContainer,{children:u.leadingIcon}),e.jsxs("div",{children:[e.jsx(o.BodyCaption,Object.assign({style:{color:null!==(v=u.disabled)&&void 0!==v&&v?i.COLORS.content.inactive:u.selected||S?i.COLORS.content.positive:i.COLORS.content.primary}},{children:u.label})),u.subText&&e.jsx(o.BodyTiny,Object.assign({style:{color:null!==(O=u.disabled)&&void 0!==O&&O?i.COLORS.content.inactive:u.selected||S?i.COLORS.content.positive:i.COLORS.content.secondary,marginTop:"2px"}},{children:u.subText}))]})]}),u.children&&u.children.length>0?e.jsx(s.TrailingIconContainer,{children:e.jsx(n.default,{width:16,height:16,color:null!==(b=u.disabled)&&void 0!==b&&b?i.COLORS.content.inactive:u.selected||S?i.COLORS.content.positive:i.COLORS.content.primary})}):u.trailingIcon?e.jsx(s.TrailingIconContainer,{children:u.trailingIcon}):e.jsx(e.Fragment,{})]})),!(null!==(C=u.disabled)&&void 0!==C&&C)&&u.children&&u.children.length>0&&x&&e.jsx(s.SubMenuContainer,Object.assign({width:a,className:"submenu",onMouseEnter:()=>m(!0),onMouseLeave:()=>m(!1)},{children:e.jsx(s.StyledSubMenuWrapper,Object.assign({width:a,top:L.top,left:L.left},{children:e.jsx(s.SubMenuListContainer,{children:e.jsx(t.Suspense,Object.assign({fallback:e.jsx("div",{children:"Loading..."})},{children:e.jsx(d,{width:a,onDropdownItemClick:c,options:u.children,parents:[...p,u]})}))})}))}))]}))};

package/dist/cjs/components/multi-level-dropdown/MenuList.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { MultiLevelDropdownOption } from './type';
+export declare const MenuList: React.FC<{
+    width: string;
+    onDropdownItemClick?: (option: MultiLevelDropdownOption, parents: MultiLevelDropdownOption[]) => void;
+    options: MultiLevelDropdownOption[];
+    parents: MultiLevelDropdownOption[];
+}>;

package/dist/cjs/components/multi-level-dropdown/MenuList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./GroupedMenuList.js"),o=require("./MenuItem.js"),i=require("./MultiLevelDropdown.styled.js");exports.MenuList=({width:n,onDropdownItemClick:r,options:s,parents:p})=>e.jsx(i.StyledMenuList,{children:s.map(((i,s)=>"value"in i?e.jsx(o.MenuItem,{width:n,onDropdownItemClick:r,option:i,parents:p},s):"options"in i&&i.options.length>0?e.jsx(t.GroupedMenuList,{width:n,onDropdownItemClick:r,option:i,parents:p},s):void 0))});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./GroupedMenuList.js"),n=require("./MenuItem.js"),o=require("./MultiLevelDropdown.styled.js");exports.MenuList=r=>{let{width:i,onDropdownItemClick:s,options:u,parents:p}=r;return e.jsx(o.StyledMenuList,{children:u.map(((o,r)=>"value"in o?e.jsx(n.MenuItem,{width:i,onDropdownItemClick:s,option:o,parents:p},r):"options"in o&&o.options.length>0?e.jsx(t.GroupedMenuList,{width:i,onDropdownItemClick:s,option:o,parents:p},r):void 0))})};

package/dist/cjs/components/multi-level-dropdown/MultiLevelDropdown.d.ts

@@ -1,6 +1,3 @@
-import React__default from 'react';
-import { MultiLevelDropdownProps } from './type.js';
-
-declare const MultiLevelDropdown: React__default.FC<MultiLevelDropdownProps>;
-
-export { MultiLevelDropdown };
+import React from 'react';
+import { MultiLevelDropdownProps } from './type';
+export declare const MultiLevelDropdown: React.FC<MultiLevelDropdownProps>;

package/dist/cjs/components/multi-level-dropdown/MultiLevelDropdown.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../zeroState/ZeroState.js"),n=require("../../constants/Theme.js"),o=require("../dropdown/OpenedDropdown/components/searchbox/SearchBox.js"),s=require("../floater/floater.js"),i=require("./MenuList.js"),l=require("./MultiLevelDropdown.styled.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(t);exports.MultiLevelDropdown=({options:d,width:c,isSearchable:a,onDropdownItemClick:f,refElement:p,topOffset:h,leftOffset:w,isDropdownOpen:x,onDropdownOutsideClick:j})=>{const m=u.default.useRef(null),[v,y]=t.useState(d),O=e=>{const t=Array.isArray(d)?[...d]:[],r=[];for(;t.length>0;){const n=t.shift();n&&n.label.toLowerCase().includes(e.toLowerCase())&&r.push(n),n&&"children"in n&&n.children?t.push(...n.children):n&&"options"in n&&n.options&&t.push(...n.options)}const n=e=>e.map((e=>{if(r.includes(e))return e;if("children"in e&&e.children){const t=n(e.children);if(t.length>0)return{...e,children:t}}if("options"in e&&e.options){const t=n(e.options);if(t.length>0)return{...e,options:t}}return null})).filter((e=>null!==e));y(n(d))},S=e=>{m.current&&!m.current.contains(e.target)?j&&j(!0):j&&j(!1)};return t.useEffect((()=>{x&&O("")}),[x]),t.useEffect((()=>(document.addEventListener("mousedown",S),()=>{document.removeEventListener("mousedown",S)})),[]),t.useEffect((()=>{y(d)}),[d]),e.jsx(s.Floater,{refElement:p,topOffset:h,leftOffset:w,children:x&&e.jsx("div",{ref:m,style:{backgroundColor:n.COLORS.surface.standard,zIndex:99999,borderRadius:"8px",whiteSpace:"normal"},children:e.jsxs(l.DropdownContainer,{width:c,children:[a&&e.jsx("div",{style:{padding:"4px",width:c??"200px"},children:e.jsx(o.SearchBox,{onSearch:O,version:"2.0"})}),e.jsx(l.OptionsContainer,{width:c,children:(v??[]).length>0&&e.jsx(i.MenuList,{width:c??"200px",onDropdownItemClick:f,options:v,parents:[]})}),0===(v??[]).length&&e.jsx(l.NoResultsContainer,{style:{width:c??"200px"},children:e.jsx(r.ZeroState,{title:"No results found!",subTitle:"Sorry, we are unable to find any results for your search."})})]})})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../zeroState/ZeroState.js"),r=require("../../constants/Theme.js"),s=require("../dropdown/OpenedDropdown/components/searchbox/SearchBox.js"),o=require("../floater/floater.js"),i=require("./MenuList.js"),l=require("./MultiLevelDropdown.styled.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=u(t);exports.MultiLevelDropdown=u=>{let{options:a,width:d,isSearchable:f,onDropdownItemClick:p,refElement:h,topOffset:j,leftOffset:w,isDropdownOpen:x,onDropdownOutsideClick:O}=u;const b=c.default.useRef(null),[g,m]=t.useState(a),v=e=>{const t=Array.isArray(a)?[...a]:[],n=[];for(;t.length>0;){const r=t.shift();r&&r.label.toLowerCase().includes(e.toLowerCase())&&n.push(r),r&&"children"in r&&r.children?t.push(...r.children):r&&"options"in r&&r.options&&t.push(...r.options)}const r=e=>e.map((e=>{if(n.includes(e))return e;if("children"in e&&e.children){const t=r(e.children);if(t.length>0)return Object.assign(Object.assign({},e),{children:t})}if("options"in e&&e.options){const t=r(e.options);if(t.length>0)return Object.assign(Object.assign({},e),{options:t})}return null})).filter((e=>null!==e));m(r(a))},y=e=>{b.current&&!b.current.contains(e.target)?O&&O(!0):O&&O(!1)};return t.useEffect((()=>{x&&v("")}),[x]),t.useEffect((()=>(document.addEventListener("mousedown",y),()=>{document.removeEventListener("mousedown",y)})),[]),t.useEffect((()=>{m(a)}),[a]),e.jsx(o.Floater,Object.assign({refElement:h,topOffset:j,leftOffset:w},{children:x&&e.jsx("div",Object.assign({ref:b,style:{backgroundColor:r.COLORS.surface.standard,zIndex:99999,borderRadius:"8px",whiteSpace:"normal"}},{children:e.jsxs(l.DropdownContainer,Object.assign({width:d},{children:[f&&e.jsx("div",Object.assign({style:{padding:"4px",width:null!=d?d:"200px"}},{children:e.jsx(s.SearchBox,{onSearch:v,version:"2.0"})})),e.jsx(l.OptionsContainer,Object.assign({width:d},{children:(null!=g?g:[]).length>0&&e.jsx(i.MenuList,{width:null!=d?d:"200px",onDropdownItemClick:p,options:g,parents:[]})})),0===(null!=g?g:[]).length&&e.jsx(l.NoResultsContainer,Object.assign({style:{width:null!=d?d:"200px"}},{children:e.jsx(n.ZeroState,{title:"No results found!",subTitle:"Sorry, we are unable to find any results for your search."})}))]}))}))}))};

package/dist/cjs/components/multi-level-dropdown/MultiLevelDropdown.styled.d.ts

@@ -0,0 +1,32 @@
+export declare const DropdownContainer: import("styled-components").StyledComponent<"div", any, {
+    width?: string | undefined;
+}, never>;
+export declare const OptionsContainer: import("styled-components").StyledComponent<"div", any, {
+    width?: string | undefined;
+}, never>;
+export declare const NoResultsContainer: import("styled-components").StyledComponent<"div", any, {
+    width?: string | undefined;
+}, never>;
+export declare const GroupedMenuListContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledMenuList: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MenuItemWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export interface MenuItemContainerProps {
+    isSelected?: boolean;
+    isHovered?: boolean;
+    isSubMenuOpen?: boolean;
+    isDisabled?: boolean;
+}
+export declare const MenuItemContainer: import("styled-components").StyledComponent<"div", any, MenuItemContainerProps, never>;
+export declare const ContentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SubMenuWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SubMenuListContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LeadingIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TrailingIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SubMenuContainer: import("styled-components").StyledComponent<"div", any, {
+    width: string;
+}, never>;
+export declare const StyledSubMenuWrapper: import("styled-components").StyledComponent<"div", any, {
+    width: string;
+    top: number;
+    left: number;
+}, never>;

package/dist/cjs/components/multi-level-dropdown/MultiLevelDropdown.styled.js

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(e);const r=n.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(e);const n=r.default.div`
 	position: relative;
 	border-radius: 8px;
 	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
 	padding-bottom: 4px;
-`,o=n.default.div`
-	width: ${({width:e})=>e||"200px"};
+`,o=r.default.div`
+	width: ${e=>{let{width:t}=e;return t||"200px"}};
 	max-width: 300px;
 	max-height: 280px;
 	overflow-y: scroll;
@@ -12,24 +12,24 @@
 	&::-webkit-scrollbar {
 		width: 0px;
 	}
-`,d=n.default.div`
+`,d=r.default.div`
 	margin-top: 64px;
 	height: 200px;
-	width: ${({width:e})=>e||"200px"};
-`,a=n.default.div`
+	width: ${e=>{let{width:t}=e;return t||"200px"}};
+`,a=r.default.div`
 	width: 100%;
 	justify-content: center;
 	cursor: pointer;
 	align-items: center;
 	justify-content: space-between;
 	margin: 4px 0;
-`,p=n.default.div`
+`,p=r.default.div`
 	z-index: 1000;
 	position: relative;
 	margin: 0px;
 	padding: 0px;
 	width: 100%;
-`,s=n.default.div`
+`,s=r.default.div`
 	position: relative;
 	padding: 1px 4px;
 	cursor: pointer;
@@ -38,31 +38,31 @@
 	&:focus-within > .submenu {
 		display: block;
 	}
-`,l=n.default.div`
+`,l=r.default.div`
 	position: relative;
 	padding: 4px 8px 4px 8px;
 	transition: background-color 0.2s;
 	width: 100%;
 	border-radius: 8px;
 	justify-content: center;
-	background-color: ${({isSelected:e,isHovered:i,isSubMenuOpen:n,isDisabled:r})=>r?t.COLORS.surface.standard:e||n?t.COLORS.background.positive.light:i?t.COLORS.surface.hovered:t.COLORS.surface.standard};
-	color: ${({isSelected:e,isSubMenuOpen:i})=>e||i?t.COLORS.content.positive:t.COLORS.content.primary};
+	background-color: ${e=>{let{isSelected:i,isHovered:r,isSubMenuOpen:n,isDisabled:o}=e;return o?t.COLORS.surface.standard:i||n?t.COLORS.background.positive.light:r?t.COLORS.surface.hovered:t.COLORS.surface.standard}};
+	color: ${e=>{let{isSelected:i,isSubMenuOpen:r}=e;return i||r?t.COLORS.content.positive:t.COLORS.content.primary}};
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 
 	&:hover {
-		background-color: ${({isSelected:e,isDisabled:i})=>i?t.COLORS.surface.standard:e?t.COLORS.background.positive.light:t.COLORS.surface.hovered};
+		background-color: ${e=>{let{isSelected:i,isDisabled:r}=e;return r?t.COLORS.surface.standard:i?t.COLORS.background.positive.light:t.COLORS.surface.hovered}};
 	}
-`,x=n.default.div`
+`,u=r.default.div`
 	display: flex;
 	align-items: center;
 	gap: 8px;
-`,u=n.default.div`
+`,x=r.default.div`
 	z-index: 1001;
 	position: fixed;
 	border-left: 4px solid transparent;
-`,c=n.default.div`
+`,c=r.default.div`
 	margin: 4px;
 	background-color: ${t.COLORS.surface.standard};
 	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
@@ -75,24 +75,24 @@
 	&::-webkit-scrollbar {
 		display: none;
 	}
-`,f=n.default.div`
+`,f=r.default.div`
 	width: 16px;
 	height: 16px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	margin-right: 4px;
-`,g=n.default.div`
+`,g=r.default.div`
 	width: 16px;
 	height: 16px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	margin-left: 4px;
-`,h=n.default.div`
+`,h=r.default.div`
 	width: ${e=>e.width};
-`,b=n.default(u)`
+`,b=r.default(x)`
 	width: ${e=>e.width};
 	top: ${e=>e.top}px;
 	left: ${e=>e.left}px;
-`;exports.ContentContainer=x,exports.DropdownContainer=r,exports.GroupedMenuListContainer=a,exports.LeadingIconContainer=f,exports.MenuItemContainer=l,exports.MenuItemWrapper=s,exports.NoResultsContainer=d,exports.OptionsContainer=o,exports.StyledMenuList=p,exports.StyledSubMenuWrapper=b,exports.SubMenuContainer=h,exports.SubMenuListContainer=c,exports.SubMenuWrapper=u,exports.TrailingIconContainer=g;
+`;exports.ContentContainer=u,exports.DropdownContainer=n,exports.GroupedMenuListContainer=a,exports.LeadingIconContainer=f,exports.MenuItemContainer=l,exports.MenuItemWrapper=s,exports.NoResultsContainer=d,exports.OptionsContainer=o,exports.StyledMenuList=p,exports.StyledSubMenuWrapper=b,exports.SubMenuContainer=h,exports.SubMenuListContainer=c,exports.SubMenuWrapper=x,exports.TrailingIconContainer=g;

package/dist/cjs/components/multi-level-dropdown/index.d.ts

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

package/dist/cjs/components/multi-level-dropdown/type.d.ts

@@ -1,30 +1,28 @@
-import { FloaterProps } from '../floater/floater.js';
-
-interface MultiLevelDropdownProps extends FloaterProps {
-    options: MultiLevelDropdownOption[];
-    width?: string;
-    isSearchable?: boolean;
-    isDropdownOpen?: boolean;
-    onDropdownOutsideClick?: (isOutsideClick: any) => void;
-    onDropdownItemClick?: (option: MultiLevelDropdownOption, parents: MultiLevelDropdownOption[]) => void;
-}
-type GroupedOption = {
-    label: string;
-    options: SingleOption[];
-    trailingIcon?: JSX.Element;
-    leadingIcon?: JSX.Element;
-};
-type SingleOption = {
-    label: string;
-    value: string;
-    subText?: string;
-    trailingIcon?: JSX.Element;
-    leadingIcon?: JSX.Element;
-    customComponent?: JSX.Element;
-    disabled?: boolean;
-    selected?: boolean;
-    children?: SingleOption[];
-};
-type MultiLevelDropdownOption = SingleOption | GroupedOption;
-
-export type { GroupedOption, MultiLevelDropdownOption, MultiLevelDropdownProps, SingleOption };
+/// <reference types="react" />
+import { FloaterProps } from '../floater/floater';
+export interface MultiLevelDropdownProps extends FloaterProps {
+    options: MultiLevelDropdownOption[];
+    width?: string;
+    isSearchable?: boolean;
+    isDropdownOpen?: boolean;
+    onDropdownOutsideClick?: (isOutsideClick: any) => void;
+    onDropdownItemClick?: (option: MultiLevelDropdownOption, parents: MultiLevelDropdownOption[]) => void;
+}
+export type GroupedOption = {
+    label: string;
+    options: SingleOption[];
+    trailingIcon?: JSX.Element;
+    leadingIcon?: JSX.Element;
+};
+export type SingleOption = {
+    label: string;
+    value: string;
+    subText?: string;
+    trailingIcon?: JSX.Element;
+    leadingIcon?: JSX.Element;
+    customComponent?: JSX.Element;
+    disabled?: boolean;
+    selected?: boolean;
+    children?: SingleOption[];
+};
+export type MultiLevelDropdownOption = SingleOption | GroupedOption;

package/dist/cjs/components/navigation-hyperlink/NavigationHyperlink.d.ts

@@ -1,14 +1,9 @@
-import * as styled_components from 'styled-components';
-import { ReactNode } from 'react';
-
-interface NavigationHyperlinkProps {
-    router: any;
-    href: string;
-    children?: ReactNode;
-    newTab?: boolean;
-}
-declare const NavigationHyperlink: React.FC<NavigationHyperlinkProps>;
-declare const NaLinkWrapper: styled_components.StyledComponent<"div", any, {}, never>;
-
-export { NaLinkWrapper, NavigationHyperlink };
-export type { NavigationHyperlinkProps };
+import { ReactNode } from 'react';
+export interface NavigationHyperlinkProps {
+    router: any;
+    href: string;
+    children?: ReactNode;
+    newTab?: boolean;
+}
+export declare const NavigationHyperlink: React.FC<NavigationHyperlinkProps>;
+export declare const NaLinkWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/navigation-hyperlink/NavigationHyperlink.js

@@ -1,3 +1,3 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const i=n(require("styled-components")).default.div`
 	//	display: inline-block;
-`;exports.NaLinkWrapper=i,exports.NavigationHyperlink=n=>{const{router:o,href:t,newTab:r}=n;return e.jsx(i,{onClick:e=>{if(t.includes("http")){const n=r||e.metaKey?"_blank":"_self";window.open(t,n)}else{const n=`${t.startsWith("/")?"":"/"}${t}`;e.metaKey?window.open(window.location.origin+n,"_blank"):o?o.push(window.location.origin+n):window.open(window.location.origin+n,"_self")}},children:n.children})};
+`;exports.NaLinkWrapper=i,exports.NavigationHyperlink=n=>{const{router:o,href:t,newTab:r}=n;return e.jsx(i,Object.assign({onClick:e=>{if(t.includes("http")){const n=r||e.metaKey?"_blank":"_self";window.open(t,n)}else{const n=`${t.startsWith("/")?"":"/"}${t}`;e.metaKey?window.open(window.location.origin+n,"_blank"):o?o.push(window.location.origin+n):window.open(window.location.origin+n,"_self")}}},{children:n.children}))};

package/dist/cjs/components/navigation-hyperlink/index.d.ts

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

package/dist/cjs/components/pagination/Pagination.d.ts

@@ -1,13 +1,9 @@
-import * as React$1 from 'react';
-
-interface PaginationProps extends React.HTMLAttributes<HTMLDivElement> {
-    numberOfItemsLoaded: number;
-    totalNumberOfItems: number;
-    isLoading?: boolean;
-    onShowMore?: () => void;
-    width?: string;
-}
-declare const Pagination: React$1.ForwardRefExoticComponent<PaginationProps & React$1.RefAttributes<HTMLButtonElement>>;
-
-export { Pagination };
-export type { PaginationProps };
+/// <reference types="react" />
+export interface PaginationProps extends React.HTMLAttributes<HTMLDivElement> {
+    numberOfItemsLoaded: number;
+    totalNumberOfItems: number;
+    isLoading?: boolean;
+    onShowMore?: () => void;
+    width?: string;
+}
+export declare const Pagination: import("react").ForwardRefExoticComponent<PaginationProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/cjs/components/pagination/Pagination.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),n=require("../TypographyStyle.js"),o=require("../../constants/Theme.js"),t=require("./Pagination.styled.js");const i=r.forwardRef((({id:r,onShowMore:i,isLoading:s,numberOfItemsLoaded:a,totalNumberOfItems:d,...l})=>e.jsx(t.Pagination,{id:r,...l,children:s?e.jsx(e.Fragment,{children:"loading..."}):e.jsx("div",{children:a<d?e.jsxs(t.Pagination,{children:[e.jsxs(n.BodySecondary,{style:{color:o.COLORS.content.secondary},children:["Showing ",a," out of ",d," ","results"]}),e.jsx(n.ButtonRegular,{style:{color:o.COLORS.content.brand,cursor:"pointer"},onClick:()=>i&&i(),children:"Show more"})]}):e.jsx(t.Pagination,{children:e.jsxs(n.BodySecondary,{style:{color:o.COLORS.content.secondary},children:["Showing all ",d," results"]})})})})));i.displayName="Pagination",exports.Pagination=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),n=require("react"),o=require("../TypographyStyle.js"),s=require("../../constants/Theme.js"),t=require("./Pagination.styled.js");const i=n.forwardRef((n=>{var{id:i,onShowMore:a,isLoading:d,numberOfItemsLoaded:c,totalNumberOfItems:l}=n,u=e.__rest(n,["id","onShowMore","isLoading","numberOfItemsLoaded","totalNumberOfItems"]);return r.jsx(t.Pagination,Object.assign({id:i},u,{children:d?r.jsx(r.Fragment,{children:"loading..."}):r.jsx("div",{children:c<l?r.jsxs(t.Pagination,{children:[r.jsxs(o.BodySecondary,Object.assign({style:{color:s.COLORS.content.secondary}},{children:["Showing ",c," out of ",l," ","results"]})),r.jsx(o.ButtonRegular,Object.assign({style:{color:s.COLORS.content.brand,cursor:"pointer"},onClick:()=>a&&a()},{children:"Show more"}))]}):r.jsx(t.Pagination,{children:r.jsxs(o.BodySecondary,Object.assign({style:{color:s.COLORS.content.secondary}},{children:["Showing all ",l," results"]}))})})}))}));i.displayName="Pagination",exports.Pagination=i;

package/dist/cjs/components/pagination/Pagination.styled.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const Pagination: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/pagination/Pagination.styled.js

@@ -1,7 +1 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("@emotion/styled")).default.div`
-	display: flex;
-	align-items: center;
-	justify-content: start;
-	column-gap: 16px;
-	width: 100%;
-`;exports.Pagination=t;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("@emotion/styled/base")).default("div","production"===process.env.NODE_ENV?{target:"e14rxdu80"}:{target:"e14rxdu80",label:"Pagination"})("production"===process.env.NODE_ENV?{name:"ifuiz5",styles:"display:flex;align-items:center;justify-content:start;column-gap:16px;width:100%"}:{name:"ifuiz5",styles:"display:flex;align-items:center;justify-content:start;column-gap:16px;width:100%",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBhZ2luYXRpb24uc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDcUMiLCJmaWxlIjoiUGFnaW5hdGlvbi5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHN0YXJ0O1xuXHRjb2x1bW4tZ2FwOiAxNnB4O1xuXHR3aWR0aDogMTAwJTtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVBhZ2luYXRpb24uc3R5bGVkLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});exports.Pagination=t;

package/dist/cjs/components/pagination/index.d.ts

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

package/dist/cjs/components/plans/DurationSelector.d.ts

@@ -0,0 +1,9 @@
+import { FunctionComponent } from 'react';
+interface OwnProps {
+    isMonthlySelected: boolean;
+    yearlyDiscount: string;
+    onToggle: (isMonthlySelected: boolean) => void;
+}
+type Props = OwnProps;
+declare const DurationSelector: FunctionComponent<Props>;
+export default DurationSelector;

package/dist/cjs/components/plans/DurationSelectorStyles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const DurationSelectorStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/plans/NewSubscriptionPlan.d.ts

@@ -1,22 +1,19 @@
-import { FunctionComponent } from 'react';
-import { SubscriptionPlanProps } from './SubscriptionPlan.js';
-
-interface NewSubscriptionPlanProps extends SubscriptionPlanProps {
-    popularTestimony?: string;
-    skipRadioSelection?: boolean;
-    includeText?: string;
-    height?: string;
-    showFeaturesButton?: boolean;
-    businessDescription?: string[];
-    yearlyCode?: string;
-    isPlanSelected?: boolean;
-    onClickShowAllFeatures?: () => void;
-    showSelectedPlanChip?: boolean;
-    perMonthForYearly?: boolean;
-    minHeightOfFeatures?: number;
-}
-type Props = NewSubscriptionPlanProps;
-declare const NewSubscriptionPlan: FunctionComponent<Props>;
-
-export { NewSubscriptionPlan };
-export type { NewSubscriptionPlanProps };
+import { FunctionComponent } from 'react';
+import { SubscriptionPlanProps } from './SubscriptionPlan';
+export interface NewSubscriptionPlanProps extends SubscriptionPlanProps {
+    popularTestimony?: string;
+    skipRadioSelection?: boolean;
+    includeText?: string;
+    height?: string;
+    showFeaturesButton?: boolean;
+    businessDescription?: string[];
+    yearlyCode?: string;
+    isPlanSelected?: boolean;
+    onClickShowAllFeatures?: () => void;
+    showSelectedPlanChip?: boolean;
+    perMonthForYearly?: boolean;
+    minHeightOfFeatures?: number;
+}
+type Props = NewSubscriptionPlanProps;
+export declare const NewSubscriptionPlan: FunctionComponent<Props>;
+export {};

package/dist/cjs/components/plans/NewSubscriptionPlan.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/check.svg.js"),s=require("../../assets/icons/checkCircle.svg.js"),i=require("../../assets/icons/quotes.svg.js"),a=require("../../assets/icons/WhiteStarFilled.svg.js"),n=require("../button/Button.js"),o=require("./SubscriptionPlanStyled.js"),r=require("../TypographyStyle.js"),l=require("../../hooks/useCurreny.js"),c=require("../../constants/Theme.js"),d=require("../tag/Tag.js"),h=require("../tooltips/Tooltip.js");exports.NewSubscriptionPlan=u=>{const{formatCurrency:p}=l.useCurrency(),m=u.showMonthlyOptions?u.features:u.annualFeatures||[],x=u.showMonthlyOptions?u.monthlyPlan:u.yearlyPlan,y=!u.isDisabled&&u.isMostPopular,j=u.showMonthlyOptions?u.code:u.yearlyCode??u.code,{planName:g,isSelected:b=!1,isDisabled:C=!1,onPlanSelect:T,oldPrice:v,hideMonthYearTag:S,planDescription:O,planDescriptionDiscount:N,showTrialOptions:f,freeTrialMessages:L,extraBlockMessage:P,isLoading:k,buttonText:w,bottomDescription:M,showMonthlyOptions:B,popularTestimony:q,skipRadioSelection:R=!1,includeText:D,height:F,showFeaturesButton:$,businessDescription:_,isPlanSelected:z=!1,onClickShowAllFeatures:H,showSelectedPlanChip:W=!1,perMonthForYearly:I=!1,minHeightOfFeatures:U,hoverTooltip:Y,hidePriceBlock:A=!1}=u,E=e=>I&&!B?0==e?"$0":p(Math.round(e/12),"USD"):0==e?"$0":p(e,"USD");return e.jsx(h.Tooltip,{body:Y,children:e.jsxs(o.NewSubscriptionStyled,{height:F,showMostPopularChip:y||!1,onClick:()=>T(j),children:[y&&e.jsxs("div",{className:"most-popular-chip",children:[e.jsx(r.Caption,{className:"popular-text",children:"Most popular "}),e.jsx(a.default,{height:12,width:12})]}),e.jsxs("div",{className:`box  ${C?"disabled":""} \n\t\t\t\t`,children:[e.jsxs("div",{className:"radio-flex",children:[!R&&e.jsx("input",{type:"radio",id:"html",name:"fav_language",value:"HTML",disabled:C??!1,onChange:()=>T(j),className:"radio-button",checked:z}),e.jsx(r.TitleRegular,{style:{color:c.COLORS.content.secondary,marginBottom:4},children:g}),W&&e.jsx("div",{style:{marginLeft:"auto"},children:e.jsx(d.Tag,{tagText:"Current plan",type:"positive",theme:"dark"})})]}),A?e.jsx(e.Fragment,{}):e.jsxs("div",{className:"price-block",children:[v?e.jsx(r.BodyCaption,{className:"old--price",children:E(x.price)}):e.jsx(e.Fragment,{}),e.jsx(r.TitleLarge,{style:{color:c.COLORS.content.primary},children:E(v||x.price)}),e.jsx(r.Caption,{style:{color:c.COLORS.content.secondary,marginLeft:4},children:S?"":"/ "+(B?"month":I?"month billed annually":"year")})]}),O&&e.jsxs("div",{className:"per-message-price",children:[e.jsx(r.BodyCaption,{style:{color:c.COLORS.content.secondary},children:O}),N&&e.jsx(r.BodyCaption,{style:{color:c.COLORS.background.positive.vibrant,marginLeft:4},children:N})]}),_&&_.length&&e.jsx("div",{style:{marginTop:4},children:_.map(((t,s)=>e.jsx(r.BodyCaption,{style:{color:c.COLORS.content.secondary},dangerouslySetInnerHTML:{__html:t}},s)))}),f&&e.jsxs(r.Caption,{className:"trial "+(b?"selected":""),children:["7 day free trial with ",L," messages"]}),P&&e.jsx(r.Caption,{className:"trial "+(b?"selected":""),children:P}),e.jsx(r.TitleSmall,{className:"extra-include-margin",style:{height:D?"":"20px"},children:D||""}),e.jsx("div",{className:"features",style:{minHeight:U},children:m.map(((t,i)=>e.jsxs("div",{className:"feature",children:[e.jsx("div",{children:e.jsx(s.default,{height:20,width:20,color:c.COLORS.content.primary})}),e.jsx(r.BodyCaption,{className:"feature-text",children:t.detail},i)]},t.detail)))}),$&&e.jsx(n.Button,{isLoading:!1,buttonType:"tertiary",buttonText:"See all features",size:"small",onClick:e=>{e.stopPropagation(),H&&H()}}),R&&e.jsx("div",{className:"button-box",children:k?e.jsx(n.Button,{isLoading:!0,buttonType:"primary",buttonText:"Choose plan",size:"medium",matchParentWidth:!0}):e.jsxs(e.Fragment,{children:[b&&e.jsx(n.Button,{disabled:C,LeadingIcon:t.default,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:w||"Selected Plan"}),!b&&!C&&e.jsx(n.Button,{buttonType:"primary",size:"medium",onClick:e=>{e.stopPropagation(),T(j)},matchParentWidth:!0,buttonText:w||"Choose plan"})]})}),q&&e.jsxs("div",{className:"popular-testimony",children:[e.jsx(i.default,{height:26,width:70}),e.jsx("div",{className:"testimony-text",children:e.jsx("i",{children:q})})]})]}),M&&e.jsx("div",{className:`plan-bottom-information\n\t\t\t\t\t${C?"disabled":""}\n\t\t\t\t\t${b?"selected":""}\n\t\t\t\t`,children:e.jsx(r.Caption,{className:"text",style:{color:c.COLORS.background.inverse},children:M})})]})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/check.svg.js"),t=require("../../assets/icons/checkCircle.svg.js"),i=require("../../assets/icons/quotes.svg.js"),a=require("../../assets/icons/WhiteStarFilled.svg.js"),n=require("../button/Button.js"),o=require("./SubscriptionPlanStyled.js"),r=require("../TypographyStyle.js"),l=require("../../hooks/useCurreny.js"),c=require("../../constants/Theme.js"),d=require("../tag/Tag.js"),h=require("../tooltips/Tooltip.js");exports.NewSubscriptionPlan=u=>{var j;const{formatCurrency:p}=l.useCurrency(),g=u.showMonthlyOptions?u.features:u.annualFeatures||[],m=u.showMonthlyOptions?u.monthlyPlan:u.yearlyPlan,x=!u.isDisabled&&u.isMostPopular,b=u.showMonthlyOptions?u.code:null!==(j=u.yearlyCode)&&void 0!==j?j:u.code,{planName:y,isSelected:O=!1,isDisabled:C=!1,onPlanSelect:v,oldPrice:T,hideMonthYearTag:S,planDescription:N,planDescriptionDiscount:f,showTrialOptions:L,freeTrialMessages:P,extraBlockMessage:k,isLoading:w,buttonText:M,bottomDescription:B,showMonthlyOptions:q,popularTestimony:R,skipRadioSelection:D=!1,includeText:F,height:$,showFeaturesButton:_,businessDescription:z,isPlanSelected:H=!1,onClickShowAllFeatures:W,showSelectedPlanChip:I=!1,perMonthForYearly:U=!1,minHeightOfFeatures:Y,hoverTooltip:A,hidePriceBlock:E=!1}=u,G=e=>U&&!q?0==e?"$0":p(Math.round(e/12),"USD"):0==e?"$0":p(e,"USD");return e.jsx(h.Tooltip,Object.assign({body:A},{children:e.jsxs(o.NewSubscriptionStyled,Object.assign({height:$,showMostPopularChip:x||!1,onClick:()=>v(b)},{children:[x&&e.jsxs("div",Object.assign({className:"most-popular-chip"},{children:[e.jsx(r.Caption,Object.assign({className:"popular-text"},{children:"Most popular "})),e.jsx(a.default,{height:12,width:12})]})),e.jsxs("div",Object.assign({className:`box  ${C?"disabled":""} \n\t\t\t\t`},{children:[e.jsxs("div",Object.assign({className:"radio-flex"},{children:[!D&&e.jsx("input",{type:"radio",id:"html",name:"fav_language",value:"HTML",disabled:null!=C&&C,onChange:()=>v(b),className:"radio-button",checked:H}),e.jsx(r.TitleRegular,Object.assign({style:{color:c.COLORS.content.secondary,marginBottom:4}},{children:y})),I&&e.jsx("div",Object.assign({style:{marginLeft:"auto"}},{children:e.jsx(d.Tag,{tagText:"Current plan",type:"positive",theme:"dark"})}))]})),E?e.jsx(e.Fragment,{}):e.jsxs("div",Object.assign({className:"price-block"},{children:[T?e.jsx(r.BodyCaption,Object.assign({className:"old--price"},{children:G(m.price)})):e.jsx(e.Fragment,{}),e.jsx(r.TitleLarge,Object.assign({style:{color:c.COLORS.content.primary}},{children:G(T||m.price)})),e.jsx(r.Caption,Object.assign({style:{color:c.COLORS.content.secondary,marginLeft:4}},{children:S?"":"/ "+(q?"month":U?"month billed annually":"year")}))]})),N&&e.jsxs("div",Object.assign({className:"per-message-price"},{children:[e.jsx(r.BodyCaption,Object.assign({style:{color:c.COLORS.content.secondary}},{children:N})),f&&e.jsx(r.BodyCaption,Object.assign({style:{color:c.COLORS.background.positive.vibrant,marginLeft:4}},{children:f}))]})),z&&z.length&&e.jsx("div",Object.assign({style:{marginTop:4}},{children:z.map(((s,t)=>e.jsx(r.BodyCaption,{style:{color:c.COLORS.content.secondary},dangerouslySetInnerHTML:{__html:s}},t)))})),L&&e.jsxs(r.Caption,Object.assign({className:"trial "+(O?"selected":"")},{children:["7 day free trial with ",P," messages"]})),k&&e.jsx(r.Caption,Object.assign({className:"trial "+(O?"selected":"")},{children:k})),e.jsx(r.TitleSmall,Object.assign({className:"extra-include-margin",style:{height:F?"":"20px"}},{children:F||""})),e.jsx("div",Object.assign({className:"features",style:{minHeight:Y}},{children:g.map(((s,i)=>e.jsxs("div",Object.assign({className:"feature"},{children:[e.jsx("div",{children:e.jsx(t.default,{height:20,width:20,color:c.COLORS.content.primary})}),e.jsx(r.BodyCaption,Object.assign({className:"feature-text"},{children:s.detail}),i)]}),s.detail)))})),_&&e.jsx(n.Button,{isLoading:!1,buttonType:"tertiary",buttonText:"See all features",size:"small",onClick:e=>{e.stopPropagation(),W&&W()}}),D&&e.jsx("div",Object.assign({className:"button-box"},{children:w?e.jsx(n.Button,{isLoading:!0,buttonType:"primary",buttonText:"Choose plan",size:"medium",matchParentWidth:!0}):e.jsxs(e.Fragment,{children:[O&&e.jsx(n.Button,{disabled:C,LeadingIcon:s.default,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:M||"Selected Plan"}),!O&&!C&&e.jsx(n.Button,{buttonType:"primary",size:"medium",onClick:e=>{e.stopPropagation(),v(b)},matchParentWidth:!0,buttonText:M||"Choose plan"})]})})),R&&e.jsxs("div",Object.assign({className:"popular-testimony"},{children:[e.jsx(i.default,{height:26,width:70}),e.jsx("div",Object.assign({className:"testimony-text"},{children:e.jsx("i",{children:R})}))]}))]})),B&&e.jsx("div",Object.assign({className:`plan-bottom-information\n\t\t\t\t\t${C?"disabled":""}\n\t\t\t\t\t${O?"selected":""}\n\t\t\t\t`},{children:e.jsx(r.Caption,Object.assign({className:"text",style:{color:c.COLORS.background.inverse}},{children:B}))}))]}))}))};

package/dist/cjs/components/plans/SubscriptionPlan.d.ts

@@ -1,41 +1,38 @@
-import { FunctionComponent } from 'react';
-
-interface PlanPrice {
-    price: number;
-    discount: number;
-}
-interface PlanFeature {
-    detail: string;
-}
-interface SubscriptionPlanProps {
-    code: string;
-    isMostPopular?: boolean;
-    isDisabled?: boolean;
-    isSelected?: boolean;
-    planName: string;
-    monthlyPlan: PlanPrice;
-    showTrialOptions: boolean;
-    yearlyPlan: PlanPrice;
-    features: PlanFeature[];
-    showMonthly: boolean;
-    planDescription?: string;
-    planDescriptionDiscount?: string;
-    onPlanSelect: (code: string) => void;
-    bottomDescription?: string;
-    freeTrialMessages?: string;
-    extraBlockMessage?: string;
-    isLoading?: boolean;
-    showMonthlyOptions?: boolean;
-    oldPrice?: number;
-    currency?: string;
-    annualFeatures?: PlanFeature[];
-    hideMonthYearTag?: boolean;
-    buttonText?: string;
-    hoverTooltip?: string;
-    hidePriceBlock?: boolean;
-}
-type Props = SubscriptionPlanProps;
-declare const SubscriptionPlan: FunctionComponent<Props>;
-
-export { SubscriptionPlan };
-export type { SubscriptionPlanProps };
+import { FunctionComponent } from 'react';
+interface PlanPrice {
+    price: number;
+    discount: number;
+}
+interface PlanFeature {
+    detail: string;
+}
+export interface SubscriptionPlanProps {
+    code: string;
+    isMostPopular?: boolean;
+    isDisabled?: boolean;
+    isSelected?: boolean;
+    planName: string;
+    monthlyPlan: PlanPrice;
+    showTrialOptions: boolean;
+    yearlyPlan: PlanPrice;
+    features: PlanFeature[];
+    showMonthly: boolean;
+    planDescription?: string;
+    planDescriptionDiscount?: string;
+    onPlanSelect: (code: string) => void;
+    bottomDescription?: string;
+    freeTrialMessages?: string;
+    extraBlockMessage?: string;
+    isLoading?: boolean;
+    showMonthlyOptions?: boolean;
+    oldPrice?: number;
+    currency?: string;
+    annualFeatures?: PlanFeature[];
+    hideMonthYearTag?: boolean;
+    buttonText?: string;
+    hoverTooltip?: string;
+    hidePriceBlock?: boolean;
+}
+type Props = SubscriptionPlanProps;
+export declare const SubscriptionPlan: FunctionComponent<Props>;
+export {};

package/dist/cjs/components/plans/SubscriptionPlan.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/check.svg.js"),s=require("../button/Button.js"),i=require("./SubscriptionPlanStyled.js"),n=require("../TypographyStyle.js"),r=require("../../hooks/useCurreny.js"),a=require("../../constants/Theme.js");exports.SubscriptionPlan=o=>{const{formatCurrency:l}=r.useCurrency(),c=o.showMonthlyOptions?o.features:o.annualFeatures||[],d=o.showMonthlyOptions?o.monthlyPlan:o.yearlyPlan,p=!o.isDisabled&&o.isMostPopular,u=e=>0==e?"$0":l(e,"USD");return e.jsxs(i.SubscriptionPlanStyled,{isManifestPlan:!0,isSelected:o.isSelected||!1,style:{marginTop:p?0:24},children:[p&&e.jsx("div",{className:"most-popular",children:e.jsx(n.Caption,{className:"text",children:"Most popular ⭐️"})}),e.jsxs("div",{className:`box ${o.isSelected?"selected":""} ${o.isDisabled?"disabled":""} ${p?"":"rounded-corners"}\n\t\t\t\t`,children:[e.jsxs("div",{children:[e.jsx(n.TitleRegular,{style:{color:a.COLORS.content.secondary,marginBottom:4},children:o.planName}),o?.hidePriceBlock?e.jsx(e.Fragment,{}):e.jsxs("div",{className:"price-block",children:[o.oldPrice?e.jsx(n.BodyCaption,{className:"old--price",children:u(d.price)}):e.jsx(e.Fragment,{}),e.jsx(n.TitleMedium,{style:{color:a.COLORS.content.primary},children:o.oldPrice?u(o.oldPrice):u(d.price)}),e.jsx(n.BodyPrimary,{style:{color:a.COLORS.content.secondary,marginLeft:4},children:o.hideMonthYearTag?"":"/ "+(o.showMonthlyOptions?"month":"year")})]}),e.jsxs("div",{className:"per-message-price",children:[o.planDescription&&e.jsx(n.BodyCaption,{style:{color:a.COLORS.content.secondary},children:o.planDescription}),o.planDescriptionDiscount&&e.jsx(n.BodyCaption,{style:{color:a.COLORS.background.positive.vibrant,marginLeft:4},children:o.planDescriptionDiscount})]}),o.showTrialOptions&&e.jsxs(n.Caption,{className:"trial "+(o.isSelected?"selected":""),children:["7 day free trial with ",o.freeTrialMessages," messages"]}),o.extraBlockMessage&&e.jsx(n.Caption,{className:"trial "+(o.isSelected?"selected":""),children:o.extraBlockMessage}),e.jsx("div",{className:"features",children:c.map(((s,i)=>e.jsxs("div",{className:"feature",children:[e.jsx("div",{children:e.jsx(t.default,{height:12,width:12,color:a.COLORS.content.primary})}),e.jsx(n.BodyCaption,{className:"feature-text",children:s.detail},i)]},s.detail)))})]}),e.jsx("div",{className:"button-box",children:o.isLoading?e.jsx(s.Button,{isLoading:!0,buttonType:"primary",buttonText:"Choose plan",size:"medium",matchParentWidth:!0}):e.jsxs(e.Fragment,{children:[o.isSelected&&e.jsx(s.Button,{disabled:o.isDisabled,LeadingIcon:t.default,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:o.buttonText||"Selected Plan"}),!o.isSelected&&!o.isDisabled&&e.jsx(s.Button,{buttonType:"primary",size:"medium",onClick:()=>o.onPlanSelect(o.code),matchParentWidth:!0,buttonText:o.buttonText||"Choose plan"})]})})]}),o.bottomDescription&&e.jsx("div",{className:`plan-bottom-information\n\t\t\t\t\t${o.isDisabled?"disabled":""}\n\t\t\t\t\t${o.isSelected?"selected":""}\n\t\t\t\t`,children:e.jsx(n.Caption,{className:"text",style:{color:a.COLORS.background.inverse},children:o.bottomDescription})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/check.svg.js"),t=require("../button/Button.js"),i=require("./SubscriptionPlanStyled.js"),n=require("../TypographyStyle.js"),a=require("../../hooks/useCurreny.js"),r=require("../../constants/Theme.js");exports.SubscriptionPlan=c=>{const{formatCurrency:o}=a.useCurrency(),l=c.showMonthlyOptions?c.features:c.annualFeatures||[],d=c.showMonthlyOptions?c.monthlyPlan:c.yearlyPlan,j=!c.isDisabled&&c.isMostPopular,u=e=>0==e?"$0":o(e,"USD");return e.jsxs(i.SubscriptionPlanStyled,Object.assign({isManifestPlan:!0,isSelected:c.isSelected||!1,style:{marginTop:j?0:24}},{children:[j&&e.jsx("div",Object.assign({className:"most-popular"},{children:e.jsx(n.Caption,Object.assign({className:"text"},{children:"Most popular ⭐️"}))})),e.jsxs("div",Object.assign({className:`box ${c.isSelected?"selected":""} ${c.isDisabled?"disabled":""} ${j?"":"rounded-corners"}\n\t\t\t\t`},{children:[e.jsxs("div",{children:[e.jsx(n.TitleRegular,Object.assign({style:{color:r.COLORS.content.secondary,marginBottom:4}},{children:c.planName})),(null==c?void 0:c.hidePriceBlock)?e.jsx(e.Fragment,{}):e.jsxs("div",Object.assign({className:"price-block"},{children:[c.oldPrice?e.jsx(n.BodyCaption,Object.assign({className:"old--price"},{children:u(d.price)})):e.jsx(e.Fragment,{}),e.jsx(n.TitleMedium,Object.assign({style:{color:r.COLORS.content.primary}},{children:c.oldPrice?u(c.oldPrice):u(d.price)})),e.jsx(n.BodyPrimary,Object.assign({style:{color:r.COLORS.content.secondary,marginLeft:4}},{children:c.hideMonthYearTag?"":"/ "+(c.showMonthlyOptions?"month":"year")}))]})),e.jsxs("div",Object.assign({className:"per-message-price"},{children:[c.planDescription&&e.jsx(n.BodyCaption,Object.assign({style:{color:r.COLORS.content.secondary}},{children:c.planDescription})),c.planDescriptionDiscount&&e.jsx(n.BodyCaption,Object.assign({style:{color:r.COLORS.background.positive.vibrant,marginLeft:4}},{children:c.planDescriptionDiscount}))]})),c.showTrialOptions&&e.jsxs(n.Caption,Object.assign({className:"trial "+(c.isSelected?"selected":"")},{children:["7 day free trial with ",c.freeTrialMessages," messages"]})),c.extraBlockMessage&&e.jsx(n.Caption,Object.assign({className:"trial "+(c.isSelected?"selected":"")},{children:c.extraBlockMessage})),e.jsx("div",Object.assign({className:"features"},{children:l.map(((t,i)=>e.jsxs("div",Object.assign({className:"feature"},{children:[e.jsx("div",{children:e.jsx(s.default,{height:12,width:12,color:r.COLORS.content.primary})}),e.jsx(n.BodyCaption,Object.assign({className:"feature-text"},{children:t.detail}),i)]}),t.detail)))}))]}),e.jsx("div",Object.assign({className:"button-box"},{children:c.isLoading?e.jsx(t.Button,{isLoading:!0,buttonType:"primary",buttonText:"Choose plan",size:"medium",matchParentWidth:!0}):e.jsxs(e.Fragment,{children:[c.isSelected&&e.jsx(t.Button,{disabled:c.isDisabled,LeadingIcon:s.default,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:c.buttonText||"Selected Plan"}),!c.isSelected&&!c.isDisabled&&e.jsx(t.Button,{buttonType:"primary",size:"medium",onClick:()=>c.onPlanSelect(c.code),matchParentWidth:!0,buttonText:c.buttonText||"Choose plan"})]})}))]})),c.bottomDescription&&e.jsx("div",Object.assign({className:`plan-bottom-information\n\t\t\t\t\t${c.isDisabled?"disabled":""}\n\t\t\t\t\t${c.isSelected?"selected":""}\n\t\t\t\t`},{children:e.jsx(n.Caption,Object.assign({className:"text",style:{color:r.COLORS.background.inverse}},{children:c.bottomDescription}))}))]}))};