@bikdotai/bik-component-library 0.0.826 → 0.0.827
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.
- package/dist/cjs/components/QueryBuilder/components/Connectors/Components/EmojiPicker.js.map +1 -1
- package/dist/cjs/components/agent-builder/components/CreateSubAgentPanel.js +17 -1
- package/dist/cjs/components/agent-builder/components/CreateSubAgentPanel.js.map +1 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js.map +1 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js.map +1 -1
- package/dist/cjs/components/switch/Switch.js.map +1 -1
- package/dist/cjs/icons/Media/Visual/{Frame26086263.js → FormkitNeutral.js} +1 -1
- package/dist/cjs/icons/Media/Visual/FormkitNeutral.js.map +1 -0
- package/dist/cjs/icons/Media/Visual/{IconTrailing.js → FormkitSad.js} +1 -1
- package/dist/cjs/icons/Media/Visual/FormkitSad.js.map +1 -0
- package/dist/cjs/icons/index.js +1 -1
- package/dist/esm/components/QueryBuilder/components/Connectors/Components/EmojiPicker.js.map +1 -1
- package/dist/esm/components/QueryBuilder/helpers/PropertyCustomProcessor.d.ts +1 -1
- package/dist/esm/components/agent-builder/components/CreateSubAgentPanel.js +167 -120
- package/dist/esm/components/agent-builder/components/CreateSubAgentPanel.js.map +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.d.ts +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js.map +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.type.d.ts +57 -0
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/LazyCharts.d.ts +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.d.ts +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js.map +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.type.d.ts +46 -0
- package/dist/esm/components/switch/Switch.d.ts +2 -2
- package/dist/esm/components/switch/Switch.js.map +1 -1
- package/dist/esm/components/switch/Switch.type.d.ts +19 -0
- package/dist/esm/icons/Media/Visual/{Frame26086263.js → FormkitNeutral.js} +1 -1
- package/dist/esm/icons/Media/Visual/FormkitNeutral.js.map +1 -0
- package/dist/esm/icons/Media/Visual/{IconTrailing.js → FormkitSad.js} +1 -1
- package/dist/esm/icons/Media/Visual/FormkitSad.js.map +1 -0
- package/dist/esm/icons/Media/Visual/index.d.ts +2 -2
- package/dist/esm/icons/index.d.ts +25 -25
- package/dist/esm/icons/index.js +184 -184
- package/dist/esm/index.d.ts +1 -0
- package/package.json +1 -1
- package/dist/cjs/icons/Media/Visual/Frame26086263.js.map +0 -1
- package/dist/cjs/icons/Media/Visual/IconTrailing.js.map +0 -1
- package/dist/esm/icons/Media/Visual/Frame26086263.js.map +0 -1
- package/dist/esm/icons/Media/Visual/IconTrailing.js.map +0 -1
- /package/dist/esm/icons/Media/Visual/{Frame26086263.d.ts → FormkitNeutral.d.ts} +0 -0
- /package/dist/esm/icons/Media/Visual/{IconTrailing.d.ts → FormkitSad.d.ts} +0 -0
package/dist/cjs/components/QueryBuilder/components/Connectors/Components/EmojiPicker.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmojiPicker.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/EmojiPicker.tsx"],"sourcesContent":["import EmojiIcon from '@src/assets/icons/emoji.svg';\nimport React, { LegacyRef, Suspense, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { IconButton } from '@src/components/icon-button';\nimport ChipInput from '@src/components/input/ChipInput';\nimport { CONNECTOR_VALUE_TYPE } from '@src/components/QueryBuilder/types/QueryBuilderConnector';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { useOutside } from '@src/hooks/useOutside';\n\ntype EmojiClickData = {\n\temoji: string;\n};\n\nconst LazyEmojiPicker = React.lazy(async () => {\n\tconst mod = await import('emoji-picker-react');\n\treturn { default: mod.default };\n});\n\ntype Props = Omit<Omit<ConnectorComponentProps, 'val'>, 'onChange'> & {\n\tval: string[];\n\tonChange: (val: (string | number)[]) => void;\n};\n\nconst EmojiPicker: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\terrors,\n\tnativeID,\n\tdisabled,\n}) => {\n\tconst [showPicker, setShowPicker] = useState<boolean>(false);\n\tconst valArr = (Array.isArray(val) ? val : []).map((valEl) => {\n\t\treturn valEl;\n\t});\n\tconst ref = useRef();\n\n\tuseOutside(ref, () => {\n\t\tsetShowPicker(false);\n\t});\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{ position: 'relative', opacity: disabled ? 0.5 : 1, width: 300 }}\n\t\t\tid={nativeID}\n\t\t>\n\t\t\t{!!disabled && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\tzIndex: 1,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t<EmojiInput>\n\t\t\t\t<ChipInput\n\t\t\t\t\terror={errors?.val as string}\n\t\t\t\t\tonChipsChange={onChange as Props['onChange']}\n\t\t\t\t\tchipsContainerCustomStyle={{\n\t\t\t\t\t\tpadding: '0px 32px 0px 8px',\n\t\t\t\t\t}}\n\t\t\t\t\tcreateChipKeys={[13, 188]}\n\t\t\t\t\tplaceholder={'add emojis'}\n\t\t\t\t\tchips={valArr}\n\t\t\t\t/>\n\n\t\t\t\t<EmojiContainer>\n\t\t\t\t\t<IconButton Icon={EmojiIcon} onClick={() => setShowPicker(true)} />\n\t\t\t\t</EmojiContainer>\n\t\t\t\t{showPicker && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tref={ref as unknown as LegacyRef<HTMLDivElement>}\n\t\t\t\t\t\tclassName=\"absolute-picker\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Suspense fallback={null}>\n\t\t\t\t\t\t\t<LazyEmojiPicker\n\t\t\t\t\t\t\t\tpreviewConfig={{ showPreview: false }}\n\t\t\t\t\t\t\t\tskinTonesDisabled\n\t\t\t\t\t\t\t\tsearchDisabled\n\t\t\t\t\t\t\t\ttheme={'dark' as unknown as never}\n\t\t\t\t\t\t\t\temojiStyle={'native' as unknown as never}\n\t\t\t\t\t\t\t\tonEmojiClick={(emoji: EmojiClickData) => {\n\t\t\t\t\t\t\t\t\tconst exists = valArr.find((em) => emoji.emoji === em);\n\t\t\t\t\t\t\t\t\tif (exists) return;\n\t\t\t\t\t\t\t\t\tonChange?.([\n\t\t\t\t\t\t\t\t\t\t...valArr,\n\t\t\t\t\t\t\t\t\t\temoji.emoji,\n\t\t\t\t\t\t\t\t\t] as unknown as CONNECTOR_VALUE_TYPE);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Suspense>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</EmojiInput>\n\t\t</div>\n\t);\n};\n\nexport default function EmojiPickerConnector(props: ConnectorComponentProps) {\n\treturn <EmojiPicker {...props} />;\n}\n\nconst EmojiContainer = styled.div`\n\tposition: absolute;\n\tright: 0;\n\ttop: 0;\n`;\n\nconst EmojiInput = styled.div`\n\tinput {\n\t\tpointer-events: none;\n\t}\n\t.absolute-picker {\n\t\tposition: absolute;\n\t\ttop: 50px;\n\t\tz-index: 1;\n\t}\n`;\n"],"names":["LazyEmojiPicker","React","EmojiPicker","val","onChange","errors","nativeID","disabled","showPicker","setShowPicker","useState","valArr","valEl","ref","useRef","useOutside","jsxs","jsx","EmojiInput","ChipInput","EmojiContainer","IconButton","EmojiIcon","Suspense","emoji","em","EmojiPickerConnector","props","styled"],"mappings":"y5BAaMA,EAAkBC,EAAAA,QAAM,KAAK,UAE3B,CAAE,SADG,KAAM,QAAO,oBAAoB,GACvB,OAAA,EACtB,EAOKC,EAAiD,CAAC,CACvD,IAAAC,EACA,SAAAC,EACA,OAAAC,EACA,SAAAC,EACA,SAAAC,CACD,IAAM,CACL,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAkB,EAAK,EACrDC,GAAU,MAAM,QAAQR,CAAG,EAAIA,EAAM,CAAA,GAAI,IAAKS,GAC5CA,CACP,EACKC,EAAMC,EAAAA,OAAA,EAEZC,OAAAA,EAAAA,WAAWF,EAAK,IAAM,CACrBJ,EAAc,EAAK,CACpB,CAAC,EAGAO,EAAAA,KAAC,MAAA,CACA,MAAO,CAAE,SAAU,WAAY,QAAST,EAAW,GAAM,EAAG,MAAO,GAAA,EACnE,GAAID,EAEH,SAAA,CAAA,CAAC,CAACC,GACFU,EAAAA,IAAC,MAAA,CACA,MAAO,CACN,SAAU,WACV,MAAO,OACP,OAAQ,OACR,IAAK,EACL,KAAM,EACN,OAAQ,CAAA,CACT,CAAA,SAGDC,EAAA,CACA,SAAA,CAAAD,EAAAA,IAACE,EAAAA,QAAA,CACA,MAAOd,GAAQ,IACf,cAAeD,EACf,0BAA2B,CAC1B,QAAS,kBAAA,EAEV,eAAgB,CAAC,GAAI,GAAG,EACxB,YAAa,aACb,MAAOO,CAAA,CAAA,EAGRM,EAAAA,IAACG,EAAA,CACA,SAAAH,EAAAA,IAACI,EAAAA,WAAA,CAAW,KAAMC,EAAAA,QAAW,QAAS,IAAMb,EAAc,EAAI,CAAA,CAAG,CAAA,CAClE,EACCD,GACAS,EAAAA,IAAC,MAAA,CACA,IAAAJ,EACA,UAAU,kBAEV,SAAAI,EAAAA,IAACM,EAAAA,SAAA,CAAS,SAAU,KACnB,SAAAN,EAAAA,IAACjB,EAAA,CACA,cAAe,CAAE,YAAa,EAAA,EAC9B,kBAAiB,GACjB,eAAc,GACd,MAAO,OACP,WAAY,SACZ,aAAewB,GAA0B,CACzBb,EAAO,KAAMc,GAAOD,EAAM,QAAUC,CAAE,GAErDrB,IAAW,CACV,GAAGO,EACHa,EAAM,KAAA,CAC6B,CACrC,CAAA,CAAA,CACD,CACD,CAAA,CAAA,CACD,CAAA,CAEF,CAAA,CAAA,CAAA,CAGH,EAEA,SAAwBE,EAAqBC,EAAgC,CAC5E,OAAOV,MAACf,EAAA,CAAa,GAAGyB,CAAA,CAAO,CAChC,CAEA,MAAMP,EAAiBQ,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,EAMxBV,EAAaU,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
|
|
1
|
+
{"version":3,"file":"EmojiPicker.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/EmojiPicker.tsx"],"sourcesContent":["import EmojiIcon from '@src/assets/icons/emoji.svg';\nimport React, { LegacyRef, Suspense, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { IconButton } from '@src/components/icon-button';\nimport ChipInput from '@src/components/input/ChipInput';\nimport { CONNECTOR_VALUE_TYPE } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { useOutside } from '@src/hooks/useOutside';\n\ntype EmojiClickData = {\n\temoji: string;\n};\n\nconst LazyEmojiPicker = React.lazy(async () => {\n\tconst mod = await import('emoji-picker-react');\n\treturn { default: mod.default };\n});\n\ntype Props = Omit<Omit<ConnectorComponentProps, 'val'>, 'onChange'> & {\n\tval: string[];\n\tonChange: (val: (string | number)[]) => void;\n};\n\nconst EmojiPicker: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\terrors,\n\tnativeID,\n\tdisabled,\n}) => {\n\tconst [showPicker, setShowPicker] = useState<boolean>(false);\n\tconst valArr = (Array.isArray(val) ? val : []).map((valEl) => {\n\t\treturn valEl;\n\t});\n\tconst ref = useRef();\n\n\tuseOutside(ref, () => {\n\t\tsetShowPicker(false);\n\t});\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{ position: 'relative', opacity: disabled ? 0.5 : 1, width: 300 }}\n\t\t\tid={nativeID}\n\t\t>\n\t\t\t{!!disabled && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\tzIndex: 1,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t<EmojiInput>\n\t\t\t\t<ChipInput\n\t\t\t\t\terror={errors?.val as string}\n\t\t\t\t\tonChipsChange={onChange as Props['onChange']}\n\t\t\t\t\tchipsContainerCustomStyle={{\n\t\t\t\t\t\tpadding: '0px 32px 0px 8px',\n\t\t\t\t\t}}\n\t\t\t\t\tcreateChipKeys={[13, 188]}\n\t\t\t\t\tplaceholder={'add emojis'}\n\t\t\t\t\tchips={valArr}\n\t\t\t\t/>\n\n\t\t\t\t<EmojiContainer>\n\t\t\t\t\t<IconButton Icon={EmojiIcon} onClick={() => setShowPicker(true)} />\n\t\t\t\t</EmojiContainer>\n\t\t\t\t{showPicker && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tref={ref as unknown as LegacyRef<HTMLDivElement>}\n\t\t\t\t\t\tclassName=\"absolute-picker\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Suspense fallback={null}>\n\t\t\t\t\t\t\t<LazyEmojiPicker\n\t\t\t\t\t\t\t\tpreviewConfig={{ showPreview: false }}\n\t\t\t\t\t\t\t\tskinTonesDisabled\n\t\t\t\t\t\t\t\tsearchDisabled\n\t\t\t\t\t\t\t\ttheme={'dark' as unknown as never}\n\t\t\t\t\t\t\t\temojiStyle={'native' as unknown as never}\n\t\t\t\t\t\t\t\tonEmojiClick={(emoji: EmojiClickData) => {\n\t\t\t\t\t\t\t\t\tconst exists = valArr.find((em) => emoji.emoji === em);\n\t\t\t\t\t\t\t\t\tif (exists) return;\n\t\t\t\t\t\t\t\t\tonChange?.([\n\t\t\t\t\t\t\t\t\t\t...valArr,\n\t\t\t\t\t\t\t\t\t\temoji.emoji,\n\t\t\t\t\t\t\t\t\t] as unknown as CONNECTOR_VALUE_TYPE);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Suspense>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</EmojiInput>\n\t\t</div>\n\t);\n};\n\nexport default function EmojiPickerConnector(props: ConnectorComponentProps) {\n\treturn <EmojiPicker {...props} />;\n}\n\nconst EmojiContainer = styled.div`\n\tposition: absolute;\n\tright: 0;\n\ttop: 0;\n`;\n\nconst EmojiInput = styled.div`\n\tinput {\n\t\tpointer-events: none;\n\t}\n\t.absolute-picker {\n\t\tposition: absolute;\n\t\ttop: 50px;\n\t\tz-index: 1;\n\t}\n`;\n"],"names":["LazyEmojiPicker","React","EmojiPicker","val","onChange","errors","nativeID","disabled","showPicker","setShowPicker","useState","valArr","valEl","ref","useRef","useOutside","jsxs","jsx","EmojiInput","ChipInput","EmojiContainer","IconButton","EmojiIcon","Suspense","emoji","em","EmojiPickerConnector","props","styled"],"mappings":"y5BAaMA,EAAkBC,EAAAA,QAAM,KAAK,UAE3B,CAAE,SADG,KAAM,QAAO,oBAAoB,GACvB,OAAA,EACtB,EAOKC,EAAiD,CAAC,CACvD,IAAAC,EACA,SAAAC,EACA,OAAAC,EACA,SAAAC,EACA,SAAAC,CACD,IAAM,CACL,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAkB,EAAK,EACrDC,GAAU,MAAM,QAAQR,CAAG,EAAIA,EAAM,CAAA,GAAI,IAAKS,GAC5CA,CACP,EACKC,EAAMC,EAAAA,OAAA,EAEZC,OAAAA,EAAAA,WAAWF,EAAK,IAAM,CACrBJ,EAAc,EAAK,CACpB,CAAC,EAGAO,EAAAA,KAAC,MAAA,CACA,MAAO,CAAE,SAAU,WAAY,QAAST,EAAW,GAAM,EAAG,MAAO,GAAA,EACnE,GAAID,EAEH,SAAA,CAAA,CAAC,CAACC,GACFU,EAAAA,IAAC,MAAA,CACA,MAAO,CACN,SAAU,WACV,MAAO,OACP,OAAQ,OACR,IAAK,EACL,KAAM,EACN,OAAQ,CAAA,CACT,CAAA,SAGDC,EAAA,CACA,SAAA,CAAAD,EAAAA,IAACE,EAAAA,QAAA,CACA,MAAOd,GAAQ,IACf,cAAeD,EACf,0BAA2B,CAC1B,QAAS,kBAAA,EAEV,eAAgB,CAAC,GAAI,GAAG,EACxB,YAAa,aACb,MAAOO,CAAA,CAAA,EAGRM,EAAAA,IAACG,EAAA,CACA,SAAAH,EAAAA,IAACI,EAAAA,WAAA,CAAW,KAAMC,EAAAA,QAAW,QAAS,IAAMb,EAAc,EAAI,CAAA,CAAG,CAAA,CAClE,EACCD,GACAS,EAAAA,IAAC,MAAA,CACA,IAAAJ,EACA,UAAU,kBAEV,SAAAI,EAAAA,IAACM,EAAAA,SAAA,CAAS,SAAU,KACnB,SAAAN,EAAAA,IAACjB,EAAA,CACA,cAAe,CAAE,YAAa,EAAA,EAC9B,kBAAiB,GACjB,eAAc,GACd,MAAO,OACP,WAAY,SACZ,aAAewB,GAA0B,CACzBb,EAAO,KAAMc,GAAOD,EAAM,QAAUC,CAAE,GAErDrB,IAAW,CACV,GAAGO,EACHa,EAAM,KAAA,CAC6B,CACrC,CAAA,CAAA,CACD,CACD,CAAA,CAAA,CACD,CAAA,CAEF,CAAA,CAAA,CAAA,CAGH,EAEA,SAAwBE,EAAqBC,EAAgC,CAC5E,OAAOV,MAACf,EAAA,CAAa,GAAGyB,CAAA,CAAO,CAChC,CAEA,MAAMP,EAAiBQ,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,EAMxBV,EAAaU,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
|
|
@@ -1,2 +1,18 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),ut=require("../../../assets/icons/cross.svg.js"),o=require("react"),ct=require("styled-components"),w=require("../../TypographyStyle.js"),N=require("../../../utils/arrayUtils.js"),l=require("../../../constants/Theme.js"),c=require("../AgentBuilder.styled.js"),lt=require("../constants/charLimits.js"),H=require("../utils/mentionSerialization.js"),p=require("../utils/sourceIcons.js"),K=require("./MentionEditor.js"),dt=require("./SelectableListSection.js"),gt=require("../../input/Input.js"),z=require("../../button/Button.js"),mt=require("../../toaster/Toaster.js"),pt=i=>i&&typeof i=="object"&&"default"in i?i:{default:i},ht=pt(ct),F=ht.default.button`
|
|
2
|
+
align-self: flex-start;
|
|
3
|
+
border: 1px solid ${l.COLORS.stroke.primary};
|
|
4
|
+
color: ${l.COLORS.content.primary};
|
|
5
|
+
background: ${l.COLORS.surface.standard};
|
|
6
|
+
border-radius: 8px;
|
|
7
|
+
padding: 6px 12px;
|
|
8
|
+
font-size: 13px;
|
|
9
|
+
line-height: 1.1;
|
|
10
|
+
font-weight: 600;
|
|
11
|
+
cursor: pointer;
|
|
12
|
+
|
|
13
|
+
&:disabled {
|
|
14
|
+
cursor: default;
|
|
15
|
+
opacity: 0.6;
|
|
16
|
+
}
|
|
17
|
+
`,St=({onClose:i,onSave:$,availableTools:u,onImprove:h,title:D="Create sub-agent",initial:S,appLabel:L="Manifest",charLimits:C=lt.AGENT_CHAR_LIMITS})=>{const[I,W]=o.useState(S?.name??""),[d,b]=o.useState(S?.instructions??""),[g,f]=o.useState(S?.guardrail??""),[j,y]=o.useState(S?.tools??[]),[k,B]=o.useState(!1),[J,v]=o.useState(0),[Q,R]=o.useState(0),[m,M]=o.useState(null),T=o.useMemo(()=>H.buildAgentMentionItems(u,[],L),[u,L]),x=o.useRef({}),O=o.useRef("instructions"),V=o.useCallback(t=>{x.current.instructions=t??void 0},[]),X=o.useCallback(t=>{x.current.guardrail=t??void 0},[]),Y=o.useCallback(()=>{O.current="instructions"},[]),Z=o.useCallback(()=>{O.current="guardrail"},[]),P=o.useCallback((t,n)=>{t==="tool"&&y(s=>N.addUnique(s,n))},[]),tt=o.useCallback(t=>{(x.current[O.current]??x.current.instructions)?.("tool",t)},[]),[q,A]=o.useState(null),_=o.useRef(null),E=o.useRef(0),et=t=>{const n=u.find(r=>r.tool_id===t),s=`{{tool:${t}}}`,a=r=>r.split(s).join("");_.current={instructions:d,guardrail:g,tools:j},b(r=>a(r)),f(r=>a(r)),y(r=>r.filter(it=>it!==t)),v(r=>r+1),R(r=>r+1),E.current+=1,A({id:E.current,message:`Tool "${n?.display_name??"Tool"}" removed`})},nt=()=>{const t=_.current;t&&(b(t.instructions),f(t.guardrail),y(t.tools),v(n=>n+1),R(n=>n+1),_.current=null),A(null)},G=I.trim().length>0&&(d.trim().length>0||g.trim().length>0),ot=j.map(t=>{const n=u.find(s=>s.tool_id===t);return n?{id:t,label:n.display_name,icon:p.SOURCE_ICONS[n.source??"manifest"]}:null}).filter(t=>t!==null),st=u.map(t=>({label:t.display_name,value:t.tool_id,leadingIcon:p.renderSourceIcon(p.SOURCE_ICONS[t.source??"manifest"])??void 0})),rt=(()=>{const t=[],n=new Map;return u.forEach(s=>{const a=s.source??"manifest";n.has(a)||(n.set(a,[]),t.push(a)),n.get(a)?.push({label:s.display_name,value:s.tool_id,leadingIcon:p.renderSourceIcon(p.SOURCE_ICONS[s.source??"manifest"])??void 0})}),t.map(s=>({source:s,label:H.toolSourceLabel(s),options:n.get(s)??[]}))})(),at=async()=>{if(!G||k)return;const t=$({name:I.trim(),instructions:d,guardrail:g,tools:j});if(t&&typeof t.then=="function"){B(!0);try{await t}finally{B(!1)}}},U=async t=>{if(!(!h||m)){M(t);try{const s=await h(t,t==="instructions"?d:g);t==="instructions"?(b(s),v(a=>a+1)):(f(s),R(a=>a+1))}finally{M(null)}}};return e.jsxs(e.Fragment,{children:[e.jsx(c.SubAgentScrim,{onClick:i,"data-test":"subagent-scrim"}),e.jsxs(c.SubAgentPanel,{"data-test":"create-subagent-panel",children:[e.jsxs(c.SubAgentPanelHeader,{children:[e.jsxs(c.SubAgentPanelHeaderText,{children:[e.jsx(w.TitleRegular,{color:l.COLORS.content.primary,children:D}),e.jsx(w.BodySecondary,{color:l.COLORS.content.secondary,children:"Each sub-agent handles one piece of the job. Use @ in the main instructions to call them."})]}),e.jsx(c.SubAgentCloseButton,{onClick:i,"aria-label":"Close",children:e.jsx(ut.default,{width:20,height:20,color:l.COLORS.content.secondary})})]}),e.jsxs(c.SubAgentPanelBody,{children:[e.jsx(gt.Input,{"data-test":"subagent-name",labelText:"Agent name",labelTextBold:!0,placeholder:"Enter agent name",value:I,maxCharLimit:C.name,maxCharLimitPosition:"TOP",maxCharStyle:{fontSize:12,lineHeight:"16px"},onChangeText:W}),e.jsx(K.MentionEditor,{"data-test":"subagent-instructions",label:"Instructions",value:d,onChange:b,maxLength:C.instructions,placeholder:"Write the steps in plain English. Type @ to reference a tool.",minHeight:"160px",resetKey:`instr-${J}`,mentionItems:T,tools:u,onMentionSelect:P,onFocus:Y,registerInsert:V,action:h?e.jsx(F,{type:"button","data-test":"subagent-improve-instructions",disabled:m!==null,onClick:()=>U("instructions"),children:m==="instructions"?"Improving…":"Improve with AI"}):void 0}),e.jsx(K.MentionEditor,{"data-test":"subagent-guardrail",label:"Guardrails",value:g,onChange:f,maxLength:C.guardrail,placeholder:"e.g. Never discuss competitor pricing. Type @ to reference a tool.",minHeight:"160px",resetKey:`guard-${Q}`,mentionItems:T,tools:u,onMentionSelect:P,onFocus:Z,registerInsert:X,action:h?e.jsx(F,{type:"button","data-test":"subagent-improve-guardrail",disabled:m!==null,onClick:()=>U("guardrail"),children:m==="guardrail"?"Improving…":"Improve with AI"}):void 0}),e.jsx(dt.SelectableListSection,{title:"Tools this agent can use",dataTestPrefix:"subagent-tools",items:ot,addableOptions:st,sourceGroups:rt,mentionItems:T,emptyText:"No tools added yet.",onAdd:t=>{tt(t),y(n=>N.addUnique(n,t))},onRemove:et})]}),e.jsxs(c.SubAgentPanelFooter,{children:[e.jsx(z.Button,{"data-test":"subagent-save",buttonType:"primary",size:"small",buttonText:"Save",disabled:!G,isLoading:k,onClick:at}),e.jsx(z.Button,{"data-test":"subagent-cancel",buttonType:"tertiaryGray",size:"small",buttonText:"Cancel",onClick:i})]})]}),q&&e.jsx(mt.Toaster,{text:q.message,type:"info",position:"top-right",autoClose:5e3,hideCloseButton:!0,buttonProps:{buttonText:"Undo",showButton:!0,onButtonClick:()=>(nt(),{})},onCloseToast:()=>A(null)},q.id)]})};exports.CreateSubAgentPanel=St;
|
|
2
18
|
//# sourceMappingURL=CreateSubAgentPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CreateSubAgentPanel.js","sources":["../../../../../src/components/agent-builder/components/CreateSubAgentPanel.tsx"],"sourcesContent":["import CrossIcon from '@src/assets/icons/cross.svg';\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\nimport { Button } from '@src/components/button';\nimport { SingleOption } from '@src/components/dropdown/type';\nimport { Input } from '@src/components/input';\nimport { Toaster } from '@src/components/toaster';\nimport { BodySecondary, TitleRegular } from '@src/components/TypographyStyle';\nimport { addUnique } from '@src/utils/arrayUtils';\nimport { COLORS } from '@src/constants/Theme';\nimport { AgentTool, SubAgentDraft } from '../AgentBuilder.model';\nimport {\n\tSubAgentCloseButton,\n\tSubAgentPanel,\n\tSubAgentPanelBody,\n\tSubAgentPanelFooter,\n\tSubAgentPanelHeader,\n\tSubAgentPanelHeaderText,\n\tSubAgentScrim,\n} from '../AgentBuilder.styled';\nimport { AGENT_CHAR_LIMITS } from '../constants/charLimits';\nimport type { AgentCharLimits } from '../constants/charLimits';\nimport {\n\tbuildAgentMentionItems,\n\ttoolSourceLabel,\n} from '../utils/mentionSerialization';\nimport { renderSourceIcon, SOURCE_ICONS } from '../utils/sourceIcons';\nimport { MentionEditor } from './MentionEditor';\nimport {\n\tSelectableItem,\n\tSelectableListSection,\n\tSourceGroup,\n} from './SelectableListSection';\n\ntype InsertFn = (kind: 'tool' | 'subagent', id: string, label?: string) => void;\n\ninterface CreateSubAgentPanelProps {\n\tonClose: () => void;\n\t/** Persist the draft. The drawer shows a loader while the returned promise is pending. */\n\tonSave: (draft: SubAgentDraft) => void | Promise<void>;\n\tavailableTools: AgentTool[];\n\t/** Optional \"Improve with AI\" for instructions / guardrails. Omit to hide the buttons. */\n\tonImprove?: (\n\t\tkind: 'instructions' | 'guardrail',\n\t\ttext: string,\n\t) => Promise<string>;\n\t/** Header title — \"Create sub-agent\" (default) or \"Edit sub-agent\". */\n\ttitle?: string;\n\t/** Initial values, e.g. when configuring an existing sub-agent. */\n\tinitial?: SubAgentDraft;\n\t/** Tool-source fallback label for chips (host app). */\n\tappLabel?: string;\n\t/** Resolved character limits (defaults to {@link AGENT_CHAR_LIMITS}). */\n\tcharLimits?: AgentCharLimits;\n}\n\n/**\n * Right-side drawer for creating / editing a sub-agent (name, instructions,\n * guardrails, tools). Instructions & Guardrails are `@`-mention editors (tools\n * only — sub-agents can't nest); adding a tool from the list inserts it at the\n * last-focused field's cursor. Mount it fresh per open (key it) so `initial`\n * seeds the draft.\n */\nexport const CreateSubAgentPanel: React.FC<CreateSubAgentPanelProps> = ({\n\tonClose,\n\tonSave,\n\tavailableTools,\n\tonImprove,\n\ttitle = 'Create sub-agent',\n\tinitial,\n\tappLabel = 'Manifest',\n\tcharLimits = AGENT_CHAR_LIMITS,\n}) => {\n\tconst [name, setName] = useState(initial?.name ?? '');\n\tconst [instructions, setInstructions] = useState(initial?.instructions ?? '');\n\tconst [guardrail, setGuardrail] = useState(initial?.guardrail ?? '');\n\tconst [tools, setTools] = useState<string[]>(initial?.tools ?? []);\n\tconst [saving, setSaving] = useState(false);\n\t// Bumped to remount a field after its text is replaced (e.g. by Improve).\n\tconst [instrKey, setInstrKey] = useState(0);\n\tconst [guardKey, setGuardKey] = useState(0);\n\tconst [improving, setImproving] = useState<\n\t\t'instructions' | 'guardrail' | null\n\t>(null);\n\n\t// Tools-only mention list (sub-agents can't reference other sub-agents).\n\tconst mentionItems = useMemo(\n\t\t() => buildAgentMentionItems(availableTools, [], appLabel),\n\t\t[availableTools, appLabel],\n\t);\n\n\t// Per-field insert + focus registry, so the Tools list inserts a chip into the\n\t// last-focused editor at its cursor.\n\tconst insertersRef = useRef<\n\t\tPartial<Record<'instructions' | 'guardrail', InsertFn>>\n\t>({});\n\tconst lastFocusedRef = useRef<'instructions' | 'guardrail'>('instructions');\n\tconst registerInstr = useCallback((fn: InsertFn | null) => {\n\t\tinsertersRef.current.instructions = fn ?? undefined;\n\t}, []);\n\tconst registerGuard = useCallback((fn: InsertFn | null) => {\n\t\tinsertersRef.current.guardrail = fn ?? undefined;\n\t}, []);\n\tconst focusInstr = useCallback(() => {\n\t\tlastFocusedRef.current = 'instructions';\n\t}, []);\n\tconst focusGuard = useCallback(() => {\n\t\tlastFocusedRef.current = 'guardrail';\n\t}, []);\n\tconst addToolMention = useCallback(\n\t\t(kind: 'tool' | 'subagent', id: string) => {\n\t\t\tif (kind === 'tool') {\n\t\t\t\tsetTools((prev) => addUnique(prev, id));\n\t\t\t}\n\t\t},\n\t\t[],\n\t);\n\tconst insertToolAtCursor = useCallback((id: string) => {\n\t\tconst target =\n\t\t\tinsertersRef.current[lastFocusedRef.current] ??\n\t\t\tinsertersRef.current.instructions;\n\t\ttarget?.('tool', id);\n\t}, []);\n\n\t// Local undo toast for tool removal (drawer state isn't in AgentValue).\n\tconst [undo, setUndo] = useState<{ id: number; message: string } | null>(\n\t\tnull,\n\t);\n\tconst undoSnapshotRef = useRef<{\n\t\tinstructions: string;\n\t\tguardrail: string;\n\t\ttools: string[];\n\t} | null>(null);\n\tconst undoIdRef = useRef(0);\n\n\tconst removeTool = (id: string) => {\n\t\tconst tool = availableTools.find((t) => t.tool_id === id);\n\t\t// The token stores the tool id (a tool's id is its tool_id).\n\t\tconst token = `{{tool:${id}}}`;\n\t\tconst strip = (text: string) => text.split(token).join('');\n\t\tundoSnapshotRef.current = { instructions, guardrail, tools };\n\t\tsetInstructions((prev) => strip(prev));\n\t\tsetGuardrail((prev) => strip(prev));\n\t\tsetTools((prev) => prev.filter((t) => t !== id));\n\t\tsetInstrKey((k) => k + 1);\n\t\tsetGuardKey((k) => k + 1);\n\t\tundoIdRef.current += 1;\n\t\tsetUndo({\n\t\t\tid: undoIdRef.current,\n\t\t\tmessage: `Tool \"${tool?.display_name ?? 'Tool'}\" removed`,\n\t\t});\n\t};\n\n\tconst undoRemove = () => {\n\t\tconst snap = undoSnapshotRef.current;\n\t\tif (snap) {\n\t\t\tsetInstructions(snap.instructions);\n\t\t\tsetGuardrail(snap.guardrail);\n\t\t\tsetTools(snap.tools);\n\t\t\tsetInstrKey((k) => k + 1);\n\t\t\tsetGuardKey((k) => k + 1);\n\t\t\tundoSnapshotRef.current = null;\n\t\t}\n\t\tsetUndo(null);\n\t};\n\n\tconst canSave =\n\t\tname.trim().length > 0 &&\n\t\t(instructions.trim().length > 0 || guardrail.trim().length > 0);\n\n\tconst toolItems: SelectableItem[] = tools\n\t\t.map((id): SelectableItem | null => {\n\t\t\tconst tool = availableTools.find((t) => t.tool_id === id);\n\t\t\treturn tool\n\t\t\t\t? {\n\t\t\t\t\t\tid,\n\t\t\t\t\t\tlabel: tool.display_name,\n\t\t\t\t\t\ticon: SOURCE_ICONS[tool.source ?? 'manifest'],\n\t\t\t\t }\n\t\t\t\t: null;\n\t\t})\n\t\t.filter((x): x is SelectableItem => x !== null);\n\n\t// Offer all tools (re-add allowed); the chip list stays deduped. Icon left of\n\t// the name, no description.\n\tconst toolOptions: SingleOption[] = availableTools.map((t) => ({\n\t\tlabel: t.display_name,\n\t\tvalue: t.tool_id,\n\t\tleadingIcon:\n\t\t\trenderSourceIcon(SOURCE_ICONS[t.source ?? 'manifest']) ?? undefined,\n\t}));\n\n\t// Group tools by source (Manifest / Shopify / …) so the empty state shows the\n\t// same per-source buttons as the main builder's side panel.\n\tconst toolSourceGroups: SourceGroup[] = (() => {\n\t\tconst order: string[] = [];\n\t\tconst bySource = new Map<string, SingleOption[]>();\n\t\tavailableTools.forEach((t) => {\n\t\t\tconst src = t.source ?? 'manifest';\n\t\t\tif (!bySource.has(src)) {\n\t\t\t\tbySource.set(src, []);\n\t\t\t\torder.push(src);\n\t\t\t}\n\t\t\tbySource.get(src)?.push({\n\t\t\t\tlabel: t.display_name,\n\t\t\t\tvalue: t.tool_id,\n\t\t\t\tleadingIcon:\n\t\t\t\t\trenderSourceIcon(SOURCE_ICONS[t.source ?? 'manifest']) ?? undefined,\n\t\t\t});\n\t\t});\n\t\treturn order.map((src) => ({\n\t\t\tsource: src,\n\t\t\tlabel: toolSourceLabel(src),\n\t\t\toptions: bySource.get(src) ?? [],\n\t\t}));\n\t})();\n\n\tconst handleSave = async () => {\n\t\tif (!canSave || saving) {\n\t\t\treturn;\n\t\t}\n\t\tconst result = onSave({\n\t\t\tname: name.trim(),\n\t\t\tinstructions,\n\t\t\tguardrail,\n\t\t\ttools,\n\t\t});\n\t\tif (result && typeof (result as Promise<void>).then === 'function') {\n\t\t\tsetSaving(true);\n\t\t\ttry {\n\t\t\t\tawait result;\n\t\t\t} finally {\n\t\t\t\tsetSaving(false);\n\t\t\t}\n\t\t}\n\t};\n\n\tconst handleImprove = async (kind: 'instructions' | 'guardrail') => {\n\t\tif (!onImprove || improving) {\n\t\t\treturn;\n\t\t}\n\t\tsetImproving(kind);\n\t\ttry {\n\t\t\tconst current = kind === 'instructions' ? instructions : guardrail;\n\t\t\tconst improved = await onImprove(kind, current);\n\t\t\tif (kind === 'instructions') {\n\t\t\t\tsetInstructions(improved);\n\t\t\t\tsetInstrKey((k) => k + 1);\n\t\t\t} else {\n\t\t\t\tsetGuardrail(improved);\n\t\t\t\tsetGuardKey((k) => k + 1);\n\t\t\t}\n\t\t} finally {\n\t\t\tsetImproving(null);\n\t\t}\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<SubAgentScrim onClick={onClose} data-test=\"subagent-scrim\" />\n\t\t\t<SubAgentPanel data-test=\"create-subagent-panel\">\n\t\t\t\t<SubAgentPanelHeader>\n\t\t\t\t\t<SubAgentPanelHeaderText>\n\t\t\t\t\t\t<TitleRegular color={COLORS.content.primary}>{title}</TitleRegular>\n\t\t\t\t\t\t<BodySecondary color={COLORS.content.secondary}>\n\t\t\t\t\t\t\tEach sub-agent handles one piece of the job. Use @ in the main\n\t\t\t\t\t\t\tinstructions to call them.\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t</SubAgentPanelHeaderText>\n\t\t\t\t\t<SubAgentCloseButton onClick={onClose} aria-label=\"Close\">\n\t\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</SubAgentCloseButton>\n\t\t\t\t</SubAgentPanelHeader>\n\n\t\t\t\t<SubAgentPanelBody>\n\t\t\t\t\t<Input\n\t\t\t\t\t\tdata-test=\"subagent-name\"\n\t\t\t\t\t\tlabelText=\"Agent name\"\n\t\t\t\t\t\tlabelTextBold\n\t\t\t\t\t\tplaceholder=\"Enter agent name\"\n\t\t\t\t\t\tvalue={name}\n\t\t\t\t\t\tmaxCharLimit={charLimits.name}\n\t\t\t\t\t\tmaxCharLimitPosition=\"TOP\"\n\t\t\t\t\t\tmaxCharStyle={{ fontSize: 12, lineHeight: '16px' }}\n\t\t\t\t\t\tonChangeText={setName}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<MentionEditor\n\t\t\t\t\t\tdata-test=\"subagent-instructions\"\n\t\t\t\t\t\tlabel=\"Instructions\"\n\t\t\t\t\t\tvalue={instructions}\n\t\t\t\t\t\tonChange={setInstructions}\n\t\t\t\t\t\tmaxLength={charLimits.instructions}\n\t\t\t\t\t\tplaceholder=\"Write the steps in plain English. Type @ to reference a tool.\"\n\t\t\t\t\t\tminHeight=\"160px\"\n\t\t\t\t\t\tresetKey={`instr-${instrKey}`}\n\t\t\t\t\t\tmentionItems={mentionItems}\n\t\t\t\t\t\ttools={availableTools}\n\t\t\t\t\t\tonMentionSelect={addToolMention}\n\t\t\t\t\t\tonFocus={focusInstr}\n\t\t\t\t\t\tregisterInsert={registerInstr}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<MentionEditor\n\t\t\t\t\t\tdata-test=\"subagent-guardrail\"\n\t\t\t\t\t\tlabel=\"Guardrails\"\n\t\t\t\t\t\tvalue={guardrail}\n\t\t\t\t\t\tonChange={setGuardrail}\n\t\t\t\t\t\tmaxLength={charLimits.guardrail}\n\t\t\t\t\t\tplaceholder=\"e.g. Never discuss competitor pricing. Type @ to reference a tool.\"\n\t\t\t\t\t\tminHeight=\"160px\"\n\t\t\t\t\t\tresetKey={`guard-${guardKey}`}\n\t\t\t\t\t\tmentionItems={mentionItems}\n\t\t\t\t\t\ttools={availableTools}\n\t\t\t\t\t\tonMentionSelect={addToolMention}\n\t\t\t\t\t\tonFocus={focusGuard}\n\t\t\t\t\t\tregisterInsert={registerGuard}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<SelectableListSection\n\t\t\t\t\t\ttitle=\"Tools this agent can use\"\n\t\t\t\t\t\tdataTestPrefix=\"subagent-tools\"\n\t\t\t\t\t\titems={toolItems}\n\t\t\t\t\t\taddableOptions={toolOptions}\n\t\t\t\t\t\tsourceGroups={toolSourceGroups}\n\t\t\t\t\t\tmentionItems={mentionItems}\n\t\t\t\t\t\temptyText=\"No tools added yet.\"\n\t\t\t\t\t\tonAdd={(id) => {\n\t\t\t\t\t\t\tinsertToolAtCursor(id);\n\t\t\t\t\t\t\tsetTools((prev) => addUnique(prev, id));\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonRemove={removeTool}\n\t\t\t\t\t/>\n\t\t\t\t</SubAgentPanelBody>\n\n\t\t\t\t<SubAgentPanelFooter>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tdata-test=\"subagent-save\"\n\t\t\t\t\t\tbuttonType=\"primary\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tbuttonText=\"Save\"\n\t\t\t\t\t\tdisabled={!canSave}\n\t\t\t\t\t\tisLoading={saving}\n\t\t\t\t\t\tonClick={handleSave}\n\t\t\t\t\t/>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tdata-test=\"subagent-cancel\"\n\t\t\t\t\t\tbuttonType=\"tertiaryGray\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tbuttonText=\"Cancel\"\n\t\t\t\t\t\tonClick={onClose}\n\t\t\t\t\t/>\n\t\t\t\t</SubAgentPanelFooter>\n\t\t\t</SubAgentPanel>\n\n\t\t\t{undo && (\n\t\t\t\t<Toaster\n\t\t\t\t\tkey={undo.id}\n\t\t\t\t\ttext={undo.message}\n\t\t\t\t\ttype=\"info\"\n\t\t\t\t\tposition=\"top-right\"\n\t\t\t\t\tautoClose={5000}\n\t\t\t\t\thideCloseButton\n\t\t\t\t\tbuttonProps={{\n\t\t\t\t\t\tbuttonText: 'Undo',\n\t\t\t\t\t\tshowButton: true,\n\t\t\t\t\t\tonButtonClick: () => {\n\t\t\t\t\t\t\tundoRemove();\n\t\t\t\t\t\t\treturn {} as Record<string, never>;\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t\tonCloseToast={() => setUndo(null)}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</>\n\t);\n};\n"],"names":["CreateSubAgentPanel","onClose","onSave","availableTools","onImprove","title","initial","appLabel","charLimits","AGENT_CHAR_LIMITS","name","setName","useState","instructions","setInstructions","guardrail","setGuardrail","tools","setTools","saving","setSaving","instrKey","setInstrKey","guardKey","setGuardKey","improving","setImproving","mentionItems","useMemo","buildAgentMentionItems","insertersRef","useRef","lastFocusedRef","registerInstr","useCallback","fn","registerGuard","focusInstr","focusGuard","addToolMention","kind","id","prev","addUnique","insertToolAtCursor","undo","setUndo","undoSnapshotRef","undoIdRef","removeTool","tool","t","token","strip","text","k","undoRemove","snap","canSave","toolItems","SOURCE_ICONS","x","toolOptions","renderSourceIcon","toolSourceGroups","order","bySource","src","toolSourceLabel","handleSave","result","jsxs","Fragment","jsx","SubAgentScrim","SubAgentPanel","SubAgentPanelHeader","SubAgentPanelHeaderText","TitleRegular","COLORS","BodySecondary","SubAgentCloseButton","CrossIcon","SubAgentPanelBody","Input","MentionEditor","SelectableListSection","SubAgentPanelFooter","Button","Toaster"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"CreateSubAgentPanel.js","sources":["../../../../../src/components/agent-builder/components/CreateSubAgentPanel.tsx"],"sourcesContent":["import CrossIcon from '@src/assets/icons/cross.svg';\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { Button } from '@src/components/button';\nimport { SingleOption } from '@src/components/dropdown/type';\nimport { Input } from '@src/components/input';\nimport { Toaster } from '@src/components/toaster';\nimport { BodySecondary, TitleRegular } from '@src/components/TypographyStyle';\nimport { addUnique } from '@src/utils/arrayUtils';\nimport { COLORS } from '@src/constants/Theme';\nimport { AgentTool, SubAgentDraft } from '../AgentBuilder.model';\nimport {\n\tSubAgentCloseButton,\n\tSubAgentPanel,\n\tSubAgentPanelBody,\n\tSubAgentPanelFooter,\n\tSubAgentPanelHeader,\n\tSubAgentPanelHeaderText,\n\tSubAgentScrim,\n} from '../AgentBuilder.styled';\nimport { AGENT_CHAR_LIMITS } from '../constants/charLimits';\nimport type { AgentCharLimits } from '../constants/charLimits';\nimport {\n\tbuildAgentMentionItems,\n\ttoolSourceLabel,\n} from '../utils/mentionSerialization';\nimport { renderSourceIcon, SOURCE_ICONS } from '../utils/sourceIcons';\nimport { MentionEditor } from './MentionEditor';\nimport {\n\tSelectableItem,\n\tSelectableListSection,\n\tSourceGroup,\n} from './SelectableListSection';\n\nconst ImproveButton = styled.button`\n\talign-self: flex-start;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tcolor: ${COLORS.content.primary};\n\tbackground: ${COLORS.surface.standard};\n\tborder-radius: 8px;\n\tpadding: 6px 12px;\n\tfont-size: 13px;\n\tline-height: 1.1;\n\tfont-weight: 600;\n\tcursor: pointer;\n\n\t&:disabled {\n\t\tcursor: default;\n\t\topacity: 0.6;\n\t}\n`;\n\ntype InsertFn = (kind: 'tool' | 'subagent', id: string, label?: string) => void;\n\ninterface CreateSubAgentPanelProps {\n\tonClose: () => void;\n\t/** Persist the draft. The drawer shows a loader while the returned promise is pending. */\n\tonSave: (draft: SubAgentDraft) => void | Promise<void>;\n\tavailableTools: AgentTool[];\n\t/** Optional \"Improve with AI\" for instructions / guardrails. Omit to hide the buttons. */\n\tonImprove?: (\n\t\tkind: 'instructions' | 'guardrail',\n\t\ttext: string,\n\t) => Promise<string>;\n\t/** Header title — \"Create sub-agent\" (default) or \"Edit sub-agent\". */\n\ttitle?: string;\n\t/** Initial values, e.g. when configuring an existing sub-agent. */\n\tinitial?: SubAgentDraft;\n\t/** Tool-source fallback label for chips (host app). */\n\tappLabel?: string;\n\t/** Resolved character limits (defaults to {@link AGENT_CHAR_LIMITS}). */\n\tcharLimits?: AgentCharLimits;\n}\n\n/**\n * Right-side drawer for creating / editing a sub-agent (name, instructions,\n * guardrails, tools). Instructions & Guardrails are `@`-mention editors (tools\n * only — sub-agents can't nest); adding a tool from the list inserts it at the\n * last-focused field's cursor. Mount it fresh per open (key it) so `initial`\n * seeds the draft.\n */\nexport const CreateSubAgentPanel: React.FC<CreateSubAgentPanelProps> = ({\n\tonClose,\n\tonSave,\n\tavailableTools,\n\tonImprove,\n\ttitle = 'Create sub-agent',\n\tinitial,\n\tappLabel = 'Manifest',\n\tcharLimits = AGENT_CHAR_LIMITS,\n}) => {\n\tconst [name, setName] = useState(initial?.name ?? '');\n\tconst [instructions, setInstructions] = useState(initial?.instructions ?? '');\n\tconst [guardrail, setGuardrail] = useState(initial?.guardrail ?? '');\n\tconst [tools, setTools] = useState<string[]>(initial?.tools ?? []);\n\tconst [saving, setSaving] = useState(false);\n\t// Bumped to remount a field after its text is replaced (e.g. by Improve).\n\tconst [instrKey, setInstrKey] = useState(0);\n\tconst [guardKey, setGuardKey] = useState(0);\n\tconst [improving, setImproving] = useState<\n\t\t'instructions' | 'guardrail' | null\n\t>(null);\n\n\t// Tools-only mention list (sub-agents can't reference other sub-agents).\n\tconst mentionItems = useMemo(\n\t\t() => buildAgentMentionItems(availableTools, [], appLabel),\n\t\t[availableTools, appLabel],\n\t);\n\n\t// Per-field insert + focus registry, so the Tools list inserts a chip into the\n\t// last-focused editor at its cursor.\n\tconst insertersRef = useRef<\n\t\tPartial<Record<'instructions' | 'guardrail', InsertFn>>\n\t>({});\n\tconst lastFocusedRef = useRef<'instructions' | 'guardrail'>('instructions');\n\tconst registerInstr = useCallback((fn: InsertFn | null) => {\n\t\tinsertersRef.current.instructions = fn ?? undefined;\n\t}, []);\n\tconst registerGuard = useCallback((fn: InsertFn | null) => {\n\t\tinsertersRef.current.guardrail = fn ?? undefined;\n\t}, []);\n\tconst focusInstr = useCallback(() => {\n\t\tlastFocusedRef.current = 'instructions';\n\t}, []);\n\tconst focusGuard = useCallback(() => {\n\t\tlastFocusedRef.current = 'guardrail';\n\t}, []);\n\tconst addToolMention = useCallback(\n\t\t(kind: 'tool' | 'subagent', id: string) => {\n\t\t\tif (kind === 'tool') {\n\t\t\t\tsetTools((prev) => addUnique(prev, id));\n\t\t\t}\n\t\t},\n\t\t[],\n\t);\n\tconst insertToolAtCursor = useCallback((id: string) => {\n\t\tconst target =\n\t\t\tinsertersRef.current[lastFocusedRef.current] ??\n\t\t\tinsertersRef.current.instructions;\n\t\ttarget?.('tool', id);\n\t}, []);\n\n\t// Local undo toast for tool removal (drawer state isn't in AgentValue).\n\tconst [undo, setUndo] = useState<{ id: number; message: string } | null>(\n\t\tnull,\n\t);\n\tconst undoSnapshotRef = useRef<{\n\t\tinstructions: string;\n\t\tguardrail: string;\n\t\ttools: string[];\n\t} | null>(null);\n\tconst undoIdRef = useRef(0);\n\n\tconst removeTool = (id: string) => {\n\t\tconst tool = availableTools.find((t) => t.tool_id === id);\n\t\t// The token stores the tool id (a tool's id is its tool_id).\n\t\tconst token = `{{tool:${id}}}`;\n\t\tconst strip = (text: string) => text.split(token).join('');\n\t\tundoSnapshotRef.current = { instructions, guardrail, tools };\n\t\tsetInstructions((prev) => strip(prev));\n\t\tsetGuardrail((prev) => strip(prev));\n\t\tsetTools((prev) => prev.filter((t) => t !== id));\n\t\tsetInstrKey((k) => k + 1);\n\t\tsetGuardKey((k) => k + 1);\n\t\tundoIdRef.current += 1;\n\t\tsetUndo({\n\t\t\tid: undoIdRef.current,\n\t\t\tmessage: `Tool \"${tool?.display_name ?? 'Tool'}\" removed`,\n\t\t});\n\t};\n\n\tconst undoRemove = () => {\n\t\tconst snap = undoSnapshotRef.current;\n\t\tif (snap) {\n\t\t\tsetInstructions(snap.instructions);\n\t\t\tsetGuardrail(snap.guardrail);\n\t\t\tsetTools(snap.tools);\n\t\t\tsetInstrKey((k) => k + 1);\n\t\t\tsetGuardKey((k) => k + 1);\n\t\t\tundoSnapshotRef.current = null;\n\t\t}\n\t\tsetUndo(null);\n\t};\n\n\tconst canSave =\n\t\tname.trim().length > 0 &&\n\t\t(instructions.trim().length > 0 || guardrail.trim().length > 0);\n\n\tconst toolItems: SelectableItem[] = tools\n\t\t.map((id): SelectableItem | null => {\n\t\t\tconst tool = availableTools.find((t) => t.tool_id === id);\n\t\t\treturn tool\n\t\t\t\t? {\n\t\t\t\t\t\tid,\n\t\t\t\t\t\tlabel: tool.display_name,\n\t\t\t\t\t\ticon: SOURCE_ICONS[tool.source ?? 'manifest'],\n\t\t\t\t }\n\t\t\t\t: null;\n\t\t})\n\t\t.filter((x): x is SelectableItem => x !== null);\n\n\t// Offer all tools (re-add allowed); the chip list stays deduped. Icon left of\n\t// the name, no description.\n\tconst toolOptions: SingleOption[] = availableTools.map((t) => ({\n\t\tlabel: t.display_name,\n\t\tvalue: t.tool_id,\n\t\tleadingIcon:\n\t\t\trenderSourceIcon(SOURCE_ICONS[t.source ?? 'manifest']) ?? undefined,\n\t}));\n\n\t// Group tools by source (Manifest / Shopify / …) so the empty state shows the\n\t// same per-source buttons as the main builder's side panel.\n\tconst toolSourceGroups: SourceGroup[] = (() => {\n\t\tconst order: string[] = [];\n\t\tconst bySource = new Map<string, SingleOption[]>();\n\t\tavailableTools.forEach((t) => {\n\t\t\tconst src = t.source ?? 'manifest';\n\t\t\tif (!bySource.has(src)) {\n\t\t\t\tbySource.set(src, []);\n\t\t\t\torder.push(src);\n\t\t\t}\n\t\t\tbySource.get(src)?.push({\n\t\t\t\tlabel: t.display_name,\n\t\t\t\tvalue: t.tool_id,\n\t\t\t\tleadingIcon:\n\t\t\t\t\trenderSourceIcon(SOURCE_ICONS[t.source ?? 'manifest']) ?? undefined,\n\t\t\t});\n\t\t});\n\t\treturn order.map((src) => ({\n\t\t\tsource: src,\n\t\t\tlabel: toolSourceLabel(src),\n\t\t\toptions: bySource.get(src) ?? [],\n\t\t}));\n\t})();\n\n\tconst handleSave = async () => {\n\t\tif (!canSave || saving) {\n\t\t\treturn;\n\t\t}\n\t\tconst result = onSave({\n\t\t\tname: name.trim(),\n\t\t\tinstructions,\n\t\t\tguardrail,\n\t\t\ttools,\n\t\t});\n\t\tif (result && typeof (result as Promise<void>).then === 'function') {\n\t\t\tsetSaving(true);\n\t\t\ttry {\n\t\t\t\tawait result;\n\t\t\t} finally {\n\t\t\t\tsetSaving(false);\n\t\t\t}\n\t\t}\n\t};\n\n\tconst handleImprove = async (kind: 'instructions' | 'guardrail') => {\n\t\tif (!onImprove || improving) {\n\t\t\treturn;\n\t\t}\n\t\tsetImproving(kind);\n\t\ttry {\n\t\t\tconst current = kind === 'instructions' ? instructions : guardrail;\n\t\t\tconst improved = await onImprove(kind, current);\n\t\t\tif (kind === 'instructions') {\n\t\t\t\tsetInstructions(improved);\n\t\t\t\tsetInstrKey((k) => k + 1);\n\t\t\t} else {\n\t\t\t\tsetGuardrail(improved);\n\t\t\t\tsetGuardKey((k) => k + 1);\n\t\t\t}\n\t\t} finally {\n\t\t\tsetImproving(null);\n\t\t}\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<SubAgentScrim onClick={onClose} data-test=\"subagent-scrim\" />\n\t\t\t<SubAgentPanel data-test=\"create-subagent-panel\">\n\t\t\t\t<SubAgentPanelHeader>\n\t\t\t\t\t<SubAgentPanelHeaderText>\n\t\t\t\t\t\t<TitleRegular color={COLORS.content.primary}>{title}</TitleRegular>\n\t\t\t\t\t\t<BodySecondary color={COLORS.content.secondary}>\n\t\t\t\t\t\t\tEach sub-agent handles one piece of the job. Use @ in the main\n\t\t\t\t\t\t\tinstructions to call them.\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t</SubAgentPanelHeaderText>\n\t\t\t\t\t<SubAgentCloseButton onClick={onClose} aria-label=\"Close\">\n\t\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</SubAgentCloseButton>\n\t\t\t\t</SubAgentPanelHeader>\n\n\t\t\t\t<SubAgentPanelBody>\n\t\t\t\t\t<Input\n\t\t\t\t\t\tdata-test=\"subagent-name\"\n\t\t\t\t\t\tlabelText=\"Agent name\"\n\t\t\t\t\t\tlabelTextBold\n\t\t\t\t\t\tplaceholder=\"Enter agent name\"\n\t\t\t\t\t\tvalue={name}\n\t\t\t\t\t\tmaxCharLimit={charLimits.name}\n\t\t\t\t\t\tmaxCharLimitPosition=\"TOP\"\n\t\t\t\t\t\tmaxCharStyle={{ fontSize: 12, lineHeight: '16px' }}\n\t\t\t\t\t\tonChangeText={setName}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<MentionEditor\n\t\t\t\t\t\tdata-test=\"subagent-instructions\"\n\t\t\t\t\t\tlabel=\"Instructions\"\n\t\t\t\t\t\tvalue={instructions}\n\t\t\t\t\t\tonChange={setInstructions}\n\t\t\t\t\t\tmaxLength={charLimits.instructions}\n\t\t\t\t\t\tplaceholder=\"Write the steps in plain English. Type @ to reference a tool.\"\n\t\t\t\t\t\tminHeight=\"160px\"\n\t\t\t\t\t\tresetKey={`instr-${instrKey}`}\n\t\t\t\t\t\tmentionItems={mentionItems}\n\t\t\t\t\t\ttools={availableTools}\n\t\t\t\t\t\tonMentionSelect={addToolMention}\n\t\t\t\t\t\tonFocus={focusInstr}\n\t\t\t\t\t\tregisterInsert={registerInstr}\n\t\t\t\t\t\taction={\n\t\t\t\t\t\t\tonImprove ? (\n\t\t\t\t\t\t\t\t<ImproveButton\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tdata-test=\"subagent-improve-instructions\"\n\t\t\t\t\t\t\t\t\tdisabled={improving !== null}\n\t\t\t\t\t\t\t\t\tonClick={() => handleImprove('instructions')}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{improving === 'instructions'\n\t\t\t\t\t\t\t\t\t\t? 'Improving…'\n\t\t\t\t\t\t\t\t\t\t: 'Improve with AI'}\n\t\t\t\t\t\t\t\t</ImproveButton>\n\t\t\t\t\t\t\t) : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<MentionEditor\n\t\t\t\t\t\tdata-test=\"subagent-guardrail\"\n\t\t\t\t\t\tlabel=\"Guardrails\"\n\t\t\t\t\t\tvalue={guardrail}\n\t\t\t\t\t\tonChange={setGuardrail}\n\t\t\t\t\t\tmaxLength={charLimits.guardrail}\n\t\t\t\t\t\tplaceholder=\"e.g. Never discuss competitor pricing. Type @ to reference a tool.\"\n\t\t\t\t\t\tminHeight=\"160px\"\n\t\t\t\t\t\tresetKey={`guard-${guardKey}`}\n\t\t\t\t\t\tmentionItems={mentionItems}\n\t\t\t\t\t\ttools={availableTools}\n\t\t\t\t\t\tonMentionSelect={addToolMention}\n\t\t\t\t\t\tonFocus={focusGuard}\n\t\t\t\t\t\tregisterInsert={registerGuard}\n\t\t\t\t\t\taction={\n\t\t\t\t\t\t\tonImprove ? (\n\t\t\t\t\t\t\t\t<ImproveButton\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tdata-test=\"subagent-improve-guardrail\"\n\t\t\t\t\t\t\t\t\tdisabled={improving !== null}\n\t\t\t\t\t\t\t\t\tonClick={() => handleImprove('guardrail')}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{improving === 'guardrail' ? 'Improving…' : 'Improve with AI'}\n\t\t\t\t\t\t\t\t</ImproveButton>\n\t\t\t\t\t\t\t) : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<SelectableListSection\n\t\t\t\t\t\ttitle=\"Tools this agent can use\"\n\t\t\t\t\t\tdataTestPrefix=\"subagent-tools\"\n\t\t\t\t\t\titems={toolItems}\n\t\t\t\t\t\taddableOptions={toolOptions}\n\t\t\t\t\t\tsourceGroups={toolSourceGroups}\n\t\t\t\t\t\tmentionItems={mentionItems}\n\t\t\t\t\t\temptyText=\"No tools added yet.\"\n\t\t\t\t\t\tonAdd={(id) => {\n\t\t\t\t\t\t\tinsertToolAtCursor(id);\n\t\t\t\t\t\t\tsetTools((prev) => addUnique(prev, id));\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonRemove={removeTool}\n\t\t\t\t\t/>\n\t\t\t\t</SubAgentPanelBody>\n\n\t\t\t\t<SubAgentPanelFooter>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tdata-test=\"subagent-save\"\n\t\t\t\t\t\tbuttonType=\"primary\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tbuttonText=\"Save\"\n\t\t\t\t\t\tdisabled={!canSave}\n\t\t\t\t\t\tisLoading={saving}\n\t\t\t\t\t\tonClick={handleSave}\n\t\t\t\t\t/>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tdata-test=\"subagent-cancel\"\n\t\t\t\t\t\tbuttonType=\"tertiaryGray\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tbuttonText=\"Cancel\"\n\t\t\t\t\t\tonClick={onClose}\n\t\t\t\t\t/>\n\t\t\t\t</SubAgentPanelFooter>\n\t\t\t</SubAgentPanel>\n\n\t\t\t{undo && (\n\t\t\t\t<Toaster\n\t\t\t\t\tkey={undo.id}\n\t\t\t\t\ttext={undo.message}\n\t\t\t\t\ttype=\"info\"\n\t\t\t\t\tposition=\"top-right\"\n\t\t\t\t\tautoClose={5000}\n\t\t\t\t\thideCloseButton\n\t\t\t\t\tbuttonProps={{\n\t\t\t\t\t\tbuttonText: 'Undo',\n\t\t\t\t\t\tshowButton: true,\n\t\t\t\t\t\tonButtonClick: () => {\n\t\t\t\t\t\t\tundoRemove();\n\t\t\t\t\t\t\treturn {} as Record<string, never>;\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t\tonCloseToast={() => setUndo(null)}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</>\n\t);\n};\n"],"names":["ImproveButton","styled","COLORS","CreateSubAgentPanel","onClose","onSave","availableTools","onImprove","title","initial","appLabel","charLimits","AGENT_CHAR_LIMITS","name","setName","useState","instructions","setInstructions","guardrail","setGuardrail","tools","setTools","saving","setSaving","instrKey","setInstrKey","guardKey","setGuardKey","improving","setImproving","mentionItems","useMemo","buildAgentMentionItems","insertersRef","useRef","lastFocusedRef","registerInstr","useCallback","fn","registerGuard","focusInstr","focusGuard","addToolMention","kind","id","prev","addUnique","insertToolAtCursor","undo","setUndo","undoSnapshotRef","undoIdRef","removeTool","tool","t","token","strip","text","k","undoRemove","snap","canSave","toolItems","SOURCE_ICONS","x","toolOptions","renderSourceIcon","toolSourceGroups","order","bySource","src","toolSourceLabel","handleSave","result","handleImprove","improved","jsxs","Fragment","jsx","SubAgentScrim","SubAgentPanel","SubAgentPanelHeader","SubAgentPanelHeaderText","TitleRegular","BodySecondary","SubAgentCloseButton","CrossIcon","SubAgentPanelBody","Input","MentionEditor","SelectableListSection","SubAgentPanelFooter","Button","Toaster"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HorizontalGraph.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.tsx"],"sourcesContent":["import {\n\tBarElement,\n\tCategoryScale,\n\tChart as ChartJS,\n\tLinearScale,\n\tTooltip,\n} from 'chart.js';\nimport ChartDataLabels from 'chartjs-plugin-datalabels';\nimport React from 'react';\nimport { Bar } from 'react-chartjs-2';\nimport { TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS, FONTS } from '@src/constants/Theme';\nimport {\n\ttruncateValueForIndianStore,\n\ttruncateValueForInternationalStore,\n} from '../utils/calcPercentage';\nimport { HorizontalGraphI } from './HorizontalGraph.d';\nimport { GraphContainerWrapper } from './HorizontalGraph.styles';\n\nChartJS.register(\n\tCategoryScale,\n\tLinearScale,\n\tBarElement,\n\tTooltip,\n\tChartDataLabels,\n);\n\nexport const HorizontalGraph: React.FC<HorizontalGraphI> = (props) => {\n\tconst dummyValues = [250, 1000, 800, 1500, 300, 600];\n\n\t// Check if data is present - consider both regular xAxis data and stacked datasets\n\tconst hasStackedData =\n\t\tprops.stacked &&\n\t\tprops.stackedDatasets &&\n\t\tprops.stackedDatasets.length > 0 &&\n\t\tprops.stackedDatasets.some((ds) => ds.data.some((val) => val !== 0));\n\n\tconst hasXAxisData = props.xAxis.data.findIndex((ele) => ele !== 0) !== -1;\n\n\tconst noDataPresent = !hasStackedData && !hasXAxisData;\n\tconst xAxisConfigForNoData = {\n\t\tmin: 0,\n\t\tmax: 2000,\n\t\tstepSize: props.xAxis.stepSize ?? 200,\n\t};\n\tconst options = {\n\t\tindexAxis: 'y' as const,\n\t\telements: {},\n\t\tresponsive: true,\n\t\tmaintainAspectRatio: props.maintainAspectRatio,\n\t\tlayout: {\n\t\t\tpadding: {\n\t\t\t\tright: props.showTotal ? 50 : 0,\n\t\t\t},\n\t\t},\n\t\tplugins: {\n\t\t\tlegend: {\n\t\t\t\tdisplay: false,\n\t\t\t},\n\t\t\ttooltip: {\n\t\t\t\tenabled: !noDataPresent,\n\t\t\t\tcallbacks: {\n\t\t\t\t\tlabel: props.xAxis.toolTipCallback,\n\t\t\t\t\tfooter: props.tooltipConfig?.footerCallback,\n\t\t\t\t},\n\t\t\t\tfooterFont: props.tooltipConfig?.footerStyles?.footerFont,\n\t\t\t},\n\t\t\tdatalabels: {\n\t\t\t\tdisplay: (!noDataPresent && props.showTotal) ?? false,\n\t\t\t\tanchor: 'end' as const,\n\t\t\t\talign: 'end' as const,\n\t\t\t\tclamp: true,\n\t\t\t\tformatter: (_, context) => {\n\t\t\t\t\tconst datasetIndex = context.datasetIndex;\n\t\t\t\t\tconst datasets = context.chart.data.datasets;\n\t\t\t\t\tif (datasetIndex !== datasets.length - 1) {\n\t\t\t\t\t\treturn '';\n\t\t\t\t\t}\n\t\t\t\t\tconst dataIndex = context.dataIndex;\n\t\t\t\t\tlet sum = 0;\n\t\t\t\t\tfor (let i = 0; i < datasets.length; i++) {\n\t\t\t\t\t\tsum += datasets[i].data[dataIndex] ?? 0;\n\t\t\t\t\t}\n\t\t\t\t\tif (!sum) {\n\t\t\t\t\t\treturn '';\n\t\t\t\t\t}\n\t\t\t\t\treturn props.isInternationalStore\n\t\t\t\t\t\t? truncateValueForInternationalStore(sum)\n\t\t\t\t\t\t: truncateValueForIndianStore(sum);\n\t\t\t\t},\n\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t},\n\t\t},\n\t\tscales: {\n\t\t\ty: {\n\t\t\t\tstacked: props.stacked ?? false,\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.yAxis.title,\n\t\t\t\t\ttext: props.yAxis.title,\n\t\t\t\t\tcolor: props.yAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize, color: props.yAxis.titleColor },\n\t\t\t\t\tpadding: { bottom: 10 },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tdisplay: false,\n\t\t\t\t\tborderColor: COLORS.background.base,\n\t\t\t\t},\n\n\t\t\t\tticks: {\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.yAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t},\n\t\t\t},\n\n\t\t\tx: {\n\t\t\t\tstacked: props.stacked ?? false,\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.xAxis.title,\n\t\t\t\t\ttext: props.xAxis.title,\n\t\t\t\t\tcolor: props.xAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t\tpadding: { top: 10 },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tborderColor: 'white',\n\t\t\t\t\tcolor: COLORS.background.base,\n\t\t\t\t},\n\t\t\t\tticks: {\n\t\t\t\t\tcallback: props.xAxis.ticksCallback,\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.xAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t\t...(noDataPresent\n\t\t\t\t\t\t? xAxisConfigForNoData\n\t\t\t\t\t\t: {\n\t\t\t\t\t\t\t\tmax: props.xAxis.max,\n\t\t\t\t\t\t\t\tstepSize: props.xAxis.stepSize,\n\t\t\t\t\t\t }),\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tonClick: (_event: any, elements: any[]) => {\n\t\t\tif (elements.length > 0 && props.onBarClick) {\n\t\t\t\tconst index = elements[0].index;\n\t\t\t\tprops.onBarClick(index);\n\t\t\t}\n\t\t},\n\t} as any;\n\n\tconst getColorSpectrum = (context) => {\n\t\tconst ctx = context.chart.ctx;\n\t\tconst gradient = ctx.createLinearGradient(0, 0, 0, 200);\n\t\tlet rgbaColor = '';\n\t\tif (noDataPresent) {\n\t\t\trgbaColor = 'rgba(0,0,0,0)';\n\t\t} else if (props.barColorRGBA) {\n\t\t\tconst rgb = props.barColorRGBA;\n\t\t\trgbaColor = `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${rgb.a ?? '0.3'})`;\n\t\t}\n\n\t\tgradient.addColorStop(0, rgbaColor ? rgbaColor : 'rgba(146, 96, 237, 0.3)');\n\t\tgradient.addColorStop(1, rgbaColor ? rgbaColor : `rgba(146, 96, 237, 0.3)`);\n\n\t\treturn gradient;\n\t};\n\n\t// Get background color - supports per-bar colors via barColors array\n\tconst getBackgroundColor = () => {\n\t\tif (noDataPresent) {\n\t\t\treturn 'rgba(0,0,0,0)';\n\t\t}\n\t\t// If barColors array is provided, use it for per-bar coloring\n\t\tif (props.barColors && props.barColors.length > 0) {\n\t\t\treturn props.barColors;\n\t\t}\n\t\t// Fallback to single color via getColorSpectrum\n\t\treturn (context) => getColorSpectrum(context);\n\t};\n\n\t// Build datasets - support stacked datasets if provided\n\tconst buildDatasets = () => {\n\t\tif (\n\t\t\tprops.stacked &&\n\t\t\tprops.stackedDatasets &&\n\t\t\tprops.stackedDatasets.length > 0\n\t\t) {\n\t\t\treturn props.stackedDatasets.map((dataset) => ({\n\t\t\t\tlabel: dataset.label || '',\n\t\t\t\tdata: noDataPresent ? dummyValues : dataset.data,\n\t\t\t\tbackgroundColor: dataset.backgroundColor,\n\t\t\t\tbarPercentage: 0.4,\n\t\t\t\tcategoryPercentage: 1,\n\t\t\t\tborderRadius: 4,\n\t\t\t}));\n\t\t}\n\t\t// Default single dataset\n\t\treturn [\n\t\t\t{\n\t\t\t\tdata: noDataPresent ? dummyValues : props.xAxis.data,\n\t\t\t\tbackgroundColor: getBackgroundColor(),\n\t\t\t\tbarPercentage: 0.4,\n\t\t\t\tcategoryPercentage: 1,\n\t\t\t\tborderRadius: 4,\n\t\t\t},\n\t\t];\n\t};\n\n\tconst data = {\n\t\tlabels: props.yAxis.data.map((d) => d.toString()),\n\t\tdatasets: buildDatasets(),\n\t};\n\treturn (\n\t\t<GraphContainerWrapper\n\t\t\tpadding={props.outerPadding}\n\t\t\tskipOuterLayout={props.skipOuterLayout}\n\t\t>\n\t\t\t{props.chartHeading && (\n\t\t\t\t<TitleRegular\n\t\t\t\t\tcolor={props.chartHeading.color ?? COLORS.content.secondary}\n\t\t\t\t>\n\t\t\t\t\t{props.chartHeading.heading}\n\t\t\t\t</TitleRegular>\n\t\t\t)}\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\theight: props.maintainAspectRatio\n\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t: props.graphCanvasHeight ?? 500,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Bar options={options} data={data} />\n\t\t\t</div>\n\t\t</GraphContainerWrapper>\n\t);\n};\n"],"names":["ChartJS","CategoryScale","LinearScale","BarElement","Tooltip","ChartDataLabels","HorizontalGraph","props","dummyValues","hasStackedData","ds","val","hasXAxisData","ele","noDataPresent","xAxisConfigForNoData","options","_","context","datasetIndex","datasets","dataIndex","sum","i","truncateValueForInternationalStore","truncateValueForIndianStore","COLORS","FONTS","_event","elements","index","getColorSpectrum","gradient","rgbaColor","rgb","getBackgroundColor","buildDatasets","dataset","data","d","jsxs","GraphContainerWrapper","jsx","TitleRegular","Bar"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"HorizontalGraph.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.tsx"],"sourcesContent":["import {\n\tBarElement,\n\tCategoryScale,\n\tChart as ChartJS,\n\tLinearScale,\n\tTooltip,\n} from 'chart.js';\nimport ChartDataLabels from 'chartjs-plugin-datalabels';\nimport React from 'react';\nimport { Bar } from 'react-chartjs-2';\nimport { TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS, FONTS } from '@src/constants/Theme';\nimport {\n\ttruncateValueForIndianStore,\n\ttruncateValueForInternationalStore,\n} from '../utils/calcPercentage';\nimport { GraphContainerWrapper } from './HorizontalGraph.styles';\nimport { HorizontalGraphI } from './HorizontalGraph.type';\n\nChartJS.register(\n\tCategoryScale,\n\tLinearScale,\n\tBarElement,\n\tTooltip,\n\tChartDataLabels,\n);\n\nexport const HorizontalGraph: React.FC<HorizontalGraphI> = (props) => {\n\tconst dummyValues = [250, 1000, 800, 1500, 300, 600];\n\n\t// Check if data is present - consider both regular xAxis data and stacked datasets\n\tconst hasStackedData =\n\t\tprops.stacked &&\n\t\tprops.stackedDatasets &&\n\t\tprops.stackedDatasets.length > 0 &&\n\t\tprops.stackedDatasets.some((ds) => ds.data.some((val) => val !== 0));\n\n\tconst hasXAxisData = props.xAxis.data.findIndex((ele) => ele !== 0) !== -1;\n\n\tconst noDataPresent = !hasStackedData && !hasXAxisData;\n\tconst xAxisConfigForNoData = {\n\t\tmin: 0,\n\t\tmax: 2000,\n\t\tstepSize: props.xAxis.stepSize ?? 200,\n\t};\n\tconst options = {\n\t\tindexAxis: 'y' as const,\n\t\telements: {},\n\t\tresponsive: true,\n\t\tmaintainAspectRatio: props.maintainAspectRatio,\n\t\tlayout: {\n\t\t\tpadding: {\n\t\t\t\tright: props.showTotal ? 50 : 0,\n\t\t\t},\n\t\t},\n\t\tplugins: {\n\t\t\tlegend: {\n\t\t\t\tdisplay: false,\n\t\t\t},\n\t\t\ttooltip: {\n\t\t\t\tenabled: !noDataPresent,\n\t\t\t\tcallbacks: {\n\t\t\t\t\tlabel: props.xAxis.toolTipCallback,\n\t\t\t\t\tfooter: props.tooltipConfig?.footerCallback,\n\t\t\t\t},\n\t\t\t\tfooterFont: props.tooltipConfig?.footerStyles?.footerFont,\n\t\t\t},\n\t\t\tdatalabels: {\n\t\t\t\tdisplay: (!noDataPresent && props.showTotal) ?? false,\n\t\t\t\tanchor: 'end' as const,\n\t\t\t\talign: 'end' as const,\n\t\t\t\tclamp: true,\n\t\t\t\tformatter: (_, context) => {\n\t\t\t\t\tconst datasetIndex = context.datasetIndex;\n\t\t\t\t\tconst datasets = context.chart.data.datasets;\n\t\t\t\t\tif (datasetIndex !== datasets.length - 1) {\n\t\t\t\t\t\treturn '';\n\t\t\t\t\t}\n\t\t\t\t\tconst dataIndex = context.dataIndex;\n\t\t\t\t\tlet sum = 0;\n\t\t\t\t\tfor (let i = 0; i < datasets.length; i++) {\n\t\t\t\t\t\tsum += datasets[i].data[dataIndex] ?? 0;\n\t\t\t\t\t}\n\t\t\t\t\tif (!sum) {\n\t\t\t\t\t\treturn '';\n\t\t\t\t\t}\n\t\t\t\t\treturn props.isInternationalStore\n\t\t\t\t\t\t? truncateValueForInternationalStore(sum)\n\t\t\t\t\t\t: truncateValueForIndianStore(sum);\n\t\t\t\t},\n\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t},\n\t\t},\n\t\tscales: {\n\t\t\ty: {\n\t\t\t\tstacked: props.stacked ?? false,\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.yAxis.title,\n\t\t\t\t\ttext: props.yAxis.title,\n\t\t\t\t\tcolor: props.yAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize, color: props.yAxis.titleColor },\n\t\t\t\t\tpadding: { bottom: 10 },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tdisplay: false,\n\t\t\t\t\tborderColor: COLORS.background.base,\n\t\t\t\t},\n\n\t\t\t\tticks: {\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.yAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t},\n\t\t\t},\n\n\t\t\tx: {\n\t\t\t\tstacked: props.stacked ?? false,\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.xAxis.title,\n\t\t\t\t\ttext: props.xAxis.title,\n\t\t\t\t\tcolor: props.xAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t\tpadding: { top: 10 },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tborderColor: 'white',\n\t\t\t\t\tcolor: COLORS.background.base,\n\t\t\t\t},\n\t\t\t\tticks: {\n\t\t\t\t\tcallback: props.xAxis.ticksCallback,\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.xAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t\t...(noDataPresent\n\t\t\t\t\t\t? xAxisConfigForNoData\n\t\t\t\t\t\t: {\n\t\t\t\t\t\t\t\tmax: props.xAxis.max,\n\t\t\t\t\t\t\t\tstepSize: props.xAxis.stepSize,\n\t\t\t\t\t\t }),\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tonClick: (_event: any, elements: any[]) => {\n\t\t\tif (elements.length > 0 && props.onBarClick) {\n\t\t\t\tconst index = elements[0].index;\n\t\t\t\tprops.onBarClick(index);\n\t\t\t}\n\t\t},\n\t} as any;\n\n\tconst getColorSpectrum = (context) => {\n\t\tconst ctx = context.chart.ctx;\n\t\tconst gradient = ctx.createLinearGradient(0, 0, 0, 200);\n\t\tlet rgbaColor = '';\n\t\tif (noDataPresent) {\n\t\t\trgbaColor = 'rgba(0,0,0,0)';\n\t\t} else if (props.barColorRGBA) {\n\t\t\tconst rgb = props.barColorRGBA;\n\t\t\trgbaColor = `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${rgb.a ?? '0.3'})`;\n\t\t}\n\n\t\tgradient.addColorStop(0, rgbaColor ? rgbaColor : 'rgba(146, 96, 237, 0.3)');\n\t\tgradient.addColorStop(1, rgbaColor ? rgbaColor : `rgba(146, 96, 237, 0.3)`);\n\n\t\treturn gradient;\n\t};\n\n\t// Get background color - supports per-bar colors via barColors array\n\tconst getBackgroundColor = () => {\n\t\tif (noDataPresent) {\n\t\t\treturn 'rgba(0,0,0,0)';\n\t\t}\n\t\t// If barColors array is provided, use it for per-bar coloring\n\t\tif (props.barColors && props.barColors.length > 0) {\n\t\t\treturn props.barColors;\n\t\t}\n\t\t// Fallback to single color via getColorSpectrum\n\t\treturn (context) => getColorSpectrum(context);\n\t};\n\n\t// Build datasets - support stacked datasets if provided\n\tconst buildDatasets = () => {\n\t\tif (\n\t\t\tprops.stacked &&\n\t\t\tprops.stackedDatasets &&\n\t\t\tprops.stackedDatasets.length > 0\n\t\t) {\n\t\t\treturn props.stackedDatasets.map((dataset) => ({\n\t\t\t\tlabel: dataset.label || '',\n\t\t\t\tdata: noDataPresent ? dummyValues : dataset.data,\n\t\t\t\tbackgroundColor: dataset.backgroundColor,\n\t\t\t\tbarPercentage: 0.4,\n\t\t\t\tcategoryPercentage: 1,\n\t\t\t\tborderRadius: 4,\n\t\t\t}));\n\t\t}\n\t\t// Default single dataset\n\t\treturn [\n\t\t\t{\n\t\t\t\tdata: noDataPresent ? dummyValues : props.xAxis.data,\n\t\t\t\tbackgroundColor: getBackgroundColor(),\n\t\t\t\tbarPercentage: 0.4,\n\t\t\t\tcategoryPercentage: 1,\n\t\t\t\tborderRadius: 4,\n\t\t\t},\n\t\t];\n\t};\n\n\tconst data = {\n\t\tlabels: props.yAxis.data.map((d) => d.toString()),\n\t\tdatasets: buildDatasets(),\n\t};\n\treturn (\n\t\t<GraphContainerWrapper\n\t\t\tpadding={props.outerPadding}\n\t\t\tskipOuterLayout={props.skipOuterLayout}\n\t\t>\n\t\t\t{props.chartHeading && (\n\t\t\t\t<TitleRegular\n\t\t\t\t\tcolor={props.chartHeading.color ?? COLORS.content.secondary}\n\t\t\t\t>\n\t\t\t\t\t{props.chartHeading.heading}\n\t\t\t\t</TitleRegular>\n\t\t\t)}\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\theight: props.maintainAspectRatio\n\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t: props.graphCanvasHeight ?? 500,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Bar options={options} data={data} />\n\t\t\t</div>\n\t\t</GraphContainerWrapper>\n\t);\n};\n"],"names":["ChartJS","CategoryScale","LinearScale","BarElement","Tooltip","ChartDataLabels","HorizontalGraph","props","dummyValues","hasStackedData","ds","val","hasXAxisData","ele","noDataPresent","xAxisConfigForNoData","options","_","context","datasetIndex","datasets","dataIndex","sum","i","truncateValueForInternationalStore","truncateValueForIndianStore","COLORS","FONTS","_event","elements","index","getColorSpectrum","gradient","rgbaColor","rgb","getBackgroundColor","buildDatasets","dataset","data","d","jsxs","GraphContainerWrapper","jsx","TitleRegular","Bar"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VerticalGraph.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx"],"sourcesContent":["import BarChartIcon from '@src/assets/icons/ChartBar.svg';\nimport PieChartIcon from '@src/assets/icons/ChartPie.svg';\nimport MaximizeIcon from '@src/assets/icons/maximize.svg';\nimport {\n\tBarElement,\n\tCategoryScale,\n\tChart as ChartJS,\n\tColor,\n\tLinearScale,\n\tTooltip,\n} from 'chart.js';\nimport ChartDataLabels from 'chartjs-plugin-datalabels';\nimport React, { Suspense, useEffect } from 'react';\nimport { useState } from 'react';\nimport { Bar } from 'react-chartjs-2';\nimport { IconButton } from '@src/components/icon-button';\nimport { StyledModal } from '@src/components/modals';\nimport { TitleMedium } from '@src/components/TypographyStyle';\nimport { COLORS, FONTS } from '@src/constants/Theme';\nimport { VerticalGraphI } from './VerticalGraph.d';\nimport { GraphContainerWrapper } from './VerticalGraph.styles';\n\nChartJS.register(\n\tCategoryScale,\n\tLinearScale,\n\tBarElement,\n\tTooltip,\n\tChartDataLabels,\n);\n\nexport const VerticalGraph: React.FC<VerticalGraphI> = (props) => {\n\tconst { PieChartComponent: PieChartAnalytics } = props;\n\tconst [showPopup, setShowPopup] = useState(false);\n\tconst [showPieChart, setShowPieChart] = useState(false);\n\tconst [pieChartData, setPieChartData] = useState<\n\t\t{\n\t\t\tname: string;\n\t\t\tcount: number;\n\t\t}[]\n\t>();\n\n\tuseEffect(() => {\n\t\tconst dataForPieChart: {\n\t\t\tname: string;\n\t\t\tcount: number;\n\t\t}[] = [];\n\t\tif (!showPieChart) {\n\t\t\treturn;\n\t\t}\n\t\tprops.popupData?.xAxis.data.forEach((ele, index) => {\n\t\t\tdataForPieChart.push({\n\t\t\t\tname: ele.toString(),\n\t\t\t\tcount: Number(props.popupData?.yAxis.data[index]) || 0,\n\t\t\t});\n\t\t});\n\t\tsetPieChartData(dataForPieChart);\n\t}, [showPieChart, props.popupData?.xAxis.data, props.popupData?.yAxis.data]);\n\n\tconst dummyValues = [250, 1000, 800, 1500, 300, 600];\n\tconst noDataPresent = props.yAxis.data.findIndex((ele) => ele !== 0) === -1;\n\tconst noDataPresentInPopup =\n\t\tprops.popupData?.yAxis.data.findIndex((ele) => ele !== 0) === -1;\n\tconst yAxisConfigForNoData = {\n\t\tmin: 0,\n\t\tmax: 2000,\n\t\tstepSize: 200,\n\t};\n\tconst options = {\n\t\tresponsive: true,\n\t\tplugins: {\n\t\t\tlegend: {\n\t\t\t\tdisplay: false,\n\t\t\t},\n\t\t\ttooltip: {\n\t\t\t\tenabled: !noDataPresent,\n\t\t\t\tcallbacks: {\n\t\t\t\t\tlabel: props.yAxis.toolTipCallback,\n\t\t\t\t},\n\t\t\t},\n\t\t\tdatalabels: {\n\t\t\t\tdisplay: props.showTotal ?? false,\n\t\t\t\tanchor: 'end' as const,\n\t\t\t\talign: 'end' as const,\n\t\t\t\tclamp: true,\n\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t},\n\t\t},\n\t\tscales: {\n\t\t\tx: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.xAxis.title,\n\t\t\t\t\ttext: props.xAxis.title,\n\t\t\t\t\tcolor: props.xAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tdisplay: false,\n\t\t\t\t\tborderColor: COLORS.background.base,\n\t\t\t\t},\n\n\t\t\t\tticks: {\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.yAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t},\n\t\t\t},\n\n\t\t\ty: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.yAxis.title,\n\t\t\t\t\ttext: props.yAxis.title,\n\t\t\t\t\tcolor: props.yAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tborderColor: 'white',\n\t\t\t\t\tcolor: COLORS.background.base,\n\t\t\t\t},\n\t\t\t\tticks: {\n\t\t\t\t\tcallback: props.yAxis.ticksCallback,\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.xAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t\t...(noDataPresent ? yAxisConfigForNoData : {}),\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tmaintainAspectRatio: false,\n\t} as any;\n\tconst optionsForPopup = {\n\t\tresponsive: true,\n\t\tplugins: {\n\t\t\tlegend: {\n\t\t\t\tdisplay: false,\n\t\t\t},\n\t\t\ttooltip: {\n\t\t\t\tenabled: !noDataPresentInPopup,\n\t\t\t\tcallbacks: {\n\t\t\t\t\tlabel: props.yAxis.toolTipCallback,\n\t\t\t\t},\n\t\t\t},\n\t\t\tdatalabels: {\n\t\t\t\tdisplay: props.showTotal ?? false,\n\t\t\t\tanchor: 'end' as const,\n\t\t\t\talign: 'end' as const,\n\t\t\t\tclamp: true,\n\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t},\n\t\t},\n\t\tscales: {\n\t\t\tx: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.popupData?.xAxis.title,\n\t\t\t\t\ttext: props.popupData?.xAxis.title,\n\t\t\t\t\tcolor: props.popupData?.xAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tdisplay: false,\n\t\t\t\t\tborderColor: COLORS.background.base,\n\t\t\t\t},\n\n\t\t\t\tticks: {\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.popupData?.yAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t},\n\t\t\t},\n\n\t\t\ty: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.popupData?.yAxis.title,\n\t\t\t\t\ttext: props.popupData?.yAxis.title,\n\t\t\t\t\tcolor: props.popupData?.yAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tborderColor: 'white',\n\t\t\t\t\tcolor: COLORS.background.base,\n\t\t\t\t},\n\t\t\t\tticks: {\n\t\t\t\t\tcallback: props.popupData?.yAxis.ticksCallback,\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.popupData?.xAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t\t...(noDataPresentInPopup ? yAxisConfigForNoData : {}),\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tmaintainAspectRatio: false,\n\t} as any;\n\n\tconst data = {\n\t\tlabels: props.xAxis.data.map((d) => d.toString()),\n\t\tdatasets: [\n\t\t\t{\n\t\t\t\tdata: noDataPresent ? dummyValues : props.yAxis.data,\n\t\t\t\tbackgroundColor: (context) => {\n\t\t\t\t\tconst rgba = props.barColorRGBA;\n\n\t\t\t\t\tlet gradientColorSet: string[] = [];\n\t\t\t\t\tconst dataSetLen = props.xAxis.data.length;\n\n\t\t\t\t\tif (noDataPresent) {\n\t\t\t\t\t\treturn 'rgba(0,0,0,0)';\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (props.isFunnel) {\n\t\t\t\t\t\t\tconst stepSize =\n\t\t\t\t\t\t\t\tdataSetLen > 10 ? 0.1 : (1 / dataSetLen).toFixed(2);\n\t\t\t\t\t\t\tlet counter = +stepSize;\n\t\t\t\t\t\t\tconst rgb = `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}`;\n\t\t\t\t\t\t\tfor (let i = 1; i < dataSetLen + 1; i++) {\n\t\t\t\t\t\t\t\tlet rgba = '';\n\t\t\t\t\t\t\t\tif (i > 10) {\n\t\t\t\t\t\t\t\t\trgba = `${rgb},1)`;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\trgba = `${rgb},${counter})`;\n\t\t\t\t\t\t\t\t\tcounter = counter + 0.1;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tgradientColorSet.push(rgba);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tconst rgbaColor = `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}, ${\n\t\t\t\t\t\t\t\trgba.a ?? '1'\n\t\t\t\t\t\t\t})`;\n\n\t\t\t\t\t\t\tgradientColorSet = Array(dataSetLen).fill(rgbaColor);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn gradientColorSet as unknown as Color;\n\t\t\t\t},\n\t\t\t\tbarPercentage: 0.4,\n\t\t\t\tcategoryPercentage: 1,\n\t\t\t\tborderRadius: 4,\n\t\t\t},\n\t\t],\n\t};\n\tconst dataForPopup = {\n\t\tlabels: props.popupData?.xAxis.data.map((d) => d.toString()),\n\t\tdatasets: [\n\t\t\t{\n\t\t\t\tdata: noDataPresentInPopup ? dummyValues : props.popupData?.yAxis.data,\n\t\t\t\tbackgroundColor: (context) => {\n\t\t\t\t\tconst rgba = props.barColorRGBA;\n\n\t\t\t\t\tlet gradientColorSet: string[] = [];\n\t\t\t\t\tconst dataSetLen = props.popupData?.xAxis.data.length || 0;\n\n\t\t\t\t\tif (noDataPresent) {\n\t\t\t\t\t\treturn 'rgba(0,0,0,0)';\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (props.isFunnel) {\n\t\t\t\t\t\t\tconst stepSize =\n\t\t\t\t\t\t\t\tdataSetLen > 10 ? 0.1 : (1 / dataSetLen).toFixed(2);\n\t\t\t\t\t\t\tlet counter = +stepSize;\n\t\t\t\t\t\t\tconst rgb = `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}`;\n\t\t\t\t\t\t\tfor (let i = 1; i < dataSetLen + 1; i++) {\n\t\t\t\t\t\t\t\tlet rgba = '';\n\t\t\t\t\t\t\t\tif (i > 10) {\n\t\t\t\t\t\t\t\t\trgba = `${rgb},1)`;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\trgba = `${rgb},${counter})`;\n\t\t\t\t\t\t\t\t\tcounter = counter + 0.1;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tgradientColorSet.push(rgba);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tconst rgbaColor = `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}, ${\n\t\t\t\t\t\t\t\trgba.a ?? '1'\n\t\t\t\t\t\t\t})`;\n\n\t\t\t\t\t\t\tgradientColorSet = Array(dataSetLen).fill(rgbaColor);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn gradientColorSet as unknown as Color;\n\t\t\t\t},\n\t\t\t\tbarPercentage: 0.4,\n\t\t\t\tcategoryPercentage: 1,\n\t\t\t\tborderRadius: 4,\n\t\t\t},\n\t\t],\n\t};\n\n\treturn (\n\t\t<GraphContainerWrapper padding={props.outerPadding}>\n\t\t\t{props.chartHeading && (\n\t\t\t\t<div style={{ marginBottom: 24 }}>\n\t\t\t\t\t<TitleMedium\n\t\t\t\t\t\tcolor={props.chartHeading.color ?? COLORS.content.secondary}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.chartHeading.heading}\n\t\t\t\t\t</TitleMedium>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div style={{ display: 'flex', justifyContent: 'flex-end' }}>\n\t\t\t\t{props.showConvertToPieChart && (\n\t\t\t\t\t<IconButton\n\t\t\t\t\t\tIcon={PieChartIcon}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tsetShowPieChart(true);\n\t\t\t\t\t\t\tsetShowPopup(true);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{props.allowChartPopup && (\n\t\t\t\t\t<IconButton\n\t\t\t\t\t\tIcon={MaximizeIcon}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tsetShowPopup(true);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\theight: props.graphCanvasHeight ?? 500,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Bar options={options} data={data} />\n\t\t\t</div>\n\t\t\t{showPopup && (\n\t\t\t\t<StyledModal\n\t\t\t\t\topen={showPopup}\n\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\tsetShowPopup(false);\n\t\t\t\t\t\tsetShowPieChart(false);\n\t\t\t\t\t}}\n\t\t\t\t\tcloseOnOutsideClick\n\t\t\t\t\theadingTitle={props.popupData?.chartHeading}\n\t\t\t\t\twidth=\"75%\"\n\t\t\t\t\theaderRightCustomElement={\n\t\t\t\t\t\tprops.showConvertToPieChart ? (\n\t\t\t\t\t\t\t!showPieChart ? (\n\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\tIcon={PieChartIcon}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetShowPieChart(true);\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\t\t<IconButton\n\t\t\t\t\t\t\t\t\tIcon={BarChartIcon}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetShowPieChart(false);\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) : null\n\t\t\t\t\t}\n\t\t\t\t\theaderLeftCustomElement={props.popupData?.headerLeftCustomElement}\n\t\t\t\t>\n\t\t\t\t\t{showPieChart && pieChartData && PieChartAnalytics && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\theight: props.graphCanvasHeight ?? 500,\n\t\t\t\t\t\t\t\tpadding: '24px',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Suspense fallback={<div>Loading...</div>}>\n\t\t\t\t\t\t\t\t<PieChartAnalytics\n\t\t\t\t\t\t\t\t\tslices={pieChartData}\n\t\t\t\t\t\t\t\t\tsize={props.pieChartSize}\n\t\t\t\t\t\t\t\t\thideTitle={true}\n\t\t\t\t\t\t\t\t\tcurrencyProps={props.currencyProps}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</Suspense>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{!showPieChart && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\theight: props.graphCanvasHeight ?? 500,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Bar options={optionsForPopup} data={dataForPopup} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</StyledModal>\n\t\t\t)}\n\t\t</GraphContainerWrapper>\n\t);\n};\n"],"names":["ChartJS","CategoryScale","LinearScale","BarElement","Tooltip","ChartDataLabels","VerticalGraph","props","PieChartAnalytics","showPopup","setShowPopup","useState","showPieChart","setShowPieChart","pieChartData","setPieChartData","useEffect","dataForPieChart","ele","index","dummyValues","noDataPresent","noDataPresentInPopup","yAxisConfigForNoData","options","COLORS","FONTS","optionsForPopup","data","d","context","rgba","gradientColorSet","dataSetLen","counter","rgb","i","rgbaColor","dataForPopup","jsxs","GraphContainerWrapper","jsx","TitleMedium","IconButton","PieChartIcon","MaximizeIcon","Bar","StyledModal","BarChartIcon","Suspense"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"VerticalGraph.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx"],"sourcesContent":["import BarChartIcon from '@src/assets/icons/ChartBar.svg';\nimport PieChartIcon from '@src/assets/icons/ChartPie.svg';\nimport MaximizeIcon from '@src/assets/icons/maximize.svg';\nimport {\n\tBarElement,\n\tCategoryScale,\n\tChart as ChartJS,\n\tColor,\n\tLinearScale,\n\tTooltip,\n} from 'chart.js';\nimport ChartDataLabels from 'chartjs-plugin-datalabels';\nimport React, { Suspense, useEffect } from 'react';\nimport { useState } from 'react';\nimport { Bar } from 'react-chartjs-2';\nimport { IconButton } from '@src/components/icon-button';\nimport { StyledModal } from '@src/components/modals';\nimport { TitleMedium } from '@src/components/TypographyStyle';\nimport { COLORS, FONTS } from '@src/constants/Theme';\nimport { GraphContainerWrapper } from './VerticalGraph.styles';\nimport { VerticalGraphI } from './VerticalGraph.type';\n\nChartJS.register(\n\tCategoryScale,\n\tLinearScale,\n\tBarElement,\n\tTooltip,\n\tChartDataLabels,\n);\n\nexport const VerticalGraph: React.FC<VerticalGraphI> = (props) => {\n\tconst { PieChartComponent: PieChartAnalytics } = props;\n\tconst [showPopup, setShowPopup] = useState(false);\n\tconst [showPieChart, setShowPieChart] = useState(false);\n\tconst [pieChartData, setPieChartData] = useState<\n\t\t{\n\t\t\tname: string;\n\t\t\tcount: number;\n\t\t}[]\n\t>();\n\n\tuseEffect(() => {\n\t\tconst dataForPieChart: {\n\t\t\tname: string;\n\t\t\tcount: number;\n\t\t}[] = [];\n\t\tif (!showPieChart) {\n\t\t\treturn;\n\t\t}\n\t\tprops.popupData?.xAxis.data.forEach((ele, index) => {\n\t\t\tdataForPieChart.push({\n\t\t\t\tname: ele.toString(),\n\t\t\t\tcount: Number(props.popupData?.yAxis.data[index]) || 0,\n\t\t\t});\n\t\t});\n\t\tsetPieChartData(dataForPieChart);\n\t}, [showPieChart, props.popupData?.xAxis.data, props.popupData?.yAxis.data]);\n\n\tconst dummyValues = [250, 1000, 800, 1500, 300, 600];\n\tconst noDataPresent = props.yAxis.data.findIndex((ele) => ele !== 0) === -1;\n\tconst noDataPresentInPopup =\n\t\tprops.popupData?.yAxis.data.findIndex((ele) => ele !== 0) === -1;\n\tconst yAxisConfigForNoData = {\n\t\tmin: 0,\n\t\tmax: 2000,\n\t\tstepSize: 200,\n\t};\n\tconst options = {\n\t\tresponsive: true,\n\t\tplugins: {\n\t\t\tlegend: {\n\t\t\t\tdisplay: false,\n\t\t\t},\n\t\t\ttooltip: {\n\t\t\t\tenabled: !noDataPresent,\n\t\t\t\tcallbacks: {\n\t\t\t\t\tlabel: props.yAxis.toolTipCallback,\n\t\t\t\t},\n\t\t\t},\n\t\t\tdatalabels: {\n\t\t\t\tdisplay: props.showTotal ?? false,\n\t\t\t\tanchor: 'end' as const,\n\t\t\t\talign: 'end' as const,\n\t\t\t\tclamp: true,\n\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t},\n\t\t},\n\t\tscales: {\n\t\t\tx: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.xAxis.title,\n\t\t\t\t\ttext: props.xAxis.title,\n\t\t\t\t\tcolor: props.xAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tdisplay: false,\n\t\t\t\t\tborderColor: COLORS.background.base,\n\t\t\t\t},\n\n\t\t\t\tticks: {\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.yAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t},\n\t\t\t},\n\n\t\t\ty: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.yAxis.title,\n\t\t\t\t\ttext: props.yAxis.title,\n\t\t\t\t\tcolor: props.yAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tborderColor: 'white',\n\t\t\t\t\tcolor: COLORS.background.base,\n\t\t\t\t},\n\t\t\t\tticks: {\n\t\t\t\t\tcallback: props.yAxis.ticksCallback,\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.xAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t\t...(noDataPresent ? yAxisConfigForNoData : {}),\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tmaintainAspectRatio: false,\n\t} as any;\n\tconst optionsForPopup = {\n\t\tresponsive: true,\n\t\tplugins: {\n\t\t\tlegend: {\n\t\t\t\tdisplay: false,\n\t\t\t},\n\t\t\ttooltip: {\n\t\t\t\tenabled: !noDataPresentInPopup,\n\t\t\t\tcallbacks: {\n\t\t\t\t\tlabel: props.yAxis.toolTipCallback,\n\t\t\t\t},\n\t\t\t},\n\t\t\tdatalabels: {\n\t\t\t\tdisplay: props.showTotal ?? false,\n\t\t\t\tanchor: 'end' as const,\n\t\t\t\talign: 'end' as const,\n\t\t\t\tclamp: true,\n\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t},\n\t\t},\n\t\tscales: {\n\t\t\tx: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.popupData?.xAxis.title,\n\t\t\t\t\ttext: props.popupData?.xAxis.title,\n\t\t\t\t\tcolor: props.popupData?.xAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tdisplay: false,\n\t\t\t\t\tborderColor: COLORS.background.base,\n\t\t\t\t},\n\n\t\t\t\tticks: {\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.popupData?.yAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t},\n\t\t\t},\n\n\t\t\ty: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.popupData?.yAxis.title,\n\t\t\t\t\ttext: props.popupData?.yAxis.title,\n\t\t\t\t\tcolor: props.popupData?.yAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tborderColor: 'white',\n\t\t\t\t\tcolor: COLORS.background.base,\n\t\t\t\t},\n\t\t\t\tticks: {\n\t\t\t\t\tcallback: props.popupData?.yAxis.ticksCallback,\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.popupData?.xAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t\t...(noDataPresentInPopup ? yAxisConfigForNoData : {}),\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tmaintainAspectRatio: false,\n\t} as any;\n\n\tconst data = {\n\t\tlabels: props.xAxis.data.map((d) => d.toString()),\n\t\tdatasets: [\n\t\t\t{\n\t\t\t\tdata: noDataPresent ? dummyValues : props.yAxis.data,\n\t\t\t\tbackgroundColor: (context) => {\n\t\t\t\t\tconst rgba = props.barColorRGBA;\n\n\t\t\t\t\tlet gradientColorSet: string[] = [];\n\t\t\t\t\tconst dataSetLen = props.xAxis.data.length;\n\n\t\t\t\t\tif (noDataPresent) {\n\t\t\t\t\t\treturn 'rgba(0,0,0,0)';\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (props.isFunnel) {\n\t\t\t\t\t\t\tconst stepSize =\n\t\t\t\t\t\t\t\tdataSetLen > 10 ? 0.1 : (1 / dataSetLen).toFixed(2);\n\t\t\t\t\t\t\tlet counter = +stepSize;\n\t\t\t\t\t\t\tconst rgb = `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}`;\n\t\t\t\t\t\t\tfor (let i = 1; i < dataSetLen + 1; i++) {\n\t\t\t\t\t\t\t\tlet rgba = '';\n\t\t\t\t\t\t\t\tif (i > 10) {\n\t\t\t\t\t\t\t\t\trgba = `${rgb},1)`;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\trgba = `${rgb},${counter})`;\n\t\t\t\t\t\t\t\t\tcounter = counter + 0.1;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tgradientColorSet.push(rgba);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tconst rgbaColor = `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}, ${\n\t\t\t\t\t\t\t\trgba.a ?? '1'\n\t\t\t\t\t\t\t})`;\n\n\t\t\t\t\t\t\tgradientColorSet = Array(dataSetLen).fill(rgbaColor);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn gradientColorSet as unknown as Color;\n\t\t\t\t},\n\t\t\t\tbarPercentage: 0.4,\n\t\t\t\tcategoryPercentage: 1,\n\t\t\t\tborderRadius: 4,\n\t\t\t},\n\t\t],\n\t};\n\tconst dataForPopup = {\n\t\tlabels: props.popupData?.xAxis.data.map((d) => d.toString()),\n\t\tdatasets: [\n\t\t\t{\n\t\t\t\tdata: noDataPresentInPopup ? dummyValues : props.popupData?.yAxis.data,\n\t\t\t\tbackgroundColor: (context) => {\n\t\t\t\t\tconst rgba = props.barColorRGBA;\n\n\t\t\t\t\tlet gradientColorSet: string[] = [];\n\t\t\t\t\tconst dataSetLen = props.popupData?.xAxis.data.length || 0;\n\n\t\t\t\t\tif (noDataPresent) {\n\t\t\t\t\t\treturn 'rgba(0,0,0,0)';\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (props.isFunnel) {\n\t\t\t\t\t\t\tconst stepSize =\n\t\t\t\t\t\t\t\tdataSetLen > 10 ? 0.1 : (1 / dataSetLen).toFixed(2);\n\t\t\t\t\t\t\tlet counter = +stepSize;\n\t\t\t\t\t\t\tconst rgb = `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}`;\n\t\t\t\t\t\t\tfor (let i = 1; i < dataSetLen + 1; i++) {\n\t\t\t\t\t\t\t\tlet rgba = '';\n\t\t\t\t\t\t\t\tif (i > 10) {\n\t\t\t\t\t\t\t\t\trgba = `${rgb},1)`;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\trgba = `${rgb},${counter})`;\n\t\t\t\t\t\t\t\t\tcounter = counter + 0.1;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tgradientColorSet.push(rgba);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tconst rgbaColor = `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}, ${\n\t\t\t\t\t\t\t\trgba.a ?? '1'\n\t\t\t\t\t\t\t})`;\n\n\t\t\t\t\t\t\tgradientColorSet = Array(dataSetLen).fill(rgbaColor);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn gradientColorSet as unknown as Color;\n\t\t\t\t},\n\t\t\t\tbarPercentage: 0.4,\n\t\t\t\tcategoryPercentage: 1,\n\t\t\t\tborderRadius: 4,\n\t\t\t},\n\t\t],\n\t};\n\n\treturn (\n\t\t<GraphContainerWrapper padding={props.outerPadding}>\n\t\t\t{props.chartHeading && (\n\t\t\t\t<div style={{ marginBottom: 24 }}>\n\t\t\t\t\t<TitleMedium\n\t\t\t\t\t\tcolor={props.chartHeading.color ?? COLORS.content.secondary}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.chartHeading.heading}\n\t\t\t\t\t</TitleMedium>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div style={{ display: 'flex', justifyContent: 'flex-end' }}>\n\t\t\t\t{props.showConvertToPieChart && (\n\t\t\t\t\t<IconButton\n\t\t\t\t\t\tIcon={PieChartIcon}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tsetShowPieChart(true);\n\t\t\t\t\t\t\tsetShowPopup(true);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{props.allowChartPopup && (\n\t\t\t\t\t<IconButton\n\t\t\t\t\t\tIcon={MaximizeIcon}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tsetShowPopup(true);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\theight: props.graphCanvasHeight ?? 500,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Bar options={options} data={data} />\n\t\t\t</div>\n\t\t\t{showPopup && (\n\t\t\t\t<StyledModal\n\t\t\t\t\topen={showPopup}\n\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\tsetShowPopup(false);\n\t\t\t\t\t\tsetShowPieChart(false);\n\t\t\t\t\t}}\n\t\t\t\t\tcloseOnOutsideClick\n\t\t\t\t\theadingTitle={props.popupData?.chartHeading}\n\t\t\t\t\twidth=\"75%\"\n\t\t\t\t\theaderRightCustomElement={\n\t\t\t\t\t\tprops.showConvertToPieChart ? (\n\t\t\t\t\t\t\t!showPieChart ? (\n\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\tIcon={PieChartIcon}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetShowPieChart(true);\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\t\t<IconButton\n\t\t\t\t\t\t\t\t\tIcon={BarChartIcon}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetShowPieChart(false);\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) : null\n\t\t\t\t\t}\n\t\t\t\t\theaderLeftCustomElement={props.popupData?.headerLeftCustomElement}\n\t\t\t\t>\n\t\t\t\t\t{showPieChart && pieChartData && PieChartAnalytics && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\theight: props.graphCanvasHeight ?? 500,\n\t\t\t\t\t\t\t\tpadding: '24px',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Suspense fallback={<div>Loading...</div>}>\n\t\t\t\t\t\t\t\t<PieChartAnalytics\n\t\t\t\t\t\t\t\t\tslices={pieChartData}\n\t\t\t\t\t\t\t\t\tsize={props.pieChartSize}\n\t\t\t\t\t\t\t\t\thideTitle={true}\n\t\t\t\t\t\t\t\t\tcurrencyProps={props.currencyProps}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</Suspense>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{!showPieChart && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\theight: props.graphCanvasHeight ?? 500,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Bar options={optionsForPopup} data={dataForPopup} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</StyledModal>\n\t\t\t)}\n\t\t</GraphContainerWrapper>\n\t);\n};\n"],"names":["ChartJS","CategoryScale","LinearScale","BarElement","Tooltip","ChartDataLabels","VerticalGraph","props","PieChartAnalytics","showPopup","setShowPopup","useState","showPieChart","setShowPieChart","pieChartData","setPieChartData","useEffect","dataForPieChart","ele","index","dummyValues","noDataPresent","noDataPresentInPopup","yAxisConfigForNoData","options","COLORS","FONTS","optionsForPopup","data","d","context","rgba","gradientColorSet","dataSetLen","counter","rgb","i","rgbaColor","dataForPopup","jsxs","GraphContainerWrapper","jsx","TitleMedium","IconButton","PieChartIcon","MaximizeIcon","Bar","StyledModal","BarChartIcon","Suspense"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sources":["../../../../src/components/switch/Switch.tsx"],"sourcesContent":["import { forwardRef, useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { COLORS, DEFAULT_THEME } from '@src/constants/Theme';\nimport { SwitchColorProps, SwitchProps } from './Switch.
|
|
1
|
+
{"version":3,"file":"Switch.js","sources":["../../../../src/components/switch/Switch.tsx"],"sourcesContent":["import { forwardRef, useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { COLORS, DEFAULT_THEME } from '@src/constants/Theme';\nimport { SwitchColorProps, SwitchProps } from './Switch.type';\n\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>(\n\t({\n\t\tcustomThumbColor,\n\t\ttrackColor,\n\t\ttrackHeight,\n\t\ttrackLength,\n\t\tdisabled,\n\t\tvalue: propsValue,\n\t\tonValueChange,\n\t\tduration,\n\t\tcontainerStyle,\n\t\ttype,\n\t\tisLoading,\n\t\t'data-test': dataTest,\n\t}) => {\n\t\tconst { colorsV2 } = DEFAULT_THEME;\n\n\t\tconst [value, setValue] = useState<boolean>(propsValue);\n\n\t\tconst [isloading, setLoading] = useState<boolean>(isLoading ?? false);\n\t\tconst durationTime = duration ?? 200;\n\n\t\tuseEffect(() => {\n\t\t\tif (typeof isLoading == 'boolean') {\n\t\t\t\tsetLoading(isLoading);\n\t\t\t}\n\t\t}, [isLoading]);\n\n\t\tuseEffect(() => {\n\t\t\tsetValue(propsValue);\n\t\t}, [propsValue]);\n\n\t\tconst consolidatedTrackColor: SwitchColorProps = disabled\n\t\t\t? {\n\t\t\t\t\tfalse: colorsV2.background.inactive,\n\t\t\t\t\ttrue: colorsV2.background.inactive,\n\t\t\t }\n\t\t\t: {\n\t\t\t\t\tfalse:\n\t\t\t\t\t\ttrackColor?.false ?? type === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.background.negative.light\n\t\t\t\t\t\t\t: colorsV2.background.base,\n\t\t\t\t\ttrue:\n\t\t\t\t\t\ttrackColor?.true ?? type === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.background.positive.vibrant\n\t\t\t\t\t\t\t: colorsV2.background.brand,\n\t\t\t };\n\n\t\tconst consolidatedBorderColor: SwitchColorProps = {\n\t\t\tfalse:\n\t\t\t\ttype === 'greenred'\n\t\t\t\t\t? colorsV2.stroke.negative.lightAlt\n\t\t\t\t\t: colorsV2.stroke.primary,\n\t\t\ttrue:\n\t\t\t\ttype === 'greenred'\n\t\t\t\t\t? colorsV2.background.positive.vibrant\n\t\t\t\t\t: colorsV2.background.brand,\n\t\t};\n\n\t\tconst consolidatedThumbColor: SwitchColorProps = disabled\n\t\t\t? { false: colorsV2.content.inactive, true: colorsV2.content.inactive }\n\t\t\t: {\n\t\t\t\t\tfalse:\n\t\t\t\t\t\tcustomThumbColor?.false ?? type === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.content.negative\n\t\t\t\t\t\t\t: colorsV2.text.primary,\n\t\t\t\t\ttrue: customThumbColor?.true ?? colorsV2.surface.standard,\n\t\t\t };\n\n\t\tconst consolidateOutlineColor: SwitchColorProps = !type\n\t\t\t? { false: colorsV2.stroke.primary, true: colorsV2.stroke.primary }\n\t\t\t: {\n\t\t\t\t\tfalse:\n\t\t\t\t\t\ttype === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.stroke.negative.lightAlt\n\t\t\t\t\t\t\t: colorsV2.stroke.primary,\n\t\t\t\t\ttrue:\n\t\t\t\t\t\ttype === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.stroke.positive.lightAlt\n\t\t\t\t\t\t\t: colorsV2.background.brandLight,\n\t\t\t };\n\n\t\tasync function handlePress() {\n\t\t\tif (disabled) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (typeof isLoading !== 'boolean') {\n\t\t\t\tsetLoading(true);\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tawait onValueChange?.(!value);\n\t\t\t\tsetValue(!value);\n\t\t\t} catch (err) {\n\t\t\t\tconsole.log(err);\n\t\t\t}\n\t\t\tif (typeof isLoading !== 'boolean') {\n\t\t\t\tsetLoading(false);\n\t\t\t}\n\t\t}\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<SwitchContainer\n\t\t\t\t\tdata-test={dataTest}\n\t\t\t\t\ttrackLength={trackLength ?? 40}\n\t\t\t\t\ttrackHeight={trackHeight ?? 20}\n\t\t\t\t\tonClick={() => handlePress()}\n\t\t\t\t\ttrackColor={consolidatedTrackColor}\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tstyle={containerStyle}\n\t\t\t\t\tborderColor={consolidatedBorderColor}\n\t\t\t\t\tduration={durationTime}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\toutlineColor={consolidateOutlineColor}\n\t\t\t\t>\n\t\t\t\t\t{isloading ? (\n\t\t\t\t\t\t<Loader value={value} trackColor={consolidatedTrackColor} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Thumb\n\t\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\t\tduration={durationTime}\n\t\t\t\t\t\t\tthumbColor={consolidatedThumbColor}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</SwitchContainer>\n\t\t\t</>\n\t\t);\n\t},\n);\n\nSwitch.displayName = 'Switch';\n\nexport const SwitchContainer = styled.div<{\n\ttrackLength: number;\n\ttrackHeight: number;\n\ttrackColor: SwitchColorProps;\n\tvalue: boolean;\n\tborderColor: SwitchColorProps;\n\tduration: number;\n\tdisabled?: boolean;\n\toutlineColor: SwitchColorProps;\n}>`\n\tdisplay: flex;\n\tflex-direction: row;\n\tmargin-top: 5px;\n\tmargin-bottom: 5px;\n\tborder-radius: 30px;\n\tbackground-color: red;\n\tbackground-color: ${(props) =>\n\t\tprops.value ? props.trackColor.true : props.trackColor.false};\n\twidth: ${(props) => props.trackLength + 'px'};\n\theight: ${(props) => props.trackHeight + 'px'};\n\tborder-width: ${(props) => (props.disabled ? '0px' : '1px')};\n\tborder-style: solid;\n\tborder-color: ${(props) =>\n\t\tprops.value ? props.borderColor.true : props.borderColor.false};\n\n\ttransition: ${(props) => `${props.duration / 1000}s ease all`};\n\talign-items: center;\n\tcursor: ${(props) => (props.disabled ? 'default' : 'pointer')};\n\t:focus {\n\t\toutline: ${(props) =>\n\t\t\tprops.value ? props.outlineColor.true : props.outlineColor.false};\n\t\toutline-style: solid;\n\t\toutline-offset: 2px;\n\t\toutline-width: 2px;\n\t}\n\t:active {\n\t\toutline: ${(props) =>\n\t\t\tprops.value ? props.outlineColor.true : props.outlineColor.false};\n\t\toutline-style: solid;\n\t\toutline-offset: 2px;\n\t\toutline-width: 2px;\n\t}\n`;\n\nexport const Thumb = styled.div<{\n\tvalue: boolean;\n\tduration: number;\n\tthumbColor: SwitchColorProps;\n}>`\n\theight: 12px;\n\twidth: 12px;\n\tmargin: 4px;\n\tborder-radius: 8px;\n\tposition: relative;\n\tleft: ${(props) => (props.value ? 'calc(100% - 20px)' : '0px')};\n\ttransition: ${(props) => `${props.duration / 1000}s ease all`};\n\tbackground-color: ${(props) =>\n\t\tprops.value ? props.thumbColor.true : props.thumbColor.false};\n`;\n\nexport const Loader = styled.div<{\n\tvalue: boolean;\n\ttrackColor: SwitchColorProps;\n}>`\n\tborder-width: 2px;\n\tborder-style: solid;\n\tborder-color: ${(props) =>\n\t\tprops.value ? props.trackColor.true : props.trackColor.false};\n\tborder-top-width: 2px;\n\tborder-top-style: solid;\n\tborder-top-color: ${(props) =>\n\t\tprops.value ? COLORS.text.white : COLORS.background.brand};\n\tborder-radius: 50%;\n\theight: 8px;\n\twidth: 8px;\n\tmargin: 4px;\n\tposition: relative;\n\tleft: ${(props) => (props.value ? 'calc(100% - 20px)' : '0px')};\n\tanimation: spin 1s linear infinite;\n\t@keyframes spin {\n\t\t0% {\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\t\t100% {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n`;\n"],"names":["Switch","forwardRef","customThumbColor","trackColor","trackHeight","trackLength","disabled","propsValue","onValueChange","duration","containerStyle","type","isLoading","dataTest","colorsV2","DEFAULT_THEME","value","setValue","useState","isloading","setLoading","durationTime","useEffect","consolidatedTrackColor","consolidatedBorderColor","consolidatedThumbColor","consolidateOutlineColor","handlePress","err","jsx","Fragment","SwitchContainer","Loader","Thumb","styled","props","COLORS"],"mappings":"4QAKaA,EAASC,EAAAA,WACrB,CAAC,CACA,iBAAAC,EACA,WAAAC,EACA,YAAAC,EACA,YAAAC,EACA,SAAAC,EACA,MAAOC,EACP,cAAAC,EACA,SAAAC,EACA,eAAAC,EACA,KAAAC,EACA,UAAAC,EACA,YAAaC,CAAA,IACR,CACL,KAAM,CAAE,SAAAC,GAAaC,EAAAA,cAEf,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAkBX,CAAU,EAEhD,CAACY,EAAWC,CAAU,EAAIF,EAAAA,SAAkBN,GAAa,EAAK,EAC9DS,EAAeZ,GAAY,IAEjCa,EAAAA,UAAU,IAAM,CACX,OAAOV,GAAa,WACvBQ,EAAWR,CAAS,CAEtB,EAAG,CAACA,CAAS,CAAC,EAEdU,EAAAA,UAAU,IAAM,CACfL,EAASV,CAAU,CACpB,EAAG,CAACA,CAAU,CAAC,EAEf,MAAMgB,EAA2CjB,EAC9C,CACA,MAAOQ,EAAS,WAAW,SAC3B,KAAMA,EAAS,WAAW,QAAA,EAE1B,CACA,MACCX,GAAY,OAASQ,IAAS,WAC3BG,EAAS,WAAW,SAAS,MAC7BA,EAAS,WAAW,KACxB,KACCX,GAAY,MAAQQ,IAAS,WAC1BG,EAAS,WAAW,SAAS,QAC7BA,EAAS,WAAW,KAAA,EAGrBU,EAA4C,CACjD,MACCb,IAAS,WACNG,EAAS,OAAO,SAAS,SACzBA,EAAS,OAAO,QACpB,KACCH,IAAS,WACNG,EAAS,WAAW,SAAS,QAC7BA,EAAS,WAAW,KAAA,EAGnBW,EAA2CnB,EAC9C,CAAE,MAAOQ,EAAS,QAAQ,SAAU,KAAMA,EAAS,QAAQ,QAAA,EAC3D,CACA,MACCZ,GAAkB,OAASS,IAAS,WACjCG,EAAS,QAAQ,SACjBA,EAAS,KAAK,QAClB,KAAMZ,GAAkB,MAAQY,EAAS,QAAQ,QAAA,EAG9CY,EAA6Cf,EAEhD,CACA,MACCA,IAAS,WACNG,EAAS,OAAO,SAAS,SACzBA,EAAS,OAAO,QACpB,KACCH,IAAS,WACNG,EAAS,OAAO,SAAS,SACzBA,EAAS,WAAW,UAAA,EATxB,CAAE,MAAOA,EAAS,OAAO,QAAS,KAAMA,EAAS,OAAO,OAAA,EAY3D,eAAea,GAAc,CAC5B,GAAI,CAAArB,EAGJ,CAAI,OAAOM,GAAc,WACxBQ,EAAW,EAAI,EAEhB,GAAI,CACH,MAAMZ,IAAgB,CAACQ,CAAK,EAC5BC,EAAS,CAACD,CAAK,CAChB,OAASY,EAAK,CACb,QAAQ,IAAIA,CAAG,CAChB,CACI,OAAOhB,GAAc,WACxBQ,EAAW,EAAK,EAElB,CAEA,OACCS,MAAAC,EAAAA,SAAA,CACC,SAAAD,EAAAA,IAACE,EAAA,CACA,YAAWlB,EACX,YAAaR,GAAe,GAC5B,YAAaD,GAAe,GAC5B,QAAS,IAAMuB,EAAA,EACf,WAAYJ,EACZ,MAAAP,EACA,MAAON,EACP,YAAac,EACb,SAAUH,EACV,SAAAf,EACA,aAAcoB,EAEb,WACAG,EAAAA,IAACG,EAAA,CAAO,MAAAhB,EAAc,WAAYO,EAAwB,EAE1DM,EAAAA,IAACI,EAAA,CACA,MAAAjB,EACA,SAAUK,EACV,WAAYI,CAAA,CAAA,CACb,CAAA,EAGH,CAEF,CACD,EAEAzB,EAAO,YAAc,SAEd,MAAM+B,EAAkBG,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAgBhBC,GACpBA,EAAM,MAAQA,EAAM,WAAW,KAAOA,EAAM,WAAW,KAAK;AAAA,UACnDA,GAAUA,EAAM,YAAc,IAAI;AAAA,WACjCA,GAAUA,EAAM,YAAc,IAAI;AAAA,iBAC5BA,GAAWA,EAAM,SAAW,MAAQ,KAAM;AAAA;AAAA,iBAE1CA,GAChBA,EAAM,MAAQA,EAAM,YAAY,KAAOA,EAAM,YAAY,KAAK;AAAA;AAAA,eAEhDA,GAAU,GAAGA,EAAM,SAAW,GAAI,YAAY;AAAA;AAAA,WAElDA,GAAWA,EAAM,SAAW,UAAY,SAAU;AAAA;AAAA,aAEhDA,GACXA,EAAM,MAAQA,EAAM,aAAa,KAAOA,EAAM,aAAa,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMrDA,GACXA,EAAM,MAAQA,EAAM,aAAa,KAAOA,EAAM,aAAa,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,EAOtDF,EAAQC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAUlBC,GAAWA,EAAM,MAAQ,oBAAsB,KAAM;AAAA,eAC/CA,GAAU,GAAGA,EAAM,SAAW,GAAI,YAAY;AAAA,qBACxCA,GACpBA,EAAM,MAAQA,EAAM,WAAW,KAAOA,EAAM,WAAW,KAAK;AAAA,EAGjDH,EAASE,EAAAA,QAAO;AAAA;AAAA;AAAA,iBAMXC,GAChBA,EAAM,MAAQA,EAAM,WAAW,KAAOA,EAAM,WAAW,KAAK;AAAA;AAAA;AAAA,qBAGxCA,GACpBA,EAAM,MAAQC,EAAAA,OAAO,KAAK,MAAQA,EAAAA,OAAO,WAAW,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAMjDD,GAAWA,EAAM,MAAQ,oBAAsB,KAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=({size:r=24,color:t="currentColor",...o})=>{const l={width:r,height:r,color:t,...o};return e.jsxs("svg",{viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",...l,children:[e.jsx("path",{d:"M5.23976 6.28567C5.81834 6.28567 6.28738 5.81663 6.28738 5.23805C6.28738 4.65946 5.81834 4.19043 5.23976 4.19043C4.66117 4.19043 4.19214 4.65946 4.19214 5.23805C4.19214 5.81663 4.66117 6.28567 5.23976 6.28567Z",fill:"currentColor"}),e.jsx("path",{d:"M9.43043 6.28567C10.009 6.28567 10.4781 5.81663 10.4781 5.23805C10.4781 4.65946 10.009 4.19043 9.43043 4.19043C8.85185 4.19043 8.38281 4.65946 8.38281 5.23805C8.38281 5.81663 8.85185 6.28567 9.43043 6.28567Z",fill:"currentColor"}),e.jsx("path",{d:"M7.3348 14.6667C3.29099 14.6667 0.00146484 11.3771 0.00146484 7.33333C0.00146484 3.28952 3.29099 0 7.3348 0C11.3786 0 14.6681 3.28952 14.6681 7.33333C14.6681 11.3771 11.3786 14.6667 7.3348 14.6667ZM7.3348 1.33333C3.86718 1.33333 1.3348 3.86571 1.3348 7.33333C1.3348 10.801 3.86718 13.3333 7.3348 13.3333C10.8024 13.3333 13.3348 10.801 13.3348 7.33333C13.3348 3.86571 10.8024 1.33333 7.3348 1.33333Z",fill:"currentColor"}),e.jsx("path",{d:"M4.00146 9H10.6681",stroke:"#616161",strokeWidth:1.33333,strokeLinecap:"round"})]})};exports.default=s;
|
|
2
|
-
//# sourceMappingURL=
|
|
2
|
+
//# sourceMappingURL=FormkitNeutral.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormkitNeutral.js","sources":["../../../../../src/icons/Media/Visual/FormkitNeutral.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\n\ninterface Props extends SVGProps<SVGSVGElement> {\n\tsize?: number | string;\n\tcolor?: string;\n}\nconst SvgFrame26086263 = ({\n\tsize = 24,\n\tcolor = 'currentColor',\n\t...rest\n}: Props) => {\n\tconst props = {\n\t\twidth: size,\n\t\theight: size,\n\t\tcolor,\n\t\t...rest,\n\t};\n\treturn (\n\t\t<svg\n\t\t\tviewBox=\"0 0 15 15\"\n\t\t\tfill=\"none\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<path\n\t\t\t\td=\"M5.23976 6.28567C5.81834 6.28567 6.28738 5.81663 6.28738 5.23805C6.28738 4.65946 5.81834 4.19043 5.23976 4.19043C4.66117 4.19043 4.19214 4.65946 4.19214 5.23805C4.19214 5.81663 4.66117 6.28567 5.23976 6.28567Z\"\n\t\t\t\tfill=\"currentColor\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\td=\"M9.43043 6.28567C10.009 6.28567 10.4781 5.81663 10.4781 5.23805C10.4781 4.65946 10.009 4.19043 9.43043 4.19043C8.85185 4.19043 8.38281 4.65946 8.38281 5.23805C8.38281 5.81663 8.85185 6.28567 9.43043 6.28567Z\"\n\t\t\t\tfill=\"currentColor\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\td=\"M7.3348 14.6667C3.29099 14.6667 0.00146484 11.3771 0.00146484 7.33333C0.00146484 3.28952 3.29099 0 7.3348 0C11.3786 0 14.6681 3.28952 14.6681 7.33333C14.6681 11.3771 11.3786 14.6667 7.3348 14.6667ZM7.3348 1.33333C3.86718 1.33333 1.3348 3.86571 1.3348 7.33333C1.3348 10.801 3.86718 13.3333 7.3348 13.3333C10.8024 13.3333 13.3348 10.801 13.3348 7.33333C13.3348 3.86571 10.8024 1.33333 7.3348 1.33333Z\"\n\t\t\t\tfill=\"currentColor\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\td=\"M4.00146 9H10.6681\"\n\t\t\t\tstroke=\"#616161\"\n\t\t\t\tstrokeWidth={1.33333}\n\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t/>\n\t\t</svg>\n\t);\n};\nexport default SvgFrame26086263;\n"],"names":["SvgFrame26086263","size","color","rest","props","jsxs","jsx"],"mappings":"iJAMMA,EAAmB,CAAC,CACzB,KAAAC,EAAO,GACP,MAAAC,EAAQ,eACR,GAAGC,CACJ,IAAa,CACZ,MAAMC,EAAQ,CACb,MAAOH,EACP,OAAQA,EACR,MAAAC,EACA,GAAGC,CAAA,EAEJ,OACCE,EAAAA,KAAC,MAAA,CACA,QAAQ,YACR,KAAK,OACL,MAAM,6BACL,GAAGD,EAEJ,SAAA,CAAAE,EAAAA,IAAC,OAAA,CACA,EAAE,oNACF,KAAK,cAAA,CAAA,EAENA,EAAAA,IAAC,OAAA,CACA,EAAE,kNACF,KAAK,cAAA,CAAA,EAENA,EAAAA,IAAC,OAAA,CACA,EAAE,iZACF,KAAK,cAAA,CAAA,EAENA,EAAAA,IAAC,OAAA,CACA,EAAE,qBACF,OAAO,UACP,YAAa,QACb,cAAc,OAAA,CAAA,CACf,CAAA,CAAA,CAGH"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("react/jsx-runtime"),i=({size:l=24,color:e="currentColor",...r})=>{const t={width:l,height:l,color:e,...r};return C.jsxs("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,children:[C.jsxs("g",{clipPath:"url(#clip0_6886_8860)",children:[C.jsx("path",{d:"M4.93345 9.46679C5.22708 9.24657 5.64324 9.3052 5.86469 9.59734L5.86779 9.60129C5.87176 9.60631 5.8793 9.61569 5.89033 9.62883C5.91243 9.65517 5.94825 9.69624 5.99707 9.74718C6.09527 9.84965 6.24283 9.98867 6.4339 10.1276C6.81861 10.4074 7.35047 10.6668 8.00012 10.6668C8.64977 10.6668 9.18163 10.4074 9.56634 10.1276C9.75741 9.98867 9.90497 9.84965 10.0032 9.74718C10.052 9.69624 10.0878 9.65517 10.1099 9.62883C10.1209 9.61569 10.1285 9.60631 10.1325 9.60129L10.1355 9.59734C10.357 9.3052 10.7732 9.24657 11.0668 9.46679C11.3613 9.6877 11.421 10.1056 11.2001 10.4001L11.1994 10.401L11.1987 10.402L11.1969 10.4044L11.192 10.4107L11.1778 10.4289C11.1664 10.4434 11.1508 10.4627 11.1312 10.486C11.0921 10.5326 11.0368 10.5957 10.9658 10.6697C10.8244 10.8173 10.6178 11.0116 10.3506 11.2059C9.81861 11.5928 9.01714 12.0001 8.00012 12.0001C6.9831 12.0001 6.18163 11.5928 5.64967 11.2059C5.38241 11.0116 5.1758 10.8173 5.03442 10.6697C4.96345 10.5957 4.90812 10.5326 4.86903 10.486C4.84946 10.4627 4.83389 10.4434 4.82239 10.4289L4.8082 10.4107L4.80339 10.4044L4.80156 10.402L4.80079 10.401L4.80012 10.4001C4.57921 10.1056 4.6389 9.6877 4.93345 9.46679Z",fill:"currentColor"}),C.jsx("path",{d:"M9.33342 6.66675C9.33342 5.93037 9.93037 5.33342 10.6667 5.33342C11.4031 5.33342 12.0001 5.93037 12.0001 6.66675C12.0001 7.40313 11.4031 8.00008 10.6667 8.00008C9.93037 8.00008 9.33342 7.40313 9.33342 6.66675Z",fill:"currentColor"}),C.jsx("path",{d:"M5.33342 5.33342C4.59704 5.33342 4.00008 5.93037 4.00008 6.66675C4.00008 7.40313 4.59704 8.00008 5.33342 8.00008C6.06979 8.00008 6.66675 7.40313 6.66675 6.66675C6.66675 5.93037 6.06979 5.33342 5.33342 5.33342Z",fill:"currentColor"}),C.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.00008 0.666748C3.94999 0.666748 0.666748 3.94999 0.666748 8.00008C0.666748 12.0502 3.94999 15.3334 8.00008 15.3334C12.0502 15.3334 15.3334 12.0502 15.3334 8.00008C15.3334 3.94999 12.0502 0.666748 8.00008 0.666748ZM2.00008 8.00008C2.00008 4.68637 4.68637 2.00008 8.00008 2.00008C11.3138 2.00008 14.0001 4.68637 14.0001 8.00008C14.0001 11.3138 11.3138 14.0001 8.00008 14.0001C4.68637 14.0001 2.00008 11.3138 2.00008 8.00008Z",fill:"currentColor"})]}),C.jsx("defs",{children:C.jsx("clipPath",{id:"clip0_6886_8860",children:C.jsx("rect",{width:16,height:16,fill:"white"})})})]})};exports.default=i;
|
|
2
|
-
//# sourceMappingURL=
|
|
2
|
+
//# sourceMappingURL=FormkitSad.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormkitSad.js","sources":["../../../../../src/icons/Media/Visual/FormkitSad.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\n\ninterface Props extends SVGProps<SVGSVGElement> {\n\tsize?: number | string;\n\tcolor?: string;\n}\nconst SvgIconTrailing = ({\n\tsize = 24,\n\tcolor = 'currentColor',\n\t...rest\n}: Props) => {\n\tconst props = {\n\t\twidth: size,\n\t\theight: size,\n\t\tcolor,\n\t\t...rest,\n\t};\n\treturn (\n\t\t<svg\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\tfill=\"none\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<g clipPath=\"url(#clip0_6886_8860)\">\n\t\t\t\t<path\n\t\t\t\t\td=\"M4.93345 9.46679C5.22708 9.24657 5.64324 9.3052 5.86469 9.59734L5.86779 9.60129C5.87176 9.60631 5.8793 9.61569 5.89033 9.62883C5.91243 9.65517 5.94825 9.69624 5.99707 9.74718C6.09527 9.84965 6.24283 9.98867 6.4339 10.1276C6.81861 10.4074 7.35047 10.6668 8.00012 10.6668C8.64977 10.6668 9.18163 10.4074 9.56634 10.1276C9.75741 9.98867 9.90497 9.84965 10.0032 9.74718C10.052 9.69624 10.0878 9.65517 10.1099 9.62883C10.1209 9.61569 10.1285 9.60631 10.1325 9.60129L10.1355 9.59734C10.357 9.3052 10.7732 9.24657 11.0668 9.46679C11.3613 9.6877 11.421 10.1056 11.2001 10.4001L11.1994 10.401L11.1987 10.402L11.1969 10.4044L11.192 10.4107L11.1778 10.4289C11.1664 10.4434 11.1508 10.4627 11.1312 10.486C11.0921 10.5326 11.0368 10.5957 10.9658 10.6697C10.8244 10.8173 10.6178 11.0116 10.3506 11.2059C9.81861 11.5928 9.01714 12.0001 8.00012 12.0001C6.9831 12.0001 6.18163 11.5928 5.64967 11.2059C5.38241 11.0116 5.1758 10.8173 5.03442 10.6697C4.96345 10.5957 4.90812 10.5326 4.86903 10.486C4.84946 10.4627 4.83389 10.4434 4.82239 10.4289L4.8082 10.4107L4.80339 10.4044L4.80156 10.402L4.80079 10.401L4.80012 10.4001C4.57921 10.1056 4.6389 9.6877 4.93345 9.46679Z\"\n\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\td=\"M9.33342 6.66675C9.33342 5.93037 9.93037 5.33342 10.6667 5.33342C11.4031 5.33342 12.0001 5.93037 12.0001 6.66675C12.0001 7.40313 11.4031 8.00008 10.6667 8.00008C9.93037 8.00008 9.33342 7.40313 9.33342 6.66675Z\"\n\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\td=\"M5.33342 5.33342C4.59704 5.33342 4.00008 5.93037 4.00008 6.66675C4.00008 7.40313 4.59704 8.00008 5.33342 8.00008C6.06979 8.00008 6.66675 7.40313 6.66675 6.66675C6.66675 5.93037 6.06979 5.33342 5.33342 5.33342Z\"\n\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfillRule=\"evenodd\"\n\t\t\t\t\tclipRule=\"evenodd\"\n\t\t\t\t\td=\"M8.00008 0.666748C3.94999 0.666748 0.666748 3.94999 0.666748 8.00008C0.666748 12.0502 3.94999 15.3334 8.00008 15.3334C12.0502 15.3334 15.3334 12.0502 15.3334 8.00008C15.3334 3.94999 12.0502 0.666748 8.00008 0.666748ZM2.00008 8.00008C2.00008 4.68637 4.68637 2.00008 8.00008 2.00008C11.3138 2.00008 14.0001 4.68637 14.0001 8.00008C14.0001 11.3138 11.3138 14.0001 8.00008 14.0001C4.68637 14.0001 2.00008 11.3138 2.00008 8.00008Z\"\n\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t/>\n\t\t\t</g>\n\t\t\t<defs>\n\t\t\t\t<clipPath id=\"clip0_6886_8860\">\n\t\t\t\t\t<rect width={16} height={16} fill=\"white\" />\n\t\t\t\t</clipPath>\n\t\t\t</defs>\n\t\t</svg>\n\t);\n};\nexport default SvgIconTrailing;\n"],"names":["SvgIconTrailing","size","color","rest","props","jsxs","jsx"],"mappings":"iJAMMA,EAAkB,CAAC,CACxB,KAAAC,EAAO,GACP,MAAAC,EAAQ,eACR,GAAGC,CACJ,IAAa,CACZ,MAAMC,EAAQ,CACb,MAAOH,EACP,OAAQA,EACR,MAAAC,EACA,GAAGC,CAAA,EAEJ,OACCE,EAAAA,KAAC,MAAA,CACA,QAAQ,YACR,KAAK,OACL,MAAM,6BACL,GAAGD,EAEJ,SAAA,CAAAC,EAAAA,KAAC,IAAA,CAAE,SAAS,wBACX,SAAA,CAAAC,EAAAA,IAAC,OAAA,CACA,EAAE,goCACF,KAAK,cAAA,CAAA,EAENA,EAAAA,IAAC,OAAA,CACA,EAAE,oNACF,KAAK,cAAA,CAAA,EAENA,EAAAA,IAAC,OAAA,CACA,EAAE,oNACF,KAAK,cAAA,CAAA,EAENA,EAAAA,IAAC,OAAA,CACA,SAAS,UACT,SAAS,UACT,EAAE,4aACF,KAAK,cAAA,CAAA,CACN,EACD,EACAA,MAAC,OAAA,CACA,SAAAA,EAAAA,IAAC,WAAA,CAAS,GAAG,kBACZ,SAAAA,EAAAA,IAAC,OAAA,CAAK,MAAO,GAAI,OAAQ,GAAI,KAAK,QAAQ,EAC3C,CAAA,CACD,CAAA,CAAA,CAAA,CAGH"}
|
package/dist/cjs/icons/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Actions/Common actions/Activate.js"),r=require("./Informational/eCommerce/AddLabel.js"),t=require("./Informational/Location/Address.js"),u=require("./BIK AI specific/AiEmoji.js"),o=require("./BIK AI specific/AiIcon.js"),a=require("./BIK AI specific/AiRobot.js"),n=require("./Informational/General/AlertTriangle.js"),i=require("./Informational/Store related/AllProduct.js"),l=require("./Informational/Files and folders/Archive1.js"),s=require("./Arrows/Normal arrows/ArrowDown.js"),c=require("./Arrows/Normal arrows/ArrowDownLeft.js"),d=require("./Arrows/Normal arrows/ArrowDownRight.js"),f=require("./Arrows/Normal arrows/ArrowLeft.js"),q=require("./Actions/Navigation/ArrowRedo.js"),h=require("./Arrows/Normal arrows/ArrowRight.js"),p=require("./Arrows/Special/ArrowSwitch.js"),C=require("./Actions/Navigation/ArrowUndo.js"),m=require("./Arrows/Normal arrows/ArrowUp.js"),g=require("./Arrows/Normal arrows/ArrowUpLeft.js"),k=require("./Arrows/Normal arrows/ArrowUpRight.js"),S=require("./Informational/Finance/Bank.js"),M=require("./Media/Others/BarcodeScan.js"),A=require("./Informational/Common UI/Bell.js"),b=require("./Informational/Common UI/BellSync.js"),w=require("./Social/Social/BigCommerce.js"),T=require("./Social/Channels/Bigcommerce.js"),F=require("./Informational/General/BookOpenText.js"),P=require("./Legacy - Bikayi specific/Categories/Box.js"),R=require("./Legacy - Bikayi specific/Categories/Box2.js"),L=require("./Informational/Common UI/Bulb.js"),v=require("./Legacy - Bikayi specific/Services/Businesscard.js"),y=require("./Informational/Date and time/Calendar.js"),I=require("./Informational/Date and time/CalendarAdd.js"),x=require("./Media/Visual/Camera.js"),D=require("./Media/Visual/CameraAdd.js"),U=require("./Arrows/Carat/CaratDown.js"),E=require("./Arrows/Carat/CaratLeft.js"),B=require("./Arrows/Carat/CaratRight.js"),H=require("./Arrows/Carat/CaratUp.js"),W=require("./Informational/Finance/CashOnDelivery.js"),O=require("./Informational/Finance/ChartLine.js"),G=require("./Informational/Communication/Chat.js"),N=require("./Informational/Communication/ChatCheck.js"),V=require("./Informational/Communication/ChatQuestion.js"),$=require("./Informational/Communication/ChatStar.js"),z=require("./Informational/Identity/Chatbot.js"),j=require("./Informational/General/Check.js"),J=require("./Informational/General/CheckDouble.js"),Q=require("./Actions/Formatting/CheckboxIcon.js"),K=require("./Arrows/Double chevron/ChevronDoubleDown.js"),Y=require("./Arrows/Double chevron/ChevronDoubleLeft.js"),Z=require("./Arrows/Double chevron/ChevronDoubleRight.js"),X=require("./Arrows/Double chevron/ChevronDoubleUp.js"),_=require("./Arrows/Chevron/ChevronDown.js"),ee=require("./Arrows/Chevron/ChevronLeft.js"),re=require("./Arrows/Chevron/ChevronRight.js"),te=require("./Arrows/Chevron/ChevronUp.js"),ue=require("./Informational/eCommerce/Click.js"),oe=require("./Informational/Store related/Clipboard.js"),ae=require("./Informational/Customer intent/ClipboardCheck.js"),ne=require("./Informational/Store related/ClipboardCheck.js"),ie=require("./Informational/Date and time/Clock.js"),le=require("./Informational/General/CloseTicket1.js"),se=require("./Actions/Common actions/Code.js"),ce=require("./Informational/Identity/Contacts.js"),de=require("./Actions/Formatting/Copy.js"),fe=require("./Informational/Finance/CreditCard.js"),qe=require("./Media/Visual/Crop.js"),he=require("./Actions/Common actions/Cross.js"),pe=require("./Legacy - Bikayi specific/Services/Customdomain.js"),Ce=require("./Informational/Store related/CustomerReport.js"),me=require("./Actions/Common actions/Deactivate.js"),ge=require("./Actions/Formatting/DecreaseIndent.js"),ke=require("./Actions/Common actions/Delete.js"),Se=require("./Media/Devices/Desktop.js"),Me=require("./Media/Others/Download.js"),Ae=require("./Actions/Formatting/Dropdown.js"),be=require("./Actions/Common actions/Edit.js"),we=require("./Informational/Communication/Email.js"),Te=require("./Social/Channels/Email.js"),Fe=require("./Social/Channels/EmailMarketing.js"),Pe=require("./Social/Social/EmailMarketing.js"),Re=require("./Media/Others/EmojiSmile.js"),Le=require("./Informational/General/Error.js"),ve=require("./Informational/Files and folders/Excel.js"),ye=require("./BIK AI specific/Expand.js"),Ie=require("./Informational/Customer intent/Experimental.js"),xe=require("./Toggles/General/Eye.js"),De=require("./Toggles/General/EyeClosed.js"),Ue=require("./Toggles/General/EyeOff.js"),Ee=require("./Social/Channels/Facebook.js"),Be=require("./Social/Social/Facebook.js"),He=require("./Social/Channels/FacebookComment.js"),We=require("./Informational/General/FailDoc.js"),Oe=require("./Informational/Files and folders/File.js"),Ge=require("./Informational/Files and folders/FileCsv.js"),Ne=require("./Informational/Files and folders/FilePage.js"),Ve=require("./Informational/Files and folders/FilePdf.js"),$e=require("./Informational/eCommerce/Filter.js"),ze=require("./Media/Visual/FlashOff.js"),je=require("./Media/Visual/FlashOn.js"),Je=require("./Informational/Files and folders/Folder.js"),Qe=require("./Media/Visual/FormkitHappy.js"),Ke=require("./Informational/Common UI/Forms.js"),Ye=require("./Actions/Common actions/Forward.js"),Ze=require("./Media/Visual/Frame26086263.js"),Xe=require("./BIK AI specific/Frame27389.js"),_e=require("./BIK AI specific/Frame27597.js"),er=require("./BIK AI specific/Frame27598.js"),rr=require("./BIK AI specific/Frame27599.js"),tr=require("./Actions/Common actions/Fullscreen.js"),ur=require("./BIK AI specific/GeminiSparkle.js"),or=require("./Informational/eCommerce/Gift1.js"),ar=require("./Informational/eCommerce/GiftMinus.js"),nr=require("./Informational/eCommerce/GiftPlus.js"),ir=require("./Social/Social/Google.js"),lr=require("./Social/Social/Gorgias.js"),sr=require("./Informational/Identity/Group.js"),cr=require("./Informational/Finance/Growth.js"),dr=require("./Actions/Selection/HandleDrag.js"),fr=require("./Informational/Store related/Head112.js"),qr=require("./Toggles/General/HeartEmpty.js"),hr=require("./Toggles/General/HeartFilled.js"),pr=require("./Informational/Customer intent/Help.js"),Cr=require("./Informational/General/Help.js"),mr=require("./Informational/Date and time/HourGlass.js"),gr=require("./Informational/General/IcList.js"),kr=require("./Media/Visual/IconTrailing.js"),Sr=require("./Informational/Identity/IdCard.js"),Mr=require("./Media/Visual/Image.js"),Ar=require("./Media/Visual/ImageAdd.js"),br=require("./Media/Visual/Images.js"),wr=require("./Actions/Formatting/IncreaseIndent.js"),Tr=require("./Informational/General/Info.js"),Fr=require("./Social/Channels/Instagram.js"),Pr=require("./Social/Social/Instagram.js"),Rr=require("./Social/Channels/InstagramIcon.js"),Lr=require("./Informational/Store related/InventoryReport.js"),vr=require("./Legacy - Bikayi specific/Navigation/Journeys.js"),yr=require("./Social/Social/Kustomer.js"),Ir=require("./Informational/Location/LanguageChange.js"),xr=require("./Informational/Store related/LegalBalance.js"),Dr=require("./Actions/Common actions/LinkSimpleHorizontal.js"),Ur=require("./Informational/Communication/LiveChat.js"),Er=require("./Toggles/General/Lock.js"),Br=require("./Actions/Navigation/LogIn.js"),Hr=require("./Actions/Navigation/LogOut.js"),Wr=require("./Legacy - Bikayi specific/Services/LoudSpeaker.js"),Or=require("./BIK AI specific/ManifestSparkle.js"),Gr=require("./Informational/Location/MapPin.js"),Nr=require("./Legacy - Bikayi specific/Services/Marketing.js"),Vr=require("./Media/Visual/Maximize.js"),$r=require("./Informational/Files and folders/MediaMessage.js"),zr=require("./Informational/Common UI/MenuHamburger.js"),jr=require("./Informational/Common UI/MessageSearch.js"),Jr=require("./Social/Channels/Messenger.js"),Qr=require("./Social/Social/Messenger.js"),Kr=require("./Media/Audio/Microphone.js"),Yr=require("./Actions/Common actions/Minus.js"),Zr=require("./Informational/Finance/Money1.js"),Xr=require("./Social/Channels/MonoFacebook.js"),_r=require("./Social/Channels/MonoFacebookComment.js"),et=require("./Social/Channels/MonoInstagram.js"),rt=require("./Social/Channels/MonoInstagramComment.js"),tt=require("./Social/Channels/MonoMail.js"),ut=require("./Social/Channels/MonoMessenger.js"),ot=require("./Social/Channels/MonoPhone.js"),at=require("./Social/Channels/MonoTasks.js"),nt=require("./Social/Channels/MonoWhatsapp.js"),it=require("./Informational/Common UI/MoreHorizontal.js"),lt=require("./Informational/Common UI/MoreVertical.js"),st=require("./Informational/Files and folders/Move.js"),ct=require("./Actions/Formatting/MultiLine.js"),dt=require("./Actions/Formatting/MultiSelect.js"),ft=require("./Informational/General/NewTicket.js"),qt=require("./Informational/Finance/NoCredits.js"),ht=require("./Actions/Formatting/Number.js"),pt=require("./Actions/Formatting/NumberList.js"),Ct=require("./Actions/Navigation/OpenNewWindow.js"),mt=require("./Informational/Files and folders/OrderHistory.js"),gt=require("./Informational/Store related/OrderReport.js"),kt=require("./Media/Others/Paperclip.js"),St=require("./Media/Audio/Pause.js"),Mt=require("./Legacy - Bikayi specific/Services/PaymentLink.js"),At=require("./Informational/Store related/PaymentReport.js"),bt=require("./Informational/Customer intent/Percent.js"),wt=require("./Informational/Finance/Percent.js"),Tt=require("./Informational/Identity/Person.js"),Ft=require("./Informational/Communication/Phone.js"),Pt=require("./Informational/Common UI/Placeholder.js"),Rt=require("./Legacy - Bikayi specific/Plans/PlanUltimate.js"),Lt=require("./Media/Audio/Play.js"),vt=require("./Actions/Common actions/Plus.js"),yt=require("./BIK AI specific/PricePlease.js"),It=require("./Informational/Files and folders/PrivateNote.js"),xt=require("./Actions/Common actions/ProductTour.js"),Dt=require("./Informational/eCommerce/Promocode.js"),Ut=require("./Informational/Customer intent/Purchase.js"),Et=require("./Actions/Formatting/Quotes.js"),Bt=require("./Social/Social/Rcs.js"),Ht=require("./Informational/eCommerce/Receipt.js"),Wt=require("./Actions/Navigation/Refresh.js"),Ot=require("./Actions/Common actions/RestApi.js"),Gt=require("./Actions/Navigation/Rewind.js"),Nt=require("./Informational/Identity/Robot.js"),Vt=require("./Media/Visual/RotateAnticlockwise.js"),$t=require("./Media/Visual/RotateClockwise.js"),zt=require("./Informational/General/RoundCheck.js"),jt=require("./Informational/Finance/Rupee.js"),Jt=require("./Actions/Common actions/Save.js"),Qt=require("./Informational/Common UI/Search.js"),Kt=require("./Actions/Common actions/SendAirplane.js"),Yt=require("./Informational/Customer intent/Services.js"),Zt=require("./Legacy - Bikayi specific/Navigation/Services.js"),Xt=require("./Informational/Common UI/Settings.js"),_t=require("./BIK AI specific/Shape.js"),eu=require("./Actions/Common actions/ShareAndroid.js"),ru=require("./Informational/eCommerce/ShieldCheck.js"),tu=require("./Informational/eCommerce/ShoppingBag.js"),uu=require("./Informational/eCommerce/ShoppingBasket.js"),ou=require("./Informational/Customer intent/ShoppingCart.js"),au=require("./Informational/eCommerce/ShoppingCart.js"),nu=require("./Actions/Common actions/Shortcut.js"),iu=require("./BIK AI specific/Shorter.js"),lu=require("./Actions/Selection/SingleChoice.js"),su=require("./Informational/Customer intent/SingleChoice.js"),cu=require("./Informational/General/Slash.js"),du=require("./Media/Audio/Sleep.js"),fu=require("./Media/Devices/Smartphone.js"),qu=require("./BIK AI specific/Sparkling2Line.js"),hu=require("./Toggles/General/StarEmpty.js"),pu=require("./Toggles/General/StarFilled.js"),Cu=require("./Toggles/General/StarHalf.js"),mu=require("./Informational/Store related/Store.js"),gu=require("./Informational/Store related/StoreSync.js"),ku=require("./Actions/Formatting/Subscript.js"),Su=require("./Actions/Formatting/Superscript.js"),Mu=require("./Actions/Navigation/Sync.js"),Au=require("./Informational/Finance/TablerTicket.js"),bu=require("./Social/Channels/Tasks.js"),wu=require("./Actions/Formatting/Text.js"),Tu=require("./Actions/Formatting/TextAlignCenter.js"),Fu=require("./Actions/Formatting/TextAlignLeft.js"),Pu=require("./Actions/Formatting/TextAlignRight.js"),Ru=require("./Actions/Formatting/TextBold.js"),Lu=require("./Actions/Formatting/TextItalics.js"),vu=require("./Actions/Formatting/TextJustify.js"),yu=require("./Informational/Files and folders/TextMessage.js"),Iu=require("./Actions/Formatting/TextStrikethrough.js"),xu=require("./Actions/Formatting/TextUnderline.js"),Du=require("./Actions/Formatting/Textbox.js"),Uu=require("./Legacy - Bikayi specific/Services/Theme.js"),Eu=require("./Informational/Store related/TicketForm.js"),Bu=require("./Informational/Common UI/Training.js"),Hu=require("./Informational/Location/Truck.js"),Wu=require("./Social/Social/Twitter.js"),Ou=require("./Informational/Files and folders/Unarchive.js"),Gu=require("./Informational/Identity/Union.js"),Nu=require("./Informational/Identity/Union1.js"),Vu=require("./Toggles/General/Unlock.js"),$u=require("./Informational/Customer intent/Unsatisfactory.js"),zu=require("./Media/Others/Upload.js"),ju=require("./Informational/Identity/UserMinus1.js"),Ju=require("./Informational/Identity/UserPlus.js"),Qu=require("./Informational/Customer intent/UserSound.js"),Ku=require("./Media/Visual/VideoCamcorder.js"),Yu=require("./Media/Visual/VideoFilm.js"),Zu=require("./Media/Audio/VolumeMute.js"),Xu=require("./Media/Audio/VolumeOneline.js"),_u=require("./Media/Audio/VolumeTwoline.js"),eo=require("./Informational/Finance/Wallet.js"),ro=require("./BIK AI specific/WandSparkles.js"),to=require("./Social/Channels/WebPush.js"),uo=require("./BIK AI specific/Webhook.js"),oo=require("./Social/Social/Website.js"),ao=require("./Social/Channels/WhatsApp.js"),no=require("./Actions/Navigation/Whatsapp.js"),io=require("./Social/Social/Whatsapp.js"),lo=require("./Social/Social/WooCommerce.js"),so=require("./Informational/Date and time/WorkingHours.js"),co=require("./BIK AI specific/Write.js"),fo=require("./Social/Social/Youtube.js"),qo=require("./Social/Social/Zendesk.js");exports.Activate=e.default;exports.AddLabel=r.default;exports.Address=t.default;exports.AiEmoji=u.default;exports.AiIcon=o.default;exports.AiRobot=a.default;exports.AlertTriangle=n.default;exports.AllProduct=i.default;exports.Archive1=l.default;exports.ArrowDown=s.default;exports.ArrowDownLeft=c.default;exports.ArrowDownRight=d.default;exports.ArrowLeft=f.default;exports.ArrowRedo=q.default;exports.ArrowRight=h.default;exports.ArrowSwitch=p.default;exports.ArrowUndo=C.default;exports.ArrowUp=m.default;exports.ArrowUpLeft=g.default;exports.ArrowUpRight=k.default;exports.Bank=S.default;exports.BarcodeScan=M.default;exports.Bell=A.default;exports.BellSync=b.default;exports.BigCommerce=w.default;exports.Bigcommerce=T.default;exports.BookOpenText=F.default;exports.Box=P.default;exports.Box2=R.default;exports.Bulb=L.default;exports.Businesscard=v.default;exports.Calendar=y.default;exports.CalendarAdd=I.default;exports.Camera=x.default;exports.CameraAdd=D.default;exports.CaratDown=U.default;exports.CaratLeft=E.default;exports.CaratRight=B.default;exports.CaratUp=H.default;exports.CashOnDelivery=W.default;exports.ChartLine=O.default;exports.Chat=G.default;exports.ChatCheck=N.default;exports.ChatQuestion=V.default;exports.ChatStar=$.default;exports.Chatbot=z.default;exports.Check=j.default;exports.CheckDouble=J.default;exports.CheckboxIcon=Q.default;exports.ChevronDoubleDown=K.default;exports.ChevronDoubleLeft=Y.default;exports.ChevronDoubleRight=Z.default;exports.ChevronDoubleUp=X.default;exports.ChevronDown=_.default;exports.ChevronLeft=ee.default;exports.ChevronRight=re.default;exports.ChevronUp=te.default;exports.Click=ue.default;exports.Clipboard=oe.default;exports.ClipboardCheck=ae.default;exports.ClipboardCheck2=ne.default;exports.Clock=ie.default;exports.CloseTicket1=le.default;exports.Code=se.default;exports.Contacts=ce.default;exports.Copy=de.default;exports.CreditCard=fe.default;exports.Crop=qe.default;exports.Cross=he.default;exports.Customdomain=pe.default;exports.CustomerReport=Ce.default;exports.Deactivate=me.default;exports.DecreaseIndent=ge.default;exports.Delete=ke.default;exports.Desktop=Se.default;exports.Download=Me.default;exports.Dropdown=Ae.default;exports.Edit=be.default;exports.Email=we.default;exports.Email2=Te.default;exports.EmailMarketing=Fe.default;exports.EmailMarketing2=Pe.default;exports.EmojiSmile=Re.default;exports.Error=Le.default;exports.Excel=ve.default;exports.Expand=ye.default;exports.Experimental=Ie.default;exports.Eye=xe.default;exports.EyeClosed=De.default;exports.EyeOff=Ue.default;exports.Facebook=Ee.default;exports.Facebook2=Be.default;exports.FacebookComment=He.default;exports.FailDoc=We.default;exports.File=Oe.default;exports.FileCsv=Ge.default;exports.FilePage=Ne.default;exports.FilePdf=Ve.default;exports.Filter=$e.default;exports.FlashOff=ze.default;exports.FlashOn=je.default;exports.Folder=Je.default;exports.FormkitHappy=Qe.default;exports.Forms=Ke.default;exports.Forward=Ye.default;exports.Frame26086263=Ze.default;exports.Frame27389=Xe.default;exports.Frame27597=_e.default;exports.Frame27598=er.default;exports.Frame27599=rr.default;exports.Fullscreen=tr.default;exports.GeminiSparkle=ur.default;exports.Gift1=or.default;exports.GiftMinus=ar.default;exports.GiftPlus=nr.default;exports.Google=ir.default;exports.Gorgias=lr.default;exports.Group=sr.default;exports.Growth=cr.default;exports.HandleDrag=dr.default;exports.Head112=fr.default;exports.HeartEmpty=qr.default;exports.HeartFilled=hr.default;exports.Help=pr.default;exports.Help2=Cr.default;exports.HourGlass=mr.default;exports.IcList=gr.default;exports.IconTrailing=kr.default;exports.IdCard=Sr.default;exports.Image=Mr.default;exports.ImageAdd=Ar.default;exports.Images=br.default;exports.IncreaseIndent=wr.default;exports.Info=Tr.default;exports.Instagram=Fr.default;exports.Instagram2=Pr.default;exports.InstagramIcon=Rr.default;exports.InventoryReport=Lr.default;exports.Journeys=vr.default;exports.Kustomer=yr.default;exports.LanguageChange=Ir.default;exports.LegalBalance=xr.default;exports.LinkSimpleHorizontal=Dr.default;exports.LiveChat=Ur.default;exports.Lock=Er.default;exports.LogIn=Br.default;exports.LogOut=Hr.default;exports.LoudSpeaker=Wr.default;exports.ManifestSparkle=Or.default;exports.MapPin=Gr.default;exports.Marketing=Nr.default;exports.Maximize=Vr.default;exports.MediaMessage=$r.default;exports.MenuHamburger=zr.default;exports.MessageSearch=jr.default;exports.Messenger=Jr.default;exports.Messenger2=Qr.default;exports.Microphone=Kr.default;exports.Minus=Yr.default;exports.Money1=Zr.default;exports.MonoFacebook=Xr.default;exports.MonoFacebookComment=_r.default;exports.MonoInstagram=et.default;exports.MonoInstagramComment=rt.default;exports.MonoMail=tt.default;exports.MonoMessenger=ut.default;exports.MonoPhone=ot.default;exports.MonoTasks=at.default;exports.MonoWhatsapp=nt.default;exports.MoreHorizontal=it.default;exports.MoreVertical=lt.default;exports.Move=st.default;exports.MultiLine=ct.default;exports.MultiSelect=dt.default;exports.NewTicket=ft.default;exports.NoCredits=qt.default;exports.Number=ht.default;exports.NumberList=pt.default;exports.OpenNewWindow=Ct.default;exports.OrderHistory=mt.default;exports.OrderReport=gt.default;exports.Paperclip=kt.default;exports.Pause=St.default;exports.PaymentLink=Mt.default;exports.PaymentReport=At.default;exports.Percent=bt.default;exports.Percent2=wt.default;exports.Person=Tt.default;exports.Phone=Ft.default;exports.Placeholder=Pt.default;exports.PlanUltimate=Rt.default;exports.Play=Lt.default;exports.Plus=vt.default;exports.PricePlease=yt.default;exports.PrivateNote=It.default;exports.ProductTour=xt.default;exports.Promocode=Dt.default;exports.Purchase=Ut.default;exports.Quotes=Et.default;exports.Rcs=Bt.default;exports.Receipt=Ht.default;exports.Refresh=Wt.default;exports.RestApi=Ot.default;exports.Rewind=Gt.default;exports.Robot=Nt.default;exports.RotateAnticlockwise=Vt.default;exports.RotateClockwise=$t.default;exports.RoundCheck=zt.default;exports.Rupee=jt.default;exports.Save=Jt.default;exports.Search=Qt.default;exports.SendAirplane=Kt.default;exports.Services=Yt.default;exports.Services2=Zt.default;exports.Settings=Xt.default;exports.Shape=_t.default;exports.ShareAndroid=eu.default;exports.ShieldCheck=ru.default;exports.ShoppingBag=tu.default;exports.ShoppingBasket=uu.default;exports.ShoppingCart=ou.default;exports.ShoppingCart2=au.default;exports.Shortcut=nu.default;exports.Shorter=iu.default;exports.SingleChoice=lu.default;exports.SingleChoice2=su.default;exports.Slash=cu.default;exports.Sleep=du.default;exports.Smartphone=fu.default;exports.Sparkling2Line=qu.default;exports.StarEmpty=hu.default;exports.StarFilled=pu.default;exports.StarHalf=Cu.default;exports.Store=mu.default;exports.StoreSync=gu.default;exports.Subscript=ku.default;exports.Superscript=Su.default;exports.Sync=Mu.default;exports.TablerTicket=Au.default;exports.Tasks=bu.default;exports.Text=wu.default;exports.TextAlignCenter=Tu.default;exports.TextAlignLeft=Fu.default;exports.TextAlignRight=Pu.default;exports.TextBold=Ru.default;exports.TextItalics=Lu.default;exports.TextJustify=vu.default;exports.TextMessage=yu.default;exports.TextStrikethrough=Iu.default;exports.TextUnderline=xu.default;exports.Textbox=Du.default;exports.Theme=Uu.default;exports.TicketForm=Eu.default;exports.Training=Bu.default;exports.Truck=Hu.default;exports.Twitter=Wu.default;exports.Unarchive=Ou.default;exports.Union=Gu.default;exports.Union1=Nu.default;exports.Unlock=Vu.default;exports.Unsatisfactory=$u.default;exports.Upload=zu.default;exports.UserMinus1=ju.default;exports.UserPlus=Ju.default;exports.UserSound=Qu.default;exports.VideoCamcorder=Ku.default;exports.VideoFilm=Yu.default;exports.VolumeMute=Zu.default;exports.VolumeOneline=Xu.default;exports.VolumeTwoline=_u.default;exports.Wallet=eo.default;exports.WandSparkles=ro.default;exports.WebPush=to.default;exports.Webhook=uo.default;exports.Website=oo.default;exports.WhatsApp=ao.default;exports.Whatsapp=no.default;exports.Whatsapp2=io.default;exports.WooCommerce=lo.default;exports.WorkingHours=so.default;exports.Write=co.default;exports.Youtube=fo.default;exports.Zendesk=qo.default;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Actions/Common actions/Activate.js"),r=require("./Informational/eCommerce/AddLabel.js"),t=require("./Informational/Location/Address.js"),u=require("./BIK AI specific/AiEmoji.js"),o=require("./BIK AI specific/AiIcon.js"),a=require("./BIK AI specific/AiRobot.js"),n=require("./Informational/General/AlertTriangle.js"),i=require("./Informational/Store related/AllProduct.js"),l=require("./Informational/Files and folders/Archive1.js"),s=require("./Arrows/Normal arrows/ArrowDown.js"),c=require("./Arrows/Normal arrows/ArrowDownLeft.js"),d=require("./Arrows/Normal arrows/ArrowDownRight.js"),f=require("./Arrows/Normal arrows/ArrowLeft.js"),q=require("./Actions/Navigation/ArrowRedo.js"),h=require("./Arrows/Normal arrows/ArrowRight.js"),p=require("./Arrows/Special/ArrowSwitch.js"),C=require("./Actions/Navigation/ArrowUndo.js"),m=require("./Arrows/Normal arrows/ArrowUp.js"),g=require("./Arrows/Normal arrows/ArrowUpLeft.js"),k=require("./Arrows/Normal arrows/ArrowUpRight.js"),S=require("./Informational/Finance/Bank.js"),M=require("./Media/Others/BarcodeScan.js"),A=require("./Informational/Common UI/Bell.js"),b=require("./Informational/Common UI/BellSync.js"),w=require("./Social/Social/BigCommerce.js"),F=require("./Social/Channels/Bigcommerce.js"),P=require("./Informational/General/BookOpenText.js"),T=require("./Legacy - Bikayi specific/Categories/Box.js"),R=require("./Legacy - Bikayi specific/Categories/Box2.js"),L=require("./Informational/Common UI/Bulb.js"),v=require("./Legacy - Bikayi specific/Services/Businesscard.js"),y=require("./Informational/Date and time/Calendar.js"),x=require("./Informational/Date and time/CalendarAdd.js"),D=require("./Media/Visual/Camera.js"),I=require("./Media/Visual/CameraAdd.js"),U=require("./Arrows/Carat/CaratDown.js"),E=require("./Arrows/Carat/CaratLeft.js"),B=require("./Arrows/Carat/CaratRight.js"),H=require("./Arrows/Carat/CaratUp.js"),W=require("./Informational/Finance/CashOnDelivery.js"),O=require("./Informational/Finance/ChartLine.js"),G=require("./Informational/Communication/Chat.js"),N=require("./Informational/Communication/ChatCheck.js"),V=require("./Informational/Communication/ChatQuestion.js"),$=require("./Informational/Communication/ChatStar.js"),z=require("./Informational/Identity/Chatbot.js"),j=require("./Informational/General/Check.js"),J=require("./Informational/General/CheckDouble.js"),Q=require("./Actions/Formatting/CheckboxIcon.js"),K=require("./Arrows/Double chevron/ChevronDoubleDown.js"),Y=require("./Arrows/Double chevron/ChevronDoubleLeft.js"),Z=require("./Arrows/Double chevron/ChevronDoubleRight.js"),X=require("./Arrows/Double chevron/ChevronDoubleUp.js"),_=require("./Arrows/Chevron/ChevronDown.js"),ee=require("./Arrows/Chevron/ChevronLeft.js"),re=require("./Arrows/Chevron/ChevronRight.js"),te=require("./Arrows/Chevron/ChevronUp.js"),ue=require("./Informational/eCommerce/Click.js"),oe=require("./Informational/Store related/Clipboard.js"),ae=require("./Informational/Customer intent/ClipboardCheck.js"),ne=require("./Informational/Store related/ClipboardCheck.js"),ie=require("./Informational/Date and time/Clock.js"),le=require("./Informational/General/CloseTicket1.js"),se=require("./Actions/Common actions/Code.js"),ce=require("./Informational/Identity/Contacts.js"),de=require("./Actions/Formatting/Copy.js"),fe=require("./Informational/Finance/CreditCard.js"),qe=require("./Media/Visual/Crop.js"),he=require("./Actions/Common actions/Cross.js"),pe=require("./Legacy - Bikayi specific/Services/Customdomain.js"),Ce=require("./Informational/Store related/CustomerReport.js"),me=require("./Actions/Common actions/Deactivate.js"),ge=require("./Actions/Formatting/DecreaseIndent.js"),ke=require("./Actions/Common actions/Delete.js"),Se=require("./Media/Devices/Desktop.js"),Me=require("./Media/Others/Download.js"),Ae=require("./Actions/Formatting/Dropdown.js"),be=require("./Actions/Common actions/Edit.js"),we=require("./Informational/Communication/Email.js"),Fe=require("./Social/Channels/Email.js"),Pe=require("./Social/Channels/EmailMarketing.js"),Te=require("./Social/Social/EmailMarketing.js"),Re=require("./Media/Others/EmojiSmile.js"),Le=require("./Informational/General/Error.js"),ve=require("./Informational/Files and folders/Excel.js"),ye=require("./BIK AI specific/Expand.js"),xe=require("./Informational/Customer intent/Experimental.js"),De=require("./Toggles/General/Eye.js"),Ie=require("./Toggles/General/EyeClosed.js"),Ue=require("./Toggles/General/EyeOff.js"),Ee=require("./Social/Channels/Facebook.js"),Be=require("./Social/Social/Facebook.js"),He=require("./Social/Channels/FacebookComment.js"),We=require("./Informational/General/FailDoc.js"),Oe=require("./Informational/Files and folders/File.js"),Ge=require("./Informational/Files and folders/FileCsv.js"),Ne=require("./Informational/Files and folders/FilePage.js"),Ve=require("./Informational/Files and folders/FilePdf.js"),$e=require("./Informational/eCommerce/Filter.js"),ze=require("./Media/Visual/FlashOff.js"),je=require("./Media/Visual/FlashOn.js"),Je=require("./Informational/Files and folders/Folder.js"),Qe=require("./Media/Visual/FormkitHappy.js"),Ke=require("./Media/Visual/FormkitNeutral.js"),Ye=require("./Media/Visual/FormkitSad.js"),Ze=require("./Informational/Common UI/Forms.js"),Xe=require("./Actions/Common actions/Forward.js"),_e=require("./BIK AI specific/Frame27389.js"),er=require("./BIK AI specific/Frame27597.js"),rr=require("./BIK AI specific/Frame27598.js"),tr=require("./BIK AI specific/Frame27599.js"),ur=require("./Actions/Common actions/Fullscreen.js"),or=require("./BIK AI specific/GeminiSparkle.js"),ar=require("./Informational/eCommerce/Gift1.js"),nr=require("./Informational/eCommerce/GiftMinus.js"),ir=require("./Informational/eCommerce/GiftPlus.js"),lr=require("./Social/Social/Google.js"),sr=require("./Social/Social/Gorgias.js"),cr=require("./Informational/Identity/Group.js"),dr=require("./Informational/Finance/Growth.js"),fr=require("./Actions/Selection/HandleDrag.js"),qr=require("./Informational/Store related/Head112.js"),hr=require("./Toggles/General/HeartEmpty.js"),pr=require("./Toggles/General/HeartFilled.js"),Cr=require("./Informational/Customer intent/Help.js"),mr=require("./Informational/General/Help.js"),gr=require("./Informational/Date and time/HourGlass.js"),kr=require("./Informational/General/IcList.js"),Sr=require("./Informational/Identity/IdCard.js"),Mr=require("./Media/Visual/Image.js"),Ar=require("./Media/Visual/ImageAdd.js"),br=require("./Media/Visual/Images.js"),wr=require("./Actions/Formatting/IncreaseIndent.js"),Fr=require("./Informational/General/Info.js"),Pr=require("./Social/Channels/Instagram.js"),Tr=require("./Social/Social/Instagram.js"),Rr=require("./Social/Channels/InstagramIcon.js"),Lr=require("./Informational/Store related/InventoryReport.js"),vr=require("./Legacy - Bikayi specific/Navigation/Journeys.js"),yr=require("./Social/Social/Kustomer.js"),xr=require("./Informational/Location/LanguageChange.js"),Dr=require("./Informational/Store related/LegalBalance.js"),Ir=require("./Actions/Common actions/LinkSimpleHorizontal.js"),Ur=require("./Informational/Communication/LiveChat.js"),Er=require("./Toggles/General/Lock.js"),Br=require("./Actions/Navigation/LogIn.js"),Hr=require("./Actions/Navigation/LogOut.js"),Wr=require("./Legacy - Bikayi specific/Services/LoudSpeaker.js"),Or=require("./BIK AI specific/ManifestSparkle.js"),Gr=require("./Informational/Location/MapPin.js"),Nr=require("./Legacy - Bikayi specific/Services/Marketing.js"),Vr=require("./Media/Visual/Maximize.js"),$r=require("./Informational/Files and folders/MediaMessage.js"),zr=require("./Informational/Common UI/MenuHamburger.js"),jr=require("./Informational/Common UI/MessageSearch.js"),Jr=require("./Social/Channels/Messenger.js"),Qr=require("./Social/Social/Messenger.js"),Kr=require("./Media/Audio/Microphone.js"),Yr=require("./Actions/Common actions/Minus.js"),Zr=require("./Informational/Finance/Money1.js"),Xr=require("./Social/Channels/MonoFacebook.js"),_r=require("./Social/Channels/MonoFacebookComment.js"),et=require("./Social/Channels/MonoInstagram.js"),rt=require("./Social/Channels/MonoInstagramComment.js"),tt=require("./Social/Channels/MonoMail.js"),ut=require("./Social/Channels/MonoMessenger.js"),ot=require("./Social/Channels/MonoPhone.js"),at=require("./Social/Channels/MonoTasks.js"),nt=require("./Social/Channels/MonoWhatsapp.js"),it=require("./Informational/Common UI/MoreHorizontal.js"),lt=require("./Informational/Common UI/MoreVertical.js"),st=require("./Informational/Files and folders/Move.js"),ct=require("./Actions/Formatting/MultiLine.js"),dt=require("./Actions/Formatting/MultiSelect.js"),ft=require("./Informational/General/NewTicket.js"),qt=require("./Informational/Finance/NoCredits.js"),ht=require("./Actions/Formatting/Number.js"),pt=require("./Actions/Formatting/NumberList.js"),Ct=require("./Actions/Navigation/OpenNewWindow.js"),mt=require("./Informational/Files and folders/OrderHistory.js"),gt=require("./Informational/Store related/OrderReport.js"),kt=require("./Media/Others/Paperclip.js"),St=require("./Media/Audio/Pause.js"),Mt=require("./Legacy - Bikayi specific/Services/PaymentLink.js"),At=require("./Informational/Store related/PaymentReport.js"),bt=require("./Informational/Customer intent/Percent.js"),wt=require("./Informational/Finance/Percent.js"),Ft=require("./Informational/Identity/Person.js"),Pt=require("./Informational/Communication/Phone.js"),Tt=require("./Informational/Common UI/Placeholder.js"),Rt=require("./Legacy - Bikayi specific/Plans/PlanUltimate.js"),Lt=require("./Media/Audio/Play.js"),vt=require("./Actions/Common actions/Plus.js"),yt=require("./BIK AI specific/PricePlease.js"),xt=require("./Informational/Files and folders/PrivateNote.js"),Dt=require("./Actions/Common actions/ProductTour.js"),It=require("./Informational/eCommerce/Promocode.js"),Ut=require("./Informational/Customer intent/Purchase.js"),Et=require("./Actions/Formatting/Quotes.js"),Bt=require("./Social/Social/Rcs.js"),Ht=require("./Informational/eCommerce/Receipt.js"),Wt=require("./Actions/Navigation/Refresh.js"),Ot=require("./Actions/Common actions/RestApi.js"),Gt=require("./Actions/Navigation/Rewind.js"),Nt=require("./Informational/Identity/Robot.js"),Vt=require("./Media/Visual/RotateAnticlockwise.js"),$t=require("./Media/Visual/RotateClockwise.js"),zt=require("./Informational/General/RoundCheck.js"),jt=require("./Informational/Finance/Rupee.js"),Jt=require("./Actions/Common actions/Save.js"),Qt=require("./Informational/Common UI/Search.js"),Kt=require("./Actions/Common actions/SendAirplane.js"),Yt=require("./Informational/Customer intent/Services.js"),Zt=require("./Legacy - Bikayi specific/Navigation/Services.js"),Xt=require("./Informational/Common UI/Settings.js"),_t=require("./BIK AI specific/Shape.js"),eu=require("./Actions/Common actions/ShareAndroid.js"),ru=require("./Informational/eCommerce/ShieldCheck.js"),tu=require("./Informational/eCommerce/ShoppingBag.js"),uu=require("./Informational/eCommerce/ShoppingBasket.js"),ou=require("./Informational/Customer intent/ShoppingCart.js"),au=require("./Informational/eCommerce/ShoppingCart.js"),nu=require("./Actions/Common actions/Shortcut.js"),iu=require("./BIK AI specific/Shorter.js"),lu=require("./Actions/Selection/SingleChoice.js"),su=require("./Informational/Customer intent/SingleChoice.js"),cu=require("./Informational/General/Slash.js"),du=require("./Media/Audio/Sleep.js"),fu=require("./Media/Devices/Smartphone.js"),qu=require("./BIK AI specific/Sparkling2Line.js"),hu=require("./Toggles/General/StarEmpty.js"),pu=require("./Toggles/General/StarFilled.js"),Cu=require("./Toggles/General/StarHalf.js"),mu=require("./Informational/Store related/Store.js"),gu=require("./Informational/Store related/StoreSync.js"),ku=require("./Actions/Formatting/Subscript.js"),Su=require("./Actions/Formatting/Superscript.js"),Mu=require("./Actions/Navigation/Sync.js"),Au=require("./Informational/Finance/TablerTicket.js"),bu=require("./Social/Channels/Tasks.js"),wu=require("./Actions/Formatting/Text.js"),Fu=require("./Actions/Formatting/TextAlignCenter.js"),Pu=require("./Actions/Formatting/TextAlignLeft.js"),Tu=require("./Actions/Formatting/TextAlignRight.js"),Ru=require("./Actions/Formatting/TextBold.js"),Lu=require("./Actions/Formatting/TextItalics.js"),vu=require("./Actions/Formatting/TextJustify.js"),yu=require("./Informational/Files and folders/TextMessage.js"),xu=require("./Actions/Formatting/TextStrikethrough.js"),Du=require("./Actions/Formatting/TextUnderline.js"),Iu=require("./Actions/Formatting/Textbox.js"),Uu=require("./Legacy - Bikayi specific/Services/Theme.js"),Eu=require("./Informational/Store related/TicketForm.js"),Bu=require("./Informational/Common UI/Training.js"),Hu=require("./Informational/Location/Truck.js"),Wu=require("./Social/Social/Twitter.js"),Ou=require("./Informational/Files and folders/Unarchive.js"),Gu=require("./Informational/Identity/Union.js"),Nu=require("./Informational/Identity/Union1.js"),Vu=require("./Toggles/General/Unlock.js"),$u=require("./Informational/Customer intent/Unsatisfactory.js"),zu=require("./Media/Others/Upload.js"),ju=require("./Informational/Identity/UserMinus1.js"),Ju=require("./Informational/Identity/UserPlus.js"),Qu=require("./Informational/Customer intent/UserSound.js"),Ku=require("./Media/Visual/VideoCamcorder.js"),Yu=require("./Media/Visual/VideoFilm.js"),Zu=require("./Media/Audio/VolumeMute.js"),Xu=require("./Media/Audio/VolumeOneline.js"),_u=require("./Media/Audio/VolumeTwoline.js"),eo=require("./Informational/Finance/Wallet.js"),ro=require("./BIK AI specific/WandSparkles.js"),to=require("./Social/Channels/WebPush.js"),uo=require("./BIK AI specific/Webhook.js"),oo=require("./Social/Social/Website.js"),ao=require("./Social/Channels/WhatsApp.js"),no=require("./Actions/Navigation/Whatsapp.js"),io=require("./Social/Social/Whatsapp.js"),lo=require("./Social/Social/WooCommerce.js"),so=require("./Informational/Date and time/WorkingHours.js"),co=require("./BIK AI specific/Write.js"),fo=require("./Social/Social/Youtube.js"),qo=require("./Social/Social/Zendesk.js");exports.Activate=e.default;exports.AddLabel=r.default;exports.Address=t.default;exports.AiEmoji=u.default;exports.AiIcon=o.default;exports.AiRobot=a.default;exports.AlertTriangle=n.default;exports.AllProduct=i.default;exports.Archive1=l.default;exports.ArrowDown=s.default;exports.ArrowDownLeft=c.default;exports.ArrowDownRight=d.default;exports.ArrowLeft=f.default;exports.ArrowRedo=q.default;exports.ArrowRight=h.default;exports.ArrowSwitch=p.default;exports.ArrowUndo=C.default;exports.ArrowUp=m.default;exports.ArrowUpLeft=g.default;exports.ArrowUpRight=k.default;exports.Bank=S.default;exports.BarcodeScan=M.default;exports.Bell=A.default;exports.BellSync=b.default;exports.BigCommerce=w.default;exports.Bigcommerce=F.default;exports.BookOpenText=P.default;exports.Box=T.default;exports.Box2=R.default;exports.Bulb=L.default;exports.Businesscard=v.default;exports.Calendar=y.default;exports.CalendarAdd=x.default;exports.Camera=D.default;exports.CameraAdd=I.default;exports.CaratDown=U.default;exports.CaratLeft=E.default;exports.CaratRight=B.default;exports.CaratUp=H.default;exports.CashOnDelivery=W.default;exports.ChartLine=O.default;exports.Chat=G.default;exports.ChatCheck=N.default;exports.ChatQuestion=V.default;exports.ChatStar=$.default;exports.Chatbot=z.default;exports.Check=j.default;exports.CheckDouble=J.default;exports.CheckboxIcon=Q.default;exports.ChevronDoubleDown=K.default;exports.ChevronDoubleLeft=Y.default;exports.ChevronDoubleRight=Z.default;exports.ChevronDoubleUp=X.default;exports.ChevronDown=_.default;exports.ChevronLeft=ee.default;exports.ChevronRight=re.default;exports.ChevronUp=te.default;exports.Click=ue.default;exports.Clipboard=oe.default;exports.ClipboardCheck=ae.default;exports.ClipboardCheck2=ne.default;exports.Clock=ie.default;exports.CloseTicket1=le.default;exports.Code=se.default;exports.Contacts=ce.default;exports.Copy=de.default;exports.CreditCard=fe.default;exports.Crop=qe.default;exports.Cross=he.default;exports.Customdomain=pe.default;exports.CustomerReport=Ce.default;exports.Deactivate=me.default;exports.DecreaseIndent=ge.default;exports.Delete=ke.default;exports.Desktop=Se.default;exports.Download=Me.default;exports.Dropdown=Ae.default;exports.Edit=be.default;exports.Email=we.default;exports.Email2=Fe.default;exports.EmailMarketing=Pe.default;exports.EmailMarketing2=Te.default;exports.EmojiSmile=Re.default;exports.Error=Le.default;exports.Excel=ve.default;exports.Expand=ye.default;exports.Experimental=xe.default;exports.Eye=De.default;exports.EyeClosed=Ie.default;exports.EyeOff=Ue.default;exports.Facebook=Ee.default;exports.Facebook2=Be.default;exports.FacebookComment=He.default;exports.FailDoc=We.default;exports.File=Oe.default;exports.FileCsv=Ge.default;exports.FilePage=Ne.default;exports.FilePdf=Ve.default;exports.Filter=$e.default;exports.FlashOff=ze.default;exports.FlashOn=je.default;exports.Folder=Je.default;exports.FormkitHappy=Qe.default;exports.FormkitNeutral=Ke.default;exports.FormkitSad=Ye.default;exports.Forms=Ze.default;exports.Forward=Xe.default;exports.Frame27389=_e.default;exports.Frame27597=er.default;exports.Frame27598=rr.default;exports.Frame27599=tr.default;exports.Fullscreen=ur.default;exports.GeminiSparkle=or.default;exports.Gift1=ar.default;exports.GiftMinus=nr.default;exports.GiftPlus=ir.default;exports.Google=lr.default;exports.Gorgias=sr.default;exports.Group=cr.default;exports.Growth=dr.default;exports.HandleDrag=fr.default;exports.Head112=qr.default;exports.HeartEmpty=hr.default;exports.HeartFilled=pr.default;exports.Help=Cr.default;exports.Help2=mr.default;exports.HourGlass=gr.default;exports.IcList=kr.default;exports.IdCard=Sr.default;exports.Image=Mr.default;exports.ImageAdd=Ar.default;exports.Images=br.default;exports.IncreaseIndent=wr.default;exports.Info=Fr.default;exports.Instagram=Pr.default;exports.Instagram2=Tr.default;exports.InstagramIcon=Rr.default;exports.InventoryReport=Lr.default;exports.Journeys=vr.default;exports.Kustomer=yr.default;exports.LanguageChange=xr.default;exports.LegalBalance=Dr.default;exports.LinkSimpleHorizontal=Ir.default;exports.LiveChat=Ur.default;exports.Lock=Er.default;exports.LogIn=Br.default;exports.LogOut=Hr.default;exports.LoudSpeaker=Wr.default;exports.ManifestSparkle=Or.default;exports.MapPin=Gr.default;exports.Marketing=Nr.default;exports.Maximize=Vr.default;exports.MediaMessage=$r.default;exports.MenuHamburger=zr.default;exports.MessageSearch=jr.default;exports.Messenger=Jr.default;exports.Messenger2=Qr.default;exports.Microphone=Kr.default;exports.Minus=Yr.default;exports.Money1=Zr.default;exports.MonoFacebook=Xr.default;exports.MonoFacebookComment=_r.default;exports.MonoInstagram=et.default;exports.MonoInstagramComment=rt.default;exports.MonoMail=tt.default;exports.MonoMessenger=ut.default;exports.MonoPhone=ot.default;exports.MonoTasks=at.default;exports.MonoWhatsapp=nt.default;exports.MoreHorizontal=it.default;exports.MoreVertical=lt.default;exports.Move=st.default;exports.MultiLine=ct.default;exports.MultiSelect=dt.default;exports.NewTicket=ft.default;exports.NoCredits=qt.default;exports.Number=ht.default;exports.NumberList=pt.default;exports.OpenNewWindow=Ct.default;exports.OrderHistory=mt.default;exports.OrderReport=gt.default;exports.Paperclip=kt.default;exports.Pause=St.default;exports.PaymentLink=Mt.default;exports.PaymentReport=At.default;exports.Percent=bt.default;exports.Percent2=wt.default;exports.Person=Ft.default;exports.Phone=Pt.default;exports.Placeholder=Tt.default;exports.PlanUltimate=Rt.default;exports.Play=Lt.default;exports.Plus=vt.default;exports.PricePlease=yt.default;exports.PrivateNote=xt.default;exports.ProductTour=Dt.default;exports.Promocode=It.default;exports.Purchase=Ut.default;exports.Quotes=Et.default;exports.Rcs=Bt.default;exports.Receipt=Ht.default;exports.Refresh=Wt.default;exports.RestApi=Ot.default;exports.Rewind=Gt.default;exports.Robot=Nt.default;exports.RotateAnticlockwise=Vt.default;exports.RotateClockwise=$t.default;exports.RoundCheck=zt.default;exports.Rupee=jt.default;exports.Save=Jt.default;exports.Search=Qt.default;exports.SendAirplane=Kt.default;exports.Services=Yt.default;exports.Services2=Zt.default;exports.Settings=Xt.default;exports.Shape=_t.default;exports.ShareAndroid=eu.default;exports.ShieldCheck=ru.default;exports.ShoppingBag=tu.default;exports.ShoppingBasket=uu.default;exports.ShoppingCart=ou.default;exports.ShoppingCart2=au.default;exports.Shortcut=nu.default;exports.Shorter=iu.default;exports.SingleChoice=lu.default;exports.SingleChoice2=su.default;exports.Slash=cu.default;exports.Sleep=du.default;exports.Smartphone=fu.default;exports.Sparkling2Line=qu.default;exports.StarEmpty=hu.default;exports.StarFilled=pu.default;exports.StarHalf=Cu.default;exports.Store=mu.default;exports.StoreSync=gu.default;exports.Subscript=ku.default;exports.Superscript=Su.default;exports.Sync=Mu.default;exports.TablerTicket=Au.default;exports.Tasks=bu.default;exports.Text=wu.default;exports.TextAlignCenter=Fu.default;exports.TextAlignLeft=Pu.default;exports.TextAlignRight=Tu.default;exports.TextBold=Ru.default;exports.TextItalics=Lu.default;exports.TextJustify=vu.default;exports.TextMessage=yu.default;exports.TextStrikethrough=xu.default;exports.TextUnderline=Du.default;exports.Textbox=Iu.default;exports.Theme=Uu.default;exports.TicketForm=Eu.default;exports.Training=Bu.default;exports.Truck=Hu.default;exports.Twitter=Wu.default;exports.Unarchive=Ou.default;exports.Union=Gu.default;exports.Union1=Nu.default;exports.Unlock=Vu.default;exports.Unsatisfactory=$u.default;exports.Upload=zu.default;exports.UserMinus1=ju.default;exports.UserPlus=Ju.default;exports.UserSound=Qu.default;exports.VideoCamcorder=Ku.default;exports.VideoFilm=Yu.default;exports.VolumeMute=Zu.default;exports.VolumeOneline=Xu.default;exports.VolumeTwoline=_u.default;exports.Wallet=eo.default;exports.WandSparkles=ro.default;exports.WebPush=to.default;exports.Webhook=uo.default;exports.Website=oo.default;exports.WhatsApp=ao.default;exports.Whatsapp=no.default;exports.Whatsapp2=io.default;exports.WooCommerce=lo.default;exports.WorkingHours=so.default;exports.Write=co.default;exports.Youtube=fo.default;exports.Zendesk=qo.default;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|