npm - @bikdotai/bik-component-library - Versions diffs - 0.0.807-beta.2 → 0.0.808-beta.0 - Mend

@bikdotai/bik-component-library 0.0.807-beta.2 → 0.0.808-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1549) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MultiLevelDropdown.js","sources":["../../../../src/components/multi-level-dropdown/MultiLevelDropdown.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { ZeroState } from '@src/components/zeroState/ZeroState';\nimport { COLORS } from '@src/constants/Theme';\nimport { SearchBox } from '../dropdown/OpenedDropdown/components/searchbox/SearchBox';\nimport { Floater } from '../floater';\nimport { MenuList } from './MenuList';\nimport {\n\tDropdownContainer,\n\tNoResultsContainer,\n\tOptionsContainer,\n} from './MultiLevelDropdown.styled';\nimport { MultiLevelDropdownOption, MultiLevelDropdownProps } from './type';\n\nexport const MultiLevelDropdown: React.FC<MultiLevelDropdownProps> = ({\n\toptions,\n\twidth,\n\tisSearchable,\n\tonDropdownItemClick,\n\trefElement,\n\ttopOffset,\n\tleftOffset,\n\tisDropdownOpen,\n\tonDropdownOutsideClick,\n\tallowParentSelection,\n\tmaxLevels,\n\thideGroupLabel,\n}) => {\n\tconst dropdownRef = React.useRef<HTMLDivElement>(null);\n\tconst [filteredOptions, setFilteredOptions] =\n\t\tuseState<MultiLevelDropdownOption[]>(options);\n\n\tconst search = (searchString: string) => {\n\t\tconst queue = Array.isArray(options) ? [...options] : [];\n\t\tconst result: MultiLevelDropdownOption[] = [];\n\n\t\twhile (queue.length > 0) {\n\t\t\tconst current = queue.shift();\n\t\t\tif (\n\t\t\t\tcurrent &&\n\t\t\t\tcurrent.label.toLowerCase().includes(searchString.toLowerCase())\n\t\t\t) {\n\t\t\t\tresult.push(current);\n\t\t\t}\n\t\t\tif (current && 'children' in current && current.children) {\n\t\t\t\tqueue.push(...current.children);\n\t\t\t} else if (current && 'options' in current && current.options) {\n\t\t\t\tqueue.push(...current.options);\n\t\t\t}\n\t\t}\n\n\t\tconst filterOptions = (options: MultiLevelDropdownOption[]) => {\n\t\t\treturn options\n\t\t\t\t.map((option: MultiLevelDropdownOption) => {\n\t\t\t\t\tif (result.includes(option)) {\n\t\t\t\t\t\treturn option;\n\t\t\t\t\t}\n\t\t\t\t\tif ('children' in option && option.children) {\n\t\t\t\t\t\tconst filteredChildren = filterOptions(\n\t\t\t\t\t\t\toption.children as MultiLevelDropdownOption[],\n\t\t\t\t\t\t);\n\t\t\t\t\t\tif (filteredChildren.length > 0) {\n\t\t\t\t\t\t\treturn { ...option, children: filteredChildren };\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tif ('options' in option && option.options) {\n\t\t\t\t\t\tconst filteredOptions = filterOptions(\n\t\t\t\t\t\t\toption.options as MultiLevelDropdownOption[],\n\t\t\t\t\t\t);\n\t\t\t\t\t\tif (filteredOptions.length > 0) {\n\t\t\t\t\t\t\treturn { ...option, options: filteredOptions };\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn null;\n\t\t\t\t})\n\t\t\t\t.filter((option) => option !== null);\n\t\t};\n\n\t\tsetFilteredOptions(filterOptions(options) as MultiLevelDropdownOption[]);\n\t};\n\n\tconst handleClickOutside = (event: MouseEvent) => {\n\t\tif (\n\t\t\tdropdownRef.current &&\n\t\t\t!dropdownRef.current.contains(event.target as Node)\n\t\t) {\n\t\t\tif (onDropdownOutsideClick) {\n\t\t\t\tonDropdownOutsideClick(true);\n\t\t\t}\n\t\t} else {\n\t\t\tif (onDropdownOutsideClick) {\n\t\t\t\tonDropdownOutsideClick(false);\n\t\t\t}\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tif (isDropdownOpen) {\n\t\t\tsearch('');\n\t\t}\n\t}, [isDropdownOpen]);\n\n\tuseEffect(() => {\n\t\tdocument.addEventListener('mousedown', handleClickOutside);\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('mousedown', handleClickOutside);\n\t\t};\n\t}, []);\n\n\tuseEffect(() => {\n\t\tsetFilteredOptions(options);\n\t}, [options]);\n\n\treturn (\n\t\t<Floater\n\t\t\trefElement={refElement}\n\t\t\ttopOffset={topOffset}\n\t\t\tleftOffset={leftOffset}\n\t\t>\n\t\t\t{isDropdownOpen && (\n\t\t\t\t<div\n\t\t\t\t\tref={dropdownRef}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackgroundColor: COLORS.surface.standard,\n\t\t\t\t\t\tzIndex: 99999,\n\t\t\t\t\t\tborderRadius: '8px',\n\t\t\t\t\t\twhiteSpace: 'normal',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<DropdownContainer width={width}>\n\t\t\t\t\t\t{isSearchable && (\n\t\t\t\t\t\t\t<div style={{ padding: '4px', width: width ?? '200px' }}>\n\t\t\t\t\t\t\t\t<SearchBox onSearch={search} version={'2.0'} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<OptionsContainer width={width}>\n\t\t\t\t\t\t\t{(filteredOptions ?? []).length > 0 && (\n\t\t\t\t\t\t\t\t<MenuList\n\t\t\t\t\t\t\t\t\twidth={width ?? '200px'}\n\t\t\t\t\t\t\t\t\tonDropdownItemClick={onDropdownItemClick}\n\t\t\t\t\t\t\t\t\toptions={filteredOptions}\n\t\t\t\t\t\t\t\t\tparents={[]}\n\t\t\t\t\t\t\t\t\tallowParentSelection={allowParentSelection}\n\t\t\t\t\t\t\t\t\tmaxLevels={maxLevels}\n\t\t\t\t\t\t\t\t\thideGroupLabel={hideGroupLabel}\n\t\t\t\t\t\t\t\t\tcurrentLevel={1}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</OptionsContainer>\n\n\t\t\t\t\t\t{(filteredOptions ?? []).length === 0 && (\n\t\t\t\t\t\t\t<NoResultsContainer style={{ width: width ?? '200px' }}>\n\t\t\t\t\t\t\t\t<ZeroState\n\t\t\t\t\t\t\t\t\ttitle=\"No results found!\"\n\t\t\t\t\t\t\t\t\tsubTitle={`Sorry, we are unable to find any results for your search.`}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</NoResultsContainer>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</DropdownContainer>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</Floater>\n\t);\n};\n"],"names":["~~_ref~~","options","width","isSearchable","onDropdownItemClick","refElement","topOffset","leftOffset","isDropdownOpen","onDropdownOutsideClick","allowParentSelection","maxLevels","hideGroupLabel","dropdownRef","React","useRef","filteredOptions","setFilteredOptions","useState","search","searchString","queue","Array","isArray","result","length","current","shift","label","toLowerCase","includes","push","children","filterOptions","map","option","filteredChildren","Object","assign","filter","handleClickOutside","event","contains","target","useEffect","document","addEventListener","removeEventListener","_jsx","Floater","ref","style","backgroundColor","COLORS","surface","standard","zIndex","borderRadius","whiteSpace","_jsxs","DropdownContainer","padding","jsx","SearchBox","onSearch","version","OptionsContainer","MenuList","parents","currentLevel","NoResultsContainer","ZeroState","title","subTitle"],"mappings":"yeAaqEA,~~IAahE~~,~~IAbiEC~~,~~QACrEA~~,~~EAAOC~~,~~MACPA~~,~~EAAKC~~,~~aACLA~~,~~EAAYC~~,~~oBACZA~~,~~EAAmBC~~,~~WACnBA~~,~~EAAUC~~,~~UACVA~~,~~EAASC~~,~~WACTA,EAAUC,eACVA,~~EAAcC,~~uBACdA,EAAsBC,qBACtBA,EAAoBC,UACpBA,EAASC,eACTA,GACAZ,EACA,MAAMa,EAAcC,~~EAAAA,QAAMC,OAAuB,OAC1CC,EAAiBC,GACvBC,EAAQA,SAA6BjB,GAEhCkB,EAAUC,IACf,MAAMC,EAAQC,MAAMC,QAAQtB,GAAW,IAAIA,GAAW,GAChDuB,EAAqC,GAE3C,KAAOH,EAAMI,OAAS,GAAG,CACxB,MAAMC,EAAUL,EAAMM,QAErBD,GACAA,EAAQE,MAAMC,cAAcC,SAASV,EAAaS,gBAElDL,EAAOO,KAAKL,GAETA,GAAW,aAAcA,GAAWA,EAAQM,SAC/CX,EAAMU,QAAQL,EAAQM,UACZN,GAAW,YAAaA,GAAWA,EAAQzB,SACrDoB,EAAMU,QAAQL,EAAQzB,QAEvB,CAED,MAAMgC,EAAiBhC,GACfA,EACLiC,KAAKC,IACL,GAAIX,EAAOM,SAASK,GACnB,OAAOA,EAER,GAAI,aAAcA,GAAUA,EAAOH,SAAU,CAC5C,MAAMI,EAAmBH,EACxBE,EAAOH,UAER,GAAII,EAAiBX,OAAS,EAC7B,OAAAY,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAYH,GAAM,CAAEH,SAAUI,GAE/B,CACD,GAAI,YAAaD,GAAUA,EAAOlC,QAAS,CAC1C,MAAMe,EAAkBiB,EACvBE,EAAOlC,SAER,GAAIe,EAAgBS,OAAS,EAC5B,OAAAY,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAYH,GAAM,CAAElC,QAASe,GAE9B,CACD,OAAO,IAAI,IAEXuB,QAAQJ,GAAsB,OAAXA,IAGtBlB,EAAmBgB,EAAchC,GAAuC,EAGnEuC,EAAsBC,IAE1B5B,EAAYa,UACXb,EAAYa,QAAQgB,SAASD,EAAME,QAEhClC,GACHA,GAAuB,GAGpBA,GACHA,GAAuB,EAExB,EAoBF,OAjBAmC,EAAAA,WAAU,KACLpC,GACHW,EAAO,GACP,GACC,CAACX,IAEJoC,EAAAA,WAAU,KACTC,SAASC,iBAAiB,YAAaN,GAChC,KACNK,SAASE,oBAAoB,YAAaP,EAAmB,IAE5D,IAEHI,EAAAA,WAAU,KACT3B,EAAmBhB,EAAQ,GACzB,CAACA,IAGH+C,MAACC,EAAAA,QACAZ,OAAAC,OAAA,CAAAjC,WAAYA,EACZC,UAAWA,EACXC,WAAYA,GAEX,CAAAyB,SAAAxB,GACAwC,EAAAA,IACC,MAAAX,OAAAC,OAAA,CAAAY,IAAKrC,EACLsC,MAAO,CACNC,gBAAiBC,EAAAA,OAAOC,QAAQC,SAChCC,OAAQ,MACRC,aAAc,MACdC,WAAY,WACZ,CAAA1B,SAED2B,OAACC,oBAAiBvB,OAAAC,OAAA,CAACpC,MAAOA,GACxB,CAAA8B,SAAA,CAAA7B,GACA6C,EAAAA,yBAAKG,MAAO,CAAEU,QAAS,MAAO3D,MAAOA,QAAAA,EAAS,UAC7C,CAAA8B,SAAAgB,EAAAc,IAACC,YAAU,CAAAC,SAAU7C,EAAQ8C,QAAS,WAGxCjB,EAACc,IAAAI,kCAAiBhE,MAAOA,GAAK,CAAA8B,UAC3BhB,QAAAA,EAAmB,IAAIS,OAAS,GACjCuB,EAAAA,IAACmB,EAAAA,SAAQ,CACRjE,MAAOA,QAAAA,EAAS,QAChBE,oBAAqBA,EACrBH,QAASe,EACToD,QAAS,GACT1D,qBAAsBA,EACtBC,UAAWA,EACXC,eAAgBA,EAChByD,aAAc,OAKmB,KAAlCrD,QAAAA,EAAmB,IAAIS,QACxBuB,EAAAA,IAACsB,EAAAA,mBAAkBjC,OAAAC,OAAA,CAACa,MAAO,CAAEjD,MAAOA,QAAAA,EAAS,UAC5C,CAAA8B,SAAAgB,EAAAc,IAACS,YACA,CAAAC,MAAM,oBACNC,~~SAAqE~~,~~0EAOlE~~"}
1	+ {"version":3,"file":"MultiLevelDropdown.js","sources":["../../../../src/components/multi-level-dropdown/MultiLevelDropdown.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { ZeroState } from '@src/components/zeroState/ZeroState';\nimport { COLORS } from '@src/constants/Theme';\nimport { SearchBox } from '../dropdown/OpenedDropdown/components/searchbox/SearchBox';\nimport { Floater } from '../floater';\nimport { MenuList } from './MenuList';\nimport {\n\tDropdownContainer,\n\tNoResultsContainer,\n\tOptionsContainer,\n} from './MultiLevelDropdown.styled';\nimport { MultiLevelDropdownOption, MultiLevelDropdownProps } from './type';\n\nexport const MultiLevelDropdown: React.FC<MultiLevelDropdownProps> = ({\n\toptions,\n\twidth,\n\tisSearchable,\n\tonDropdownItemClick,\n\trefElement,\n\ttopOffset,\n\tleftOffset,\n\tisDropdownOpen,\n\tonDropdownOutsideClick,\n\tallowParentSelection,\n\tmaxLevels,\n\thideGroupLabel,\n}) => {\n\tconst dropdownRef = React.useRef<HTMLDivElement>(null);\n\tconst [filteredOptions, setFilteredOptions] =\n\t\tuseState<MultiLevelDropdownOption[]>(options);\n\n\tconst search = (searchString: string) => {\n\t\tconst queue = Array.isArray(options) ? [...options] : [];\n\t\tconst result: MultiLevelDropdownOption[] = [];\n\n\t\twhile (queue.length > 0) {\n\t\t\tconst current = queue.shift();\n\t\t\tif (\n\t\t\t\tcurrent &&\n\t\t\t\tcurrent.label.toLowerCase().includes(searchString.toLowerCase())\n\t\t\t) {\n\t\t\t\tresult.push(current);\n\t\t\t}\n\t\t\tif (current && 'children' in current && current.children) {\n\t\t\t\tqueue.push(...current.children);\n\t\t\t} else if (current && 'options' in current && current.options) {\n\t\t\t\tqueue.push(...current.options);\n\t\t\t}\n\t\t}\n\n\t\tconst filterOptions = (options: MultiLevelDropdownOption[]) => {\n\t\t\treturn options\n\t\t\t\t.map((option: MultiLevelDropdownOption) => {\n\t\t\t\t\tif (result.includes(option)) {\n\t\t\t\t\t\treturn option;\n\t\t\t\t\t}\n\t\t\t\t\tif ('children' in option && option.children) {\n\t\t\t\t\t\tconst filteredChildren = filterOptions(\n\t\t\t\t\t\t\toption.children as MultiLevelDropdownOption[],\n\t\t\t\t\t\t);\n\t\t\t\t\t\tif (filteredChildren.length > 0) {\n\t\t\t\t\t\t\treturn { ...option, children: filteredChildren };\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tif ('options' in option && option.options) {\n\t\t\t\t\t\tconst filteredOptions = filterOptions(\n\t\t\t\t\t\t\toption.options as MultiLevelDropdownOption[],\n\t\t\t\t\t\t);\n\t\t\t\t\t\tif (filteredOptions.length > 0) {\n\t\t\t\t\t\t\treturn { ...option, options: filteredOptions };\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn null;\n\t\t\t\t})\n\t\t\t\t.filter((option) => option !== null);\n\t\t};\n\n\t\tsetFilteredOptions(filterOptions(options) as MultiLevelDropdownOption[]);\n\t};\n\n\tconst handleClickOutside = (event: MouseEvent) => {\n\t\tif (\n\t\t\tdropdownRef.current &&\n\t\t\t!dropdownRef.current.contains(event.target as Node)\n\t\t) {\n\t\t\tif (onDropdownOutsideClick) {\n\t\t\t\tonDropdownOutsideClick(true);\n\t\t\t}\n\t\t} else {\n\t\t\tif (onDropdownOutsideClick) {\n\t\t\t\tonDropdownOutsideClick(false);\n\t\t\t}\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tif (isDropdownOpen) {\n\t\t\tsearch('');\n\t\t}\n\t}, [isDropdownOpen]);\n\n\tuseEffect(() => {\n\t\tdocument.addEventListener('mousedown', handleClickOutside);\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('mousedown', handleClickOutside);\n\t\t};\n\t}, []);\n\n\tuseEffect(() => {\n\t\tsetFilteredOptions(options);\n\t}, [options]);\n\n\treturn (\n\t\t<Floater\n\t\t\trefElement={refElement}\n\t\t\ttopOffset={topOffset}\n\t\t\tleftOffset={leftOffset}\n\t\t>\n\t\t\t{isDropdownOpen && (\n\t\t\t\t<div\n\t\t\t\t\tref={dropdownRef}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackgroundColor: COLORS.surface.standard,\n\t\t\t\t\t\tzIndex: 99999,\n\t\t\t\t\t\tborderRadius: '8px',\n\t\t\t\t\t\twhiteSpace: 'normal',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<DropdownContainer width={width}>\n\t\t\t\t\t\t{isSearchable && (\n\t\t\t\t\t\t\t<div style={{ padding: '4px', width: width ?? '200px' }}>\n\t\t\t\t\t\t\t\t<SearchBox onSearch={search} version={'2.0'} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<OptionsContainer width={width}>\n\t\t\t\t\t\t\t{(filteredOptions ?? []).length > 0 && (\n\t\t\t\t\t\t\t\t<MenuList\n\t\t\t\t\t\t\t\t\twidth={width ?? '200px'}\n\t\t\t\t\t\t\t\t\tonDropdownItemClick={onDropdownItemClick}\n\t\t\t\t\t\t\t\t\toptions={filteredOptions}\n\t\t\t\t\t\t\t\t\tparents={[]}\n\t\t\t\t\t\t\t\t\tallowParentSelection={allowParentSelection}\n\t\t\t\t\t\t\t\t\tmaxLevels={maxLevels}\n\t\t\t\t\t\t\t\t\thideGroupLabel={hideGroupLabel}\n\t\t\t\t\t\t\t\t\tcurrentLevel={1}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</OptionsContainer>\n\n\t\t\t\t\t\t{(filteredOptions ?? []).length === 0 && (\n\t\t\t\t\t\t\t<NoResultsContainer style={{ width: width ?? '200px' }}>\n\t\t\t\t\t\t\t\t<ZeroState\n\t\t\t\t\t\t\t\t\ttitle=\"No results found!\"\n\t\t\t\t\t\t\t\t\tsubTitle={`Sorry, we are unable to find any results for your search.`}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</NoResultsContainer>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</DropdownContainer>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</Floater>\n\t);\n};\n"],"names":["MultiLevelDropdown","options","width","isSearchable","onDropdownItemClick","refElement","topOffset","leftOffset","isDropdownOpen","onDropdownOutsideClick","allowParentSelection","maxLevels","hideGroupLabel","dropdownRef","React","useRef","filteredOptions","setFilteredOptions","useState","search","searchString","queue","Array","isArray","result","length","current","shift","label","toLowerCase","includes","push","children","filterOptions","map","option","filteredChildren","Object","assign","filter","handleClickOutside","event","contains","target","useEffect","document","addEventListener","removeEventListener","_jsx","Floater","ref","style","backgroundColor","COLORS","surface","standard","zIndex","borderRadius","whiteSpace","_jsxs","DropdownContainer","padding","jsx","SearchBox","onSearch","version","OptionsContainer","MenuList","parents","currentLevel","NoResultsContainer","ZeroState","title","subTitle"],"mappings":"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"}

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

@@ -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 r=i(e);const n=r.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 n=i(e);const r=n.default.div`
 	position: relative;
 	border-radius: 8px;
 	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
 	padding-bottom: 4px;
-`,o=r.default.div`
-	width: ${e=>{let{width:t}=e;return t||"200px"}};
+`,o=n.default.div`
+	width: ${({width:e})=>e||"200px"};
 	max-width: 300px;
 	max-height: 280px;
 	overflow-y: scroll;
@@ -12,24 +12,24 @@
 	&::-webkit-scrollbar {
 		width: 0px;
 	}
-`,d=r.default.div`
+`,d=n.default.div`
 	margin-top: 64px;
 	height: 200px;
-	width: ${e=>{let{width:t}=e;return t||"200px"}};
-`,a=r.default.div`
+	width: ${({width:e})=>e||"200px"};
+`,a=n.default.div`
 	width: 100%;
 	justify-content: center;
 	cursor: pointer;
 	align-items: center;
 	justify-content: space-between;
 	margin: 4px 0;
-`,p=r.default.div`
+`,p=n.default.div`
 	z-index: 1000;
 	position: relative;
 	margin: 0px;
 	padding: 0px;
 	width: 100%;
-`,s=r.default.div`
+`,s=n.default.div`
 	position: relative;
 	padding: 1px 4px;
 	cursor: pointer;
@@ -38,31 +38,31 @@
 	&:focus-within > .submenu {
 		display: block;
 	}
-`,l=r.default.div`
+`,l=n.default.div`
 	position: relative;
 	padding: 4px 8px 4px 8px;
 	transition: background-color 0.2s;
 	width: 100%;
 	border-radius: 8px;
 	justify-content: center;
-	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}};
+	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};
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	&:hover {
-		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}};
+		background-color: ${({isSelected:e,isDisabled:i})=>i?t.COLORS.surface.standard:e?t.COLORS.background.positive.light:t.COLORS.surface.hovered};
 	}
-`,u=r.default.div`
+`,x=n.default.div`
 	display: flex;
 	align-items: center;
 	gap: 8px;
-`,x=r.default.div`
+`,u=n.default.div`
 	z-index: 1001;
 	position: fixed;
 	border-left: 4px solid transparent;
-`,c=r.default.div`
+`,c=n.default.div`
 	margin: 4px;
 	background-color: ${t.COLORS.surface.standard};
 	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
@@ -75,25 +75,25 @@
 	&::-webkit-scrollbar {
 		display: none;
 	}
-`,f=r.default.div`
+`,f=n.default.div`
 	width: 16px;
 	height: 16px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	margin-right: 4px;
-`,g=r.default.div`
+`,g=n.default.div`
 	width: 16px;
 	height: 16px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	margin-left: 4px;
-`,h=r.default.div`
+`,h=n.default.div`
 	width: ${e=>e.width};
-`,b=r.default(x)`
+`,b=n.default(u)`
 	width: ${e=>e.width};
 	top: ${e=>e.top}px;
 	left: ${e=>e.left}px;
-`;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;
+`;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;
 //# sourceMappingURL=MultiLevelDropdown.styled.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MultiLevelDropdown.styled.js","sources":["../../../../src/components/multi-level-dropdown/MultiLevelDropdown.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const DropdownContainer = styled.div<{ width?: string }>`\n\tposition: relative;\n\tborder-radius: 8px;\n\tbox-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);\n\tpadding-bottom: 4px;\n`;\n\nexport const OptionsContainer = styled.div<{ width?: string }>`\n\twidth: ${({ width }) => (width ? width : '200px')};\n\tmax-width: 300px;\n\tmax-height: 280px;\n\toverflow-y: scroll;\n\tpadding: 4px 0 0;\n\t&::-webkit-scrollbar {\n\t\twidth: 0px;\n\t}\n`;\n\nexport const NoResultsContainer = styled.div<{ width?: string }>`\n\tmargin-top: 64px;\n\theight: 200px;\n\twidth: ${({ width }) => (width ? width : '200px')};\n`;\n\nexport const GroupedMenuListContainer = styled.div`\n\twidth: 100%;\n\tjustify-content: center;\n\tcursor: pointer;\n\talign-items: center;\n\tjustify-content: space-between;\n\tmargin: 4px 0;\n`;\n\nexport const StyledMenuList = styled.div`\n\tz-index: 1000;\n\tposition: relative;\n\tmargin: 0px;\n\tpadding: 0px;\n\twidth: 100%;\n`;\n\nexport const MenuItemWrapper = styled.div`\n\tposition: relative;\n\tpadding: 1px 4px;\n\tcursor: pointer;\n\twidth: 100%;\n\t&:hover > .submenu,\n\t&:focus-within > .submenu {\n\t\tdisplay: block;\n\t}\n`;\n\nexport interface MenuItemContainerProps {\n\tisSelected?: boolean;\n\tisHovered?: boolean;\n\tisSubMenuOpen?: boolean;\n\tisDisabled?: boolean;\n}\n\nexport const MenuItemContainer = styled.div<MenuItemContainerProps>`\n\tposition: relative;\n\tpadding: 4px 8px 4px 8px;\n\ttransition: background-color 0.2s;\n\twidth: 100%;\n\tborder-radius: 8px;\n\tjustify-content: center;\n\tbackground-color: ${({ isSelected, isHovered, isSubMenuOpen, isDisabled }) =>\n\t\tisDisabled\n\t\t\t? COLORS.surface.standard\n\t\t\t: isSelected \|\| isSubMenuOpen\n\t\t\t? COLORS.background.positive.light\n\t\t\t: isHovered\n\t\t\t? COLORS.surface.hovered\n\t\t\t: COLORS.surface.standard};\n\tcolor: ${({ isSelected, isSubMenuOpen }) =>\n\t\tisSelected \|\| isSubMenuOpen\n\t\t\t? COLORS.content.positive\n\t\t\t: COLORS.content.primary};\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\n\t&:hover {\n\t\tbackground-color: ${({ isSelected, isDisabled }) =>\n\t\t\tisDisabled\n\t\t\t\t? COLORS.surface.standard\n\t\t\t\t: isSelected\n\t\t\t\t? COLORS.background.positive.light\n\t\t\t\t: COLORS.surface.hovered};\n\t}\n`;\n\nexport const ContentContainer = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n`;\n\nexport const SubMenuWrapper = styled.div`\n\tz-index: 1001;\n\tposition: fixed;\n\tborder-left: 4px solid transparent;\n`;\n\nexport const SubMenuListContainer = styled.div`\n\tmargin: 4px;\n\tbackground-color: ${COLORS.surface.standard};\n\tbox-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);\n\tborder-radius: 8px;\n\tpadding-top: 4px;\n\tmax-height: 480px;\n\tpadding-bottom: 4px;\n\toverflow-y: scroll;\n\n\t&::-webkit-scrollbar {\n\t\tdisplay: none;\n\t}\n`;\n\nexport const LeadingIconContainer = styled.div`\n\twidth: 16px;\n\theight: 16px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmargin-right: 4px;\n`;\n\nexport const TrailingIconContainer = styled.div`\n\twidth: 16px;\n\theight: 16px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmargin-left: 4px;\n`;\n\nexport const SubMenuContainer = styled.div<{ width: string }>`\n\twidth: ${(props) => props.width};\n`;\n\nexport const StyledSubMenuWrapper = styled(SubMenuWrapper)<{\n\twidth: string;\n\ttop: number;\n\tleft: number;\n}>`\n\twidth: ${(props) => props.width};\n\ttop: ${(props) => props.top}px;\n\tleft: ${(props) => props.left}px;\n`;\n"],"names":["DropdownContainer","styled","div","OptionsContainer","~~_ref","~~width","NoResultsContainer","~~_ref2","~~GroupedMenuListContainer","StyledMenuList","MenuItemWrapper","MenuItemContainer","~~_ref3","~~isSelected","isHovered","isSubMenuOpen","isDisabled","COLORS","surface","standard","background","positive","light","hovered","~~_ref4","~~content","primary","~~_ref5","~~ContentContainer","SubMenuWrapper","SubMenuListContainer","LeadingIconContainer","TrailingIconContainer","SubMenuContainer","props","StyledSubMenuWrapper","top","left"],"mappings":"gOAGaA,MAAAA,EAAoBC,EAAM,QAACC,GAAuB;;;;;EAOlDC,EAAmBF,EAAM,QAACC,GAAuB;~~UACpDE~~,~~IAAA~~,~~IAACC~~,~~MAAEA,GAAOD,EAAA,OAAMC,~~GAAgB~~,OAAO~~;;;;;;;;~~EAUpCC~~,~~EAAqBL~~,EAAM,QAACC,GAAuB;;;~~UAGtDK~~,~~IAAA~~,~~IAACF~~,~~MAAEA,GAAOE,EAAA,OAAMF,~~GAAgB~~,OAAO~~;~~EAGpCG~~,~~EAA2BP~~,EAAM,QAACC,GAAG;;;;;;;~~EASrCO~~,~~EAAiBR~~,EAAM,QAACC,GAAG;;;;;;~~EAQ3BQ~~,~~EAAkBT~~,EAAM,QAACC,GAAG;;;;;;;;;~~EAkB5BS~~,~~EAAoBV~~,EAAM,QAACC,GAA2B;;;;;;;~~qBAO9CU~~,~~IAAA~~,~~IAACC~~,~~WAAEA~~,~~EAAUC~~,~~UAAEA~~,~~EAASC,cAAEA,EAAaC,WAAEA,GAAYJ,EAAA,OACxEI,~~EACGC,EAAAA,OAAOC,QAAQC,SACfN,GAAcE,EACdE,EAAAA,OAAOG,WAAWC,SAASC,MAC3BR,EACAG,SAAOC,QAAQK,QACfN,EAAMA,OAACC,QAAQC~~,QAAQ~~;~~UAClBK~~,~~IAAA~~,~~IAACX~~,~~WAAEA~~,~~EAAUE,cAAEA,GAAeS,EAAA,OACtCX,~~GAAcE,EACXE,~~SAAOQ~~,~~QAAQJ~~,SACfJ,EAAMA,~~OAACQ~~,QAAQC~~,OAAO~~;;;;;;~~sBAMLC~~,~~IAAA~~,~~IAACd~~,~~WAAEA~~,~~EAAUG,WAAEA,GAAYW,EAAA,OAC9CX,~~EACGC,EAAMA,OAACC,QAAQC,SACfN,EACAI,EAAAA,OAAOG,WAAWC,SAASC,MAC3BL,SAAOC,QAAQK~~,OAAO~~;;~~EAIfK~~,~~EAAmB3B~~,EAAM,QAACC,GAAG;;;;~~EAM7B2B~~,~~EAAiB5B~~,EAAM,QAACC,GAAG;;;;~~EAM3B4B~~,~~EAAuB7B~~,EAAM,QAACC,GAAG;;~~qBAEzBe~~,EAAMA,OAACC,QAAQC;;;;;;;;;;;~~EAavBY~~,~~EAAuB9B~~,EAAM,QAACC,GAAG;;;;;;;~~EASjC8B~~,~~EAAwB/B~~,EAAM,QAACC,GAAG;;;;;;;~~EASlC+B~~,~~EAAmBhC~~,EAAM,QAACC,GAAsB;~~UAClDgC~~,GAAUA,~~EAAM7B~~;~~EAGd8B~~,~~EAAuBlC~~,EAAAA,~~QAAO4B~~,EAIzC;UACSK,GAAUA,~~EAAM7B~~;~~QAClB6B~~,GAAUA,EAAME;SACfF,GAAUA,EAAMG;"}
1	+ {"version":3,"file":"MultiLevelDropdown.styled.js","sources":["../../../../src/components/multi-level-dropdown/MultiLevelDropdown.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const DropdownContainer = styled.div<{ width?: string }>`\n\tposition: relative;\n\tborder-radius: 8px;\n\tbox-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);\n\tpadding-bottom: 4px;\n`;\n\nexport const OptionsContainer = styled.div<{ width?: string }>`\n\twidth: ${({ width }) => (width ? width : '200px')};\n\tmax-width: 300px;\n\tmax-height: 280px;\n\toverflow-y: scroll;\n\tpadding: 4px 0 0;\n\t&::-webkit-scrollbar {\n\t\twidth: 0px;\n\t}\n`;\n\nexport const NoResultsContainer = styled.div<{ width?: string }>`\n\tmargin-top: 64px;\n\theight: 200px;\n\twidth: ${({ width }) => (width ? width : '200px')};\n`;\n\nexport const GroupedMenuListContainer = styled.div`\n\twidth: 100%;\n\tjustify-content: center;\n\tcursor: pointer;\n\talign-items: center;\n\tjustify-content: space-between;\n\tmargin: 4px 0;\n`;\n\nexport const StyledMenuList = styled.div`\n\tz-index: 1000;\n\tposition: relative;\n\tmargin: 0px;\n\tpadding: 0px;\n\twidth: 100%;\n`;\n\nexport const MenuItemWrapper = styled.div`\n\tposition: relative;\n\tpadding: 1px 4px;\n\tcursor: pointer;\n\twidth: 100%;\n\t&:hover > .submenu,\n\t&:focus-within > .submenu {\n\t\tdisplay: block;\n\t}\n`;\n\nexport interface MenuItemContainerProps {\n\tisSelected?: boolean;\n\tisHovered?: boolean;\n\tisSubMenuOpen?: boolean;\n\tisDisabled?: boolean;\n}\n\nexport const MenuItemContainer = styled.div<MenuItemContainerProps>`\n\tposition: relative;\n\tpadding: 4px 8px 4px 8px;\n\ttransition: background-color 0.2s;\n\twidth: 100%;\n\tborder-radius: 8px;\n\tjustify-content: center;\n\tbackground-color: ${({ isSelected, isHovered, isSubMenuOpen, isDisabled }) =>\n\t\tisDisabled\n\t\t\t? COLORS.surface.standard\n\t\t\t: isSelected \|\| isSubMenuOpen\n\t\t\t? COLORS.background.positive.light\n\t\t\t: isHovered\n\t\t\t? COLORS.surface.hovered\n\t\t\t: COLORS.surface.standard};\n\tcolor: ${({ isSelected, isSubMenuOpen }) =>\n\t\tisSelected \|\| isSubMenuOpen\n\t\t\t? COLORS.content.positive\n\t\t\t: COLORS.content.primary};\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\n\t&:hover {\n\t\tbackground-color: ${({ isSelected, isDisabled }) =>\n\t\t\tisDisabled\n\t\t\t\t? COLORS.surface.standard\n\t\t\t\t: isSelected\n\t\t\t\t? COLORS.background.positive.light\n\t\t\t\t: COLORS.surface.hovered};\n\t}\n`;\n\nexport const ContentContainer = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n`;\n\nexport const SubMenuWrapper = styled.div`\n\tz-index: 1001;\n\tposition: fixed;\n\tborder-left: 4px solid transparent;\n`;\n\nexport const SubMenuListContainer = styled.div`\n\tmargin: 4px;\n\tbackground-color: ${COLORS.surface.standard};\n\tbox-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);\n\tborder-radius: 8px;\n\tpadding-top: 4px;\n\tmax-height: 480px;\n\tpadding-bottom: 4px;\n\toverflow-y: scroll;\n\n\t&::-webkit-scrollbar {\n\t\tdisplay: none;\n\t}\n`;\n\nexport const LeadingIconContainer = styled.div`\n\twidth: 16px;\n\theight: 16px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmargin-right: 4px;\n`;\n\nexport const TrailingIconContainer = styled.div`\n\twidth: 16px;\n\theight: 16px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmargin-left: 4px;\n`;\n\nexport const SubMenuContainer = styled.div<{ width: string }>`\n\twidth: ${(props) => props.width};\n`;\n\nexport const StyledSubMenuWrapper = styled(SubMenuWrapper)<{\n\twidth: string;\n\ttop: number;\n\tleft: number;\n}>`\n\twidth: ${(props) => props.width};\n\ttop: ${(props) => props.top}px;\n\tleft: ${(props) => props.left}px;\n`;\n"],"names":["DropdownContainer","styled","div","OptionsContainer","width","NoResultsContainer","GroupedMenuListContainer","StyledMenuList","MenuItemWrapper","MenuItemContainer","isSelected","isHovered","isSubMenuOpen","isDisabled","COLORS","surface","standard","background","positive","light","hovered","content","primary","ContentContainer","SubMenuWrapper","SubMenuListContainer","LeadingIconContainer","TrailingIconContainer","SubMenuContainer","props","StyledSubMenuWrapper","top","left"],"mappings":"gOAGaA,MAAAA,EAAoBC,EAAM,QAACC,GAAuB;;;;;EAOlDC,EAAmBF,EAAM,QAACC,GAAuB;UACpD,EAAGE,WAAaA,GAAgB;;;;;;;;EAU7BC,EAAqBJ,EAAM,QAACC,GAAuB;;;UAGtD,EAAGE,WAAaA,GAAgB;EAG7BE,EAA2BL,EAAM,QAACC,GAAG;;;;;;;EASrCK,EAAiBN,EAAM,QAACC,GAAG;;;;;;EAQ3BM,EAAkBP,EAAM,QAACC,GAAG;;;;;;;;;EAkB5BO,EAAoBR,EAAM,QAACC,GAA2B;;;;;;;qBAO9C,EAAGQ,aAAYC,YAAWC,gBAAeC,gBAC5DA,EACGC,EAAAA,OAAOC,QAAQC,SACfN,GAAcE,EACdE,EAAAA,OAAOG,WAAWC,SAASC,MAC3BR,EACAG,SAAOC,QAAQK,QACfN,EAAMA,OAACC,QAAQC;UACV,EAAGN,aAAYE,mBACvBF,GAAcE,EACXE,SAAOO,QAAQH,SACfJ,EAAMA,OAACO,QAAQC;;;;;;sBAME,EAAGZ,aAAYG,gBAClCA,EACGC,EAAMA,OAACC,QAAQC,SACfN,EACAI,EAAAA,OAAOG,WAAWC,SAASC,MAC3BL,SAAOC,QAAQK;;EAIRG,EAAmBtB,EAAM,QAACC,GAAG;;;;EAM7BsB,EAAiBvB,EAAM,QAACC,GAAG;;;;EAM3BuB,EAAuBxB,EAAM,QAACC,GAAG;;qBAEzBY,EAAMA,OAACC,QAAQC;;;;;;;;;;;EAavBU,EAAuBzB,EAAM,QAACC,GAAG;;;;;;;EASjCyB,EAAwB1B,EAAM,QAACC,GAAG;;;;;;;EASlC0B,EAAmB3B,EAAM,QAACC,GAAsB;UAClD2B,GAAUA,EAAMzB;EAGd0B,EAAuB7B,EAAAA,QAAOuB,EAIzC;UACSK,GAAUA,EAAMzB;QAClByB,GAAUA,EAAME;SACfF,GAAUA,EAAMG;"}

package/dist/cjs/components/navigation-hyperlink/NavigationHyperlink.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationHyperlink.js","sources":["../../../../src/components/navigation-hyperlink/NavigationHyperlink.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport styled from 'styled-components';\n\nexport interface NavigationHyperlinkProps {\n\trouter: any;\n\thref: string;\n\tchildren?: ReactNode;\n\tnewTab?: boolean;\n}\n\nexport const NavigationHyperlink: React.FC<NavigationHyperlinkProps> = (\n\tnavigationHyperlinkProps,\n) => {\n\tconst { router, href, newTab } = navigationHyperlinkProps;\n\n\tconst onNavigation = (event) => {\n\t\tconst isExternal = href.includes('http');\n\t\tif (isExternal) {\n\t\t\tconst openInNewTab = newTab \|\| event.metaKey ? '_blank' : '_self';\n\t\t\twindow.open(href, openInNewTab);\n\t\t} else {\n\t\t\tconst formattedHref = `${href.startsWith('/') ? '' : '/'}${href}`;\n\t\t\tif (!event.metaKey) {\n\t\t\t\tif (router) {\n\t\t\t\t\trouter.push(window.location.origin + formattedHref);\n\t\t\t\t} else {\n\t\t\t\t\twindow.open(window.location.origin + formattedHref, '_self');\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\twindow.open(window.location.origin + formattedHref, '_blank');\n\t\t\t}\n\t\t}\n\t};\n\n\treturn (\n\t\t<NaLinkWrapper onClick={onNavigation}>\n\t\t\t{navigationHyperlinkProps.children}\n\t\t</NaLinkWrapper>\n\t);\n};\n\nexport const NaLinkWrapper = styled.div`\n\t//\tdisplay: inline-block;\n`;\n"],"names":["NavigationHyperlink","NaLinkWrapper","div","navigationHyperlinkProps","router","href","newTab","_jsx","Object","assign","onClick","event","includes","openInNewTab","metaKey","window","open","formattedHref","startsWith","location","origin","push","children"],"mappings":"+KAUaA,MA+BAC,kCAAsB,QAACC,GAAG;;sDA9BtCC,IAEA,MAAMC,OAAEA,EAAMC,KAAEA,EAAIC,OAAEA,GAAWH,EAqBjC,OACCI,MAACN,EAAaO,OAAAC,OAAA,CAACC,QApBMC,IAErB,GADmBN,EAAKO,SAAS,QACjB,CACf,MAAMC,EAAeP,GAAUK,EAAMG,QAAU,SAAW,QAC1DC,OAAOC,KAAKX,EAAMQ,EAClB,KAAM,CACN,MAAMI,~~EAAmB~~,~~GAAAZ~~,EAAKa,WAAW,KAAO,GAAK,MAAMb,IACtDM,EAAMG,QAOVC,OAAOC,KAAKD,OAAOI,SAASC,OAASH,EAAe,UANhDb,EACHA,EAAOiB,KAAKN,OAAOI,SAASC,OAASH,GAErCF,OAAOC,KAAKD,OAAOI,SAASC,OAASH,EAAe,QAKtD,IAImC,CAAAK,SAClCnB,EAAyBmB,WACX"}
1	+ {"version":3,"file":"NavigationHyperlink.js","sources":["../../../../src/components/navigation-hyperlink/NavigationHyperlink.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport styled from 'styled-components';\n\nexport interface NavigationHyperlinkProps {\n\trouter: any;\n\thref: string;\n\tchildren?: ReactNode;\n\tnewTab?: boolean;\n}\n\nexport const NavigationHyperlink: React.FC<NavigationHyperlinkProps> = (\n\tnavigationHyperlinkProps,\n) => {\n\tconst { router, href, newTab } = navigationHyperlinkProps;\n\n\tconst onNavigation = (event) => {\n\t\tconst isExternal = href.includes('http');\n\t\tif (isExternal) {\n\t\t\tconst openInNewTab = newTab \|\| event.metaKey ? '_blank' : '_self';\n\t\t\twindow.open(href, openInNewTab);\n\t\t} else {\n\t\t\tconst formattedHref = `${href.startsWith('/') ? '' : '/'}${href}`;\n\t\t\tif (!event.metaKey) {\n\t\t\t\tif (router) {\n\t\t\t\t\trouter.push(window.location.origin + formattedHref);\n\t\t\t\t} else {\n\t\t\t\t\twindow.open(window.location.origin + formattedHref, '_self');\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\twindow.open(window.location.origin + formattedHref, '_blank');\n\t\t\t}\n\t\t}\n\t};\n\n\treturn (\n\t\t<NaLinkWrapper onClick={onNavigation}>\n\t\t\t{navigationHyperlinkProps.children}\n\t\t</NaLinkWrapper>\n\t);\n};\n\nexport const NaLinkWrapper = styled.div`\n\t//\tdisplay: inline-block;\n`;\n"],"names":["NavigationHyperlink","NaLinkWrapper","div","navigationHyperlinkProps","router","href","newTab","_jsx","Object","assign","onClick","event","includes","openInNewTab","metaKey","window","open","formattedHref","startsWith","location","origin","push","children"],"mappings":"+KAUaA,MA+BAC,kCAAsB,QAACC,GAAG;;sDA9BtCC,IAEA,MAAMC,OAAEA,EAAMC,KAAEA,EAAIC,OAAEA,GAAWH,EAqBjC,OACCI,MAACN,EAAaO,OAAAC,OAAA,CAACC,QApBMC,IAErB,GADmBN,EAAKO,SAAS,QACjB,CACf,MAAMC,EAAeP,GAAUK,EAAMG,QAAU,SAAW,QAC1DC,OAAOC,KAAKX,EAAMQ,EAClB,KAAM,CACN,MAAMI,EAAgB,GAAGZ,EAAKa,WAAW,KAAO,GAAK,MAAMb,IACtDM,EAAMG,QAOVC,OAAOC,KAAKD,OAAOI,SAASC,OAASH,EAAe,UANhDb,EACHA,EAAOiB,KAAKN,OAAOI,SAASC,OAASH,GAErCF,OAAOC,KAAKD,OAAOI,SAASC,OAASH,EAAe,QAKtD,IAImC,CAAAK,SAClCnB,EAAyBmB,WACX"}

package/dist/cjs/components/plans/NewSubscriptionPlan.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NewSubscriptionPlan.js","sources":["../../../../src/components/plans/NewSubscriptionPlan.tsx"],"sourcesContent":["import Check from '@src/assets/icons/check.svg';\nimport CheckCircle from '@src/assets/icons/checkCircle.svg';\nimport Quotes from '@src/assets/icons/quotes.svg';\nimport StarFilled from '@src/assets/icons/WhiteStarFilled.svg';\nimport { FunctionComponent } from 'react';\nimport { Button } from '@src/components/button';\nimport { NewSubscriptionStyled } from '@src/components/plans/SubscriptionPlanStyled';\nimport {\n\tBodyCaption,\n\tCaption,\n\tTitleLarge,\n\tTitleRegular,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { useCurrency } from '@src/hooks/useCurreny';\nimport { COLORS } from '@src/constants/Theme';\nimport { Tag } from '../tag';\nimport { Tooltip } from '../tooltips';\nimport { SubscriptionPlanProps } from './SubscriptionPlan';\n\nexport interface NewSubscriptionPlanProps extends SubscriptionPlanProps {\n\tpopularTestimony?: string;\n\tskipRadioSelection?: boolean;\n\tincludeText?: string;\n\theight?: string;\n\tshowFeaturesButton?: boolean;\n\tbusinessDescription?: string[];\n\tyearlyCode?: string;\n\tisPlanSelected?: boolean;\n\tonClickShowAllFeatures?: () => void;\n\tshowSelectedPlanChip?: boolean;\n\tperMonthForYearly?: boolean;\n\tminHeightOfFeatures?: number;\n}\n\ntype Props = NewSubscriptionPlanProps;\n\nexport const NewSubscriptionPlan: FunctionComponent<Props> = (props) => {\n\tconst { formatCurrency } = useCurrency();\n\tconst featureInfo = props.showMonthlyOptions\n\t\t? props.features\n\t\t: props.annualFeatures \|\| [];\n\tconst planInfo = props.showMonthlyOptions\n\t\t? props.monthlyPlan\n\t\t: props.yearlyPlan;\n\tconst showMostPopularChip = !props.isDisabled && props.isMostPopular;\n\tconst codeToReturn = props.showMonthlyOptions\n\t\t? props.code\n\t\t: props.yearlyCode ?? props.code;\n\n\tconst {\n\t\tplanName,\n\t\tisSelected = false,\n\t\tisDisabled = false,\n\t\tonPlanSelect,\n\t\toldPrice,\n\t\thideMonthYearTag,\n\t\tplanDescription,\n\t\tplanDescriptionDiscount,\n\t\tshowTrialOptions,\n\t\tfreeTrialMessages,\n\t\textraBlockMessage,\n\t\tisLoading,\n\t\tbuttonText,\n\t\tbottomDescription,\n\t\tshowMonthlyOptions,\n\t\tpopularTestimony,\n\t\tskipRadioSelection = false,\n\t\tincludeText,\n\t\theight,\n\t\tshowFeaturesButton,\n\t\tbusinessDescription,\n\t\tisPlanSelected = false,\n\t\tonClickShowAllFeatures,\n\t\tshowSelectedPlanChip = false,\n\t\tperMonthForYearly = false,\n\t\tminHeightOfFeatures,\n\t\thoverTooltip,\n\t\thidePriceBlock = false,\n\t} = props;\n\n\tconst handleFormat = (price: number) => {\n\t\tif (perMonthForYearly && !showMonthlyOptions) {\n\t\t\treturn price == 0 ? '$0' : formatCurrency(Math.round(price / 12), 'USD');\n\t\t}\n\t\treturn price == 0 ? '$0' : formatCurrency(price, 'USD');\n\t};\n\n\treturn (\n\t\t<Tooltip body={hoverTooltip}>\n\t\t\t<NewSubscriptionStyled\n\t\t\t\theight={height}\n\t\t\t\tshowMostPopularChip={showMostPopularChip \|\| false}\n\t\t\t\tonClick={() => onPlanSelect(codeToReturn)}\n\t\t\t>\n\t\t\t\t{showMostPopularChip && (\n\t\t\t\t\t<div className={'most-popular-chip'}>\n\t\t\t\t\t\t<Caption className={'popular-text'}>Most popular </Caption>\n\t\t\t\t\t\t<StarFilled height={12} width={12} />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t<div\n\t\t\t\t\tclassName={`box ${isDisabled ? 'disabled' : ''} \n\t\t\t\t`}\n\t\t\t\t>\n\t\t\t\t\t<div className=\"radio-flex\">\n\t\t\t\t\t\t{!skipRadioSelection && (\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\tid=\"html\"\n\t\t\t\t\t\t\t\tname=\"fav_language\"\n\t\t\t\t\t\t\t\tvalue=\"HTML\"\n\t\t\t\t\t\t\t\tdisabled={isDisabled ?? false}\n\t\t\t\t\t\t\t\tonChange={() => onPlanSelect(codeToReturn)}\n\t\t\t\t\t\t\t\tclassName=\"radio-button\"\n\t\t\t\t\t\t\t\tchecked={isPlanSelected}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<TitleRegular\n\t\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginBottom: 4 }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{planName}\n\t\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t\t{showSelectedPlanChip && (\n\t\t\t\t\t\t\t<div style={{ marginLeft: 'auto' }}>\n\t\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\t\ttagText={'Current plan'}\n\t\t\t\t\t\t\t\t\ttype=\"positive\"\n\t\t\t\t\t\t\t\t\ttheme=\"dark\"\n\t\t\t\t\t\t\t\t></Tag>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{!hidePriceBlock ? (\n\t\t\t\t\t\t<div className={'price-block'}>\n\t\t\t\t\t\t\t{oldPrice ? (\n\t\t\t\t\t\t\t\t<BodyCaption className=\"old--price\">\n\t\t\t\t\t\t\t\t\t{handleFormat(planInfo.price)}\n\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<TitleLarge style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\t\t\t{oldPrice\n\t\t\t\t\t\t\t\t\t? handleFormat(oldPrice)\n\t\t\t\t\t\t\t\t\t: handleFormat(planInfo.price)}\n\t\t\t\t\t\t\t</TitleLarge>\n\t\t\t\t\t\t\t<Caption\n\t\t\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginLeft: 4 }}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{hideMonthYearTag\n\t\t\t\t\t\t\t\t\t? ''\n\t\t\t\t\t\t\t\t\t: `/ ${\n\t\t\t\t\t\t\t\t\t\t\tshowMonthlyOptions\n\t\t\t\t\t\t\t\t\t\t\t\t? 'month'\n\t\t\t\t\t\t\t\t\t\t\t\t: perMonthForYearly\n\t\t\t\t\t\t\t\t\t\t\t\t? 'month billed annually'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'year'\n\t\t\t\t\t\t\t\t\t }`}\n\t\t\t\t\t\t\t</Caption>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{planDescription && (\n\t\t\t\t\t\t<div className={'per-message-price'}>\n\t\t\t\t\t\t\t<BodyCaption style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t{planDescription}\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t{planDescriptionDiscount && (\n\t\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tcolor: COLORS.background.positive.vibrant,\n\t\t\t\t\t\t\t\t\t\tmarginLeft: 4,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{planDescriptionDiscount}\n\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{businessDescription && businessDescription.length && (\n\t\t\t\t\t\t<div style={{ marginTop: 4 }}>\n\t\t\t\t\t\t\t{businessDescription.map((item, index) => (\n\t\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary }}\n\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: item }}\n\t\t\t\t\t\t\t\t></BodyCaption>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{showTrialOptions && (\n\t\t\t\t\t\t<Caption className={`trial ${isSelected ? 'selected' : ''}`}>\n\t\t\t\t\t\t\t7 day free trial with {freeTrialMessages} messages\n\t\t\t\t\t\t</Caption>\n\t\t\t\t\t)}\n\t\t\t\t\t{extraBlockMessage && (\n\t\t\t\t\t\t<Caption className={`trial ${isSelected ? 'selected' : ''}`}>\n\t\t\t\t\t\t\t{extraBlockMessage}\n\t\t\t\t\t\t</Caption>\n\t\t\t\t\t)}\n\t\t\t\t\t<TitleSmall\n\t\t\t\t\t\tclassName=\"extra-include-margin\"\n\t\t\t\t\t\tstyle={{ height: includeText ? '' : '20px' }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{includeText ? includeText : ''}\n\t\t\t\t\t</TitleSmall>\n\n\t\t\t\t\t<div className=\"features\" style={{ minHeight: minHeightOfFeatures }}>\n\t\t\t\t\t\t{featureInfo.map((feature, index) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<div className={'feature'} key={feature.detail}>\n\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t<CheckCircle\n\t\t\t\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<BodyCaption key={index} className={'feature-text'}>\n\t\t\t\t\t\t\t\t\t\t{feature.detail}\n\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>\n\t\t\t\t\t{showFeaturesButton && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tisLoading={false}\n\t\t\t\t\t\t\tbuttonType={'tertiary'}\n\t\t\t\t\t\t\tbuttonText={'See all features'}\n\t\t\t\t\t\t\tsize={'small'}\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\tonClickShowAllFeatures ? onClickShowAllFeatures() : '';\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{skipRadioSelection && (\n\t\t\t\t\t\t<div className={'button-box'}>\n\t\t\t\t\t\t\t{isLoading ? (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tisLoading={true}\n\t\t\t\t\t\t\t\t\tbuttonType={'primary'}\n\t\t\t\t\t\t\t\t\tbuttonText={'Choose plan'}\n\t\t\t\t\t\t\t\t\tsize={'medium'}\n\t\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t{isSelected && (\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\t\t\t\t\t\t\tLeadingIcon={Check}\n\t\t\t\t\t\t\t\t\t\t\tbuttonType={'tertiary'}\n\t\t\t\t\t\t\t\t\t\t\tsize={'medium'}\n\t\t\t\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\t\t\t\tbuttonText={buttonText \|\| 'Selected Plan'}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{!isSelected && !isDisabled && (\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\tbuttonType={'primary'}\n\t\t\t\t\t\t\t\t\t\t\tsize={'medium'}\n\t\t\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\t\tonPlanSelect(codeToReturn);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\t\t\t\tbuttonText={buttonText \|\| 'Choose plan'}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{popularTestimony && (\n\t\t\t\t\t\t<div className=\"popular-testimony\">\n\t\t\t\t\t\t\t<Quotes height={26} width={70} />\n\t\t\t\t\t\t\t<div className=\"testimony-text\">\n\t\t\t\t\t\t\t\t<i>{popularTestimony}</i>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t{bottomDescription && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={`plan-bottom-information\n\t\t\t\t\t${isDisabled ? 'disabled' : ''}\n\t\t\t\t\t${isSelected ? 'selected' : ''}\n\t\t\t\t`}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Caption\n\t\t\t\t\t\t\tclassName={'text'}\n\t\t\t\t\t\t\tstyle={{ color: COLORS.background.inverse }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{bottomDescription}\n\t\t\t\t\t\t</Caption>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</NewSubscriptionStyled>\n\t\t</Tooltip>\n\t);\n};\n"],"names":["props","formatCurrency","useCurrency","featureInfo","showMonthlyOptions","features","annualFeatures","planInfo","monthlyPlan","yearlyPlan","showMostPopularChip","isDisabled","isMostPopular","codeToReturn","code","yearlyCode","_a","planName","isSelected","onPlanSelect","oldPrice","hideMonthYearTag","planDescription","planDescriptionDiscount","showTrialOptions","freeTrialMessages","extraBlockMessage","isLoading","buttonText","bottomDescription","popularTestimony","skipRadioSelection","includeText","height","showFeaturesButton","businessDescription","isPlanSelected","onClickShowAllFeatures","showSelectedPlanChip","perMonthForYearly","minHeightOfFeatures","hoverTooltip","hidePriceBlock","handleFormat","price","Math","round","_jsx","Tooltip","Object","assign","body","children","_jsxs","jsxs","NewSubscriptionStyled","onClick","className","jsx","Caption","StarFilled","width","type","id","name","value","disabled","onChange","checked","TitleRegular","style","color","COLORS","content","secondary","marginBottom","marginLeft","Tag","tagText","theme","BodyCaption","_Fragment","TitleLarge","primary","background","positive","vibrant","length","marginTop","map","item","index","dangerouslySetInnerHTML","__html","TitleSmall","minHeight","feature","CheckCircle","detail","Button","buttonType","size","e","stopPropagation","matchParentWidth","LeadingIcon","Check","Quotes","inverse"],"mappings":"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"}
1	+ {"version":3,"file":"NewSubscriptionPlan.js","sources":["../../../../src/components/plans/NewSubscriptionPlan.tsx"],"sourcesContent":["import Check from '@src/assets/icons/check.svg';\nimport CheckCircle from '@src/assets/icons/checkCircle.svg';\nimport Quotes from '@src/assets/icons/quotes.svg';\nimport StarFilled from '@src/assets/icons/WhiteStarFilled.svg';\nimport { FunctionComponent } from 'react';\nimport { Button } from '@src/components/button';\nimport { NewSubscriptionStyled } from '@src/components/plans/SubscriptionPlanStyled';\nimport {\n\tBodyCaption,\n\tCaption,\n\tTitleLarge,\n\tTitleRegular,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { useCurrency } from '@src/hooks/useCurreny';\nimport { COLORS } from '@src/constants/Theme';\nimport { Tag } from '../tag';\nimport { Tooltip } from '../tooltips';\nimport { SubscriptionPlanProps } from './SubscriptionPlan';\n\nexport interface NewSubscriptionPlanProps extends SubscriptionPlanProps {\n\tpopularTestimony?: string;\n\tskipRadioSelection?: boolean;\n\tincludeText?: string;\n\theight?: string;\n\tshowFeaturesButton?: boolean;\n\tbusinessDescription?: string[];\n\tyearlyCode?: string;\n\tisPlanSelected?: boolean;\n\tonClickShowAllFeatures?: () => void;\n\tshowSelectedPlanChip?: boolean;\n\tperMonthForYearly?: boolean;\n\tminHeightOfFeatures?: number;\n}\n\ntype Props = NewSubscriptionPlanProps;\n\nexport const NewSubscriptionPlan: FunctionComponent<Props> = (props) => {\n\tconst { formatCurrency } = useCurrency();\n\tconst featureInfo = props.showMonthlyOptions\n\t\t? props.features\n\t\t: props.annualFeatures \|\| [];\n\tconst planInfo = props.showMonthlyOptions\n\t\t? props.monthlyPlan\n\t\t: props.yearlyPlan;\n\tconst showMostPopularChip = !props.isDisabled && props.isMostPopular;\n\tconst codeToReturn = props.showMonthlyOptions\n\t\t? props.code\n\t\t: props.yearlyCode ?? props.code;\n\n\tconst {\n\t\tplanName,\n\t\tisSelected = false,\n\t\tisDisabled = false,\n\t\tonPlanSelect,\n\t\toldPrice,\n\t\thideMonthYearTag,\n\t\tplanDescription,\n\t\tplanDescriptionDiscount,\n\t\tshowTrialOptions,\n\t\tfreeTrialMessages,\n\t\textraBlockMessage,\n\t\tisLoading,\n\t\tbuttonText,\n\t\tbottomDescription,\n\t\tshowMonthlyOptions,\n\t\tpopularTestimony,\n\t\tskipRadioSelection = false,\n\t\tincludeText,\n\t\theight,\n\t\tshowFeaturesButton,\n\t\tbusinessDescription,\n\t\tisPlanSelected = false,\n\t\tonClickShowAllFeatures,\n\t\tshowSelectedPlanChip = false,\n\t\tperMonthForYearly = false,\n\t\tminHeightOfFeatures,\n\t\thoverTooltip,\n\t\thidePriceBlock = false,\n\t} = props;\n\n\tconst handleFormat = (price: number) => {\n\t\tif (perMonthForYearly && !showMonthlyOptions) {\n\t\t\treturn price == 0 ? '$0' : formatCurrency(Math.round(price / 12), 'USD');\n\t\t}\n\t\treturn price == 0 ? '$0' : formatCurrency(price, 'USD');\n\t};\n\n\treturn (\n\t\t<Tooltip body={hoverTooltip}>\n\t\t\t<NewSubscriptionStyled\n\t\t\t\theight={height}\n\t\t\t\tshowMostPopularChip={showMostPopularChip \|\| false}\n\t\t\t\tonClick={() => onPlanSelect(codeToReturn)}\n\t\t\t>\n\t\t\t\t{showMostPopularChip && (\n\t\t\t\t\t<div className={'most-popular-chip'}>\n\t\t\t\t\t\t<Caption className={'popular-text'}>Most popular </Caption>\n\t\t\t\t\t\t<StarFilled height={12} width={12} />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t<div\n\t\t\t\t\tclassName={`box ${isDisabled ? 'disabled' : ''} \n\t\t\t\t`}\n\t\t\t\t>\n\t\t\t\t\t<div className=\"radio-flex\">\n\t\t\t\t\t\t{!skipRadioSelection && (\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\tid=\"html\"\n\t\t\t\t\t\t\t\tname=\"fav_language\"\n\t\t\t\t\t\t\t\tvalue=\"HTML\"\n\t\t\t\t\t\t\t\tdisabled={isDisabled ?? false}\n\t\t\t\t\t\t\t\tonChange={() => onPlanSelect(codeToReturn)}\n\t\t\t\t\t\t\t\tclassName=\"radio-button\"\n\t\t\t\t\t\t\t\tchecked={isPlanSelected}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<TitleRegular\n\t\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginBottom: 4 }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{planName}\n\t\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t\t{showSelectedPlanChip && (\n\t\t\t\t\t\t\t<div style={{ marginLeft: 'auto' }}>\n\t\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\t\ttagText={'Current plan'}\n\t\t\t\t\t\t\t\t\ttype=\"positive\"\n\t\t\t\t\t\t\t\t\ttheme=\"dark\"\n\t\t\t\t\t\t\t\t></Tag>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{!hidePriceBlock ? (\n\t\t\t\t\t\t<div className={'price-block'}>\n\t\t\t\t\t\t\t{oldPrice ? (\n\t\t\t\t\t\t\t\t<BodyCaption className=\"old--price\">\n\t\t\t\t\t\t\t\t\t{handleFormat(planInfo.price)}\n\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<TitleLarge style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\t\t\t{oldPrice\n\t\t\t\t\t\t\t\t\t? handleFormat(oldPrice)\n\t\t\t\t\t\t\t\t\t: handleFormat(planInfo.price)}\n\t\t\t\t\t\t\t</TitleLarge>\n\t\t\t\t\t\t\t<Caption\n\t\t\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginLeft: 4 }}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{hideMonthYearTag\n\t\t\t\t\t\t\t\t\t? ''\n\t\t\t\t\t\t\t\t\t: `/ ${\n\t\t\t\t\t\t\t\t\t\t\tshowMonthlyOptions\n\t\t\t\t\t\t\t\t\t\t\t\t? 'month'\n\t\t\t\t\t\t\t\t\t\t\t\t: perMonthForYearly\n\t\t\t\t\t\t\t\t\t\t\t\t? 'month billed annually'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'year'\n\t\t\t\t\t\t\t\t\t }`}\n\t\t\t\t\t\t\t</Caption>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{planDescription && (\n\t\t\t\t\t\t<div className={'per-message-price'}>\n\t\t\t\t\t\t\t<BodyCaption style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t{planDescription}\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t{planDescriptionDiscount && (\n\t\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tcolor: COLORS.background.positive.vibrant,\n\t\t\t\t\t\t\t\t\t\tmarginLeft: 4,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{planDescriptionDiscount}\n\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{businessDescription && businessDescription.length && (\n\t\t\t\t\t\t<div style={{ marginTop: 4 }}>\n\t\t\t\t\t\t\t{businessDescription.map((item, index) => (\n\t\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary }}\n\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: item }}\n\t\t\t\t\t\t\t\t></BodyCaption>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{showTrialOptions && (\n\t\t\t\t\t\t<Caption className={`trial ${isSelected ? 'selected' : ''}`}>\n\t\t\t\t\t\t\t7 day free trial with {freeTrialMessages} messages\n\t\t\t\t\t\t</Caption>\n\t\t\t\t\t)}\n\t\t\t\t\t{extraBlockMessage && (\n\t\t\t\t\t\t<Caption className={`trial ${isSelected ? 'selected' : ''}`}>\n\t\t\t\t\t\t\t{extraBlockMessage}\n\t\t\t\t\t\t</Caption>\n\t\t\t\t\t)}\n\t\t\t\t\t<TitleSmall\n\t\t\t\t\t\tclassName=\"extra-include-margin\"\n\t\t\t\t\t\tstyle={{ height: includeText ? '' : '20px' }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{includeText ? includeText : ''}\n\t\t\t\t\t</TitleSmall>\n\n\t\t\t\t\t<div className=\"features\" style={{ minHeight: minHeightOfFeatures }}>\n\t\t\t\t\t\t{featureInfo.map((feature, index) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<div className={'feature'} key={feature.detail}>\n\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t<CheckCircle\n\t\t\t\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<BodyCaption key={index} className={'feature-text'}>\n\t\t\t\t\t\t\t\t\t\t{feature.detail}\n\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>\n\t\t\t\t\t{showFeaturesButton && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tisLoading={false}\n\t\t\t\t\t\t\tbuttonType={'tertiary'}\n\t\t\t\t\t\t\tbuttonText={'See all features'}\n\t\t\t\t\t\t\tsize={'small'}\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\tonClickShowAllFeatures ? onClickShowAllFeatures() : '';\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{skipRadioSelection && (\n\t\t\t\t\t\t<div className={'button-box'}>\n\t\t\t\t\t\t\t{isLoading ? (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tisLoading={true}\n\t\t\t\t\t\t\t\t\tbuttonType={'primary'}\n\t\t\t\t\t\t\t\t\tbuttonText={'Choose plan'}\n\t\t\t\t\t\t\t\t\tsize={'medium'}\n\t\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t{isSelected && (\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\t\t\t\t\t\t\tLeadingIcon={Check}\n\t\t\t\t\t\t\t\t\t\t\tbuttonType={'tertiary'}\n\t\t\t\t\t\t\t\t\t\t\tsize={'medium'}\n\t\t\t\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\t\t\t\tbuttonText={buttonText \|\| 'Selected Plan'}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{!isSelected && !isDisabled && (\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\tbuttonType={'primary'}\n\t\t\t\t\t\t\t\t\t\t\tsize={'medium'}\n\t\t\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\t\tonPlanSelect(codeToReturn);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\t\t\t\tbuttonText={buttonText \|\| 'Choose plan'}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{popularTestimony && (\n\t\t\t\t\t\t<div className=\"popular-testimony\">\n\t\t\t\t\t\t\t<Quotes height={26} width={70} />\n\t\t\t\t\t\t\t<div className=\"testimony-text\">\n\t\t\t\t\t\t\t\t<i>{popularTestimony}</i>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t{bottomDescription && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={`plan-bottom-information\n\t\t\t\t\t${isDisabled ? 'disabled' : ''}\n\t\t\t\t\t${isSelected ? 'selected' : ''}\n\t\t\t\t`}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Caption\n\t\t\t\t\t\t\tclassName={'text'}\n\t\t\t\t\t\t\tstyle={{ color: COLORS.background.inverse }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{bottomDescription}\n\t\t\t\t\t\t</Caption>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</NewSubscriptionStyled>\n\t\t</Tooltip>\n\t);\n};\n"],"names":["props","formatCurrency","useCurrency","featureInfo","showMonthlyOptions","features","annualFeatures","planInfo","monthlyPlan","yearlyPlan","showMostPopularChip","isDisabled","isMostPopular","codeToReturn","code","yearlyCode","_a","planName","isSelected","onPlanSelect","oldPrice","hideMonthYearTag","planDescription","planDescriptionDiscount","showTrialOptions","freeTrialMessages","extraBlockMessage","isLoading","buttonText","bottomDescription","popularTestimony","skipRadioSelection","includeText","height","showFeaturesButton","businessDescription","isPlanSelected","onClickShowAllFeatures","showSelectedPlanChip","perMonthForYearly","minHeightOfFeatures","hoverTooltip","hidePriceBlock","handleFormat","price","Math","round","_jsx","Tooltip","Object","assign","body","children","_jsxs","jsxs","NewSubscriptionStyled","onClick","className","jsx","Caption","StarFilled","width","type","id","name","value","disabled","onChange","checked","TitleRegular","style","color","COLORS","content","secondary","marginBottom","marginLeft","Tag","tagText","theme","BodyCaption","_Fragment","TitleLarge","primary","background","positive","vibrant","length","marginTop","map","item","index","dangerouslySetInnerHTML","__html","TitleSmall","minHeight","feature","CheckCircle","detail","Button","buttonType","size","e","stopPropagation","matchParentWidth","LeadingIcon","Check","Quotes","inverse"],"mappings":"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"}

package/dist/cjs/components/plans/SubscriptionPlan.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SubscriptionPlan.js","sources":["../../../../src/components/plans/SubscriptionPlan.tsx"],"sourcesContent":["import Check from '@src/assets/icons/check.svg';\nimport { FunctionComponent } from 'react';\nimport { Button } from '@src/components/button';\nimport { SubscriptionPlanStyled } from '@src/components/plans/SubscriptionPlanStyled';\nimport {\n\tBodyCaption,\n\tBodyPrimary,\n\tCaption,\n\tTitleMedium,\n\tTitleRegular,\n} from '@src/components/TypographyStyle';\nimport { useCurrency } from '@src/hooks/useCurreny';\nimport { COLORS } from '@src/constants/Theme';\n\ninterface PlanPrice {\n\tprice: number;\n\tdiscount: number;\n}\n\ninterface PlanFeature {\n\tdetail: string;\n}\n\nexport interface SubscriptionPlanProps {\n\tcode: string;\n\tisMostPopular?: boolean;\n\tisDisabled?: boolean;\n\tisSelected?: boolean;\n\tplanName: string;\n\tmonthlyPlan: PlanPrice;\n\tshowTrialOptions: boolean;\n\tyearlyPlan: PlanPrice;\n\tfeatures: PlanFeature[];\n\tshowMonthly: boolean;\n\n\tplanDescription?: string;\n\tplanDescriptionDiscount?: string;\n\n\tonPlanSelect: (code: string) => void;\n\n\tbottomDescription?: string;\n\n\tfreeTrialMessages?: string;\n\textraBlockMessage?: string;\n\n\tisLoading?: boolean;\n\tshowMonthlyOptions?: boolean;\n\toldPrice?: number;\n\tcurrency?: string;\n\tannualFeatures?: PlanFeature[];\n\thideMonthYearTag?: boolean;\n\tbuttonText?: string;\n\thoverTooltip?: string;\n\thidePriceBlock?: boolean;\n}\n\ntype Props = SubscriptionPlanProps;\n\nexport const SubscriptionPlan: FunctionComponent<Props> = (props) => {\n\tconst { formatCurrency } = useCurrency();\n\tconst featureInfo = props.showMonthlyOptions\n\t\t? props.features\n\t\t: props.annualFeatures \|\| [];\n\tconst planInfo = props.showMonthlyOptions\n\t\t? props.monthlyPlan\n\t\t: props.yearlyPlan;\n\tconst showTopBar = !props.isDisabled && props.isMostPopular;\n\n\tconst handleFormat = (price: number) => {\n\t\treturn price == 0 ? '$0' : formatCurrency(price, 'USD');\n\t};\n\n\treturn (\n\t\t<SubscriptionPlanStyled\n\t\t\tisManifestPlan={true}\n\t\t\tisSelected={props.isSelected \|\| false}\n\t\t\tstyle={{ marginTop: showTopBar ? 0 : 24 }}\n\t\t>\n\t\t\t{showTopBar && (\n\t\t\t\t<div className={'most-popular'}>\n\t\t\t\t\t<Caption className={'text'}>Most popular ⭐️</Caption>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div\n\t\t\t\tclassName={`box ${props.isSelected ? 'selected' : ''} ${\n\t\t\t\t\tprops.isDisabled ? 'disabled' : ''\n\t\t\t\t} ${!showTopBar ? 'rounded-corners' : ''}\n\t\t\t\t`}\n\t\t\t>\n\t\t\t\t<div>\n\t\t\t\t\t<TitleRegular\n\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginBottom: 4 }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.planName}\n\t\t\t\t\t</TitleRegular>\n\n\t\t\t\t\t{!props?.hidePriceBlock ? (\n\t\t\t\t\t\t<div className={'price-block'}>\n\t\t\t\t\t\t\t{props.oldPrice ? (\n\t\t\t\t\t\t\t\t<BodyCaption className=\"old--price\">\n\t\t\t\t\t\t\t\t\t{handleFormat(planInfo.price)}\n\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<TitleMedium style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\t\t\t{props.oldPrice\n\t\t\t\t\t\t\t\t\t? handleFormat(props.oldPrice)\n\t\t\t\t\t\t\t\t\t: handleFormat(planInfo.price)}\n\t\t\t\t\t\t\t</TitleMedium>\n\t\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginLeft: 4 }}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{props.hideMonthYearTag\n\t\t\t\t\t\t\t\t\t? ''\n\t\t\t\t\t\t\t\t\t: `/ ${props.showMonthlyOptions ? 'month' : 'year'}`}\n\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div className={'per-message-price'}>\n\t\t\t\t\t\t{props.planDescription && (\n\t\t\t\t\t\t\t<BodyCaption style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t{props.planDescription}\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{props.planDescriptionDiscount && (\n\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: COLORS.background.positive.vibrant,\n\t\t\t\t\t\t\t\t\tmarginLeft: 4,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{props.planDescriptionDiscount}\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{props.showTrialOptions && (\n\t\t\t\t\t\t<Caption className={`trial ${props.isSelected ? 'selected' : ''}`}>\n\t\t\t\t\t\t\t7 day free trial with {props.freeTrialMessages} messages\n\t\t\t\t\t\t</Caption>\n\t\t\t\t\t)}\n\t\t\t\t\t{props.extraBlockMessage && (\n\t\t\t\t\t\t<Caption className={`trial ${props.isSelected ? 'selected' : ''}`}>\n\t\t\t\t\t\t\t{props.extraBlockMessage}\n\t\t\t\t\t\t</Caption>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div className=\"features\">\n\t\t\t\t\t\t{featureInfo.map((feature, index) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<div className={'feature'} key={feature.detail}>\n\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t<Check\n\t\t\t\t\t\t\t\t\t\t\theight={12}\n\t\t\t\t\t\t\t\t\t\t\twidth={12}\n\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<BodyCaption key={index} className={'feature-text'}>\n\t\t\t\t\t\t\t\t\t\t{feature.detail}\n\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div className={'button-box'}>\n\t\t\t\t\t{props.isLoading ? (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tisLoading={true}\n\t\t\t\t\t\t\tbuttonType={'primary'}\n\t\t\t\t\t\t\tbuttonText={'Choose plan'}\n\t\t\t\t\t\t\tsize={'medium'}\n\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{props.isSelected && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tdisabled={props.isDisabled}\n\t\t\t\t\t\t\t\t\tLeadingIcon={Check}\n\t\t\t\t\t\t\t\t\tbuttonType={'tertiary'}\n\t\t\t\t\t\t\t\t\tsize={'medium'}\n\t\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\t\tbuttonText={props.buttonText \|\| 'Selected Plan'}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{!props.isSelected && !props.isDisabled && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tbuttonType={'primary'}\n\t\t\t\t\t\t\t\t\tsize={'medium'}\n\t\t\t\t\t\t\t\t\tonClick={() => props.onPlanSelect(props.code)}\n\t\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\t\tbuttonText={props.buttonText \|\| 'Choose plan'}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{props.bottomDescription && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={`plan-bottom-information\n\t\t\t\t\t${props.isDisabled ? 'disabled' : ''}\n\t\t\t\t\t${props.isSelected ? 'selected' : ''}\n\t\t\t\t`}\n\t\t\t\t>\n\t\t\t\t\t<Caption\n\t\t\t\t\t\tclassName={'text'}\n\t\t\t\t\t\tstyle={{ color: COLORS.background.inverse }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.bottomDescription}\n\t\t\t\t\t</Caption>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</SubscriptionPlanStyled>\n\t);\n};\n"],"names":["props","formatCurrency","useCurrency","featureInfo","showMonthlyOptions","features","annualFeatures","planInfo","monthlyPlan","yearlyPlan","showTopBar","isDisabled","isMostPopular","handleFormat","price","_jsxs","SubscriptionPlanStyled","isManifestPlan","isSelected","style","marginTop","_jsx","Object","assign","className","children","Caption","jsxs","jsx","TitleRegular","color","COLORS","content","secondary","marginBottom","planName","hidePriceBlock","_Fragment","oldPrice","BodyCaption","TitleMedium","primary","BodyPrimary","marginLeft","hideMonthYearTag","planDescription","planDescriptionDiscount","background","positive","vibrant","showTrialOptions","freeTrialMessages","extraBlockMessage","map","feature","index","Check","height","width","detail","isLoading","Button","buttonType","buttonText","size","matchParentWidth","disabled","LeadingIcon","onClick","onPlanSelect","code","bottomDescription","inverse"],"mappings":"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"}
1	+ {"version":3,"file":"SubscriptionPlan.js","sources":["../../../../src/components/plans/SubscriptionPlan.tsx"],"sourcesContent":["import Check from '@src/assets/icons/check.svg';\nimport { FunctionComponent } from 'react';\nimport { Button } from '@src/components/button';\nimport { SubscriptionPlanStyled } from '@src/components/plans/SubscriptionPlanStyled';\nimport {\n\tBodyCaption,\n\tBodyPrimary,\n\tCaption,\n\tTitleMedium,\n\tTitleRegular,\n} from '@src/components/TypographyStyle';\nimport { useCurrency } from '@src/hooks/useCurreny';\nimport { COLORS } from '@src/constants/Theme';\n\ninterface PlanPrice {\n\tprice: number;\n\tdiscount: number;\n}\n\ninterface PlanFeature {\n\tdetail: string;\n}\n\nexport interface SubscriptionPlanProps {\n\tcode: string;\n\tisMostPopular?: boolean;\n\tisDisabled?: boolean;\n\tisSelected?: boolean;\n\tplanName: string;\n\tmonthlyPlan: PlanPrice;\n\tshowTrialOptions: boolean;\n\tyearlyPlan: PlanPrice;\n\tfeatures: PlanFeature[];\n\tshowMonthly: boolean;\n\n\tplanDescription?: string;\n\tplanDescriptionDiscount?: string;\n\n\tonPlanSelect: (code: string) => void;\n\n\tbottomDescription?: string;\n\n\tfreeTrialMessages?: string;\n\textraBlockMessage?: string;\n\n\tisLoading?: boolean;\n\tshowMonthlyOptions?: boolean;\n\toldPrice?: number;\n\tcurrency?: string;\n\tannualFeatures?: PlanFeature[];\n\thideMonthYearTag?: boolean;\n\tbuttonText?: string;\n\thoverTooltip?: string;\n\thidePriceBlock?: boolean;\n}\n\ntype Props = SubscriptionPlanProps;\n\nexport const SubscriptionPlan: FunctionComponent<Props> = (props) => {\n\tconst { formatCurrency } = useCurrency();\n\tconst featureInfo = props.showMonthlyOptions\n\t\t? props.features\n\t\t: props.annualFeatures \|\| [];\n\tconst planInfo = props.showMonthlyOptions\n\t\t? props.monthlyPlan\n\t\t: props.yearlyPlan;\n\tconst showTopBar = !props.isDisabled && props.isMostPopular;\n\n\tconst handleFormat = (price: number) => {\n\t\treturn price == 0 ? '$0' : formatCurrency(price, 'USD');\n\t};\n\n\treturn (\n\t\t<SubscriptionPlanStyled\n\t\t\tisManifestPlan={true}\n\t\t\tisSelected={props.isSelected \|\| false}\n\t\t\tstyle={{ marginTop: showTopBar ? 0 : 24 }}\n\t\t>\n\t\t\t{showTopBar && (\n\t\t\t\t<div className={'most-popular'}>\n\t\t\t\t\t<Caption className={'text'}>Most popular ⭐️</Caption>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div\n\t\t\t\tclassName={`box ${props.isSelected ? 'selected' : ''} ${\n\t\t\t\t\tprops.isDisabled ? 'disabled' : ''\n\t\t\t\t} ${!showTopBar ? 'rounded-corners' : ''}\n\t\t\t\t`}\n\t\t\t>\n\t\t\t\t<div>\n\t\t\t\t\t<TitleRegular\n\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginBottom: 4 }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.planName}\n\t\t\t\t\t</TitleRegular>\n\n\t\t\t\t\t{!props?.hidePriceBlock ? (\n\t\t\t\t\t\t<div className={'price-block'}>\n\t\t\t\t\t\t\t{props.oldPrice ? (\n\t\t\t\t\t\t\t\t<BodyCaption className=\"old--price\">\n\t\t\t\t\t\t\t\t\t{handleFormat(planInfo.price)}\n\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<TitleMedium style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\t\t\t{props.oldPrice\n\t\t\t\t\t\t\t\t\t? handleFormat(props.oldPrice)\n\t\t\t\t\t\t\t\t\t: handleFormat(planInfo.price)}\n\t\t\t\t\t\t\t</TitleMedium>\n\t\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginLeft: 4 }}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{props.hideMonthYearTag\n\t\t\t\t\t\t\t\t\t? ''\n\t\t\t\t\t\t\t\t\t: `/ ${props.showMonthlyOptions ? 'month' : 'year'}`}\n\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div className={'per-message-price'}>\n\t\t\t\t\t\t{props.planDescription && (\n\t\t\t\t\t\t\t<BodyCaption style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t{props.planDescription}\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{props.planDescriptionDiscount && (\n\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: COLORS.background.positive.vibrant,\n\t\t\t\t\t\t\t\t\tmarginLeft: 4,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{props.planDescriptionDiscount}\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{props.showTrialOptions && (\n\t\t\t\t\t\t<Caption className={`trial ${props.isSelected ? 'selected' : ''}`}>\n\t\t\t\t\t\t\t7 day free trial with {props.freeTrialMessages} messages\n\t\t\t\t\t\t</Caption>\n\t\t\t\t\t)}\n\t\t\t\t\t{props.extraBlockMessage && (\n\t\t\t\t\t\t<Caption className={`trial ${props.isSelected ? 'selected' : ''}`}>\n\t\t\t\t\t\t\t{props.extraBlockMessage}\n\t\t\t\t\t\t</Caption>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div className=\"features\">\n\t\t\t\t\t\t{featureInfo.map((feature, index) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<div className={'feature'} key={feature.detail}>\n\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t<Check\n\t\t\t\t\t\t\t\t\t\t\theight={12}\n\t\t\t\t\t\t\t\t\t\t\twidth={12}\n\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<BodyCaption key={index} className={'feature-text'}>\n\t\t\t\t\t\t\t\t\t\t{feature.detail}\n\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div className={'button-box'}>\n\t\t\t\t\t{props.isLoading ? (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tisLoading={true}\n\t\t\t\t\t\t\tbuttonType={'primary'}\n\t\t\t\t\t\t\tbuttonText={'Choose plan'}\n\t\t\t\t\t\t\tsize={'medium'}\n\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{props.isSelected && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tdisabled={props.isDisabled}\n\t\t\t\t\t\t\t\t\tLeadingIcon={Check}\n\t\t\t\t\t\t\t\t\tbuttonType={'tertiary'}\n\t\t\t\t\t\t\t\t\tsize={'medium'}\n\t\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\t\tbuttonText={props.buttonText \|\| 'Selected Plan'}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{!props.isSelected && !props.isDisabled && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tbuttonType={'primary'}\n\t\t\t\t\t\t\t\t\tsize={'medium'}\n\t\t\t\t\t\t\t\t\tonClick={() => props.onPlanSelect(props.code)}\n\t\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\t\tbuttonText={props.buttonText \|\| 'Choose plan'}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{props.bottomDescription && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={`plan-bottom-information\n\t\t\t\t\t${props.isDisabled ? 'disabled' : ''}\n\t\t\t\t\t${props.isSelected ? 'selected' : ''}\n\t\t\t\t`}\n\t\t\t\t>\n\t\t\t\t\t<Caption\n\t\t\t\t\t\tclassName={'text'}\n\t\t\t\t\t\tstyle={{ color: COLORS.background.inverse }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.bottomDescription}\n\t\t\t\t\t</Caption>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</SubscriptionPlanStyled>\n\t);\n};\n"],"names":["props","formatCurrency","useCurrency","featureInfo","showMonthlyOptions","features","annualFeatures","planInfo","monthlyPlan","yearlyPlan","showTopBar","isDisabled","isMostPopular","handleFormat","price","_jsxs","SubscriptionPlanStyled","isManifestPlan","isSelected","style","marginTop","_jsx","Object","assign","className","children","Caption","jsxs","jsx","TitleRegular","color","COLORS","content","secondary","marginBottom","planName","hidePriceBlock","_Fragment","oldPrice","BodyCaption","TitleMedium","primary","BodyPrimary","marginLeft","hideMonthYearTag","planDescription","planDescriptionDiscount","background","positive","vibrant","showTrialOptions","freeTrialMessages","extraBlockMessage","map","feature","index","Check","height","width","detail","isLoading","Button","buttonType","buttonText","size","matchParentWidth","disabled","LeadingIcon","onClick","onPlanSelect","code","bottomDescription","inverse"],"mappings":"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"}

package/dist/cjs/components/plans/SubscriptionPlansCollected.js CHANGED Viewed

@@ -16,5 +16,5 @@
 	&::-webkit-scrollbar-thumb:horizontal {
 		width: 8px;
 	}
-`;exports.SubscriptionPlansCollected=l=>{var n;const[a,o]=t.useState(null!==(n=l.selectedPlan)&&void 0!==n?n:"");return e.jsx(r,Object.assign({style:{padding:"28px 0px 5px 0px"},maxWidth:l.maxWidth},{children:l.plans.map(((n,r)=>{var s,d,c;return e.jsx("div",Object.assign({style:{minWidth:null!==(s=l.staticWidth)&&void 0!==s?s:280,maxWidth:null!==(d=l.staticWidth)&&void 0!==d?d:280}},{children:t.createElement(i.NewSubscriptionPlan,Object.assign({},n,{showMonthly:!0,showMonthlyOptions:null!==(c="monthly"==l.selectedTab)&&void 0!==c&&c,showTrialOptions:l.showTrialOptions||!1,onPlanSelect:e=>{l.onPlanSelect(e),o(e)},key:n.planName,isPlanSelected:a==("monthly"==l.selectedTab?n.code:n.yearlyCode),onClickShowAllFeatures:l.onClickShowAllFeatures,showSelectedPlanChip:l.currentPlan==("monthly"==l.selectedTab?n.code:n.yearlyCode),minHeightOfFeatures:l.minHeightOfFeatures}))}),r)}))}))};
+`;exports.SubscriptionPlansCollected=l=>{var n;const[a,s]=t.useState(null!==(n=l.selectedPlan)&&void 0!==n?n:"");return e.jsx(r,Object.assign({style:{padding:"28px 0px 5px 0px"},maxWidth:l.maxWidth},{children:l.plans.map(((n,r)=>{var o,c;return e.jsx("div",Object.assign({style:{minWidth:null!==(o=l.staticWidth)&&void 0!==o?o:280,maxWidth:null!==(c=l.staticWidth)&&void 0!==c?c:280}},{children:t.createElement(i.NewSubscriptionPlan,Object.assign({},n,{showMonthly:!0,showMonthlyOptions:"monthly"==l.selectedTab,showTrialOptions:l.showTrialOptions||!1,onPlanSelect:e=>{l.onPlanSelect(e),s(e)},key:n.planName,isPlanSelected:a==("monthly"==l.selectedTab?n.code:n.yearlyCode),onClickShowAllFeatures:l.onClickShowAllFeatures,showSelectedPlanChip:l.currentPlan==("monthly"==l.selectedTab?n.code:n.yearlyCode),minHeightOfFeatures:l.minHeightOfFeatures}))}),r)}))}))};
 //# sourceMappingURL=SubscriptionPlansCollected.js.map

package/dist/cjs/components/plans/SubscriptionPlansCollected.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SubscriptionPlansCollected.js","sources":["../../../../src/components/plans/SubscriptionPlansCollected.tsx"],"sourcesContent":["import { FunctionComponent, useState } from 'react';\nimport styled from 'styled-components';\nimport {\n\tNewSubscriptionPlan,\n\tNewSubscriptionPlanProps,\n} from './NewSubscriptionPlan';\n\ntype Props = {\n\tplans: NewSubscriptionPlanProps[];\n\tonPlanSelect: (code: string) => void;\n\tonClickShowAllFeatures?: () => void;\n\tshowTrialOptions?: boolean;\n\tstaticWidth?: string;\n\tselectedTab?: 'monthly' \| 'annually';\n\tselectedPlan?: string;\n\tcurrentPlan?: string;\n\tmaxWidth?: string;\n\tminHeightOfFeatures?: number;\n};\nconst PlanWrapper = styled.div<{ maxWidth?: string }>`\n\tdisplay: flex;\n\tcolumn-gap: 22px;\n\talign-items: stretch;\n\toverflow-x: scroll;\n\tmax-width: ${(props) => props.maxWidth ?? '100%'};\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground: #888;\n\t\tborder-radius: 8px;\n\t}\n\t&::-webkit-scrollbar {\n\t\theight: 5px;\n\t\tdisplay: block;\n\t\twidth: 8px;\n\t}\n\t&::-webkit-scrollbar-thumb:horizontal {\n\t\twidth: 8px;\n\t}\n`;\n\nexport const SubscriptionPlansCollected: FunctionComponent<Props> = (props) => {\n\tconst [planSelected, setPlanSelected] = useState<string \| undefined>(\n\t\tprops.selectedPlan ?? '',\n\t);\n\treturn (\n\t\t<PlanWrapper\n\t\t\tstyle={{ padding: '28px 0px 5px 0px' }}\n\t\t\tmaxWidth={props.maxWidth}\n\t\t>\n\t\t\t{props.plans.map((prop, index) => {\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tminWidth: props.staticWidth ?? 280,\n\t\t\t\t\t\t\tmaxWidth: props.staticWidth ?? 280,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t>\n\t\t\t\t\t\t<NewSubscriptionPlan\n\t\t\t\t\t\t\t{...prop}\n\t\t\t\t\t\t\tshowMonthly={true}\n\t\t\t\t\t\t\tshowMonthlyOptions={props.selectedTab == 'monthly' ~~?? false~~}\n\t\t\t\t\t\t\tshowTrialOptions={props.showTrialOptions \|\| false}\n\t\t\t\t\t\t\tonPlanSelect={(code: string) => {\n\t\t\t\t\t\t\t\tprops.onPlanSelect(code);\n\t\t\t\t\t\t\t\tsetPlanSelected(code);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tkey={prop.planName}\n\t\t\t\t\t\t\tisPlanSelected={\n\t\t\t\t\t\t\t\tplanSelected ==\n\t\t\t\t\t\t\t\t(props.selectedTab == 'monthly' ? prop.code : prop.yearlyCode)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonClickShowAllFeatures={props.onClickShowAllFeatures}\n\t\t\t\t\t\t\tshowSelectedPlanChip={\n\t\t\t\t\t\t\t\tprops.currentPlan ==\n\t\t\t\t\t\t\t\t(props.selectedTab == 'monthly' ? prop.code : prop.yearlyCode)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tminHeightOfFeatures={props.minHeightOfFeatures}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</PlanWrapper>\n\t);\n};\n"],"names":["PlanWrapper","div","props","_a","maxWidth","planSelected","setPlanSelected","useState","selectedPlan","_jsx","Object","assign","style","padding","children","plans","map","prop","index","minWidth","staticWidth","_b","_createElement","createElement","NewSubscriptionPlan","showMonthly","showMonthlyOptions","~~_c","~~selectedTab","showTrialOptions","onPlanSelect","code","key","planName","isPlanSelected","yearlyCode","onClickShowAllFeatures","showSelectedPlanChip","currentPlan","minHeightOfFeatures"],"mappings":"uQAmBA,MAAMA,OAAoB,QAACC,GAA0B;;;;;cAKtCC,IAAS,IAAAC,EAAC,OAAc,QAAdA,EAAAD,EAAME,gBAAQ,IAAAD,EAAAA,EAAI,MAAM;;;;;;;;;;;;;qCAeoBD,UACpE,MAAOG,EAAcC,GAAmBC,EAAQA,SACzB,QAAtBJ,EAAAD,EAAMM,oBAAgB,IAAAL,EAAAA,EAAA,IAEvB,OACCM,MAACT,EAAWU,OAAAC,OAAA,CACXC,MAAO,CAAEC,QAAS,oBAClBT,SAAUF,EAAME,UAAQ,CAAAU,SAEvBZ,EAAMa,MAAMC,KAAI,CAACC,EAAMC,~~eACvB~~,OACCT,MACC,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CACNO,iBAAUhB,EAAAD,EAAMkB,2BAAe,IAC/BhB,iBAAUiB,EAAAnB,EAAMkB,2BAAe,MAC/B,CAAAN,SAGDQ,EAACC,cAAAC,EAAmBA,oBACfd,OAAAC,OAAA,CAAA,EAAAM,~~GACJQ~~,aAAa,EACbC,~~mBAAkD~~,~~QAA9BC~~,~~EAAqB~~,~~WAArBzB~~,EAAM0B,~~mBAAwB,IAAAD,GAAAA,EAClDE,iBAAkB3B,EAAM2B,~~mBAAoB,EAC5CC,aAAeC,~~IACd7B~~,~~EAAM4B~~,aAAaC,~~GACnBzB~~,~~EAAgByB~~,EAAK,EAEtBC,~~IAAKf~~,~~EAAKgB~~,SACVC,~~eACC7B~~,IACsB,WAArBH,~~EAAM0B~~,~~YAA2BX~~,~~EAAKc~~,~~KAAOd~~,~~EAAKkB~~,YAEpDC,~~uBAAwBlC~~,~~EAAMkC~~,uBAC9BC,~~qBACCnC~~,~~EAAMoC~~,cACgB,~~WAArBpC~~,~~EAAM0B~~,~~YAA2BX~~,~~EAAKc~~,~~KAAOd~~,~~EAAKkB~~,YAEpDI,~~oBAAqBrC~~,~~EAAMqC~~,~~yBArBvBrB~~,EAuBA,MAGK"}
1	+ {"version":3,"file":"SubscriptionPlansCollected.js","sources":["../../../../src/components/plans/SubscriptionPlansCollected.tsx"],"sourcesContent":["import { FunctionComponent, useState } from 'react';\nimport styled from 'styled-components';\nimport {\n\tNewSubscriptionPlan,\n\tNewSubscriptionPlanProps,\n} from './NewSubscriptionPlan';\n\ntype Props = {\n\tplans: NewSubscriptionPlanProps[];\n\tonPlanSelect: (code: string) => void;\n\tonClickShowAllFeatures?: () => void;\n\tshowTrialOptions?: boolean;\n\tstaticWidth?: string;\n\tselectedTab?: 'monthly' \| 'annually';\n\tselectedPlan?: string;\n\tcurrentPlan?: string;\n\tmaxWidth?: string;\n\tminHeightOfFeatures?: number;\n};\nconst PlanWrapper = styled.div<{ maxWidth?: string }>`\n\tdisplay: flex;\n\tcolumn-gap: 22px;\n\talign-items: stretch;\n\toverflow-x: scroll;\n\tmax-width: ${(props) => props.maxWidth ?? '100%'};\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground: #888;\n\t\tborder-radius: 8px;\n\t}\n\t&::-webkit-scrollbar {\n\t\theight: 5px;\n\t\tdisplay: block;\n\t\twidth: 8px;\n\t}\n\t&::-webkit-scrollbar-thumb:horizontal {\n\t\twidth: 8px;\n\t}\n`;\n\nexport const SubscriptionPlansCollected: FunctionComponent<Props> = (props) => {\n\tconst [planSelected, setPlanSelected] = useState<string \| undefined>(\n\t\tprops.selectedPlan ?? '',\n\t);\n\treturn (\n\t\t<PlanWrapper\n\t\t\tstyle={{ padding: '28px 0px 5px 0px' }}\n\t\t\tmaxWidth={props.maxWidth}\n\t\t>\n\t\t\t{props.plans.map((prop, index) => {\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tminWidth: props.staticWidth ?? 280,\n\t\t\t\t\t\t\tmaxWidth: props.staticWidth ?? 280,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t>\n\t\t\t\t\t\t<NewSubscriptionPlan\n\t\t\t\t\t\t\t{...prop}\n\t\t\t\t\t\t\tshowMonthly={true}\n\t\t\t\t\t\t\tshowMonthlyOptions={props.selectedTab == 'monthly'}\n\t\t\t\t\t\t\tshowTrialOptions={props.showTrialOptions \|\| false}\n\t\t\t\t\t\t\tonPlanSelect={(code: string) => {\n\t\t\t\t\t\t\t\tprops.onPlanSelect(code);\n\t\t\t\t\t\t\t\tsetPlanSelected(code);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tkey={prop.planName}\n\t\t\t\t\t\t\tisPlanSelected={\n\t\t\t\t\t\t\t\tplanSelected ==\n\t\t\t\t\t\t\t\t(props.selectedTab == 'monthly' ? prop.code : prop.yearlyCode)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonClickShowAllFeatures={props.onClickShowAllFeatures}\n\t\t\t\t\t\t\tshowSelectedPlanChip={\n\t\t\t\t\t\t\t\tprops.currentPlan ==\n\t\t\t\t\t\t\t\t(props.selectedTab == 'monthly' ? prop.code : prop.yearlyCode)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tminHeightOfFeatures={props.minHeightOfFeatures}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</PlanWrapper>\n\t);\n};\n"],"names":["PlanWrapper","div","props","_a","maxWidth","planSelected","setPlanSelected","useState","selectedPlan","_jsx","Object","assign","style","padding","children","plans","map","prop","index","minWidth","staticWidth","_b","_createElement","createElement","NewSubscriptionPlan","showMonthly","showMonthlyOptions","selectedTab","showTrialOptions","onPlanSelect","code","key","planName","isPlanSelected","yearlyCode","onClickShowAllFeatures","showSelectedPlanChip","currentPlan","minHeightOfFeatures"],"mappings":"uQAmBA,MAAMA,OAAoB,QAACC,GAA0B;;;;;cAKtCC,IAAS,IAAAC,EAAC,OAAc,QAAdA,EAAAD,EAAME,gBAAQ,IAAAD,EAAAA,EAAI,MAAM;;;;;;;;;;;;;qCAeoBD,UACpE,MAAOG,EAAcC,GAAmBC,EAAQA,SACzB,QAAtBJ,EAAAD,EAAMM,oBAAgB,IAAAL,EAAAA,EAAA,IAEvB,OACCM,MAACT,EAAWU,OAAAC,OAAA,CACXC,MAAO,CAAEC,QAAS,oBAClBT,SAAUF,EAAME,UAAQ,CAAAU,SAEvBZ,EAAMa,MAAMC,KAAI,CAACC,EAAMC,aACvB,OACCT,MACC,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CACNO,iBAAUhB,EAAAD,EAAMkB,2BAAe,IAC/BhB,iBAAUiB,EAAAnB,EAAMkB,2BAAe,MAC/B,CAAAN,SAGDQ,EAACC,cAAAC,EAAmBA,oBACfd,OAAAC,OAAA,CAAA,EAAAM,EACJ,CAAAQ,aAAa,EACbC,mBAAyC,WAArBxB,EAAMyB,YAC1BC,iBAAkB1B,EAAM0B,mBAAoB,EAC5CC,aAAeC,IACd5B,EAAM2B,aAAaC,GACnBxB,EAAgBwB,EAAK,EAEtBC,IAAKd,EAAKe,SACVC,eACC5B,IACsB,WAArBH,EAAMyB,YAA2BV,EAAKa,KAAOb,EAAKiB,YAEpDC,uBAAwBjC,EAAMiC,uBAC9BC,qBACClC,EAAMmC,cACgB,WAArBnC,EAAMyB,YAA2BV,EAAKa,KAAOb,EAAKiB,YAEpDI,oBAAqBpC,EAAMoC,yBArBvBpB,EAuBA,MAGK"}

package/dist/cjs/components/post-live-checklist/PostLiveChecklist.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("../../_virtual/_tslib.js");var t=require("../../assets/icons/HeadsetIcon.js"),s=require("../../assets/icons/MarketingIcon.js"),i=require("react"),r=require("../buttonGroup/ButtonGroup.js"),n=require("../post-live-checklist-item/PostLiveChecklistItem.js"),o=require("../TypographyStyle.js"),a=require("../../constants/Theme.js");exports.PostLiveChecklist=l=>{let{title:u="Boost Performance",subtitle:c="Enable these features to make your assistant smarter",marketingChecklist:d=[],supportChecklist:p=[],onChecklistSetup:m,useCaseType:g}=l;var h;const[j,b]=i.useState("marketing"),[k,C]=i.useState("none"),[x,f]=i.useState("marketing");i.useEffect((()=>{const e=d.filter((e=>!e.isCompleted)).length,t=p.filter((e=>!e.isCompleted)).length;0!==e||0!==t?e>0&&t>0?C("tabs"):(C("list"),e>0&&f("marketing"),t>0&&f("support")):C("none")}),[d,p]);const v=(()=>{const e=[{id:"marketing",title:"Marketing",icon:s.default},{id:"support",title:"Support",icon:t.default}];if(!g)return e;return"support"===String(g).toLowerCase()?[e[1],e[0]]:e})();i.useEffect((()=>{"tabs"===k&&v.length>0&&b(v[0].id)}),[k,g]);const O=e=>e.toUpperCase(),y=(e,t)=>{m&&m(e,t)};if("none"===k)return null;const S="tabs"===k?"marketing"===j?d:p:"marketing"===x?d:p;return e.jsxs("div",Object.assign({style:{padding:16,border:`1px solid ${a.COLORS.stroke.primary}`,backgroundColor:a.COLORS.surface.standard,borderRadius:8}},{children:[e.jsxs("div",{children:[e.jsx(o.TitleRegular,Object.assign({color:"#4B1583"},{children:u})),e.jsx(o.BodySecondary,Object.assign({color:(null===(h=a.COLORS.content)||void 0===h?void 0:h.secondary)||"#666666"},{children:c}))]}),e.jsx("div",Object.assign({style:{marginTop:12}},{children:"tabs"===k?e.jsxs(e.Fragment,{children:[e.jsx(r.ButtonGroup,{size:"medium",gap:"12px",iconPosition:"left",onButtonClick:e=>b(e),activeButtonId:j,buttonGroup:v}),e.jsx("div",Object.assign({style:{marginTop:12,display:"flex",flexDirection:"column",gap:12}},{children:S.map((t=>e.jsx(n.PostLiveChecklistItem,{isCompleted:t.isCompleted,isOpen:t.isOpen,header:t.header,image:t.image,subHeader:t.subHeader,onSetup:()=>y(t.id,O(j))},t.id)))}))]}):e.jsx("div",Object.assign({style:{marginTop:12,display:"flex",flexDirection:"column",gap:12}},{children:S.map((t=>e.jsx(n.PostLiveChecklistItem,{isCompleted:t.isCompleted,isOpen:t.isOpen,header:t.header,image:t.image,subHeader:t.subHeader,onSetup:()=>y(t.id,O(x))},t.id)))}))}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("../../_virtual/_tslib.js");var t=require("../../assets/icons/HeadsetIcon.js"),s=require("../../assets/icons/MarketingIcon.js"),i=require("react"),r=require("../buttonGroup/ButtonGroup.js"),n=require("../post-live-checklist-item/PostLiveChecklistItem.js"),o=require("../TypographyStyle.js"),a=require("../../constants/Theme.js");exports.PostLiveChecklist=({title:l="Boost Performance",subtitle:u="Enable these features to make your assistant smarter",marketingChecklist:c=[],supportChecklist:d=[],onChecklistSetup:p,useCaseType:m})=>{var g;const[h,j]=i.useState("marketing"),[b,k]=i.useState("none"),[C,x]=i.useState("marketing");i.useEffect((()=>{const e=c.filter((e=>!e.isCompleted)).length,t=d.filter((e=>!e.isCompleted)).length;0!==e||0!==t?e>0&&t>0?k("tabs"):(k("list"),e>0&&x("marketing"),t>0&&x("support")):k("none")}),[c,d]);const f=(()=>{const e=[{id:"marketing",title:"Marketing",icon:s.default},{id:"support",title:"Support",icon:t.default}];if(!m)return e;return"support"===String(m).toLowerCase()?[e[1],e[0]]:e})();i.useEffect((()=>{"tabs"===b&&f.length>0&&j(f[0].id)}),[b,m]);const v=e=>e.toUpperCase(),O=(e,t)=>{p&&p(e,t)};if("none"===b)return null;const y="tabs"===b?"marketing"===h?c:d:"marketing"===C?c:d;return e.jsxs("div",Object.assign({style:{padding:16,border:`1px solid ${a.COLORS.stroke.primary}`,backgroundColor:a.COLORS.surface.standard,borderRadius:8}},{children:[e.jsxs("div",{children:[e.jsx(o.TitleRegular,Object.assign({color:"#4B1583"},{children:l})),e.jsx(o.BodySecondary,Object.assign({color:(null===(g=a.COLORS.content)||void 0===g?void 0:g.secondary)||"#666666"},{children:u}))]}),e.jsx("div",Object.assign({style:{marginTop:12}},{children:"tabs"===b?e.jsxs(e.Fragment,{children:[e.jsx(r.ButtonGroup,{size:"medium",gap:"12px",iconPosition:"left",onButtonClick:e=>j(e),activeButtonId:h,buttonGroup:f}),e.jsx("div",Object.assign({style:{marginTop:12,display:"flex",flexDirection:"column",gap:12}},{children:y.map((t=>e.jsx(n.PostLiveChecklistItem,{isCompleted:t.isCompleted,isOpen:t.isOpen,header:t.header,image:t.image,subHeader:t.subHeader,onSetup:()=>O(t.id,v(h))},t.id)))}))]}):e.jsx("div",Object.assign({style:{marginTop:12,display:"flex",flexDirection:"column",gap:12}},{children:y.map((t=>e.jsx(n.PostLiveChecklistItem,{isCompleted:t.isCompleted,isOpen:t.isOpen,header:t.header,image:t.image,subHeader:t.subHeader,onSetup:()=>O(t.id,v(C))},t.id)))}))}))]}))};
 //# sourceMappingURL=PostLiveChecklist.js.map

package/dist/cjs/components/post-live-checklist/PostLiveChecklist.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PostLiveChecklist.js","sources":["../../../../src/components/post-live-checklist/PostLiveChecklist.tsx"],"sourcesContent":["import { HeadsetIcon } from '@src/assets/icons';\nimport MarketingIcon from '@src/assets/icons/MarketingIcon';\nimport React, { useEffect, useState } from 'react';\nimport { ButtonGroup } from '@src/components/buttonGroup';\nimport { PostLiveChecklistItem } from '@src/components/post-live-checklist-item';\nimport { BodySecondary, TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { ButtonGroupInterface as ButtonGroupItem } from '../buttonGroup/ButtonGroup';\n\nexport interface ChecklistItem {\n\tid: string;\n\tisCompleted: boolean;\n\tisOpen?: boolean;\n\theader: string;\n\timage?: string;\n\tsubHeader?: string;\n}\n\nexport interface PostLiveChecklistProps {\n\ttitle?: string;\n\tsubtitle?: string;\n\tmarketingChecklist?: ChecklistItem[];\n\tsupportChecklist?: ChecklistItem[];\n\tonChecklistSetup?: (itemId: string, analyticsButtonId: string) => void;\n\tuseCaseType?: 'marketing' \| 'support' \| 'both' \| string;\n}\n\nexport const PostLiveChecklist: React.FC<PostLiveChecklistProps> = ({\n\ttitle = 'Boost Performance',\n\tsubtitle = 'Enable these features to make your assistant smarter',\n\tmarketingChecklist = [],\n\tsupportChecklist = [],\n\tonChecklistSetup,\n\tuseCaseType,\n}) => {\n\tconst [selectedTabId, setSelectedTabId] = useState<string>('marketing');\n\tconst [displayMode, setDisplayMode] = useState<'none' \| 'tabs' \| 'list'>(\n\t\t'none',\n\t);\n\tconst [incompleteUseCase, setIncompleteUseCase] = useState<\n\t\t'marketing' \| 'support'\n\t>('marketing');\n\n\t// Auto-detect display mode based on incomplete items\n\tuseEffect(() => {\n\t\tconst marketingIncomplete = marketingChecklist.filter(\n\t\t\t(it) => !it.isCompleted,\n\t\t).length;\n\t\tconst supportIncomplete = supportChecklist.filter(\n\t\t\t(it) => !it.isCompleted,\n\t\t).length;\n\n\t\t// both completed -> none\n\t\tif (marketingIncomplete === 0 && supportIncomplete === 0) {\n\t\t\tsetDisplayMode('none');\n\t\t\treturn;\n\t\t}\n\n\t\t// both have at least one incomplete -> tabs\n\t\tif (marketingIncomplete > 0 && supportIncomplete > 0) {\n\t\t\tsetDisplayMode('tabs');\n\t\t\treturn;\n\t\t}\n\n\t\t// only one has incomplete items -> list\n\t\tsetDisplayMode('list');\n\t\tif (marketingIncomplete > 0) {\n\t\t\tsetIncompleteUseCase('marketing');\n\t\t}\n\t\tif (supportIncomplete > 0) {\n\t\t\tsetIncompleteUseCase('support');\n\t\t}\n\t}, [marketingChecklist, supportChecklist]);\n\n\t// Order button group items based on useCaseType\n\tconst getOrderedButtonItems = (): ButtonGroupItem[] => {\n\t\t// Default button items\n\t\tconst defaultItems: ButtonGroupItem[] = [\n\t\t\t{\n\t\t\t\tid: 'marketing',\n\t\t\t\ttitle: 'Marketing',\n\t\t\t\ticon: MarketingIcon,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'support',\n\t\t\t\ttitle: 'Support',\n\t\t\t\ticon: HeadsetIcon,\n\t\t\t},\n\t\t];\n\n\t\t// Reorder based on useCaseType\n\t\tif (!useCaseType) return defaultItems;\n\n\t\tconst type = String(useCaseType).toLowerCase();\n\t\tif (type === 'support') {\n\t\t\treturn [defaultItems[1], defaultItems[0]]; // Support first\n\t\t}\n\n\t\t// 'marketing', 'both', or any other value -> marketing first\n\t\treturn defaultItems;\n\t};\n\n\tconst orderedButtonItems = getOrderedButtonItems();\n\n\t// Initialize selectedTabId based on button order and display mode\n\tuseEffect(() => {\n\t\tif (displayMode === 'tabs' && orderedButtonItems.length > 0) {\n\t\t\tsetSelectedTabId(orderedButtonItems[0].id);\n\t\t}\n\t}, [displayMode, useCaseType]); // Only update when display mode or use case type changes\n\n\t// Get current checklist based on selected tab or incomplete use case\n\tconst getCurrentChecklist = () => {\n\t\tif (displayMode === 'tabs') {\n\t\t\t// For tabs mode, use selectedTabId to determine which checklist\n\t\t\treturn selectedTabId === 'marketing'\n\t\t\t\t? marketingChecklist\n\t\t\t\t: supportChecklist;\n\t\t}\n\t\t// For list mode, use incompleteUseCase\n\t\treturn incompleteUseCase === 'marketing'\n\t\t\t? marketingChecklist\n\t\t\t: supportChecklist;\n\t};\n\n\tconst getAnalyticsButtonId = (tabId: string) => {\n\t\t// Map tab ID to analytics button ID (uppercase)\n\t\treturn tabId.toUpperCase();\n\t};\n\n\tconst handleChecklistSetup = (itemId: string, analyticsButtonId: string) => {\n\t\tif (onChecklistSetup) {\n\t\t\tonChecklistSetup(itemId, analyticsButtonId);\n\t\t}\n\t};\n\n\tif (displayMode === 'none') {\n\t\treturn null;\n\t}\n\n\tconst currentChecklist = getCurrentChecklist();\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tpadding: 16,\n\t\t\t\tborder: `1px solid ${COLORS.stroke.primary}`,\n\t\t\t\tbackgroundColor: COLORS.surface.standard,\n\t\t\t\tborderRadius: 8,\n\t\t\t}}\n\t\t>\n\t\t\t<div>\n\t\t\t\t<TitleRegular color={'#4B1583'}>{title}</TitleRegular>\n\t\t\t\t<BodySecondary color={COLORS.content?.secondary \|\| '#666666'}>\n\t\t\t\t\t{subtitle}\n\t\t\t\t</BodySecondary>\n\t\t\t</div>\n\n\t\t\t<div style={{ marginTop: 12 }}>\n\t\t\t\t{displayMode === 'tabs' ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<ButtonGroup\n\t\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\t\tgap=\"12px\"\n\t\t\t\t\t\t\ticonPosition=\"left\"\n\t\t\t\t\t\t\tonButtonClick={(id: string) => setSelectedTabId(id)}\n\t\t\t\t\t\t\tactiveButtonId={selectedTabId}\n\t\t\t\t\t\t\tbuttonGroup={orderedButtonItems}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tmarginTop: 12,\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\tgap: 12,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{currentChecklist.map((item: ChecklistItem) => (\n\t\t\t\t\t\t\t\t<PostLiveChecklistItem\n\t\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\t\tisCompleted={item.isCompleted}\n\t\t\t\t\t\t\t\t\tisOpen={item.isOpen}\n\t\t\t\t\t\t\t\t\theader={item.header}\n\t\t\t\t\t\t\t\t\timage={item.image}\n\t\t\t\t\t\t\t\t\tsubHeader={item.subHeader}\n\t\t\t\t\t\t\t\t\tonSetup={() =>\n\t\t\t\t\t\t\t\t\t\thandleChecklistSetup(\n\t\t\t\t\t\t\t\t\t\t\titem.id,\n\t\t\t\t\t\t\t\t\t\t\tgetAnalyticsButtonId(selectedTabId),\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tmarginTop: 12,\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\tgap: 12,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{currentChecklist.map((item: ChecklistItem) => (\n\t\t\t\t\t\t\t<PostLiveChecklistItem\n\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\tisCompleted={item.isCompleted}\n\t\t\t\t\t\t\t\tisOpen={item.isOpen}\n\t\t\t\t\t\t\t\theader={item.header}\n\t\t\t\t\t\t\t\timage={item.image}\n\t\t\t\t\t\t\t\tsubHeader={item.subHeader}\n\t\t\t\t\t\t\t\tonSetup={() =>\n\t\t\t\t\t\t\t\t\thandleChecklistSetup(\n\t\t\t\t\t\t\t\t\t\titem.id,\n\t\t\t\t\t\t\t\t\t\tgetAnalyticsButtonId(incompleteUseCase),\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["_ref","title","subtitle","marketingChecklist","supportChecklist","onChecklistSetup","useCaseType","selectedTabId","setSelectedTabId","useState","displayMode","setDisplayMode","incompleteUseCase","setIncompleteUseCase","useEffect","marketingIncomplete","filter","it","isCompleted","length","supportIncomplete","orderedButtonItems","getOrderedButtonItems","defaultItems","id","icon","MarketingIcon","HeadsetIcon","String","toLowerCase","getAnalyticsButtonId","tabId","toUpperCase","handleChecklistSetup","itemId","analyticsButtonId","currentChecklist","_jsxs","Object","assign","style","padding","border","COLORS","stroke","primary","backgroundColor","surface","standard","borderRadius","children","_jsx","jsx","TitleRegular","color","BodySecondary","content","_a","secondary","marginTop","_Fragment","ButtonGroup","size","gap","iconPosition","onButtonClick","activeButtonId","buttonGroup","display","flexDirection","map","item","PostLiveChecklistItem","isOpen","header","image","subHeader","onSetup"],"mappings":"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"}
1	+ {"version":3,"file":"PostLiveChecklist.js","sources":["../../../../src/components/post-live-checklist/PostLiveChecklist.tsx"],"sourcesContent":["import { HeadsetIcon } from '@src/assets/icons';\nimport MarketingIcon from '@src/assets/icons/MarketingIcon';\nimport React, { useEffect, useState } from 'react';\nimport { ButtonGroup } from '@src/components/buttonGroup';\nimport { PostLiveChecklistItem } from '@src/components/post-live-checklist-item';\nimport { BodySecondary, TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { ButtonGroupInterface as ButtonGroupItem } from '../buttonGroup/ButtonGroup';\n\nexport interface ChecklistItem {\n\tid: string;\n\tisCompleted: boolean;\n\tisOpen?: boolean;\n\theader: string;\n\timage?: string;\n\tsubHeader?: string;\n}\n\nexport interface PostLiveChecklistProps {\n\ttitle?: string;\n\tsubtitle?: string;\n\tmarketingChecklist?: ChecklistItem[];\n\tsupportChecklist?: ChecklistItem[];\n\tonChecklistSetup?: (itemId: string, analyticsButtonId: string) => void;\n\tuseCaseType?: 'marketing' \| 'support' \| 'both' \| string;\n}\n\nexport const PostLiveChecklist: React.FC<PostLiveChecklistProps> = ({\n\ttitle = 'Boost Performance',\n\tsubtitle = 'Enable these features to make your assistant smarter',\n\tmarketingChecklist = [],\n\tsupportChecklist = [],\n\tonChecklistSetup,\n\tuseCaseType,\n}) => {\n\tconst [selectedTabId, setSelectedTabId] = useState<string>('marketing');\n\tconst [displayMode, setDisplayMode] = useState<'none' \| 'tabs' \| 'list'>(\n\t\t'none',\n\t);\n\tconst [incompleteUseCase, setIncompleteUseCase] = useState<\n\t\t'marketing' \| 'support'\n\t>('marketing');\n\n\t// Auto-detect display mode based on incomplete items\n\tuseEffect(() => {\n\t\tconst marketingIncomplete = marketingChecklist.filter(\n\t\t\t(it) => !it.isCompleted,\n\t\t).length;\n\t\tconst supportIncomplete = supportChecklist.filter(\n\t\t\t(it) => !it.isCompleted,\n\t\t).length;\n\n\t\t// both completed -> none\n\t\tif (marketingIncomplete === 0 && supportIncomplete === 0) {\n\t\t\tsetDisplayMode('none');\n\t\t\treturn;\n\t\t}\n\n\t\t// both have at least one incomplete -> tabs\n\t\tif (marketingIncomplete > 0 && supportIncomplete > 0) {\n\t\t\tsetDisplayMode('tabs');\n\t\t\treturn;\n\t\t}\n\n\t\t// only one has incomplete items -> list\n\t\tsetDisplayMode('list');\n\t\tif (marketingIncomplete > 0) {\n\t\t\tsetIncompleteUseCase('marketing');\n\t\t}\n\t\tif (supportIncomplete > 0) {\n\t\t\tsetIncompleteUseCase('support');\n\t\t}\n\t}, [marketingChecklist, supportChecklist]);\n\n\t// Order button group items based on useCaseType\n\tconst getOrderedButtonItems = (): ButtonGroupItem[] => {\n\t\t// Default button items\n\t\tconst defaultItems: ButtonGroupItem[] = [\n\t\t\t{\n\t\t\t\tid: 'marketing',\n\t\t\t\ttitle: 'Marketing',\n\t\t\t\ticon: MarketingIcon,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'support',\n\t\t\t\ttitle: 'Support',\n\t\t\t\ticon: HeadsetIcon,\n\t\t\t},\n\t\t];\n\n\t\t// Reorder based on useCaseType\n\t\tif (!useCaseType) return defaultItems;\n\n\t\tconst type = String(useCaseType).toLowerCase();\n\t\tif (type === 'support') {\n\t\t\treturn [defaultItems[1], defaultItems[0]]; // Support first\n\t\t}\n\n\t\t// 'marketing', 'both', or any other value -> marketing first\n\t\treturn defaultItems;\n\t};\n\n\tconst orderedButtonItems = getOrderedButtonItems();\n\n\t// Initialize selectedTabId based on button order and display mode\n\tuseEffect(() => {\n\t\tif (displayMode === 'tabs' && orderedButtonItems.length > 0) {\n\t\t\tsetSelectedTabId(orderedButtonItems[0].id);\n\t\t}\n\t}, [displayMode, useCaseType]); // Only update when display mode or use case type changes\n\n\t// Get current checklist based on selected tab or incomplete use case\n\tconst getCurrentChecklist = () => {\n\t\tif (displayMode === 'tabs') {\n\t\t\t// For tabs mode, use selectedTabId to determine which checklist\n\t\t\treturn selectedTabId === 'marketing'\n\t\t\t\t? marketingChecklist\n\t\t\t\t: supportChecklist;\n\t\t}\n\t\t// For list mode, use incompleteUseCase\n\t\treturn incompleteUseCase === 'marketing'\n\t\t\t? marketingChecklist\n\t\t\t: supportChecklist;\n\t};\n\n\tconst getAnalyticsButtonId = (tabId: string) => {\n\t\t// Map tab ID to analytics button ID (uppercase)\n\t\treturn tabId.toUpperCase();\n\t};\n\n\tconst handleChecklistSetup = (itemId: string, analyticsButtonId: string) => {\n\t\tif (onChecklistSetup) {\n\t\t\tonChecklistSetup(itemId, analyticsButtonId);\n\t\t}\n\t};\n\n\tif (displayMode === 'none') {\n\t\treturn null;\n\t}\n\n\tconst currentChecklist = getCurrentChecklist();\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tpadding: 16,\n\t\t\t\tborder: `1px solid ${COLORS.stroke.primary}`,\n\t\t\t\tbackgroundColor: COLORS.surface.standard,\n\t\t\t\tborderRadius: 8,\n\t\t\t}}\n\t\t>\n\t\t\t<div>\n\t\t\t\t<TitleRegular color={'#4B1583'}>{title}</TitleRegular>\n\t\t\t\t<BodySecondary color={COLORS.content?.secondary \|\| '#666666'}>\n\t\t\t\t\t{subtitle}\n\t\t\t\t</BodySecondary>\n\t\t\t</div>\n\n\t\t\t<div style={{ marginTop: 12 }}>\n\t\t\t\t{displayMode === 'tabs' ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<ButtonGroup\n\t\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\t\tgap=\"12px\"\n\t\t\t\t\t\t\ticonPosition=\"left\"\n\t\t\t\t\t\t\tonButtonClick={(id: string) => setSelectedTabId(id)}\n\t\t\t\t\t\t\tactiveButtonId={selectedTabId}\n\t\t\t\t\t\t\tbuttonGroup={orderedButtonItems}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tmarginTop: 12,\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\tgap: 12,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{currentChecklist.map((item: ChecklistItem) => (\n\t\t\t\t\t\t\t\t<PostLiveChecklistItem\n\t\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\t\tisCompleted={item.isCompleted}\n\t\t\t\t\t\t\t\t\tisOpen={item.isOpen}\n\t\t\t\t\t\t\t\t\theader={item.header}\n\t\t\t\t\t\t\t\t\timage={item.image}\n\t\t\t\t\t\t\t\t\tsubHeader={item.subHeader}\n\t\t\t\t\t\t\t\t\tonSetup={() =>\n\t\t\t\t\t\t\t\t\t\thandleChecklistSetup(\n\t\t\t\t\t\t\t\t\t\t\titem.id,\n\t\t\t\t\t\t\t\t\t\t\tgetAnalyticsButtonId(selectedTabId),\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tmarginTop: 12,\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\tgap: 12,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{currentChecklist.map((item: ChecklistItem) => (\n\t\t\t\t\t\t\t<PostLiveChecklistItem\n\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\tisCompleted={item.isCompleted}\n\t\t\t\t\t\t\t\tisOpen={item.isOpen}\n\t\t\t\t\t\t\t\theader={item.header}\n\t\t\t\t\t\t\t\timage={item.image}\n\t\t\t\t\t\t\t\tsubHeader={item.subHeader}\n\t\t\t\t\t\t\t\tonSetup={() =>\n\t\t\t\t\t\t\t\t\thandleChecklistSetup(\n\t\t\t\t\t\t\t\t\t\titem.id,\n\t\t\t\t\t\t\t\t\t\tgetAnalyticsButtonId(incompleteUseCase),\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["PostLiveChecklist","title","subtitle","marketingChecklist","supportChecklist","onChecklistSetup","useCaseType","selectedTabId","setSelectedTabId","useState","displayMode","setDisplayMode","incompleteUseCase","setIncompleteUseCase","useEffect","marketingIncomplete","filter","it","isCompleted","length","supportIncomplete","orderedButtonItems","getOrderedButtonItems","defaultItems","id","icon","MarketingIcon","HeadsetIcon","String","toLowerCase","getAnalyticsButtonId","tabId","toUpperCase","handleChecklistSetup","itemId","analyticsButtonId","currentChecklist","_jsxs","Object","assign","style","padding","border","COLORS","stroke","primary","backgroundColor","surface","standard","borderRadius","children","_jsx","jsx","TitleRegular","color","BodySecondary","content","_a","secondary","marginTop","_Fragment","ButtonGroup","size","gap","iconPosition","onButtonClick","activeButtonId","buttonGroup","display","flexDirection","map","item","PostLiveChecklistItem","isOpen","header","image","subHeader","onSetup"],"mappings":"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"}

package/dist/cjs/components/postPicker/postPicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"postPicker.js","sources":["../../../../src/components/postPicker/postPicker.tsx"],"sourcesContent":["import { SearchIcon } from '@src/assets/icons/searchIcon';\nimport React, { useEffect, useRef, useState } from 'react';\nimport {\n\tStyledProduct,\n\tStyledProductGrid,\n} from '@src/components/postPicker/PostPicker.styled';\nimport { Tag } from '@src/components/tag';\nimport {\n\tBodyCaption,\n\tBodyPrimary,\n\tBodySecondary,\n\tButtonLarge,\n\tButtonRegular,\n\tTitleMedium,\n} from '@src/components/TypographyStyle';\nimport { unCamelCase } from '@src/utils/unCamelCase';\nimport { PRIMARY } from '@src/constants/colors';\nimport { COLORS } from '@src/constants/Theme';\nimport InstagramIcon from '../../assets/icons/instagram.svg';\nimport WarningIcon from '../../assets/icons/warning.svg';\nimport { AnalyticsDropdown } from '../analytics-chips-and-dropdowns';\nimport { StyledModal } from '../modals';\nimport { BikShimmer } from '../shimmer';\nimport { ShimmerImage } from '../shimmer-image/ShimmerImage';\nimport { StateComponent, StateInterface } from '../states';\n\nexport enum MEDIA_TYPES {\n\tSTORY = 'story',\n\tPOST = 'post',\n\tREEL = 'reel',\n}\n\nexport type Media = {\n\timageUrl: string;\n\tredirectionUrl: string;\n\toverlayCaption: string;\n\tid: string;\n\ttimestamp?: string;\n};\n\nexport type PostPickerProps = {\n\ttitle: string;\n\tshowModal: boolean;\n\tonClose: () => void;\n\tonSelect: (Media: Media[]) => void;\n\tmedia: Media[];\n\tmediaType: MEDIA_TYPES;\n\tpreviouslySelected?: Media[];\n\tlimit?: number;\n\tselected: Media[];\n\tshowFilter?: boolean;\n};\n\nexport enum DateKeys {\n\t'Today' = 'Today',\n\t'7_Days' = '7',\n\t'30_Days' = '30',\n\t'custom' = 'custom',\n\t'Yesterday' = 'Yesterday',\n}\n\nexport interface DateOptionI {\n\tlabel: string;\n\tvalue: string;\n\tkey: DateKeys;\n\ttypeValue?: [Date, Date];\n\tselectedRange?: [Date, Date];\n\tisCustom?: boolean;\n\tdateRangeSelectionOptions?: {\n\t\tselectRange: boolean;\n\t\tmaxDate?: Date;\n\t\tminDate?: Date;\n\t};\n}\n\nexport const dateOptions: DateOptionI[] = [\n\t{\n\t\tlabel: 'Today',\n\t\tvalue: 'today',\n\t\tkey: DateKeys.Today,\n\t\ttypeValue: [new Date(), new Date()],\n\t},\n\t{\n\t\tlabel: 'Last 7 days',\n\t\tvalue: '7 days',\n\t\tkey: DateKeys['7_Days'],\n\t\ttypeValue: [\n\t\t\tnew Date(new Date().setDate(new Date().getDate() - 6)),\n\t\t\tnew Date(),\n\t\t],\n\t},\n\t{\n\t\tlabel: 'Last 30 days',\n\t\tvalue: '30 days',\n\t\tkey: DateKeys['30_Days'],\n\t\ttypeValue: [\n\t\t\tnew Date(new Date().setDate(new Date().getDate() - 29)),\n\t\t\tnew Date(),\n\t\t],\n\t},\n\t{\n\t\tlabel: 'Custom range',\n\t\tvalue: 'calender',\n\t\tkey: DateKeys.custom,\n\t\tisCustom: true,\n\t\tdateRangeSelectionOptions: {\n\t\t\tselectRange: true,\n\t\t\tmaxDate: new Date(new Date().setMonth(new Date().getMonth() + 3)),\n\t\t},\n\t},\n];\n\nexport const PostPicker: React.FC<PostPickerProps> = (props) => {\n\tconst [selectedMedia, setSelectedMedia] = useState<Media[]>(\n\t\tprops.previouslySelected ?? [],\n\t);\n\tconst [error, setError] = useState<string>('');\n\tconst [loading, setLoading] = useState<boolean>(false);\n\tconst [media, setMedia] = useState<Media[]>(props.media);\n\tconst [resetFilter, setResetFilter] = useState<boolean>(false);\n\tconst [showClear, setShowClear] = useState<boolean>(false);\n\tconst [closeAnalyticsDropdown, setCloseAnalyticsDropdown] =\n\t\tuseState<boolean>(false);\n\tconst ref = useRef(null);\n\n\tuseEffect(() => {\n\t\tif (!props.media.length) {\n\t\t\tsetLoading(true);\n\t\t\tsetTimeout(() => {\n\t\t\t\tsetLoading(false);\n\t\t\t}, 2000);\n\t\t}\n\t\tsetSelectedMedia(props.selected \|\| []);\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (props.media.length > 0) {\n\t\t\tsetMedia(props.media);\n\t\t\tsetLoading(false);\n\t\t}\n\t}, [props?.media?.length]);\n\n\tuseEffect(() => {\n\t\tif (selectedMedia.length > 0) {\n\t\t\tsetError('');\n\t\t}\n\t}, [selectedMedia.length]);\n\n\tuseEffect(() => {\n\t\tif (resetFilter) {\n\t\t\tsetMedia(props.media);\n\t\t\tsetShowClear(false);\n\t\t}\n\t}, [resetFilter]);\n\n\tuseEffect(() => {\n\t\tconst handleClick = (event) => {\n\t\t\tconst analyticsDropdown = document.getElementById(\n\t\t\t\t'analytic-dropdown',\n\t\t\t) as any;\n\t\t\tif (!analyticsDropdown.contains(event.target)) {\n\t\t\t\tsetCloseAnalyticsDropdown(!closeAnalyticsDropdown);\n\t\t\t}\n\t\t};\n\n\t\tconst element = document.getElementById('post-picker') as any;\n\t\tif (element) {\n\t\t\telement.addEventListener('click', handleClick);\n\t\t}\n\n\t\treturn () => {\n\t\t\tif (element) {\n\t\t\t\telement.removeEventListener('click', handleClick);\n\t\t\t}\n\t\t};\n\t});\n\n\tconst handleProductSelect = (selectedPost: Media) => {\n\t\tsetSelectedMedia(() => {\n\t\t\tif (selectedMedia.find((media) => media.id === selectedPost.id)) {\n\t\t\t\treturn selectedMedia.filter((post) => post.id !== selectedPost.id);\n\t\t\t} else {\n\t\t\t\tif (!props.limit \|\| selectedMedia.length < props.limit) {\n\t\t\t\t\treturn [...selectedMedia, selectedPost];\n\t\t\t\t} else {\n\t\t\t\t\tsetError(`Only ${props.limit} ${props.mediaType}s can be selected`);\n\t\t\t\t}\n\t\t\t\treturn selectedMedia;\n\t\t\t}\n\t\t});\n\t};\n\n\tconst handleOnSave = () => {\n\t\tif (!selectedMedia.length) {\n\t\t\tsetError(`Please select a ${props.mediaType} to proceed`);\n\t\t\treturn;\n\t\t}\n\t\tprops.onSelect(selectedMedia);\n\t};\n\n\tconst renderFooterLeftComponent = () => {\n\t\tif (error) {\n\t\t\treturn <Tag tagText={error} type=\"negative\" LeadingIcon={WarningIcon} />;\n\t\t} else if (selectedMedia.length) {\n\t\t\treturn <BodySecondary>{selectedMedia.length} selected</BodySecondary>;\n\t\t} else {\n\t\t\treturn null;\n\t\t}\n\t};\n\n\tconst containsObject = (obj, list) => {\n\t\treturn list.some((elem) => elem.id === obj.id);\n\t};\n\n\tfunction isDateInRange(itemDateStr, startDateStr, endDateStr) {\n\t\tconst itemDate = new Date(itemDateStr);\n\t\tconst startDate = new Date(startDateStr);\n\t\tconst endDate = new Date(endDateStr);\n\n\t\treturn itemDate >= startDate && itemDate <= endDate;\n\t}\n\n\treturn (\n\t\t<div ref={ref}>\n\t\t\t<StyledModal\n\t\t\t\tzIndex={201}\n\t\t\t\topen={props.showModal}\n\t\t\t\theadingTitle={props.title}\n\t\t\t\tonClose={props.onClose}\n\t\t\t\tcentralContainerStyles={{\n\t\t\t\t\twidth: 1071,\n\t\t\t\t\theight: props.showFilter ? 650 : 564,\n\t\t\t\t}}\n\t\t\t\tprimaryButton={{\n\t\t\t\t\tdisabled: !media.length,\n\t\t\t\t\tbuttonType: 'primary',\n\t\t\t\t\tbuttonText: `Select ${unCamelCase(props.mediaType)}`,\n\t\t\t\t\tonClick: () => handleOnSave(),\n\t\t\t\t}}\n\t\t\t\tsecondaryButton={{\n\t\t\t\t\tbuttonType: 'secondary',\n\t\t\t\t\tbuttonText: 'Back',\n\t\t\t\t\tonClick: () => props.onClose(),\n\t\t\t\t}}\n\t\t\t\tfooterLeftCustomElement={renderFooterLeftComponent()}\n\t\t\t\tid=\"post-picker\"\n\t\t\t>\n\t\t\t\t{props.showFilter && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tmarginTop: 24,\n\t\t\t\t\t\t\tmarginBottom: 24,\n\t\t\t\t\t\t\tpadding: '0 24px',\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\tgap: 8,\n\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<AnalyticsDropdown\n\t\t\t\t\t\t\toptions={dateOptions}\n\t\t\t\t\t\t\tplaceholder=\"posted on\"\n\t\t\t\t\t\t\tresetDropdown={resetFilter}\n\t\t\t\t\t\t\tonOptionSelected={(chosen) => {\n\t\t\t\t\t\t\t\tlet start: Date \| null = null;\n\t\t\t\t\t\t\t\tlet end: Date \| null = null;\n\t\t\t\t\t\t\t\tif (chosen.label === 'Custom range') {\n\t\t\t\t\t\t\t\t\tstart = chosen?.['selectedRange']?.[0] \|\| new Date();\n\t\t\t\t\t\t\t\t\tend = chosen?.['selectedRange']?.[1] \|\| new Date();\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tstart = chosen['typeValue'][0];\n\t\t\t\t\t\t\t\t\tend = chosen['typeValue'][1];\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tconst filtered = props.media.filter((item) =>\n\t\t\t\t\t\t\t\t\tisDateInRange(item.timestamp, start, end),\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tsetMedia(filtered);\n\t\t\t\t\t\t\t\tsetShowClear(true);\n\t\t\t\t\t\t\t\tsetResetFilter(false);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tcloseDropdown={closeAnalyticsDropdown}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{showClear && (\n\t\t\t\t\t\t\t<ButtonRegular\n\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\tonClick={() => setResetFilter(true)}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tClear\n\t\t\t\t\t\t\t</ButtonRegular>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{loading ? (\n\t\t\t\t\t<div style={{ padding: '0 24px' }}>\n\t\t\t\t\t\t<BikShimmer\n\t\t\t\t\t\t\tboxes={[\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\twidth: `${props.mediaType == MEDIA_TYPES.POST ? 148 : 104}px`,\n\t\t\t\t\t\t\t\t\theight: `${\n\t\t\t\t\t\t\t\t\t\tprops.mediaType == MEDIA_TYPES.POST ? 148 : 172\n\t\t\t\t\t\t\t\t\t}px`,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{media && !!media.length ? (\n\t\t\t\t\t\t\t<StyledProductGrid mediaType={props.mediaType}>\n\t\t\t\t\t\t\t\t{media.map((post) => (\n\t\t\t\t\t\t\t\t\t<StyledProduct\n\t\t\t\t\t\t\t\t\t\tmediaType={props.mediaType}\n\t\t\t\t\t\t\t\t\t\tkey={post.id}\n\t\t\t\t\t\t\t\t\t\tclassName={`${\n\t\t\t\t\t\t\t\t\t\t\tcontainsObject(post, selectedMedia) ? 'selected' : ''\n\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t\tonClick={() => handleProductSelect(post)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<ShimmerImage\n\t\t\t\t\t\t\t\t\t\t\timageUrl={post.imageUrl}\n\t\t\t\t\t\t\t\t\t\t\twidth={props.mediaType == MEDIA_TYPES.POST ? 148 : 104}\n\t\t\t\t\t\t\t\t\t\t\theight={props.mediaType == MEDIA_TYPES.POST ? 148 : 172}\n\t\t\t\t\t\t\t\t\t\t\talt={post.overlayCaption}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<div className=\"overlay\">\n\t\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\t\t\t\trel=\"noreferrer\"\n\t\t\t\t\t\t\t\t\t\t\t\thref={post.redirectionUrl}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"overlay__redirection\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<InstagramIcon height={22} width={22} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={PRIMARY}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontWeight: 500,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tView\n\t\t\t\t\t\t\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"overlay__caption\">\n\t\t\t\t\t\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.placeholder}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{post.overlayCaption}\n\t\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</StyledProduct>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</StyledProductGrid>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\theight: 422,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{!props.media.length ? (\n\t\t\t\t\t\t\t\t\t<StateComponent\n\t\t\t\t\t\t\t\t\t\tstates={StateInterface.WARNING}\n\t\t\t\t\t\t\t\t\t\theading={`No ${props.mediaType}s on your account`}\n\t\t\t\t\t\t\t\t\t\tsubline={`There seems to be no ${props.mediaType}s on your account`}\n\t\t\t\t\t\t\t\t\t\tisButtonEnabled={false}\n\t\t\t\t\t\t\t\t\t\twidth={400}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) : !media.length ? (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\tgap: '16px',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\twidth: '48px',\n\t\t\t\t\t\t\t\t\t\t\t\theight: '48px',\n\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: `${COLORS.background.inverse}`,\n\t\t\t\t\t\t\t\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<SearchIcon color={COLORS.content.primaryInverse} />\n\t\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\tgap: '8px',\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<TitleMedium>No results found</TitleMedium>\n\t\t\t\t\t\t\t\t\t\t\t<BodyPrimary>\n\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Sorry we could not find any results for the selected filter'\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\tsetResetFilter(true);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<ButtonLarge color={`${COLORS.content.brand}`}>\n\t\t\t\t\t\t\t\t\t\t\t\tClear Filter\n\t\t\t\t\t\t\t\t\t\t\t</ButtonLarge>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</StyledModal>\n\t\t</div>\n\t);\n};\n"],"names":["MEDIA_TYPES","DateKeys","dateOptions","label","value","key","Today","typeValue","Date","setDate","getDate","custom","isCustom","dateRangeSelectionOptions","selectRange","maxDate","setMonth","getMonth","props","selectedMedia","setSelectedMedia","useState","_a","previouslySelected","error","setError","loading","setLoading","media","setMedia","resetFilter","setResetFilter","showClear","setShowClear","closeAnalyticsDropdown","setCloseAnalyticsDropdown","ref","useRef","useEffect","length","setTimeout","selected","_b","handleClick","event","document","getElementById","contains","target","element","addEventListener","removeEventListener","_jsx","Object","assign","children","_jsxs","jsxs","StyledModal","zIndex","open","showModal","headingTitle","title","onClose","centralContainerStyles","width","height","showFilter","primaryButton","disabled","buttonType","buttonText","unCamelCase","mediaType","onClick","onSelect","secondaryButton","footerLeftCustomElement","Tag","tagText","type","LeadingIcon","WarningIcon","BodySecondary","id","style","marginTop","marginBottom","padding","display","flexDirection","gap","alignItems","jsx","AnalyticsDropdown","options","placeholder","resetDropdown","onOptionSelected","chosen","start","end","filtered","filter","item","itemDateStr","startDateStr","endDateStr","itemDate","startDate","endDate","isDateInRange","timestamp","closeDropdown","ButtonRegular","color","COLORS","content","secondary","cursor","BikShimmer","boxes","POST","StyledProductGrid","map","post","StyledProduct","className","obj","list","some","elem","handleProductSelect","selectedPost","find","limit","ShimmerImage","imageUrl","alt","overlayCaption","rel","href","redirectionUrl","InstagramIcon","BodyPrimary","PRIMARY","fontWeight","BodyCaption","containsObject","justifyContent","_Fragment","Fragment","backgroundColor","background","inverse","borderRadius","SearchIcon","primaryInverse","TitleMedium","ButtonLarge","brand","StateComponent","states","StateInterface","WARNING","heading","subline","isButtonEnabled"],"mappings":"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"}
1	+ {"version":3,"file":"postPicker.js","sources":["../../../../src/components/postPicker/postPicker.tsx"],"sourcesContent":["import { SearchIcon } from '@src/assets/icons/searchIcon';\nimport React, { useEffect, useRef, useState } from 'react';\nimport {\n\tStyledProduct,\n\tStyledProductGrid,\n} from '@src/components/postPicker/PostPicker.styled';\nimport { Tag } from '@src/components/tag';\nimport {\n\tBodyCaption,\n\tBodyPrimary,\n\tBodySecondary,\n\tButtonLarge,\n\tButtonRegular,\n\tTitleMedium,\n} from '@src/components/TypographyStyle';\nimport { unCamelCase } from '@src/utils/unCamelCase';\nimport { PRIMARY } from '@src/constants/colors';\nimport { COLORS } from '@src/constants/Theme';\nimport InstagramIcon from '../../assets/icons/instagram.svg';\nimport WarningIcon from '../../assets/icons/warning.svg';\nimport { AnalyticsDropdown } from '../analytics-chips-and-dropdowns';\nimport { StyledModal } from '../modals';\nimport { BikShimmer } from '../shimmer';\nimport { ShimmerImage } from '../shimmer-image/ShimmerImage';\nimport { StateComponent, StateInterface } from '../states';\n\nexport enum MEDIA_TYPES {\n\tSTORY = 'story',\n\tPOST = 'post',\n\tREEL = 'reel',\n}\n\nexport type Media = {\n\timageUrl: string;\n\tredirectionUrl: string;\n\toverlayCaption: string;\n\tid: string;\n\ttimestamp?: string;\n};\n\nexport type PostPickerProps = {\n\ttitle: string;\n\tshowModal: boolean;\n\tonClose: () => void;\n\tonSelect: (Media: Media[]) => void;\n\tmedia: Media[];\n\tmediaType: MEDIA_TYPES;\n\tpreviouslySelected?: Media[];\n\tlimit?: number;\n\tselected: Media[];\n\tshowFilter?: boolean;\n};\n\nexport enum DateKeys {\n\t'Today' = 'Today',\n\t'7_Days' = '7',\n\t'30_Days' = '30',\n\t'custom' = 'custom',\n\t'Yesterday' = 'Yesterday',\n}\n\nexport interface DateOptionI {\n\tlabel: string;\n\tvalue: string;\n\tkey: DateKeys;\n\ttypeValue?: [Date, Date];\n\tselectedRange?: [Date, Date];\n\tisCustom?: boolean;\n\tdateRangeSelectionOptions?: {\n\t\tselectRange: boolean;\n\t\tmaxDate?: Date;\n\t\tminDate?: Date;\n\t};\n}\n\nexport const dateOptions: DateOptionI[] = [\n\t{\n\t\tlabel: 'Today',\n\t\tvalue: 'today',\n\t\tkey: DateKeys.Today,\n\t\ttypeValue: [new Date(), new Date()],\n\t},\n\t{\n\t\tlabel: 'Last 7 days',\n\t\tvalue: '7 days',\n\t\tkey: DateKeys['7_Days'],\n\t\ttypeValue: [\n\t\t\tnew Date(new Date().setDate(new Date().getDate() - 6)),\n\t\t\tnew Date(),\n\t\t],\n\t},\n\t{\n\t\tlabel: 'Last 30 days',\n\t\tvalue: '30 days',\n\t\tkey: DateKeys['30_Days'],\n\t\ttypeValue: [\n\t\t\tnew Date(new Date().setDate(new Date().getDate() - 29)),\n\t\t\tnew Date(),\n\t\t],\n\t},\n\t{\n\t\tlabel: 'Custom range',\n\t\tvalue: 'calender',\n\t\tkey: DateKeys.custom,\n\t\tisCustom: true,\n\t\tdateRangeSelectionOptions: {\n\t\t\tselectRange: true,\n\t\t\tmaxDate: new Date(new Date().setMonth(new Date().getMonth() + 3)),\n\t\t},\n\t},\n];\n\nexport const PostPicker: React.FC<PostPickerProps> = (props) => {\n\tconst [selectedMedia, setSelectedMedia] = useState<Media[]>(\n\t\tprops.previouslySelected ?? [],\n\t);\n\tconst [error, setError] = useState<string>('');\n\tconst [loading, setLoading] = useState<boolean>(false);\n\tconst [media, setMedia] = useState<Media[]>(props.media);\n\tconst [resetFilter, setResetFilter] = useState<boolean>(false);\n\tconst [showClear, setShowClear] = useState<boolean>(false);\n\tconst [closeAnalyticsDropdown, setCloseAnalyticsDropdown] =\n\t\tuseState<boolean>(false);\n\tconst ref = useRef(null);\n\n\tuseEffect(() => {\n\t\tif (!props.media.length) {\n\t\t\tsetLoading(true);\n\t\t\tsetTimeout(() => {\n\t\t\t\tsetLoading(false);\n\t\t\t}, 2000);\n\t\t}\n\t\tsetSelectedMedia(props.selected \|\| []);\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (props.media.length > 0) {\n\t\t\tsetMedia(props.media);\n\t\t\tsetLoading(false);\n\t\t}\n\t}, [props?.media?.length]);\n\n\tuseEffect(() => {\n\t\tif (selectedMedia.length > 0) {\n\t\t\tsetError('');\n\t\t}\n\t}, [selectedMedia.length]);\n\n\tuseEffect(() => {\n\t\tif (resetFilter) {\n\t\t\tsetMedia(props.media);\n\t\t\tsetShowClear(false);\n\t\t}\n\t}, [resetFilter]);\n\n\tuseEffect(() => {\n\t\tconst handleClick = (event) => {\n\t\t\tconst analyticsDropdown = document.getElementById(\n\t\t\t\t'analytic-dropdown',\n\t\t\t) as any;\n\t\t\tif (!analyticsDropdown.contains(event.target)) {\n\t\t\t\tsetCloseAnalyticsDropdown(!closeAnalyticsDropdown);\n\t\t\t}\n\t\t};\n\n\t\tconst element = document.getElementById('post-picker') as any;\n\t\tif (element) {\n\t\t\telement.addEventListener('click', handleClick);\n\t\t}\n\n\t\treturn () => {\n\t\t\tif (element) {\n\t\t\t\telement.removeEventListener('click', handleClick);\n\t\t\t}\n\t\t};\n\t});\n\n\tconst handleProductSelect = (selectedPost: Media) => {\n\t\tsetSelectedMedia(() => {\n\t\t\tif (selectedMedia.find((media) => media.id === selectedPost.id)) {\n\t\t\t\treturn selectedMedia.filter((post) => post.id !== selectedPost.id);\n\t\t\t} else {\n\t\t\t\tif (!props.limit \|\| selectedMedia.length < props.limit) {\n\t\t\t\t\treturn [...selectedMedia, selectedPost];\n\t\t\t\t} else {\n\t\t\t\t\tsetError(`Only ${props.limit} ${props.mediaType}s can be selected`);\n\t\t\t\t}\n\t\t\t\treturn selectedMedia;\n\t\t\t}\n\t\t});\n\t};\n\n\tconst handleOnSave = () => {\n\t\tif (!selectedMedia.length) {\n\t\t\tsetError(`Please select a ${props.mediaType} to proceed`);\n\t\t\treturn;\n\t\t}\n\t\tprops.onSelect(selectedMedia);\n\t};\n\n\tconst renderFooterLeftComponent = () => {\n\t\tif (error) {\n\t\t\treturn <Tag tagText={error} type=\"negative\" LeadingIcon={WarningIcon} />;\n\t\t} else if (selectedMedia.length) {\n\t\t\treturn <BodySecondary>{selectedMedia.length} selected</BodySecondary>;\n\t\t} else {\n\t\t\treturn null;\n\t\t}\n\t};\n\n\tconst containsObject = (obj, list) => {\n\t\treturn list.some((elem) => elem.id === obj.id);\n\t};\n\n\tfunction isDateInRange(itemDateStr, startDateStr, endDateStr) {\n\t\tconst itemDate = new Date(itemDateStr);\n\t\tconst startDate = new Date(startDateStr);\n\t\tconst endDate = new Date(endDateStr);\n\n\t\treturn itemDate >= startDate && itemDate <= endDate;\n\t}\n\n\treturn (\n\t\t<div ref={ref}>\n\t\t\t<StyledModal\n\t\t\t\tzIndex={201}\n\t\t\t\topen={props.showModal}\n\t\t\t\theadingTitle={props.title}\n\t\t\t\tonClose={props.onClose}\n\t\t\t\tcentralContainerStyles={{\n\t\t\t\t\twidth: 1071,\n\t\t\t\t\theight: props.showFilter ? 650 : 564,\n\t\t\t\t}}\n\t\t\t\tprimaryButton={{\n\t\t\t\t\tdisabled: !media.length,\n\t\t\t\t\tbuttonType: 'primary',\n\t\t\t\t\tbuttonText: `Select ${unCamelCase(props.mediaType)}`,\n\t\t\t\t\tonClick: () => handleOnSave(),\n\t\t\t\t}}\n\t\t\t\tsecondaryButton={{\n\t\t\t\t\tbuttonType: 'secondary',\n\t\t\t\t\tbuttonText: 'Back',\n\t\t\t\t\tonClick: () => props.onClose(),\n\t\t\t\t}}\n\t\t\t\tfooterLeftCustomElement={renderFooterLeftComponent()}\n\t\t\t\tid=\"post-picker\"\n\t\t\t>\n\t\t\t\t{props.showFilter && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tmarginTop: 24,\n\t\t\t\t\t\t\tmarginBottom: 24,\n\t\t\t\t\t\t\tpadding: '0 24px',\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\tgap: 8,\n\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<AnalyticsDropdown\n\t\t\t\t\t\t\toptions={dateOptions}\n\t\t\t\t\t\t\tplaceholder=\"posted on\"\n\t\t\t\t\t\t\tresetDropdown={resetFilter}\n\t\t\t\t\t\t\tonOptionSelected={(chosen) => {\n\t\t\t\t\t\t\t\tlet start: Date \| null = null;\n\t\t\t\t\t\t\t\tlet end: Date \| null = null;\n\t\t\t\t\t\t\t\tif (chosen.label === 'Custom range') {\n\t\t\t\t\t\t\t\t\tstart = chosen?.['selectedRange']?.[0] \|\| new Date();\n\t\t\t\t\t\t\t\t\tend = chosen?.['selectedRange']?.[1] \|\| new Date();\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tstart = chosen['typeValue'][0];\n\t\t\t\t\t\t\t\t\tend = chosen['typeValue'][1];\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tconst filtered = props.media.filter((item) =>\n\t\t\t\t\t\t\t\t\tisDateInRange(item.timestamp, start, end),\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tsetMedia(filtered);\n\t\t\t\t\t\t\t\tsetShowClear(true);\n\t\t\t\t\t\t\t\tsetResetFilter(false);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tcloseDropdown={closeAnalyticsDropdown}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{showClear && (\n\t\t\t\t\t\t\t<ButtonRegular\n\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\tonClick={() => setResetFilter(true)}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tClear\n\t\t\t\t\t\t\t</ButtonRegular>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{loading ? (\n\t\t\t\t\t<div style={{ padding: '0 24px' }}>\n\t\t\t\t\t\t<BikShimmer\n\t\t\t\t\t\t\tboxes={[\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\twidth: `${props.mediaType == MEDIA_TYPES.POST ? 148 : 104}px`,\n\t\t\t\t\t\t\t\t\theight: `${\n\t\t\t\t\t\t\t\t\t\tprops.mediaType == MEDIA_TYPES.POST ? 148 : 172\n\t\t\t\t\t\t\t\t\t}px`,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{media && !!media.length ? (\n\t\t\t\t\t\t\t<StyledProductGrid mediaType={props.mediaType}>\n\t\t\t\t\t\t\t\t{media.map((post) => (\n\t\t\t\t\t\t\t\t\t<StyledProduct\n\t\t\t\t\t\t\t\t\t\tmediaType={props.mediaType}\n\t\t\t\t\t\t\t\t\t\tkey={post.id}\n\t\t\t\t\t\t\t\t\t\tclassName={`${\n\t\t\t\t\t\t\t\t\t\t\tcontainsObject(post, selectedMedia) ? 'selected' : ''\n\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t\tonClick={() => handleProductSelect(post)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<ShimmerImage\n\t\t\t\t\t\t\t\t\t\t\timageUrl={post.imageUrl}\n\t\t\t\t\t\t\t\t\t\t\twidth={props.mediaType == MEDIA_TYPES.POST ? 148 : 104}\n\t\t\t\t\t\t\t\t\t\t\theight={props.mediaType == MEDIA_TYPES.POST ? 148 : 172}\n\t\t\t\t\t\t\t\t\t\t\talt={post.overlayCaption}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<div className=\"overlay\">\n\t\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\t\t\t\trel=\"noreferrer\"\n\t\t\t\t\t\t\t\t\t\t\t\thref={post.redirectionUrl}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"overlay__redirection\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<InstagramIcon height={22} width={22} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={PRIMARY}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontWeight: 500,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tView\n\t\t\t\t\t\t\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"overlay__caption\">\n\t\t\t\t\t\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.placeholder}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{post.overlayCaption}\n\t\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</StyledProduct>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</StyledProductGrid>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\theight: 422,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{!props.media.length ? (\n\t\t\t\t\t\t\t\t\t<StateComponent\n\t\t\t\t\t\t\t\t\t\tstates={StateInterface.WARNING}\n\t\t\t\t\t\t\t\t\t\theading={`No ${props.mediaType}s on your account`}\n\t\t\t\t\t\t\t\t\t\tsubline={`There seems to be no ${props.mediaType}s on your account`}\n\t\t\t\t\t\t\t\t\t\tisButtonEnabled={false}\n\t\t\t\t\t\t\t\t\t\twidth={400}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) : !media.length ? (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\tgap: '16px',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\twidth: '48px',\n\t\t\t\t\t\t\t\t\t\t\t\theight: '48px',\n\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: `${COLORS.background.inverse}`,\n\t\t\t\t\t\t\t\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<SearchIcon color={COLORS.content.primaryInverse} />\n\t\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\tgap: '8px',\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<TitleMedium>No results found</TitleMedium>\n\t\t\t\t\t\t\t\t\t\t\t<BodyPrimary>\n\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Sorry we could not find any results for the selected filter'\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\tsetResetFilter(true);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<ButtonLarge color={`${COLORS.content.brand}`}>\n\t\t\t\t\t\t\t\t\t\t\t\tClear Filter\n\t\t\t\t\t\t\t\t\t\t\t</ButtonLarge>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</StyledModal>\n\t\t</div>\n\t);\n};\n"],"names":["MEDIA_TYPES","DateKeys","dateOptions","label","value","key","Today","typeValue","Date","setDate","getDate","custom","isCustom","dateRangeSelectionOptions","selectRange","maxDate","setMonth","getMonth","props","selectedMedia","setSelectedMedia","useState","_a","previouslySelected","error","setError","loading","setLoading","media","setMedia","resetFilter","setResetFilter","showClear","setShowClear","closeAnalyticsDropdown","setCloseAnalyticsDropdown","ref","useRef","useEffect","length","setTimeout","selected","_b","handleClick","event","document","getElementById","contains","target","element","addEventListener","removeEventListener","_jsx","Object","assign","children","_jsxs","jsxs","StyledModal","zIndex","open","showModal","headingTitle","title","onClose","centralContainerStyles","width","height","showFilter","primaryButton","disabled","buttonType","buttonText","unCamelCase","mediaType","onClick","onSelect","secondaryButton","footerLeftCustomElement","Tag","tagText","type","LeadingIcon","WarningIcon","BodySecondary","id","style","marginTop","marginBottom","padding","display","flexDirection","gap","alignItems","jsx","AnalyticsDropdown","options","placeholder","resetDropdown","onOptionSelected","chosen","start","end","filtered","filter","item","itemDateStr","startDateStr","endDateStr","itemDate","startDate","endDate","isDateInRange","timestamp","closeDropdown","ButtonRegular","color","COLORS","content","secondary","cursor","BikShimmer","boxes","POST","StyledProductGrid","map","post","StyledProduct","className","obj","list","some","elem","handleProductSelect","selectedPost","find","limit","ShimmerImage","imageUrl","alt","overlayCaption","rel","href","redirectionUrl","InstagramIcon","BodyPrimary","PRIMARY","fontWeight","BodyCaption","containsObject","justifyContent","_Fragment","Fragment","backgroundColor","background","inverse","borderRadius","SearchIcon","primaryInverse","TitleMedium","ButtonLarge","brand","StateComponent","states","StateInterface","WARNING","heading","subline","isButtonEnabled"],"mappings":"wrEA0BYA,EA2BAC,0NA3BAD,QAIXA,iBAAA,GAJWA,EAAAA,sBAAAA,QAAAA,YAIX,CAAA,IAHA,MAAA,QACAA,EAAA,KAAA,OACAA,EAAA,KAAA,OAwBWC,QAMXA,cAAA,GANWA,EAAAA,mBAAAA,QAAAA,SAMX,CAAA,IALA,MAAA,QACAA,EAAA,UAAA,IACAA,EAAA,WAAA,KACAA,EAAA,OAAA,SACAA,EAAA,UAAA,YAiBM,MAAMC,EAA6B,CACzC,CACCC,MAAO,QACPC,MAAO,QACPC,IAAKJ,QAAQA,SAACK,MACdC,UAAW,CAAC,IAAIC,KAAQ,IAAIA,OAE7B,CACCL,MAAO,cACPC,MAAO,SACPC,IAAKJ,QAAQA,SAAC,UACdM,UAAW,CACV,IAAIC,MAAK,IAAIA,MAAOC,SAAQ,IAAID,MAAOE,UAAY,IACnD,IAAIF,OAGN,CACCL,MAAO,eACPC,MAAO,UACPC,IAAKJ,QAAQA,SAAC,WACdM,UAAW,CACV,IAAIC,MAAK,IAAIA,MAAOC,SAAQ,IAAID,MAAOE,UAAY,KACnD,IAAIF,OAGN,CACCL,MAAO,eACPC,MAAO,WACPC,IAAKJ,QAAQA,SAACU,OACdC,UAAU,EACVC,0BAA2B,CAC1BC,aAAa,EACbC,QAAS,IAAIP,MAAK,IAAIA,MAAOQ,UAAS,IAAIR,MAAOS,WAAa,0BAKXC,YACrD,MAAOC,EAAeC,GAAoBC,EAAQA,SACrB,QAA5BC,EAAAJ,EAAMK,0BAAsB,IAAAD,EAAAA,EAAA,KAEtBE,EAAOC,GAAYJ,EAAQA,SAAS,KACpCK,EAASC,GAAcN,EAAQA,UAAU,IACzCO,EAAOC,GAAYR,EAAAA,SAAkBH,EAAMU,QAC3CE,EAAaC,GAAkBV,EAAQA,UAAU,IACjDW,EAAWC,GAAgBZ,EAAQA,UAAU,IAC7Ca,EAAwBC,GAC9Bd,EAAQA,UAAU,GACbe,EAAMC,SAAO,MAEnBC,EAAAA,WAAU,KACJpB,EAAMU,MAAMW,SAChBZ,GAAW,GACXa,YAAW,KACVb,GAAW,EAAM,GACf,MAEJP,EAAiBF,EAAMuB,UAAY,GAAG,GACpC,IAEHH,EAAAA,WAAU,KACLpB,EAAMU,MAAMW,OAAS,IACxBV,EAASX,EAAMU,OACfD,GAAW,GACX,GACC,CAAa,QAAZe,EAAAxB,aAAK,EAALA,EAAOU,aAAK,IAAAc,OAAA,EAAAA,EAAEH,SAElBD,EAAAA,WAAU,KACLnB,EAAcoB,OAAS,GAC1Bd,EAAS,GACT,GACC,CAACN,EAAcoB,SAElBD,EAAAA,WAAU,KACLR,IACHD,EAASX,EAAMU,OACfK,GAAa,GACb,GACC,CAACH,IAEJQ,EAAAA,WAAU,KACT,MAAMK,EAAeC,IACMC,SAASC,eAClC,qBAEsBC,SAASH,EAAMI,SACrCb,GAA2BD,EAC3B,EAGIe,EAAUJ,SAASC,eAAe,eAKxC,OAJIG,GACHA,EAAQC,iBAAiB,QAASP,GAG5B,KACFM,GACHA,EAAQE,oBAAoB,QAASR,EACrC,CACD,IAgDF,OACCS,MAAA,MAAAC,OAAAC,OAAA,CAAKlB,IAAKA,GACT,CAAAmB,SAAAC,EAAAC,KAACC,cAAWL,OAAAC,OAAA,CACXK,OAAQ,IACRC,KAAM1C,EAAM2C,UACZC,aAAc5C,EAAM6C,MACpBC,QAAS9C,EAAM8C,QACfC,uBAAwB,CACvBC,MAAO,KACPC,OAAQjD,EAAMkD,WAAa,IAAM,KAElCC,cAAe,CACdC,UAAW1C,EAAMW,OACjBgC,WAAY,UACZC,WAAY,UAAUC,EAAAA,YAAYvD,EAAMwD,aACxCC,QAASA,KA5CPxD,EAAcoB,OAInBrB,EAAM0D,SAASzD,GAHdM,EAAS,mBAAmBP,EAAMwD,uBA4ChC,GACDG,gBAAiB,CAChBN,WAAY,YACZC,WAAY,OACZG,QAASA,IAAMzD,EAAM8C,WAEtBc,wBA3CEtD,EACI4B,EAAAA,IAAC2B,EAAAA,IAAI,CAAAC,QAASxD,EAAOyD,KAAK,WAAWC,YAAaC,EAAAA,UAC/ChE,EAAcoB,OACjBiB,EAAAA,KAAC4B,EAAAA,cAAa,CAAA7B,SAAA,CAAEpC,EAAcoB,sBAE9B,KAuCN8C,GAAG,eAEF,CAAA9B,SAAA,CAAArC,EAAMkD,YACNZ,EAAAC,KAAA,MAAAJ,OAAAC,OAAA,CACCgC,MAAO,CACNC,UAAW,GACXC,aAAc,GACdC,QAAS,SACTC,QAAS,OACTC,cAAe,MACfC,IAAK,EACLC,WAAY,WAGb,CAAAtC,SAAA,CAAAH,EAAA0C,IAACC,oBACA,CAAAC,QAAS9F,EACT+F,YAAY,YACZC,cAAepE,EACfqE,iBAAmBC,YAClB,IAAIC,EAAqB,KACrBC,EAAmB,KACF,iBAAjBF,EAAOjG,OACVkG,WAAQ/E,EAAA8E,eAAAA,EAAwB,oCAAI,KAAM,IAAI5F,KAC9C8F,WAAM5D,EAAA0D,eAAAA,EAAwB,oCAAI,KAAM,IAAI5F,OAE5C6F,EAAQD,EAAkB,UAAE,GAC5BE,EAAMF,EAAkB,UAAE,IAE3B,MAAMG,EAAWrF,EAAMU,MAAM4E,QAAQC,GA3D5C,SAAuBC,EAAaC,EAAcC,GACjD,MAAMC,EAAW,IAAIrG,KAAKkG,GACpBI,EAAY,IAAItG,KAAKmG,GACrBI,EAAU,IAAIvG,KAAKoG,GAEzB,OAAOC,GAAYC,GAAaD,GAAYE,CAC7C,CAsDQC,CAAcP,EAAKQ,UAAWZ,EAAOC,KAEtCzE,EAAS0E,GACTtE,GAAa,GACbF,GAAe,EAAM,EAEtBmF,cAAehF,IAGfF,GACAoB,EAAAA,IAAC+D,EAAAA,cAAa9D,OAAAC,OAAA,CACb8D,MAAOC,EAAAA,OAAOC,QAAQC,UACtB5C,QAASA,IAAM5C,GAAe,GAC9BuD,MAAO,CACNkC,OAAQ,YAIM,CAAAjE,SAAA,eAIlB7B,EACA0B,EAAAA,IAAK,MAAAC,OAAAC,OAAA,CAAAgC,MAAO,CAAEG,QAAS,qBACtBrC,EAAC0C,IAAA2B,aACA,CAAAC,MAAO,CACN,CACCxD,OAAUhD,EAAMwD,WAAa1E,QAAWA,YAAC2H,KAAO,IAAM,KAA/C,KACPxD,QACCjD,EAAMwD,WAAa1E,QAAWA,YAAC2H,KAAO,IAAM,KADrC,YAQZvE,2BACExB,GAAWA,EAAMW,OACjBa,MAACwE,EAAAA,kBAAkBvE,OAAAC,OAAA,CAAAoB,UAAWxD,EAAMwD,WAClC,CAAAnB,SAAA3B,EAAMiG,KAAKC,IACXtE,SAAAA,KAACuE,EAAaA,6BACbrD,UAAWxD,EAAMwD,UAEjBsD,UAAW,IA3GIC,EA4GCH,EA5GII,EA4GE/G,EA3GvB+G,EAAKC,MAAMC,GAASA,EAAK/C,KAAO4C,EAAI5C,KA2GI,WAAa,IAEpDV,QAASA,KAAM0D,OA/IKC,EA+IeR,OA9I3C1G,GAAiB,IACZD,EAAcoH,MAAM3G,GAAUA,EAAMyD,KAAOiD,EAAajD,KACpDlE,EAAcqF,QAAQsB,GAASA,EAAKzC,KAAOiD,EAAajD,MAE1DnE,EAAMsH,OAASrH,EAAcoB,OAASrB,EAAMsH,MACzC,IAAIrH,EAAemH,IAE1B7G,EAAS,QAAQP,EAAMsH,SAAStH,EAAMwD,8BAEhCvD,KAVmBmH,KA+IoB,GAAA,CAAA/E,SAAA,CAExCH,EAAC0C,IAAA2C,gBACAC,SAAUZ,EAAKY,SACfxE,MAAOhD,EAAMwD,WAAa1E,QAAWA,YAAC2H,KAAO,IAAM,IACnDxD,OAAQjD,EAAMwD,WAAa1E,QAAWA,YAAC2H,KAAO,IAAM,IACpDgB,IAAKb,EAAKc,iBAEXpF,4BAAKwE,UAAU,WAAS,CAAAzE,SAAA,CACvBH,yBACCJ,OAAO,SACP6F,IAAI,aACJC,KAAMhB,EAAKiB,0BAEXvF,EAAKC,KAAA,MAAAJ,OAAAC,OAAA,CAAA0E,UAAU,wBAAsB,CAAAzE,SAAA,CACpCH,EAAC0C,IAAAkD,WAAc7E,OAAQ,GAAID,MAAO,KAClCd,EAAA0C,IAACmD,cACA5F,OAAAC,OAAA,CAAA8D,MAAO8B,EAAOA,QACd5D,MAAO,CACN6D,WAAY,MACZ,CAAA5F,SAAA,iBAMJH,2BAAK4E,UAAU,oBACd,CAAAzE,SAAAH,EAAA0C,IAACsD,cAAW/F,OAAAC,OAAA,CAAC8D,MAAOC,EAAAA,OAAOC,QAAQrB,aACjC,CAAA1C,SAAAuE,EAAKc,4BAhCJd,EAAKzC,IA1GIgE,IAACpB,EAAKC,CA+IrB,OAGF9E,EAAA0C,IAAA,MAAAzC,OAAAC,OAAA,CACCgC,MAAO,CACNgE,eAAgB,SAChBzD,WAAY,SACZH,QAAS,OACTvB,OAAQ,MAGR,CAAAZ,SAACrC,EAAMU,MAAMW,OAQTX,EAAMW,OAsDVa,EAAAA,IAAKmG,EAAAC,SAAA,IArDLhG,EACCC,KAAA,MAAAJ,OAAAC,OAAA,CAAAgC,MAAO,CACNI,QAAS,OACTC,cAAe,SACfE,WAAY,SACZD,IAAK,SAGN,CAAArC,SAAA,CAAAH,EAAA0C,IAAA,MAAAzC,OAAAC,OAAA,CACCgC,MAAO,CACNI,QAAS,OACTC,cAAe,SACfE,WAAY,SACZyD,eAAgB,SAChBpF,MAAO,OACPC,OAAQ,OACRsF,gBAAiB,GAAGpC,EAAAA,OAAOqC,WAAWC,UACtCC,aAAc,QACd,CAAArG,SAEDH,EAAC0C,IAAA+D,aAAW,CAAAzC,MAAOC,EAAAA,OAAOC,QAAQwC,oBAGnCtG,EAAAC,KAAA,MAAAJ,OAAAC,OAAA,CACCgC,MAAO,CACNI,QAAS,OACTC,cAAe,SACfE,WAAY,SACZyD,eAAgB,SAChB1D,IAAK,QACL,CAAArC,SAAA,CAEDH,EAAC0C,IAAAiE,cAA0C,CAAAxG,SAAA,qBAC3CH,MAAC6F,cAAW,CAAA1F,SAEV,oEAIHH,EAAA0C,IAAA,MAAAzC,OAAAC,OAAA,CACCqB,QAASA,KACR5C,GAAe,EAAK,EAErBuD,MAAO,CACNkC,OAAQ,YACR,CAAAjE,SAEDH,EAAC0C,IAAAkE,cAAY3G,OAAAC,OAAA,CAAA8D,MAAO,GAAGC,EAAAA,OAAOC,QAAQ2C,SAExB,CAAA1G,SAAA,yBAzDhBH,EAAAA,IAAC8G,EAAAA,eAAc,CACdC,OAAQC,EAAcA,eAACC,QACvBC,QAAS,MAAMpJ,EAAMwD,6BACrB6F,QAAS,wBAAwBrJ,EAAMwD,6BACvC8F,iBAAiB,EACjBtG,MAAO,iBA+DT"}