npm - @bikdotai/bik-component-library - Versions diffs - 0.0.814 → 0.0.815 - Mend

@bikdotai/bik-component-library 0.0.814 → 0.0.815

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

Files changed (733) hide show

package/dist/cjs/components/template-preview/WhatsApp/RenderTemplateWithVariable.js CHANGED Viewed

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),d=require("styled-components"),l=require("../../TypographyStyle.js"),u=require("../../../constants/Theme.js"),i=require("../constants/regexPatterns.js"),p=d.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),u=require("styled-components"),s=require("../../TypographyStyle.js"),c=require("../../../constants/Theme.js"),i=require("../constants/regexPatterns.js"),p=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},y=p(u),x=y.default.div`
 	padding: 8px 12px 0px;
 	/* display: inline; */
-`,x=s=>{const{text:t,bold:o}=s,r=t?.match(i.templateVariablePattern),n=o?{fontWeight:"600"}:{};return t?e.jsx(p,{children:t.split(i.templateVariablePattern).map((c,a)=>e.jsxs(e.Fragment,{children:[e.jsx(l.BodyRegular,{style:n,children:c}),!!r?.[a]&&e.jsx(l.BodyRegular,{style:{color:u.COLORS.content.brand,...n},children:r?.[a]})]}))}):e.jsx(e.Fragment,{})};exports.default=x;
+`,m=e=>{const{text:r,bold:o}=e,n=r?.match(i.templateVariablePattern),a=o?{fontWeight:"600"}:{};return r?t.jsx(x,{children:r.split(i.templateVariablePattern).map((d,l)=>t.jsxs(t.Fragment,{children:[t.jsx(s.BodyRegular,{style:a,children:d}),!!n?.[l]&&t.jsx(s.BodyRegular,{style:{color:c.COLORS.content.brand,...a},children:n?.[l]})]}))}):t.jsx(t.Fragment,{})};exports.default=m;
 //# sourceMappingURL=RenderTemplateWithVariable.js.map

package/dist/cjs/components/template-preview/WhatsApp/RenderTemplateWithVariable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RenderTemplateWithVariable.js","sources":["../../../../../src/components/template-preview/WhatsApp/RenderTemplateWithVariable.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { BodyRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { templateVariablePattern } from '../constants/regexPatterns';\n\nconst Container = styled.div`\n\tpadding: 8px 12px 0px;\n\t/* display: inline; */\n`;\n\nexport interface RenderTemplateWithVariableInterface {\n\ttext?: string;\n\tbold?: boolean;\n}\n\nconst RenderTemplateWithVariable = (\n\tprops: RenderTemplateWithVariableInterface,\n) => {\n\tconst { text, bold } = props;\n\tconst variableList = text?.match(templateVariablePattern);\n\tconst textStyle = bold ? { fontWeight: '600' } : {};\n\n\tif (!text) {\n\t\treturn <></>;\n\t}\n\n\treturn (\n\t\t<Container>\n\t\t\t{text.split(templateVariablePattern).map((text, i) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<BodyRegular style={textStyle}>{text}</BodyRegular>\n\t\t\t\t\t\t{!!variableList?.[i] && (\n\t\t\t\t\t\t\t<BodyRegular\n\t\t\t\t\t\t\t\tstyle={{ color: COLORS.content.brand, ...textStyle }}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{variableList?.[i]}\n\t\t\t\t\t\t\t</BodyRegular>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t);\n\t\t\t})}\n\t\t</Container>\n\t);\n};\n\nexport default RenderTemplateWithVariable;\n"],"names":["Container","styled","RenderTemplateWithVariable","props","text","bold","variableList","templateVariablePattern","textStyle","jsx","i","jsxs","Fragment","BodyRegular","COLORS"],"mappings":"~~0SAKMA~~,EAAYC,~~EAAO~~;AAAA;AAAA;AAAA,EAUnBC,EACLC,GACI,CACJ,KAAM,CAAE,KAAAC,EAAM,KAAAC,CAAA,EAASF,EACjBG,EAAeF,GAAM,MAAMG,yBAAuB,EAClDC,EAAYH,EAAO,CAAE,WAAY,KAAA,EAAU,CAAA,EAEjD,OAAKD,EAKJK,MAACT,GACC,SAAAI,EAAK,MAAMG,EAAAA,uBAAuB,EAAE,IAAI,CAACH,EAAMM,IAE9CC,EAAAA,KAAAC,WAAA,CACC,SAAA,CAAAH,EAAAA,IAACI,EAAAA,YAAA,CAAY,MAAOL,EAAY,SAAAJ,EAAK,EACpC,CAAC,CAACE,IAAeI,CAAC,GAClBD,EAAAA,IAACI,EAAAA,YAAA,CACA,MAAO,CAAE,MAAOC,EAAAA,OAAO,QAAQ,MAAO,GAAGN,CAAA,EAExC,aAAeE,CAAC,CAAA,CAAA,CAClB,EAEF,CAED,CAAA,CACF,EAnBOD,EAAAA,IAAAG,EAAAA,SAAA,EAAE,CAqBX"}
1	+ {"version":3,"file":"RenderTemplateWithVariable.js","sources":["../../../../../src/components/template-preview/WhatsApp/RenderTemplateWithVariable.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { BodyRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { templateVariablePattern } from '../constants/regexPatterns';\n\nconst Container = styled.div`\n\tpadding: 8px 12px 0px;\n\t/* display: inline; */\n`;\n\nexport interface RenderTemplateWithVariableInterface {\n\ttext?: string;\n\tbold?: boolean;\n}\n\nconst RenderTemplateWithVariable = (\n\tprops: RenderTemplateWithVariableInterface,\n) => {\n\tconst { text, bold } = props;\n\tconst variableList = text?.match(templateVariablePattern);\n\tconst textStyle = bold ? { fontWeight: '600' } : {};\n\n\tif (!text) {\n\t\treturn <></>;\n\t}\n\n\treturn (\n\t\t<Container>\n\t\t\t{text.split(templateVariablePattern).map((text, i) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<BodyRegular style={textStyle}>{text}</BodyRegular>\n\t\t\t\t\t\t{!!variableList?.[i] && (\n\t\t\t\t\t\t\t<BodyRegular\n\t\t\t\t\t\t\t\tstyle={{ color: COLORS.content.brand, ...textStyle }}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{variableList?.[i]}\n\t\t\t\t\t\t\t</BodyRegular>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t);\n\t\t\t})}\n\t\t</Container>\n\t);\n};\n\nexport default RenderTemplateWithVariable;\n"],"names":["Container","styled","RenderTemplateWithVariable","props","text","bold","variableList","templateVariablePattern","textStyle","jsx","i","jsxs","Fragment","BodyRegular","COLORS"],"mappings":"yWAKMA,EAAYC,EAAAA,QAAO;AAAA;AAAA;AAAA,EAUnBC,EACLC,GACI,CACJ,KAAM,CAAE,KAAAC,EAAM,KAAAC,CAAA,EAASF,EACjBG,EAAeF,GAAM,MAAMG,yBAAuB,EAClDC,EAAYH,EAAO,CAAE,WAAY,KAAA,EAAU,CAAA,EAEjD,OAAKD,EAKJK,MAACT,GACC,SAAAI,EAAK,MAAMG,EAAAA,uBAAuB,EAAE,IAAI,CAACH,EAAMM,IAE9CC,EAAAA,KAAAC,WAAA,CACC,SAAA,CAAAH,EAAAA,IAACI,EAAAA,YAAA,CAAY,MAAOL,EAAY,SAAAJ,EAAK,EACpC,CAAC,CAACE,IAAeI,CAAC,GAClBD,EAAAA,IAACI,EAAAA,YAAA,CACA,MAAO,CAAE,MAAOC,EAAAA,OAAO,QAAQ,MAAO,GAAGN,CAAA,EAExC,aAAeE,CAAC,CAAA,CAAA,CAClB,EAEF,CAED,CAAA,CACF,EAnBOD,EAAAA,IAAAG,EAAAA,SAAA,EAAE,CAqBX"}

package/dist/cjs/components/template-preview/WhatsApp/WhatsAppLikePreview.js CHANGED Viewed

@@ -1,13 +1,13 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("styled-components"),a=require("../../TypographyStyle.js"),i=require("../../../constants/Theme.js"),o=require("../utils/getPreviewPropLen.js"),n=require("./ChatHeader.js"),s=require("./ChatUI.js"),d=t.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("styled-components"),o=require("../../TypographyStyle.js"),r=require("../../../constants/Theme.js"),n=require("../utils/getPreviewPropLen.js"),d=require("./ChatHeader.js"),s=require("./ChatUI.js"),c=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=c(i),l=a.default.div`
 	background-image: url('https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F341dba50-e84e-4457-b5b5-d9d8a0b95a73?alt=media&token=6fd32f23-8bb2-4980-bbee-bef39b38fd9f');
 	border: ${e=>e.showHeader?0:1}px solid
-		${i.COLORS.stroke.primary};
+		${r.COLORS.stroke.primary};
 	border-radius: 4px;
 	background-repeat: no-repeat;
 	background-position: center;
 	background-size: cover;
 	position: relative;
-`,c=t(a.TitleRegular)`
-	color: ${i.COLORS.content.primary};
-`,l=e=>o.getPreviewPropLen(e)===3?r.jsx(r.Fragment,{children:e.zeroStateComponent}):r.jsx(r.Fragment,{children:r.jsxs(d,{style:e.containerStyle,showHeader:e.showHeader,children:[e.showHeader&&r.jsx(n.default,{}),r.jsxs("div",{style:{padding:e.size==="small"?"12px 32px 12px 12px":"16px 56px 12px 16px"},children:[!e.hidePreviewText&&r.jsx("div",{style:{marginBottom:16},children:r.jsx(c,{children:"Preview"})}),r.jsx(s.default,{showHeader:e.showHeader,...e})]})]})});exports.WhatsappLikePreview=l;
+`,u=a.default(o.TitleRegular)`
+	color: ${r.COLORS.content.primary};
+`,h=e=>n.getPreviewPropLen(e)===3?t.jsx(t.Fragment,{children:e.zeroStateComponent}):t.jsx(t.Fragment,{children:t.jsxs(l,{style:e.containerStyle,showHeader:e.showHeader,children:[e.showHeader&&t.jsx(d.default,{}),t.jsxs("div",{style:{padding:e.size==="small"?"12px 32px 12px 12px":"16px 56px 12px 16px"},children:[!e.hidePreviewText&&t.jsx("div",{style:{marginBottom:16},children:t.jsx(u,{children:"Preview"})}),t.jsx(s.default,{showHeader:e.showHeader,...e})]})]})});exports.WhatsappLikePreview=h;
 //# sourceMappingURL=WhatsAppLikePreview.js.map

package/dist/cjs/components/template-preview/WhatsApp/WhatsAppLikePreview.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WhatsAppLikePreview.js","sources":["../../../../../src/components/template-preview/WhatsApp/WhatsAppLikePreview.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { WhatsappLikePreviewTypes } from '../models/WhatsAppTemplate';\nimport { getPreviewPropLen } from '../utils/getPreviewPropLen';\nimport ChatHeader from './ChatHeader';\nimport ChatUI from './ChatUI';\n\nconst Container = styled.div<{ showHeader?: boolean }>`\n\tbackground-image: url('https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F341dba50-e84e-4457-b5b5-d9d8a0b95a73?alt=media&token=6fd32f23-8bb2-4980-bbee-bef39b38fd9f');\n\tborder: ${(props) => (props.showHeader ? 0 : 1)}px solid\n\t\t${COLORS.stroke.primary};\n\tborder-radius: 4px;\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tbackground-size: cover;\n\tposition: relative;\n`;\n\nconst PreviewText = styled(TitleRegular)`\n\tcolor: ${COLORS.content.primary};\n`;\n\nexport const WhatsappLikePreview: React.FC<WhatsappLikePreviewTypes> = (\n\tprops,\n) => {\n\tconst propLength = getPreviewPropLen(props);\n\t/** Condition for checking empty template creation state. 2 as header and action type will have a default NONE values */\n\tif (propLength === 3) {\n\t\treturn <>{props.zeroStateComponent}</>;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<Container style={props.containerStyle} showHeader={props.showHeader}>\n\t\t\t\t{props.showHeader && <ChatHeader />}\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tpadding:\n\t\t\t\t\t\t\tprops.size === 'small'\n\t\t\t\t\t\t\t\t? '12px 32px 12px 12px'\n\t\t\t\t\t\t\t\t: '16px 56px 12px 16px',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{!props.hidePreviewText && (\n\t\t\t\t\t\t<div style={{ marginBottom: 16 }}>\n\t\t\t\t\t\t\t<PreviewText>Preview</PreviewText>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<ChatUI showHeader={props.showHeader} {...props} />\n\t\t\t\t</div>\n\t\t\t</Container>\n\t\t</>\n\t);\n};\n"],"names":["Container","styled","props","COLORS","PreviewText","TitleRegular","WhatsappLikePreview","getPreviewPropLen","jsx","Fragment","ChatHeader","jsxs","ChatUI"],"mappings":"~~oUASMA~~,EAAYC,~~EAAO~~;AAAA;AAAA,WAEbC,GAAWA,EAAM,WAAa,EAAI,CAAE;AAAA,IAC5CC,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQnBC,EAAcH,~~EAAOI~~,cAAY;AAAA,UAC7BF,EAAAA,OAAO,QAAQ,OAAO;AAAA,EAGnBG,EACZJ,GAEmBK,EAAAA,kBAAkBL,CAAK,IAEvB,EACXM,EAAAA,IAAAC,EAAAA,SAAA,CAAG,WAAM,kBAAA,CAAmB,EAInCD,EAAAA,IAAAC,EAAAA,SAAA,CACC,gBAACT,EAAA,CAAU,MAAOE,EAAM,eAAgB,WAAYA,EAAM,WACxD,SAAA,CAAAA,EAAM,kBAAeQ,EAAAA,QAAA,CAAA,CAAW,EACjCC,EAAAA,KAAC,MAAA,CACA,MAAO,CACN,QACCT,EAAM,OAAS,QACZ,sBACA,qBAAA,EAGJ,SAAA,CAAA,CAACA,EAAM,iBACPM,EAAAA,IAAC,MAAA,CAAI,MAAO,CAAE,aAAc,EAAA,EAC3B,SAAAA,EAAAA,IAACJ,EAAA,CAAY,SAAA,SAAA,CAAO,EACrB,QAEAQ,EAAAA,QAAA,CAAO,WAAYV,EAAM,WAAa,GAAGA,CAAA,CAAO,CAAA,CAAA,CAAA,CAClD,CAAA,CACD,CAAA,CACD"}
1	+ {"version":3,"file":"WhatsAppLikePreview.js","sources":["../../../../../src/components/template-preview/WhatsApp/WhatsAppLikePreview.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { WhatsappLikePreviewTypes } from '../models/WhatsAppTemplate';\nimport { getPreviewPropLen } from '../utils/getPreviewPropLen';\nimport ChatHeader from './ChatHeader';\nimport ChatUI from './ChatUI';\n\nconst Container = styled.div<{ showHeader?: boolean }>`\n\tbackground-image: url('https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F341dba50-e84e-4457-b5b5-d9d8a0b95a73?alt=media&token=6fd32f23-8bb2-4980-bbee-bef39b38fd9f');\n\tborder: ${(props) => (props.showHeader ? 0 : 1)}px solid\n\t\t${COLORS.stroke.primary};\n\tborder-radius: 4px;\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tbackground-size: cover;\n\tposition: relative;\n`;\n\nconst PreviewText = styled(TitleRegular)`\n\tcolor: ${COLORS.content.primary};\n`;\n\nexport const WhatsappLikePreview: React.FC<WhatsappLikePreviewTypes> = (\n\tprops,\n) => {\n\tconst propLength = getPreviewPropLen(props);\n\t/** Condition for checking empty template creation state. 2 as header and action type will have a default NONE values */\n\tif (propLength === 3) {\n\t\treturn <>{props.zeroStateComponent}</>;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<Container style={props.containerStyle} showHeader={props.showHeader}>\n\t\t\t\t{props.showHeader && <ChatHeader />}\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tpadding:\n\t\t\t\t\t\t\tprops.size === 'small'\n\t\t\t\t\t\t\t\t? '12px 32px 12px 12px'\n\t\t\t\t\t\t\t\t: '16px 56px 12px 16px',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{!props.hidePreviewText && (\n\t\t\t\t\t\t<div style={{ marginBottom: 16 }}>\n\t\t\t\t\t\t\t<PreviewText>Preview</PreviewText>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<ChatUI showHeader={props.showHeader} {...props} />\n\t\t\t\t</div>\n\t\t\t</Container>\n\t\t</>\n\t);\n};\n"],"names":["Container","styled","props","COLORS","PreviewText","TitleRegular","WhatsappLikePreview","getPreviewPropLen","jsx","Fragment","ChatHeader","jsxs","ChatUI"],"mappings":"mYASMA,EAAYC,EAAAA,QAAO;AAAA;AAAA,WAEbC,GAAWA,EAAM,WAAa,EAAI,CAAE;AAAA,IAC5CC,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQnBC,EAAcH,EAAAA,QAAOI,cAAY;AAAA,UAC7BF,EAAAA,OAAO,QAAQ,OAAO;AAAA,EAGnBG,EACZJ,GAEmBK,EAAAA,kBAAkBL,CAAK,IAEvB,EACXM,EAAAA,IAAAC,EAAAA,SAAA,CAAG,WAAM,kBAAA,CAAmB,EAInCD,EAAAA,IAAAC,EAAAA,SAAA,CACC,gBAACT,EAAA,CAAU,MAAOE,EAAM,eAAgB,WAAYA,EAAM,WACxD,SAAA,CAAAA,EAAM,kBAAeQ,EAAAA,QAAA,CAAA,CAAW,EACjCC,EAAAA,KAAC,MAAA,CACA,MAAO,CACN,QACCT,EAAM,OAAS,QACZ,sBACA,qBAAA,EAGJ,SAAA,CAAA,CAACA,EAAM,iBACPM,EAAAA,IAAC,MAAA,CAAI,MAAO,CAAE,aAAc,EAAA,EAC3B,SAAAA,EAAAA,IAACJ,EAAA,CAAY,SAAA,SAAA,CAAO,EACrB,QAEAQ,EAAAA,QAAA,CAAO,WAAYV,EAAM,WAAa,GAAGA,CAAA,CAAO,CAAA,CAAA,CAAA,CAClD,CAAA,CACD,CAAA,CACD"}

package/dist/cjs/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js CHANGED Viewed

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("../../../assets/icons/phone_round.svg.js"),i=require("styled-components"),c=require("../../template-context-mapper/context/templateModalContext.js"),d=require("../../template-context-mapper/utils/constants.js"),n=require("../../TypographyStyle.js"),s=require("../../../constants/Theme.js"),h=require("../models/TemplateMeta.js"),x=require("../utils/getPreviewPropLen.js"),u=require("./ChatHeader.js"),a=require("./ChatUI.style.js"),r=require("./ChatUiV2.js"),g=i.div`
-	background-image: ${e=>e.isWhatsappCarousel?"none":`url(${d.BACKGROUND_PREVIEW_IMAGE})`};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("../../../assets/icons/phone_round.svg.js"),d=require("styled-components"),c=require("../../template-context-mapper/context/templateModalContext.js"),h=require("../../template-context-mapper/utils/constants.js"),n=require("../../TypographyStyle.js"),s=require("../../../constants/Theme.js"),u=require("../models/TemplateMeta.js"),x=require("../utils/getPreviewPropLen.js"),p=require("./ChatHeader.js"),a=require("./ChatUI.style.js"),r=require("./ChatUiV2.js"),m=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},i=m(d),g=i.default.div`
+	background-image: ${e=>e.isWhatsappCarousel?"none":`url(${h.BACKGROUND_PREVIEW_IMAGE})`};
 	border-radius: 4px;
 	background-repeat: no-repeat;
 	background-position: center;
 	background-size: cover;
 	position: relative;
 	height: ${e=>e.isWhatsappCarousel?"100%":"auto"};
-`,m=i(n.TitleRegular)`
+`,C=i.default(n.TitleRegular)`
 	color: ${s.COLORS.content.primary};
-`,p=i.div`
+`,j=i.default.div`
 	margin: 4px;
 	margin-top: -4px;
 	background-color: ${s.BASE_COLORS.grayscale[50]};
@@ -18,5 +18,5 @@
 		align-items: center;
 		gap: 8px;
 	}
-`,C=e=>{const{hideDeviceContainerInPreview:o}=c.useTemplateModalContext();return x.getPreviewPropLen(e)===3?t.jsx(t.Fragment,{children:e.zeroStateComponent}):o?t.jsx(r.ChatUIV2,{showHeader:e.showHeader,...e}):t.jsx(t.Fragment,{children:t.jsxs(g,{style:e.containerStyle,showHeader:e.showHeader,isWhatsappCarousel:e.isWhatsappCarousel,children:[e.showHeader&&t.jsx(u.default,{}),t.jsxs("div",{style:{padding:e.size==="small"?"12px 32px 12px 12px":`16px ${e.isWhatsappCarousel?"0px":"56px"} ${e.isWhatsappCarousel?"2px":"16px"} 16px`,height:"100%",overflowY:"auto"},children:[!e.hidePreviewText&&t.jsx("div",{style:{marginBottom:16},children:t.jsx(m,{children:"Preview"})}),t.jsx(r.ChatUIV2,{showHeader:e.showHeader,...e}),e.showCallPermissionCard&&t.jsx("div",{style:{marginTop:16},children:t.jsx(r.ChatUIV2,{hideFooter:!0,headerMediaType:h.HEADER_TYPES.NONE,textType:"html",isPreview:e.isPreview,zeroStateComponent:t.jsx(t.Fragment,{}),buttons:[{text:"Choose preference",type:"CALL_PERMISSION",flowId:"",flowName:""}],children:t.jsxs(p,{children:[t.jsxs(r.HtmlContainer,{className:"flex-align-center-gap",children:[t.jsx(l.default,{width:30,height:30}),t.jsx(n.TitleSmall,{children:e.callPermissionText?`${e.callPermissionText}`:'Can Make "Merchant Name" call you?'})]}),t.jsxs(a.FooterWrapper,{children:[t.jsx(a.FooterText,{style:{flex:1}}),t.jsx(a.TimeStamp,{children:"16:48"})]})]})})})]})]})})};exports.WhatsappLikePreviewV2=C;
+`,w=e=>{const{hideDeviceContainerInPreview:o}=c.useTemplateModalContext();return x.getPreviewPropLen(e)===3?t.jsx(t.Fragment,{children:e.zeroStateComponent}):o?t.jsx(r.ChatUIV2,{showHeader:e.showHeader,...e}):t.jsx(t.Fragment,{children:t.jsxs(g,{style:e.containerStyle,showHeader:e.showHeader,isWhatsappCarousel:e.isWhatsappCarousel,children:[e.showHeader&&t.jsx(p.default,{}),t.jsxs("div",{style:{padding:e.size==="small"?"12px 32px 12px 12px":`16px ${e.isWhatsappCarousel?"0px":"56px"} ${e.isWhatsappCarousel?"2px":"16px"} 16px`,height:"100%",overflowY:"auto"},children:[!e.hidePreviewText&&t.jsx("div",{style:{marginBottom:16},children:t.jsx(C,{children:"Preview"})}),t.jsx(r.ChatUIV2,{showHeader:e.showHeader,...e}),e.showCallPermissionCard&&t.jsx("div",{style:{marginTop:16},children:t.jsx(r.ChatUIV2,{hideFooter:!0,headerMediaType:u.HEADER_TYPES.NONE,textType:"html",isPreview:e.isPreview,zeroStateComponent:t.jsx(t.Fragment,{}),buttons:[{text:"Choose preference",type:"CALL_PERMISSION",flowId:"",flowName:""}],children:t.jsxs(j,{children:[t.jsxs(r.HtmlContainer,{className:"flex-align-center-gap",children:[t.jsx(l.default,{width:30,height:30}),t.jsx(n.TitleSmall,{children:e.callPermissionText?`${e.callPermissionText}`:'Can Make "Merchant Name" call you?'})]}),t.jsxs(a.FooterWrapper,{children:[t.jsx(a.FooterText,{style:{flex:1}}),t.jsx(a.TimeStamp,{children:"16:48"})]})]})})})]})]})})};exports.WhatsappLikePreviewV2=w;
 //# sourceMappingURL=WhatsAppLikePreviewV2.js.map

package/dist/cjs/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WhatsAppLikePreviewV2.js","sources":["../../../../../src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx"],"sourcesContent":["import PhoneIcon from '@src/assets/icons/phone_round.svg';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { BACKGROUND_PREVIEW_IMAGE } from '@src/components/template-context-mapper/utils/constants';\nimport { TitleRegular, TitleSmall } from '@src/components/TypographyStyle';\nimport { BASE_COLORS, COLORS } from '@src/constants/Theme';\nimport { HEADER_TYPES } from '../models/TemplateMeta';\nimport { WhatsappLikePreviewTypes } from '../models/WhatsAppTemplate';\nimport { getPreviewPropLen } from '../utils/getPreviewPropLen';\nimport ChatHeader from './ChatHeader';\nimport { FooterText, FooterWrapper, TimeStamp } from './ChatUI.style';\nimport { ChatUIV2, HtmlContainer } from './ChatUiV2';\n\nconst Container = styled.div<{\n\tshowHeader?: boolean;\n\tisWhatsappCarousel?: boolean;\n}>`\n\tbackground-image: ${(props) =>\n\t\tprops.isWhatsappCarousel ? 'none' : `url(${BACKGROUND_PREVIEW_IMAGE})`};\n\tborder-radius: 4px;\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tbackground-size: cover;\n\tposition: relative;\n\theight: ${(props) => (props.isWhatsappCarousel ? '100%' : 'auto')};\n`;\n\nconst PreviewText = styled(TitleRegular)`\n\tcolor: ${COLORS.content.primary};\n`;\n\nconst CallPermissionCard = styled.div`\n\tmargin: 4px;\n\tmargin-top: -4px;\n\tbackground-color: ${BASE_COLORS.grayscale['50']};\n\tborder-radius: 6px;\n\t.flex-align-center-gap {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 8px;\n\t}\n`;\n\nexport const WhatsappLikePreviewV2: React.FC<WhatsappLikePreviewTypes> = (\n\tprops,\n) => {\n\tconst { hideDeviceContainerInPreview } = useTemplateModalContext();\n\n\tconst propLength = getPreviewPropLen(props);\n\t/** Condition for checking empty template creation state. 2 as header and action type will have a default NONE values */\n\tif (propLength === 3) {\n\t\treturn <>{props.zeroStateComponent}</>;\n\t}\n\n\tif (hideDeviceContainerInPreview) {\n\t\treturn <ChatUIV2 showHeader={props.showHeader} {...props} />;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<Container\n\t\t\t\tstyle={props.containerStyle}\n\t\t\t\tshowHeader={props.showHeader}\n\t\t\t\tisWhatsappCarousel={props.isWhatsappCarousel}\n\t\t\t>\n\t\t\t\t{props.showHeader && <ChatHeader />}\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tpadding:\n\t\t\t\t\t\t\tprops.size === 'small'\n\t\t\t\t\t\t\t\t? '12px 32px 12px 12px'\n\t\t\t\t\t\t\t\t: `16px ${props.isWhatsappCarousel ? '0px' : '56px'} ${\n\t\t\t\t\t\t\t\t\t\tprops.isWhatsappCarousel ? '2px' : '16px'\n\t\t\t\t\t\t\t\t } 16px`,\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\toverflowY: 'auto',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{!props.hidePreviewText && (\n\t\t\t\t\t\t<div style={{ marginBottom: 16 }}>\n\t\t\t\t\t\t\t<PreviewText>Preview</PreviewText>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<ChatUIV2 showHeader={props.showHeader} {...props} />\n\t\t\t\t\t{props.showCallPermissionCard && (\n\t\t\t\t\t\t<div style={{ marginTop: 16 }}>\n\t\t\t\t\t\t\t<ChatUIV2\n\t\t\t\t\t\t\t\thideFooter={true}\n\t\t\t\t\t\t\t\theaderMediaType={HEADER_TYPES.NONE}\n\t\t\t\t\t\t\t\ttextType=\"html\"\n\t\t\t\t\t\t\t\tisPreview={props.isPreview}\n\t\t\t\t\t\t\t\tzeroStateComponent={<></>}\n\t\t\t\t\t\t\t\tbuttons={[\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\ttext: 'Choose preference',\n\t\t\t\t\t\t\t\t\t\ttype: 'CALL_PERMISSION',\n\t\t\t\t\t\t\t\t\t\tflowId: '',\n\t\t\t\t\t\t\t\t\t\tflowName: '',\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<CallPermissionCard>\n\t\t\t\t\t\t\t\t\t<HtmlContainer className=\"flex-align-center-gap\">\n\t\t\t\t\t\t\t\t\t\t<PhoneIcon width={30} height={30} />\n\t\t\t\t\t\t\t\t\t\t<TitleSmall>\n\t\t\t\t\t\t\t\t\t\t\t{props.callPermissionText\n\t\t\t\t\t\t\t\t\t\t\t\t? `${props.callPermissionText}`\n\t\t\t\t\t\t\t\t\t\t\t\t: 'Can Make \"Merchant Name\" call you?'}\n\t\t\t\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t\t\t\t</HtmlContainer>\n\t\t\t\t\t\t\t\t\t<FooterWrapper>\n\t\t\t\t\t\t\t\t\t\t<FooterText style={{ flex: 1 }}></FooterText>\n\t\t\t\t\t\t\t\t\t\t<TimeStamp>16:48</TimeStamp>\n\t\t\t\t\t\t\t\t\t</FooterWrapper>\n\t\t\t\t\t\t\t\t</CallPermissionCard>\n\t\t\t\t\t\t\t</ChatUIV2>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Container>\n\t\t</>\n\t);\n};\n"],"names":["Container","styled","props","BACKGROUND_PREVIEW_IMAGE","PreviewText","TitleRegular","COLORS","CallPermissionCard","BASE_COLORS","WhatsappLikePreviewV2","hideDeviceContainerInPreview","useTemplateModalContext","getPreviewPropLen","jsx","Fragment","ChatUIV2","jsxs","ChatHeader","HEADER_TYPES","HtmlContainer","PhoneIcon","TitleSmall","FooterWrapper","FooterText","TimeStamp"],"mappings":"~~2kBAcMA~~,EAAYC,~~EAAO~~;AAAA,qBAIHC,GACpBA,EAAM,mBAAqB,OAAS,OAAOC,0BAAwB,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAM5DD,GAAWA,EAAM,mBAAqB,OAAS,MAAO;AAAA,EAG5DE,EAAcH,~~EAAOI~~,cAAY;AAAA,UAC7BC,EAAAA,OAAO,QAAQ,OAAO;AAAA,EAG1BC,EAAqBN,~~EAAO~~;AAAA;AAAA;AAAA,qBAGbO,EAAAA,YAAY,UAAU,EAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASnCC,EACZP,GACI,CACJ,KAAM,CAAE,6BAAAQ,CAAA,EAAiCC,0BAAA,EAIzC,OAFmBC,EAAAA,kBAAkBV,CAAK,IAEvB,EACXW,EAAAA,IAAAC,EAAAA,SAAA,CAAG,WAAM,kBAAA,CAAmB,EAGhCJ,QACKK,EAAAA,SAAA,CAAS,WAAYb,EAAM,WAAa,GAAGA,EAAO,EAI1DW,MAAAC,EAAAA,SAAA,CACC,SAAAE,EAAAA,KAAChB,EAAA,CACA,MAAOE,EAAM,eACb,WAAYA,EAAM,WAClB,mBAAoBA,EAAM,mBAEzB,SAAA,CAAAA,EAAM,kBAAee,EAAAA,QAAA,CAAA,CAAW,EACjCD,EAAAA,KAAC,MAAA,CACA,MAAO,CACN,QACCd,EAAM,OAAS,QACZ,sBACA,QAAQA,EAAM,mBAAqB,MAAQ,MAAM,IACjDA,EAAM,mBAAqB,MAAQ,MACnC,QACJ,OAAQ,OACR,UAAW,MAAA,EAGX,SAAA,CAAA,CAACA,EAAM,iBACPW,EAAAA,IAAC,MAAA,CAAI,MAAO,CAAE,aAAc,EAAA,EAC3B,SAAAA,EAAAA,IAACT,EAAA,CAAY,SAAA,SAAA,CAAO,EACrB,QAEAW,EAAAA,SAAA,CAAS,WAAYb,EAAM,WAAa,GAAGA,EAAO,EAClDA,EAAM,wBACNW,EAAAA,IAAC,MAAA,CAAI,MAAO,CAAE,UAAW,IACxB,SAAAA,EAAAA,IAACE,EAAAA,SAAA,CACA,WAAY,GACZ,gBAAiBG,EAAAA,aAAa,KAC9B,SAAS,OACT,UAAWhB,EAAM,UACjB,mBAAoBW,EAAAA,IAAAC,EAAAA,SAAA,EAAE,EACtB,QAAS,CACR,CACC,KAAM,oBACN,KAAM,kBACN,OAAQ,GACR,SAAU,EAAA,CACX,EAGD,gBAACP,EAAA,CACA,SAAA,CAAAS,EAAAA,KAACG,EAAAA,cAAA,CAAc,UAAU,wBACxB,SAAA,CAAAN,EAAAA,IAACO,EAAAA,QAAA,CAAU,MAAO,GAAI,OAAQ,GAAI,EAClCP,EAAAA,IAACQ,EAAAA,YACC,SAAAnB,EAAM,mBACJ,GAAGA,EAAM,kBAAkB,GAC3B,oCAAA,CACJ,CAAA,EACD,SACCoB,EAAAA,cAAA,CACA,SAAA,CAAAT,EAAAA,IAACU,EAAAA,WAAA,CAAW,MAAO,CAAE,KAAM,GAAK,EAChCV,EAAAA,IAACW,EAAAA,WAAU,SAAA,OAAA,CAAK,CAAA,CAAA,CACjB,CAAA,CAAA,CACD,CAAA,CAAA,CACD,CACD,CAAA,CAAA,CAAA,CAEF,CAAA,CAAA,EAEF,CAEF"}
1	+ {"version":3,"file":"WhatsAppLikePreviewV2.js","sources":["../../../../../src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx"],"sourcesContent":["import PhoneIcon from '@src/assets/icons/phone_round.svg';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { BACKGROUND_PREVIEW_IMAGE } from '@src/components/template-context-mapper/utils/constants';\nimport { TitleRegular, TitleSmall } from '@src/components/TypographyStyle';\nimport { BASE_COLORS, COLORS } from '@src/constants/Theme';\nimport { HEADER_TYPES } from '../models/TemplateMeta';\nimport { WhatsappLikePreviewTypes } from '../models/WhatsAppTemplate';\nimport { getPreviewPropLen } from '../utils/getPreviewPropLen';\nimport ChatHeader from './ChatHeader';\nimport { FooterText, FooterWrapper, TimeStamp } from './ChatUI.style';\nimport { ChatUIV2, HtmlContainer } from './ChatUiV2';\n\nconst Container = styled.div<{\n\tshowHeader?: boolean;\n\tisWhatsappCarousel?: boolean;\n}>`\n\tbackground-image: ${(props) =>\n\t\tprops.isWhatsappCarousel ? 'none' : `url(${BACKGROUND_PREVIEW_IMAGE})`};\n\tborder-radius: 4px;\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tbackground-size: cover;\n\tposition: relative;\n\theight: ${(props) => (props.isWhatsappCarousel ? '100%' : 'auto')};\n`;\n\nconst PreviewText = styled(TitleRegular)`\n\tcolor: ${COLORS.content.primary};\n`;\n\nconst CallPermissionCard = styled.div`\n\tmargin: 4px;\n\tmargin-top: -4px;\n\tbackground-color: ${BASE_COLORS.grayscale['50']};\n\tborder-radius: 6px;\n\t.flex-align-center-gap {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 8px;\n\t}\n`;\n\nexport const WhatsappLikePreviewV2: React.FC<WhatsappLikePreviewTypes> = (\n\tprops,\n) => {\n\tconst { hideDeviceContainerInPreview } = useTemplateModalContext();\n\n\tconst propLength = getPreviewPropLen(props);\n\t/** Condition for checking empty template creation state. 2 as header and action type will have a default NONE values */\n\tif (propLength === 3) {\n\t\treturn <>{props.zeroStateComponent}</>;\n\t}\n\n\tif (hideDeviceContainerInPreview) {\n\t\treturn <ChatUIV2 showHeader={props.showHeader} {...props} />;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<Container\n\t\t\t\tstyle={props.containerStyle}\n\t\t\t\tshowHeader={props.showHeader}\n\t\t\t\tisWhatsappCarousel={props.isWhatsappCarousel}\n\t\t\t>\n\t\t\t\t{props.showHeader && <ChatHeader />}\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tpadding:\n\t\t\t\t\t\t\tprops.size === 'small'\n\t\t\t\t\t\t\t\t? '12px 32px 12px 12px'\n\t\t\t\t\t\t\t\t: `16px ${props.isWhatsappCarousel ? '0px' : '56px'} ${\n\t\t\t\t\t\t\t\t\t\tprops.isWhatsappCarousel ? '2px' : '16px'\n\t\t\t\t\t\t\t\t } 16px`,\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\toverflowY: 'auto',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{!props.hidePreviewText && (\n\t\t\t\t\t\t<div style={{ marginBottom: 16 }}>\n\t\t\t\t\t\t\t<PreviewText>Preview</PreviewText>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<ChatUIV2 showHeader={props.showHeader} {...props} />\n\t\t\t\t\t{props.showCallPermissionCard && (\n\t\t\t\t\t\t<div style={{ marginTop: 16 }}>\n\t\t\t\t\t\t\t<ChatUIV2\n\t\t\t\t\t\t\t\thideFooter={true}\n\t\t\t\t\t\t\t\theaderMediaType={HEADER_TYPES.NONE}\n\t\t\t\t\t\t\t\ttextType=\"html\"\n\t\t\t\t\t\t\t\tisPreview={props.isPreview}\n\t\t\t\t\t\t\t\tzeroStateComponent={<></>}\n\t\t\t\t\t\t\t\tbuttons={[\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\ttext: 'Choose preference',\n\t\t\t\t\t\t\t\t\t\ttype: 'CALL_PERMISSION',\n\t\t\t\t\t\t\t\t\t\tflowId: '',\n\t\t\t\t\t\t\t\t\t\tflowName: '',\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<CallPermissionCard>\n\t\t\t\t\t\t\t\t\t<HtmlContainer className=\"flex-align-center-gap\">\n\t\t\t\t\t\t\t\t\t\t<PhoneIcon width={30} height={30} />\n\t\t\t\t\t\t\t\t\t\t<TitleSmall>\n\t\t\t\t\t\t\t\t\t\t\t{props.callPermissionText\n\t\t\t\t\t\t\t\t\t\t\t\t? `${props.callPermissionText}`\n\t\t\t\t\t\t\t\t\t\t\t\t: 'Can Make \"Merchant Name\" call you?'}\n\t\t\t\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t\t\t\t</HtmlContainer>\n\t\t\t\t\t\t\t\t\t<FooterWrapper>\n\t\t\t\t\t\t\t\t\t\t<FooterText style={{ flex: 1 }}></FooterText>\n\t\t\t\t\t\t\t\t\t\t<TimeStamp>16:48</TimeStamp>\n\t\t\t\t\t\t\t\t\t</FooterWrapper>\n\t\t\t\t\t\t\t\t</CallPermissionCard>\n\t\t\t\t\t\t\t</ChatUIV2>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Container>\n\t\t</>\n\t);\n};\n"],"names":["Container","styled","props","BACKGROUND_PREVIEW_IMAGE","PreviewText","TitleRegular","COLORS","CallPermissionCard","BASE_COLORS","WhatsappLikePreviewV2","hideDeviceContainerInPreview","useTemplateModalContext","getPreviewPropLen","jsx","Fragment","ChatUIV2","jsxs","ChatHeader","HEADER_TYPES","HtmlContainer","PhoneIcon","TitleSmall","FooterWrapper","FooterText","TimeStamp"],"mappings":"0oBAcMA,EAAYC,EAAAA,QAAO;AAAA,qBAIHC,GACpBA,EAAM,mBAAqB,OAAS,OAAOC,0BAAwB,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAM5DD,GAAWA,EAAM,mBAAqB,OAAS,MAAO;AAAA,EAG5DE,EAAcH,EAAAA,QAAOI,cAAY;AAAA,UAC7BC,EAAAA,OAAO,QAAQ,OAAO;AAAA,EAG1BC,EAAqBN,EAAAA,QAAO;AAAA;AAAA;AAAA,qBAGbO,EAAAA,YAAY,UAAU,EAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASnCC,EACZP,GACI,CACJ,KAAM,CAAE,6BAAAQ,CAAA,EAAiCC,0BAAA,EAIzC,OAFmBC,EAAAA,kBAAkBV,CAAK,IAEvB,EACXW,EAAAA,IAAAC,EAAAA,SAAA,CAAG,WAAM,kBAAA,CAAmB,EAGhCJ,QACKK,EAAAA,SAAA,CAAS,WAAYb,EAAM,WAAa,GAAGA,EAAO,EAI1DW,MAAAC,EAAAA,SAAA,CACC,SAAAE,EAAAA,KAAChB,EAAA,CACA,MAAOE,EAAM,eACb,WAAYA,EAAM,WAClB,mBAAoBA,EAAM,mBAEzB,SAAA,CAAAA,EAAM,kBAAee,EAAAA,QAAA,CAAA,CAAW,EACjCD,EAAAA,KAAC,MAAA,CACA,MAAO,CACN,QACCd,EAAM,OAAS,QACZ,sBACA,QAAQA,EAAM,mBAAqB,MAAQ,MAAM,IACjDA,EAAM,mBAAqB,MAAQ,MACnC,QACJ,OAAQ,OACR,UAAW,MAAA,EAGX,SAAA,CAAA,CAACA,EAAM,iBACPW,EAAAA,IAAC,MAAA,CAAI,MAAO,CAAE,aAAc,EAAA,EAC3B,SAAAA,EAAAA,IAACT,EAAA,CAAY,SAAA,SAAA,CAAO,EACrB,QAEAW,EAAAA,SAAA,CAAS,WAAYb,EAAM,WAAa,GAAGA,EAAO,EAClDA,EAAM,wBACNW,EAAAA,IAAC,MAAA,CAAI,MAAO,CAAE,UAAW,IACxB,SAAAA,EAAAA,IAACE,EAAAA,SAAA,CACA,WAAY,GACZ,gBAAiBG,EAAAA,aAAa,KAC9B,SAAS,OACT,UAAWhB,EAAM,UACjB,mBAAoBW,EAAAA,IAAAC,EAAAA,SAAA,EAAE,EACtB,QAAS,CACR,CACC,KAAM,oBACN,KAAM,kBACN,OAAQ,GACR,SAAU,EAAA,CACX,EAGD,gBAACP,EAAA,CACA,SAAA,CAAAS,EAAAA,KAACG,EAAAA,cAAA,CAAc,UAAU,wBACxB,SAAA,CAAAN,EAAAA,IAACO,EAAAA,QAAA,CAAU,MAAO,GAAI,OAAQ,GAAI,EAClCP,EAAAA,IAACQ,EAAAA,YACC,SAAAnB,EAAM,mBACJ,GAAGA,EAAM,kBAAkB,GAC3B,oCAAA,CACJ,CAAA,EACD,SACCoB,EAAAA,cAAA,CACA,SAAA,CAAAT,EAAAA,IAACU,EAAAA,WAAA,CAAW,MAAO,CAAE,KAAM,GAAK,EAChCV,EAAAA,IAACW,EAAAA,WAAU,SAAA,OAAA,CAAK,CAAA,CAAA,CACjB,CAAA,CAAA,CACD,CAAA,CAAA,CACD,CACD,CAAA,CAAA,CAAA,CAEF,CAAA,CAAA,EAEF,CAEF"}

package/dist/cjs/components/template-preview/webpush/WebpushPreview.styled.js CHANGED Viewed

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),t=require("../../../constants/Theme.js"),i=e.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),i=require("../../../constants/Theme.js"),n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=n(t),r=o.default.div`
 	max-width: 345px;
 	min-width: 242px;
-	background-color: ${t.COLORS.content.primary};
+	background-color: ${i.COLORS.content.primary};
 	.icon--header {
 		display: flex;
 		flex-direction: row;
@@ -67,5 +67,5 @@
 	.single-button {
 		justify-content: flex-end;
 	}
-`;exports.WebpushPreviewContainer=i;
+`;exports.WebpushPreviewContainer=r;
 //# sourceMappingURL=WebpushPreview.styled.js.map

package/dist/cjs/components/template-preview/webpush/WebpushPreview.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WebpushPreview.styled.js","sources":["../../../../../src/components/template-preview/webpush/WebpushPreview.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const WebpushPreviewContainer = styled.div`\n\tmax-width: 345px;\n\tmin-width: 242px;\n\tbackground-color: ${COLORS.content.primary};\n\t.icon--header {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tjustify-content: flex-start;\n\t\talign-items: flex-start;\n\t\tgap: 10px;\n\t\tpadding: 10px;\n\t}\n\t.icon-img-container {\n\t\tborder-radius: 4px;\n\t\twidth: 48px;\n\t\theight: 48px;\n\t}\n\t.banner-img-container {\n\t\tpadding: 8px 10px 8px 10px;\n\t\theight: 180px;\n\t}\n\t.text--container {\n\t\tmax-width: 180px;\n\t\tcolor: #f0f0f0;\n\t\tfont-family: Inter;\n\t\tfont-size: 10.44px;\n\t\tfont-weight: 400;\n\t\tline-height: 15.66px;\n\t\ttext-align: left;\n\t}\n\timg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tobject-fit: cover;\n\t\tborder-radius: 3px;\n\t}\n\t.button-container {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t\tpadding: 10px;\n\t\tgap: 10px;\n\t}\n\t.each--btn {\n\t\tbackground-color: #444345;\n\t\tcolor: #f0f0f0;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\theight: 26px;\n\t\tflex: 1;\n\t\tmax-width: 100%;\n\t}\n\t.text-btn {\n\t\tfont-family: Inter;\n\t\tfont-size: 10.5px;\n\t\tfont-weight: 500;\n\t\tline-height: 13.13px;\n\t\ttext-align: center;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\tmax-width: 100px;\n\t}\n\t.single-button {\n\t\tjustify-content: flex-end;\n\t}\n`;\n"],"names":["WebpushPreviewContainer","styled","COLORS"],"mappings":"~~8JAGaA~~,EAA0BC,~~EAAO~~;AAAA;AAAA;AAAA,qBAGzBC,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
1	+ {"version":3,"file":"WebpushPreview.styled.js","sources":["../../../../../src/components/template-preview/webpush/WebpushPreview.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const WebpushPreviewContainer = styled.div`\n\tmax-width: 345px;\n\tmin-width: 242px;\n\tbackground-color: ${COLORS.content.primary};\n\t.icon--header {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tjustify-content: flex-start;\n\t\talign-items: flex-start;\n\t\tgap: 10px;\n\t\tpadding: 10px;\n\t}\n\t.icon-img-container {\n\t\tborder-radius: 4px;\n\t\twidth: 48px;\n\t\theight: 48px;\n\t}\n\t.banner-img-container {\n\t\tpadding: 8px 10px 8px 10px;\n\t\theight: 180px;\n\t}\n\t.text--container {\n\t\tmax-width: 180px;\n\t\tcolor: #f0f0f0;\n\t\tfont-family: Inter;\n\t\tfont-size: 10.44px;\n\t\tfont-weight: 400;\n\t\tline-height: 15.66px;\n\t\ttext-align: left;\n\t}\n\timg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tobject-fit: cover;\n\t\tborder-radius: 3px;\n\t}\n\t.button-container {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t\tpadding: 10px;\n\t\tgap: 10px;\n\t}\n\t.each--btn {\n\t\tbackground-color: #444345;\n\t\tcolor: #f0f0f0;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\theight: 26px;\n\t\tflex: 1;\n\t\tmax-width: 100%;\n\t}\n\t.text-btn {\n\t\tfont-family: Inter;\n\t\tfont-size: 10.5px;\n\t\tfont-weight: 500;\n\t\tline-height: 13.13px;\n\t\ttext-align: center;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\tmax-width: 100px;\n\t}\n\t.single-button {\n\t\tjustify-content: flex-end;\n\t}\n`;\n"],"names":["WebpushPreviewContainer","styled","COLORS"],"mappings":"6NAGaA,EAA0BC,EAAAA,QAAO;AAAA;AAAA;AAAA,qBAGzBC,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/cjs/components/testimonial-card/TestimonialCard.style.js CHANGED Viewed

@@ -1,54 +1,54 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),e="24px",t="24px",n="0px 0px 15px 0px #0000000f",a=i.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("styled-components"),d=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},o=d(n),i="24px",e="24px",a="0px 0px 15px 0px #0000000f",l=o.default.div`
 	display: flex;
 	flex-direction: column;
 	gap: 24px;
 	background: #ffffffeb;
-	box-shadow: ${n};
-	padding: ${e};
-	border-radius: ${o=>o.version==="v2"?`${t} ${t} 0 0 `:t};
-	${o=>o.width?{width:o.width}:{}};
-	${o=>o.height?{height:o.height}:{}};
-`,d=i.div`
+	box-shadow: ${a};
+	padding: ${i};
+	border-radius: ${t=>t.version==="v2"?`${e} ${e} 0 0 `:e};
+	${t=>t.width?{width:t.width}:{}};
+	${t=>t.height?{height:t.height}:{}};
+`,r=o.default.div`
 	display: flex;
 	flex-direction: row;
 	gap: 16px;
 	align-items: center;
-`,r=i.div`
+`,f=o.default.div`
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
 	align-items: start;
-`,l=i.img`
+`,s=o.default.img`
 	object-fit: contain;
 	max-width: max(280px, 70%);
 	max-height: 70px;
-`,s=i.div`
+`,c=o.default.div`
 	display: flex;
 	flex-direction: column;
-`,f=i.div`
+`,x=o.default.div`
 	background: linear-gradient(to right, #ffc8a7 0%, #bd4ddf 50%, #9c8eff 100%);
-	width: ${o=>o.width||"100%"};
+	width: ${t=>t.width||"100%"};
 	height: 72px;
-	border-radius: 0 0 ${t} ${t};
-	box-shadow: ${n};
-	padding: 16px ${e};
+	border-radius: 0 0 ${e} ${e};
+	box-shadow: ${a};
+	padding: 16px ${i};
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	gap: 24px;
 	position: relative;
 	overflow: hidden;
-`,x=i.span`
+`,p=o.default.span`
 	text-align: start;
-`,c=i.span`
+`,m=o.default.span`
 	width: 40%;
 	width: 150px;
 	text-align: end;
 	flex-shrink: 0;
-`,p=i.span`
+`,g=o.default.span`
 	position: absolute;
 	right: 16px;
 	bottom: 0px;
 	width: 130px;
-`;exports.FooterArrow=p;exports.FooterStat=c;exports.FooterText=x;exports.Logo=l;exports.TestimonialCardStyle=a;exports.TestimonialProfileCard=d;exports.TestimonialProfileFooter=f;exports.TestimonialProfileInfo=s;exports.TestimonialProfileInfo2=r;
+`;exports.FooterArrow=g;exports.FooterStat=m;exports.FooterText=p;exports.Logo=s;exports.TestimonialCardStyle=l;exports.TestimonialProfileCard=r;exports.TestimonialProfileFooter=x;exports.TestimonialProfileInfo=c;exports.TestimonialProfileInfo2=f;
 //# sourceMappingURL=TestimonialCard.style.js.map

package/dist/cjs/components/testimonial-card/TestimonialCard.style.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TestimonialCard.style.js","sources":["../../../../src/components/testimonial-card/TestimonialCard.style.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nconst cardCommonPadding = '24px';\nconst cardCommonRadius = '24px';\nconst cardCommonShadow = '0px 0px 15px 0px #0000000f';\n\nexport const TestimonialCardStyle = styled.div<{\n\twidth?: string;\n\theight?: string;\n\tversion?: string;\n}>`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 24px;\n\tbackground: #ffffffeb;\n\tbox-shadow: ${cardCommonShadow};\n\tpadding: ${cardCommonPadding};\n\tborder-radius: ${(props) =>\n\t\tprops.version === 'v2'\n\t\t\t? `${cardCommonRadius} ${cardCommonRadius} 0 0 `\n\t\t\t: cardCommonRadius};\n\t${(props) => (props.width ? { width: props.width } : {})};\n\t${(props) => (props.height ? { height: props.height } : {})};\n`;\n\nexport const TestimonialProfileCard = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 16px;\n\talign-items: center;\n`;\n\nexport const TestimonialProfileInfo2 = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n\talign-items: start;\n`;\n\nexport const Logo = styled.img`\n\tobject-fit: contain;\n\tmax-width: max(280px, 70%);\n\tmax-height: 70px;\n`;\n\nexport const TestimonialProfileInfo = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n`;\n\nexport const TestimonialProfileFooter = styled.div<{\n\twidth?: string;\n}>`\n\tbackground: linear-gradient(to right, #ffc8a7 0%, #bd4ddf 50%, #9c8eff 100%);\n\twidth: ${(props) => props.width \|\| '100%'};\n\theight: 72px;\n\tborder-radius: 0 0 ${cardCommonRadius} ${cardCommonRadius};\n\tbox-shadow: ${cardCommonShadow};\n\tpadding: 16px ${cardCommonPadding};\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tgap: 24px;\n\tposition: relative;\n\toverflow: hidden;\n`;\n\nexport const FooterText = styled.span`\n\ttext-align: start;\n`;\n\nexport const FooterStat = styled.span`\n\twidth: 40%;\n\twidth: 150px;\n\ttext-align: end;\n\tflex-shrink: 0;\n`;\n\nexport const FooterArrow = styled.span`\n\tposition: absolute;\n\tright: 16px;\n\tbottom: 0px;\n\twidth: 130px;\n`;\n"],"names":["cardCommonPadding","cardCommonRadius","cardCommonShadow","TestimonialCardStyle","styled","props","TestimonialProfileCard","TestimonialProfileInfo2","Logo","TestimonialProfileInfo","TestimonialProfileFooter","FooterText","FooterStat","FooterArrow"],"mappings":"~~qHAEMA~~,EAAoB,OACpBC,EAAmB,OACnBC,EAAmB,6BAEZC,EAAuBC,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA,eAS5BF,CAAgB;AAAA,YACnBF,CAAiB;AAAA,kBACVK,GACjBA,EAAM,UAAY,KACf,GAAGJ,CAAgB,IAAIA,CAAgB,QACvCA,CAAgB;AAAA,GACjBI,GAAWA,EAAM,MAAQ,CAAE,MAAOA,EAAM,KAAA,EAAU,EAAG;AAAA,GACrDA,GAAWA,EAAM,OAAS,CAAE,OAAQA,EAAM,MAAA,EAAW,EAAG;AAAA,EAG/CC,EAAyBF,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA,EAOhCG,EAA0BH,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA,EAOjCI,EAAOJ,~~EAAO~~;AAAA;AAAA;AAAA;AAAA,EAMdK,EAAyBL,~~EAAO~~;AAAA;AAAA;AAAA,EAKhCM,EAA2BN,~~EAAO~~;AAAA;AAAA,UAIpCC,GAAUA,EAAM,OAAS,MAAM;AAAA;AAAA,sBAEpBJ,CAAgB,IAAIA,CAAgB;AAAA,eAC3CC,CAAgB;AAAA,iBACdF,CAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASrBW,EAAaP,~~EAAO~~;AAAA;AAAA,EAIpBQ,EAAaR,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA,EAOpBS,EAAcT,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA"}
1	+ {"version":3,"file":"TestimonialCard.style.js","sources":["../../../../src/components/testimonial-card/TestimonialCard.style.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nconst cardCommonPadding = '24px';\nconst cardCommonRadius = '24px';\nconst cardCommonShadow = '0px 0px 15px 0px #0000000f';\n\nexport const TestimonialCardStyle = styled.div<{\n\twidth?: string;\n\theight?: string;\n\tversion?: string;\n}>`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 24px;\n\tbackground: #ffffffeb;\n\tbox-shadow: ${cardCommonShadow};\n\tpadding: ${cardCommonPadding};\n\tborder-radius: ${(props) =>\n\t\tprops.version === 'v2'\n\t\t\t? `${cardCommonRadius} ${cardCommonRadius} 0 0 `\n\t\t\t: cardCommonRadius};\n\t${(props) => (props.width ? { width: props.width } : {})};\n\t${(props) => (props.height ? { height: props.height } : {})};\n`;\n\nexport const TestimonialProfileCard = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 16px;\n\talign-items: center;\n`;\n\nexport const TestimonialProfileInfo2 = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n\talign-items: start;\n`;\n\nexport const Logo = styled.img`\n\tobject-fit: contain;\n\tmax-width: max(280px, 70%);\n\tmax-height: 70px;\n`;\n\nexport const TestimonialProfileInfo = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n`;\n\nexport const TestimonialProfileFooter = styled.div<{\n\twidth?: string;\n}>`\n\tbackground: linear-gradient(to right, #ffc8a7 0%, #bd4ddf 50%, #9c8eff 100%);\n\twidth: ${(props) => props.width \|\| '100%'};\n\theight: 72px;\n\tborder-radius: 0 0 ${cardCommonRadius} ${cardCommonRadius};\n\tbox-shadow: ${cardCommonShadow};\n\tpadding: 16px ${cardCommonPadding};\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tgap: 24px;\n\tposition: relative;\n\toverflow: hidden;\n`;\n\nexport const FooterText = styled.span`\n\ttext-align: start;\n`;\n\nexport const FooterStat = styled.span`\n\twidth: 40%;\n\twidth: 150px;\n\ttext-align: end;\n\tflex-shrink: 0;\n`;\n\nexport const FooterArrow = styled.span`\n\tposition: absolute;\n\tright: 16px;\n\tbottom: 0px;\n\twidth: 130px;\n`;\n"],"names":["cardCommonPadding","cardCommonRadius","cardCommonShadow","TestimonialCardStyle","styled","props","TestimonialProfileCard","TestimonialProfileInfo2","Logo","TestimonialProfileInfo","TestimonialProfileFooter","FooterText","FooterStat","FooterArrow"],"mappings":"oLAEMA,EAAoB,OACpBC,EAAmB,OACnBC,EAAmB,6BAEZC,EAAuBC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA,eAS5BF,CAAgB;AAAA,YACnBF,CAAiB;AAAA,kBACVK,GACjBA,EAAM,UAAY,KACf,GAAGJ,CAAgB,IAAIA,CAAgB,QACvCA,CAAgB;AAAA,GACjBI,GAAWA,EAAM,MAAQ,CAAE,MAAOA,EAAM,KAAA,EAAU,EAAG;AAAA,GACrDA,GAAWA,EAAM,OAAS,CAAE,OAAQA,EAAM,MAAA,EAAW,EAAG;AAAA,EAG/CC,EAAyBF,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOhCG,EAA0BH,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOjCI,EAAOJ,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,EAMdK,EAAyBL,EAAAA,QAAO;AAAA;AAAA;AAAA,EAKhCM,EAA2BN,EAAAA,QAAO;AAAA;AAAA,UAIpCC,GAAUA,EAAM,OAAS,MAAM;AAAA;AAAA,sBAEpBJ,CAAgB,IAAIA,CAAgB;AAAA,eAC3CC,CAAgB;AAAA,iBACdF,CAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASrBW,EAAaP,EAAAA,QAAO;AAAA;AAAA,EAIpBQ,EAAaR,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOpBS,EAAcT,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/cjs/components/text-picker/TextPickerCategoryCard.js CHANGED Viewed

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("styled-components"),r=require("../../constants/Theme.js"),d=require("../TypographyStyle.js"),y=require("../../assets/icons/chevronRight.svg.js"),h=require("../checkBox/CheckBox.js"),p=require("../tag/Tag.js"),O=require("../icon-button/IconButton.js"),f=x.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),y=require("styled-components"),o=require("../../constants/Theme.js"),d=require("../TypographyStyle.js"),p=require("../../assets/icons/chevronRight.svg.js"),x=require("../checkBox/CheckBox.js"),f=require("../tag/Tag.js"),h=require("../icon-button/IconButton.js"),O=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},C=O(y),m=C.default.div`
   height: 64px;
-  background-color: ${({isSelected:t,isActive:i})=>t?r.COLORS.background.positive.light:i?r.COLORS.surface.hovered:r.COLORS.surface.standard};
-  border-bottom: 1px solid ${r.COLORS.stroke.primary};
+  background-color: ${({isSelected:e,isActive:i})=>e?o.COLORS.background.positive.light:i?o.COLORS.surface.hovered:o.COLORS.surface.standard};
+  border-bottom: 1px solid ${o.COLORS.stroke.primary};
   padding: 12px 24px;
   display: flex;
   align-items: center;
   cursor: pointer;
   transition: background 0.2s;
   &:hover {
-    background-color: ${({isSelected:t})=>t?r.COLORS.background.positive.light:r.COLORS.surface.hovered};
+    background-color: ${({isSelected:e})=>e?o.COLORS.background.positive.light:o.COLORS.surface.hovered};
   }
-`,C=({id:t,name:i,itemsCount:s,selectedCount:c,isChecked:o,isPartiallyChecked:n,onCheck:l,onClick:g})=>e.jsxs(f,{isActive:o||n,isSelected:o,onClick:g,children:[e.jsx(h.CheckBox,{isChecked:o||n,isPartiallyChecked:n&&!o,onValueChange:function(u,S,a){a?.stopPropagation(),l(u,a)},style:{marginRight:16}}),e.jsxs("div",{style:{flex:1,display:"flex",flexDirection:"column"},children:[e.jsx(d.BodyPrimary,{children:i}),e.jsxs(d.BodyCaption,{style:{color:r.COLORS.text.secondary,fontSize:13},children:[s," document",s!==1?"s":""]})]}),!!c&&e.jsx(p.Tag,{tagText:`${c} selected`,type:"positive",style:{marginLeft:12}}),e.jsx(O.IconButton,{Icon:y.default,height:16,width:16,style:{marginLeft:8}})]});exports.TextPickerCategoryCard=C;
+`,S=({id:e,name:i,itemsCount:s,selectedCount:a,isChecked:r,isPartiallyChecked:n,onCheck:l,onClick:u})=>t.jsxs(m,{isActive:r||n,isSelected:r,onClick:u,children:[t.jsx(x.CheckBox,{isChecked:r||n,isPartiallyChecked:n&&!r,onValueChange:function(g,v,c){c?.stopPropagation(),l(g,c)},style:{marginRight:16}}),t.jsxs("div",{style:{flex:1,display:"flex",flexDirection:"column"},children:[t.jsx(d.BodyPrimary,{children:i}),t.jsxs(d.BodyCaption,{style:{color:o.COLORS.text.secondary,fontSize:13},children:[s," document",s!==1?"s":""]})]}),!!a&&t.jsx(f.Tag,{tagText:`${a} selected`,type:"positive",style:{marginLeft:12}}),t.jsx(h.IconButton,{Icon:p.default,height:16,width:16,style:{marginLeft:8}})]});exports.TextPickerCategoryCard=S;
 //# sourceMappingURL=TextPickerCategoryCard.js.map

package/dist/cjs/components/text-picker/TextPickerCategoryCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextPickerCategoryCard.js","sources":["../../../../src/components/text-picker/TextPickerCategoryCard.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { CheckBox } from '../checkBox';\nimport { IconButton } from '../icon-button';\nimport { Tag } from '../tag';\nimport { BodyPrimary, BodyCaption } from '../TypographyStyle';\nimport ChevronRight from '@src/assets/icons/chevronRight.svg';\n\nexport interface TextPickerCategoryCardProps {\n id: string;\n name: string;\n itemsCount: number;\n selectedCount: number;\n isChecked: boolean;\n isPartiallyChecked: boolean;\n onCheck: (checked: boolean, e?: React.MouseEvent) => void;\n onClick: (e: React.MouseEvent) => void;\n}\n\nconst CategoryCard = styled.div<{ isActive: boolean; isSelected: boolean }>`\n height: 64px;\n background-color: ${({ isSelected, isActive }) =>\n isSelected\n ? COLORS.background.positive.light\n : isActive\n ? COLORS.surface.hovered\n : COLORS.surface.standard};\n border-bottom: 1px solid ${COLORS.stroke.primary};\n padding: 12px 24px;\n display: flex;\n align-items: center;\n cursor: pointer;\n transition: background 0.2s;\n &:hover {\n background-color: ${({ isSelected }) =>\n isSelected ? COLORS.background.positive.light : COLORS.surface.hovered};\n }\n`;\n\nexport const TextPickerCategoryCard: React.FC<TextPickerCategoryCardProps> = ({\n id,\n name,\n itemsCount,\n selectedCount,\n isChecked,\n isPartiallyChecked,\n onCheck,\n onClick,\n}) => (\n <CategoryCard\n isActive={isChecked \|\| isPartiallyChecked}\n isSelected={isChecked}\n onClick={onClick}\n >\n <CheckBox\n isChecked={isChecked \|\| isPartiallyChecked}\n isPartiallyChecked={isPartiallyChecked && !isChecked}\n onValueChange={function (\n checked: boolean,\n _value?: string,\n event?: React.MouseEvent\n ) {\n event?.stopPropagation();\n onCheck(checked, event);\n }}\n style={{ marginRight: 16 }}\n />\n <div style={{ flex: 1, display: 'flex', flexDirection: 'column' }}>\n <BodyPrimary>{name}</BodyPrimary>\n <BodyCaption style={{ color: COLORS.text.secondary, fontSize: 13 }}>\n {itemsCount} document{itemsCount !== 1 ? 's' : ''}\n </BodyCaption>\n </div>\n {!!selectedCount && (\n <Tag tagText={`${selectedCount} selected`} type=\"positive\" style={{ marginLeft: 12 }} />\n )}\n <IconButton Icon={ChevronRight} height={16} width={16} style={{ marginLeft: 8 }} />\n </CategoryCard>\n);\n"],"names":["CategoryCard","styled","isSelected","isActive","COLORS","TextPickerCategoryCard","id","name","itemsCount","selectedCount","isChecked","isPartiallyChecked","onCheck","onClick","jsxs","jsx","CheckBox","checked","_value","event","BodyPrimary","BodyCaption","Tag","IconButton","ChevronRight"],"mappings":"~~2XAoBMA~~,EAAeC,~~EAAO~~;AAAA;AAAA,sBAEN,CAAC,CAAE,WAAAC,EAAY,SAAAC,CAAA,IACjCD,EACIE,EAAAA,OAAO,WAAW,SAAS,MAC3BD,EACEC,EAAAA,OAAO,QAAQ,QACfA,EAAAA,OAAO,QAAQ,QAAQ;AAAA,6BACJA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAO1B,CAAC,CAAE,WAAAF,KACvBA,EAAaE,EAAAA,OAAO,WAAW,SAAS,MAAQA,SAAO,QAAQ,OAAO;AAAA;AAAA,EAI7DC,EAAgE,CAAC,CAC5E,GAAAC,EACA,KAAAC,EACA,WAAAC,EACA,cAAAC,EACA,UAAAC,EACA,mBAAAC,EACA,QAAAC,EACA,QAAAC,CACF,IACEC,EAAAA,KAACd,EAAA,CACC,SAAUU,GAAaC,EACvB,WAAYD,EACZ,QAAAG,EAEA,SAAA,CAAAE,EAAAA,IAACC,EAAAA,SAAA,CACC,UAAWN,GAAaC,EACxB,mBAAoBA,GAAsB,CAACD,EAC3C,cAAe,SACbO,EACAC,EACAC,EACA,CACAA,GAAO,gBAAA,EACPP,EAAQK,EAASE,CAAK,CACxB,EACA,MAAO,CAAE,YAAa,EAAA,CAAG,CAAA,EAE3BL,EAAAA,KAAC,MAAA,CAAI,MAAO,CAAE,KAAM,EAAG,QAAS,OAAQ,cAAe,QAAA,EACrD,SAAA,CAAAC,EAAAA,IAACK,EAAAA,aAAa,SAAAb,CAAA,CAAK,EACnBO,EAAAA,KAACO,EAAAA,YAAA,CAAY,MAAO,CAAE,MAAOjB,EAAAA,OAAO,KAAK,UAAW,SAAU,EAAA,EAC3D,SAAA,CAAAI,EAAW,YAAUA,IAAe,EAAI,IAAM,EAAA,CAAA,CACjD,CAAA,EACF,EACC,CAAC,CAACC,GACDM,EAAAA,IAACO,EAAAA,KAAI,QAAS,GAAGb,CAAa,YAAa,KAAK,WAAW,MAAO,CAAE,WAAY,IAAM,EAExFM,EAAAA,IAACQ,EAAAA,WAAA,CAAW,KAAMC,EAAAA,QAAc,OAAQ,GAAI,MAAO,GAAI,MAAO,CAAE,WAAY,CAAA,CAAE,CAAG,CAAA,CAAA,CACnF"}
1	+ {"version":3,"file":"TextPickerCategoryCard.js","sources":["../../../../src/components/text-picker/TextPickerCategoryCard.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { CheckBox } from '../checkBox';\nimport { IconButton } from '../icon-button';\nimport { Tag } from '../tag';\nimport { BodyPrimary, BodyCaption } from '../TypographyStyle';\nimport ChevronRight from '@src/assets/icons/chevronRight.svg';\n\nexport interface TextPickerCategoryCardProps {\n id: string;\n name: string;\n itemsCount: number;\n selectedCount: number;\n isChecked: boolean;\n isPartiallyChecked: boolean;\n onCheck: (checked: boolean, e?: React.MouseEvent) => void;\n onClick: (e: React.MouseEvent) => void;\n}\n\nconst CategoryCard = styled.div<{ isActive: boolean; isSelected: boolean }>`\n height: 64px;\n background-color: ${({ isSelected, isActive }) =>\n isSelected\n ? COLORS.background.positive.light\n : isActive\n ? COLORS.surface.hovered\n : COLORS.surface.standard};\n border-bottom: 1px solid ${COLORS.stroke.primary};\n padding: 12px 24px;\n display: flex;\n align-items: center;\n cursor: pointer;\n transition: background 0.2s;\n &:hover {\n background-color: ${({ isSelected }) =>\n isSelected ? COLORS.background.positive.light : COLORS.surface.hovered};\n }\n`;\n\nexport const TextPickerCategoryCard: React.FC<TextPickerCategoryCardProps> = ({\n id,\n name,\n itemsCount,\n selectedCount,\n isChecked,\n isPartiallyChecked,\n onCheck,\n onClick,\n}) => (\n <CategoryCard\n isActive={isChecked \|\| isPartiallyChecked}\n isSelected={isChecked}\n onClick={onClick}\n >\n <CheckBox\n isChecked={isChecked \|\| isPartiallyChecked}\n isPartiallyChecked={isPartiallyChecked && !isChecked}\n onValueChange={function (\n checked: boolean,\n _value?: string,\n event?: React.MouseEvent\n ) {\n event?.stopPropagation();\n onCheck(checked, event);\n }}\n style={{ marginRight: 16 }}\n />\n <div style={{ flex: 1, display: 'flex', flexDirection: 'column' }}>\n <BodyPrimary>{name}</BodyPrimary>\n <BodyCaption style={{ color: COLORS.text.secondary, fontSize: 13 }}>\n {itemsCount} document{itemsCount !== 1 ? 's' : ''}\n </BodyCaption>\n </div>\n {!!selectedCount && (\n <Tag tagText={`${selectedCount} selected`} type=\"positive\" style={{ marginLeft: 12 }} />\n )}\n <IconButton Icon={ChevronRight} height={16} width={16} style={{ marginLeft: 8 }} />\n </CategoryCard>\n);\n"],"names":["CategoryCard","styled","isSelected","isActive","COLORS","TextPickerCategoryCard","id","name","itemsCount","selectedCount","isChecked","isPartiallyChecked","onCheck","onClick","jsxs","jsx","CheckBox","checked","_value","event","BodyPrimary","BodyCaption","Tag","IconButton","ChevronRight"],"mappings":"0bAoBMA,EAAeC,EAAAA,QAAO;AAAA;AAAA,sBAEN,CAAC,CAAE,WAAAC,EAAY,SAAAC,CAAA,IACjCD,EACIE,EAAAA,OAAO,WAAW,SAAS,MAC3BD,EACEC,EAAAA,OAAO,QAAQ,QACfA,EAAAA,OAAO,QAAQ,QAAQ;AAAA,6BACJA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAO1B,CAAC,CAAE,WAAAF,KACvBA,EAAaE,EAAAA,OAAO,WAAW,SAAS,MAAQA,SAAO,QAAQ,OAAO;AAAA;AAAA,EAI7DC,EAAgE,CAAC,CAC5E,GAAAC,EACA,KAAAC,EACA,WAAAC,EACA,cAAAC,EACA,UAAAC,EACA,mBAAAC,EACA,QAAAC,EACA,QAAAC,CACF,IACEC,EAAAA,KAACd,EAAA,CACC,SAAUU,GAAaC,EACvB,WAAYD,EACZ,QAAAG,EAEA,SAAA,CAAAE,EAAAA,IAACC,EAAAA,SAAA,CACC,UAAWN,GAAaC,EACxB,mBAAoBA,GAAsB,CAACD,EAC3C,cAAe,SACbO,EACAC,EACAC,EACA,CACAA,GAAO,gBAAA,EACPP,EAAQK,EAASE,CAAK,CACxB,EACA,MAAO,CAAE,YAAa,EAAA,CAAG,CAAA,EAE3BL,EAAAA,KAAC,MAAA,CAAI,MAAO,CAAE,KAAM,EAAG,QAAS,OAAQ,cAAe,QAAA,EACrD,SAAA,CAAAC,EAAAA,IAACK,EAAAA,aAAa,SAAAb,CAAA,CAAK,EACnBO,EAAAA,KAACO,EAAAA,YAAA,CAAY,MAAO,CAAE,MAAOjB,EAAAA,OAAO,KAAK,UAAW,SAAU,EAAA,EAC3D,SAAA,CAAAI,EAAW,YAAUA,IAAe,EAAI,IAAM,EAAA,CAAA,CACjD,CAAA,EACF,EACC,CAAC,CAACC,GACDM,EAAAA,IAACO,EAAAA,KAAI,QAAS,GAAGb,CAAa,YAAa,KAAK,WAAW,MAAO,CAAE,WAAY,IAAM,EAExFM,EAAAA,IAACQ,EAAAA,WAAA,CAAW,KAAMC,EAAAA,QAAc,OAAQ,GAAI,MAAO,GAAI,MAAO,CAAE,WAAY,CAAA,CAAE,CAAG,CAAA,CAAA,CACnF"}

package/dist/cjs/components/text-picker/TextPickerFooter.js CHANGED Viewed

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("styled-components"),i=require("../../constants/Theme.js"),s=require("../TypographyStyle.js"),c=require("../tag/Tag.js"),d=r.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("styled-components"),r=require("../../constants/Theme.js"),c=require("../TypographyStyle.js"),d=require("../tag/Tag.js"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=l(s),a=o.default.div`
 	box-sizing: border-box;
 	width: 100%;
 	margin: 0;
 	display: flex;
 	justify-content: flex-start;
 	align-items: center;
-`,y=r.div`
+`,y=o.default.div`
 	display: flex;
 	align-items: center;
-`,l=r(s.BodySecondary)`
-	color: ${({$isInactive:e})=>e?i.COLORS.content.inactive:i.COLORS.content.brand};
-`,a=({totalSelected:e,maxDocuments:n})=>{const o=n!==1/0&&e>=n;return t.jsx(d,{children:t.jsx(y,{children:o?t.jsx(c.Tag,{tagText:`You can only select ${n} documents`,type:"negative"}):t.jsx(l,{$isInactive:e===0,children:n!==1/0?`${e}/${n} documents selected`:`${e} documents selected`})})})};exports.TextPickerFooter=a;
+`,u=o.default(c.BodySecondary)`
+	color: ${({$isInactive:e})=>e?r.COLORS.content.inactive:r.COLORS.content.brand};
+`,f=({totalSelected:e,maxDocuments:t})=>{const i=t!==1/0&&e>=t;return n.jsx(a,{children:n.jsx(y,{children:i?n.jsx(d.Tag,{tagText:`You can only select ${t} documents`,type:"negative"}):n.jsx(u,{$isInactive:e===0,children:t!==1/0?`${e}/${t} documents selected`:`${e} documents selected`})})})};exports.TextPickerFooter=f;
 //# sourceMappingURL=TextPickerFooter.js.map

package/dist/cjs/components/text-picker/TextPickerFooter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextPickerFooter.js","sources":["../../../../src/components/text-picker/TextPickerFooter.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { Tag } from '../tag';\nimport { BodySecondary } from '../TypographyStyle';\n\nexport interface TextPickerFooterProps {\n\ttotalSelected: number;\n\tmaxDocuments: number;\n}\n\nconst FooterContainer = styled.div`\n\tbox-sizing: border-box;\n\twidth: 100%;\n\tmargin: 0;\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n`;\n\nconst FooterInner = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n`;\n\ninterface BodyCaptionStyledProps {\n\t$isInactive: boolean;\n}\n\nconst BodyCaptionStyled = styled(BodySecondary)<BodyCaptionStyledProps>`\n\tcolor: ${({ $isInactive }) =>\n\t\t$isInactive ? COLORS.content.inactive : COLORS.content.brand};\n`;\n\nexport const TextPickerFooter: React.FC<TextPickerFooterProps> = ({\n\ttotalSelected,\n\tmaxDocuments,\n}) => {\n\tconst showError = maxDocuments !== Infinity && totalSelected >= maxDocuments;\n\treturn (\n\t\t<FooterContainer>\n\t\t\t<FooterInner>\n\t\t\t\t{showError ? (\n\t\t\t\t\t<Tag\n\t\t\t\t\t\ttagText={`You can only select ${maxDocuments} documents`}\n\t\t\t\t\t\ttype=\"negative\"\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<BodyCaptionStyled $isInactive={totalSelected === 0}>\n\t\t\t\t\t\t{maxDocuments !== Infinity\n\t\t\t\t\t\t\t? `${totalSelected}/${maxDocuments} documents selected`\n\t\t\t\t\t\t\t: `${totalSelected} documents selected`}\n\t\t\t\t\t</BodyCaptionStyled>\n\t\t\t\t)}\n\t\t\t</FooterInner>\n\t\t</FooterContainer>\n\t);\n};\n"],"names":["FooterContainer","styled","FooterInner","BodyCaptionStyled","BodySecondary","$isInactive","COLORS","TextPickerFooter","totalSelected","maxDocuments","showError","jsx","Tag"],"mappings":"~~wPAWMA~~,EAAkBC,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASzBC,EAAcD,~~EAAO~~;AAAA;AAAA;AAAA,EASrBE,EAAoBF,~~EAAOG~~,eAAa;AAAA,UACpC,CAAC,CAAE,YAAAC,CAAA,IACXA,EAAcC,EAAAA,OAAO,QAAQ,SAAWA,EAAAA,OAAO,QAAQ,KAAK;AAAA,EAGjDC,EAAoD,CAAC,CACjE,cAAAC,EACA,aAAAC,CACD,IAAM,CACL,MAAMC,EAAYD,IAAiB,KAAYD,GAAiBC,EAChE,OACCE,EAAAA,IAACX,EAAA,CACA,SAAAW,EAAAA,IAACT,EAAA,CACC,SAAAQ,EACAC,EAAAA,IAACC,EAAAA,IAAA,CACA,QAAS,uBAAuBH,CAAY,aAC5C,KAAK,UAAA,CAAA,EAGNE,EAAAA,IAACR,EAAA,CAAkB,YAAaK,IAAkB,EAChD,SAAAC,IAAiB,IACf,GAAGD,CAAa,IAAIC,CAAY,sBAChC,GAAGD,CAAa,qBAAA,CACpB,EAEF,EACD,CAEF"}
1	+ {"version":3,"file":"TextPickerFooter.js","sources":["../../../../src/components/text-picker/TextPickerFooter.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { Tag } from '../tag';\nimport { BodySecondary } from '../TypographyStyle';\n\nexport interface TextPickerFooterProps {\n\ttotalSelected: number;\n\tmaxDocuments: number;\n}\n\nconst FooterContainer = styled.div`\n\tbox-sizing: border-box;\n\twidth: 100%;\n\tmargin: 0;\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n`;\n\nconst FooterInner = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n`;\n\ninterface BodyCaptionStyledProps {\n\t$isInactive: boolean;\n}\n\nconst BodyCaptionStyled = styled(BodySecondary)<BodyCaptionStyledProps>`\n\tcolor: ${({ $isInactive }) =>\n\t\t$isInactive ? COLORS.content.inactive : COLORS.content.brand};\n`;\n\nexport const TextPickerFooter: React.FC<TextPickerFooterProps> = ({\n\ttotalSelected,\n\tmaxDocuments,\n}) => {\n\tconst showError = maxDocuments !== Infinity && totalSelected >= maxDocuments;\n\treturn (\n\t\t<FooterContainer>\n\t\t\t<FooterInner>\n\t\t\t\t{showError ? (\n\t\t\t\t\t<Tag\n\t\t\t\t\t\ttagText={`You can only select ${maxDocuments} documents`}\n\t\t\t\t\t\ttype=\"negative\"\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<BodyCaptionStyled $isInactive={totalSelected === 0}>\n\t\t\t\t\t\t{maxDocuments !== Infinity\n\t\t\t\t\t\t\t? `${totalSelected}/${maxDocuments} documents selected`\n\t\t\t\t\t\t\t: `${totalSelected} documents selected`}\n\t\t\t\t\t</BodyCaptionStyled>\n\t\t\t\t)}\n\t\t\t</FooterInner>\n\t\t</FooterContainer>\n\t);\n};\n"],"names":["FooterContainer","styled","FooterInner","BodyCaptionStyled","BodySecondary","$isInactive","COLORS","TextPickerFooter","totalSelected","maxDocuments","showError","jsx","Tag"],"mappings":"uTAWMA,EAAkBC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASzBC,EAAcD,EAAAA,QAAO;AAAA;AAAA;AAAA,EASrBE,EAAoBF,EAAAA,QAAOG,eAAa;AAAA,UACpC,CAAC,CAAE,YAAAC,CAAA,IACXA,EAAcC,EAAAA,OAAO,QAAQ,SAAWA,EAAAA,OAAO,QAAQ,KAAK;AAAA,EAGjDC,EAAoD,CAAC,CACjE,cAAAC,EACA,aAAAC,CACD,IAAM,CACL,MAAMC,EAAYD,IAAiB,KAAYD,GAAiBC,EAChE,OACCE,EAAAA,IAACX,EAAA,CACA,SAAAW,EAAAA,IAACT,EAAA,CACC,SAAAQ,EACAC,EAAAA,IAACC,EAAAA,IAAA,CACA,QAAS,uBAAuBH,CAAY,aAC5C,KAAK,UAAA,CAAA,EAGNE,EAAAA,IAACR,EAAA,CAAkB,YAAaK,IAAkB,EAChD,SAAAC,IAAiB,IACf,GAAGD,CAAa,IAAIC,CAAY,sBAChC,GAAGD,CAAa,qBAAA,CACpB,EAEF,EACD,CAEF"}

package/dist/cjs/components/text-picker/TextPickerItemRow.js CHANGED Viewed

@@ -1,18 +1,18 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("styled-components"),t=require("../../constants/Theme.js"),a=require("../TypographyStyle.js"),d=require("../checkBox/CheckBox.js"),x=i.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("styled-components"),r=require("../../constants/Theme.js"),d=require("../TypographyStyle.js"),l=require("../checkBox/CheckBox.js"),u=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=u(a),p=o.default.div`
 	min-height: 48px;
-	background: ${({selected:r})=>r?t.COLORS.surface.hovered:t.COLORS.surface.standard};
-	border-bottom: 1px solid ${t.COLORS.stroke.primary};
+	background: ${({selected:e})=>e?r.COLORS.surface.hovered:r.COLORS.surface.standard};
+	border-bottom: 1px solid ${r.COLORS.stroke.primary};
 	padding: 12px 24px;
 	display: flex;
 	align-items: center;
 	cursor: pointer;
-`,l=i.div`
+`,x=o.default.div`
 	margin-right: 16px;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
-`,p=i.div`
+`,m=o.default.div`
 	flex: 1;
-`,m=({item:r,selected:o,onCheck:n,onClick:c})=>e.jsxs(x,{selected:o,onClick:c,children:[e.jsx(l,{onClick:s=>s.stopPropagation(),children:e.jsx(d.CheckBox,{isChecked:o,onValueChange:n})}),e.jsx(p,{children:e.jsx(a.BodyPrimary,{children:r.name})})]});exports.TextPickerItemRow=m;
+`,f=({item:e,selected:i,onCheck:n,onClick:c})=>t.jsxs(p,{selected:i,onClick:c,children:[t.jsx(x,{onClick:s=>s.stopPropagation(),children:t.jsx(l.CheckBox,{isChecked:i,onValueChange:n})}),t.jsx(m,{children:t.jsx(d.BodyPrimary,{children:e.name})})]});exports.TextPickerItemRow=f;
 //# sourceMappingURL=TextPickerItemRow.js.map

package/dist/cjs/components/text-picker/TextPickerItemRow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextPickerItemRow.js","sources":["../../../../src/components/text-picker/TextPickerItemRow.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { CheckBox } from '../checkBox';\nimport { BodyPrimary } from '../TypographyStyle';\n\nconst ItemRow = styled.div<{ selected: boolean }>`\n\tmin-height: 48px;\n\tbackground: ${({ selected }) =>\n\t\tselected ? COLORS.surface.hovered : COLORS.surface.standard};\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n\tpadding: 12px 24px;\n\tdisplay: flex;\n\talign-items: center;\n\tcursor: pointer;\n`;\n\nconst CheckBoxWrapper = styled.div`\n\tmargin-right: 16px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n`;\n\nconst ItemTextWrapper = styled.div`\n\tflex: 1;\n`;\n\nexport interface TextPickerItemRowProps {\n\titem: { id: string; name: string };\n\tselected: boolean;\n\tonCheck: (checked: boolean) => void;\n\tonClick: () => void;\n}\n\nexport const TextPickerItemRow: React.FC<TextPickerItemRowProps> = ({\n\titem,\n\tselected,\n\tonCheck,\n\tonClick,\n}) => (\n\t<ItemRow selected={selected} onClick={onClick}>\n\t\t<CheckBoxWrapper onClick={(e) => e.stopPropagation()}>\n\t\t\t<CheckBox isChecked={selected} onValueChange={onCheck} />\n\t\t</CheckBoxWrapper>\n\t\t<ItemTextWrapper>\n\t\t\t<BodyPrimary>{item.name}</BodyPrimary>\n\t\t</ItemTextWrapper>\n\t</ItemRow>\n);\n"],"names":["ItemRow","styled","selected","COLORS","CheckBoxWrapper","ItemTextWrapper","TextPickerItemRow","item","onCheck","onClick","jsxs","jsx","e","CheckBox","BodyPrimary"],"mappings":"~~kQAMMA~~,EAAUC,~~EAAO~~;AAAA;AAAA,eAER,CAAC,CAAE,SAAAC,CAAA,IAChBA,EAAWC,EAAAA,OAAO,QAAQ,QAAUA,EAAAA,OAAO,QAAQ,QAAQ;AAAA,4BACjCA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAO3CC,EAAkBH,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQzBI,EAAkBJ,~~EAAO~~;AAAA;AAAA,EAWlBK,EAAsD,CAAC,CACnE,KAAAC,EACA,SAAAL,EACA,QAAAM,EACA,QAAAC,CACD,IACCC,EAAAA,KAACV,EAAA,CAAQ,SAAAE,EAAoB,QAAAO,EAC5B,SAAA,CAAAE,EAAAA,IAACP,EAAA,CAAgB,QAAUQ,GAAMA,EAAE,kBAClC,SAAAD,EAAAA,IAACE,EAAAA,SAAA,CAAS,UAAWX,EAAU,cAAeM,EAAS,EACxD,QACCH,EAAA,CACA,SAAAM,EAAAA,IAACG,cAAA,CAAa,SAAAP,EAAK,KAAK,CAAA,CACzB,CAAA,CAAA,CACD"}
1	+ {"version":3,"file":"TextPickerItemRow.js","sources":["../../../../src/components/text-picker/TextPickerItemRow.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { CheckBox } from '../checkBox';\nimport { BodyPrimary } from '../TypographyStyle';\n\nconst ItemRow = styled.div<{ selected: boolean }>`\n\tmin-height: 48px;\n\tbackground: ${({ selected }) =>\n\t\tselected ? COLORS.surface.hovered : COLORS.surface.standard};\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n\tpadding: 12px 24px;\n\tdisplay: flex;\n\talign-items: center;\n\tcursor: pointer;\n`;\n\nconst CheckBoxWrapper = styled.div`\n\tmargin-right: 16px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n`;\n\nconst ItemTextWrapper = styled.div`\n\tflex: 1;\n`;\n\nexport interface TextPickerItemRowProps {\n\titem: { id: string; name: string };\n\tselected: boolean;\n\tonCheck: (checked: boolean) => void;\n\tonClick: () => void;\n}\n\nexport const TextPickerItemRow: React.FC<TextPickerItemRowProps> = ({\n\titem,\n\tselected,\n\tonCheck,\n\tonClick,\n}) => (\n\t<ItemRow selected={selected} onClick={onClick}>\n\t\t<CheckBoxWrapper onClick={(e) => e.stopPropagation()}>\n\t\t\t<CheckBox isChecked={selected} onValueChange={onCheck} />\n\t\t</CheckBoxWrapper>\n\t\t<ItemTextWrapper>\n\t\t\t<BodyPrimary>{item.name}</BodyPrimary>\n\t\t</ItemTextWrapper>\n\t</ItemRow>\n);\n"],"names":["ItemRow","styled","selected","COLORS","CheckBoxWrapper","ItemTextWrapper","TextPickerItemRow","item","onCheck","onClick","jsxs","jsx","e","CheckBox","BodyPrimary"],"mappings":"iUAMMA,EAAUC,EAAAA,QAAO;AAAA;AAAA,eAER,CAAC,CAAE,SAAAC,CAAA,IAChBA,EAAWC,EAAAA,OAAO,QAAQ,QAAUA,EAAAA,OAAO,QAAQ,QAAQ;AAAA,4BACjCA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAO3CC,EAAkBH,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQzBI,EAAkBJ,EAAAA,QAAO;AAAA;AAAA,EAWlBK,EAAsD,CAAC,CACnE,KAAAC,EACA,SAAAL,EACA,QAAAM,EACA,QAAAC,CACD,IACCC,EAAAA,KAACV,EAAA,CAAQ,SAAAE,EAAoB,QAAAO,EAC5B,SAAA,CAAAE,EAAAA,IAACP,EAAA,CAAgB,QAAUQ,GAAMA,EAAE,kBAClC,SAAAD,EAAAA,IAACE,EAAAA,SAAA,CAAS,UAAWX,EAAU,cAAeM,EAAS,EACxD,QACCH,EAAA,CACA,SAAAM,EAAAA,IAACG,cAAA,CAAa,SAAAP,EAAK,KAAK,CAAA,CACzB,CAAA,CAAA,CACD"}

package/dist/cjs/components/text-picker/TextPickerModal.js CHANGED Viewed

@@ -1,27 +1,27 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),K=require("../../assets/icons/arrow_left.svg.js"),m=require("react"),h=require("styled-components"),l=require("../../constants/Theme.js"),Q=require("../TypographyStyle.js"),U=require("./TextPickerCategoryCard.js"),V=require("./TextPickerFooter.js"),W=require("./TextPickerItemRow.js"),X=require("./TextPickerSelectAllRow.js"),Y=require("../modals/styledModal.js"),I=require("../input/Input.js"),Z=require("../icon-button/IconButton.js"),ee=h.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),K=require("../../assets/icons/arrow_left.svg.js"),m=require("react"),Q=require("styled-components"),s=require("../../constants/Theme.js"),U=require("../TypographyStyle.js"),V=require("./TextPickerCategoryCard.js"),W=require("./TextPickerFooter.js"),X=require("./TextPickerItemRow.js"),Y=require("./TextPickerSelectAllRow.js"),Z=require("../modals/styledModal.js"),I=require("../input/Input.js"),ee=require("../icon-button/IconButton.js"),te=i=>i&&typeof i=="object"&&"default"in i?i:{default:i},u=te(Q),ne=u.default.div`
 	display: flex;
 	flex-direction: column;
 	height: 100%;
-`,O=h.div`
+`,O=u.default.div`
 	padding: 12px 24px;
-	border-bottom: 1px solid ${l.COLORS.stroke.primary};
-`,P=h.div`
+	border-bottom: 1px solid ${s.COLORS.stroke.primary};
+`,P=u.default.div`
 	flex: 1;
 	overflow-y: auto;
 	min-height: 0;
-`,te=h.div`
+`,ie=u.default.div`
 	display: flex;
 	align-items: center;
 	padding: 0 24px;
-	background: ${l.COLORS.surface.subdued};
-	border-bottom: 1px solid ${l.COLORS.stroke.primary};
-`,w=h.div`
+	background: ${s.COLORS.surface.subdued};
+	border-bottom: 1px solid ${s.COLORS.stroke.primary};
+`,w=u.default.div`
 	flex: 1;
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	color: ${l.COLORS.content.secondary};
+	color: ${s.COLORS.content.secondary};
 	text-align: center;
 	padding: 32px;
-`,ne=s=>{const{visible:B,categories:L,selectedItems:R,onAdd:f,onClose:q,title:v="Select Text",subtitle:A,width:M="640px",zIndex:F}=s,d=s.maxDocuments??1/0,[$,k]=m.useState("categories"),[u,g]=m.useState(""),[o,C]=m.useState(R),[n,S]=m.useState(null),p=L.filter(e=>e.name.toLowerCase().includes(u.toLowerCase())),c=n?n.items.filter(e=>e.name.toLowerCase().includes(u.toLowerCase())):[],a=Object.values(o).reduce((e,i)=>e+i.length,0),D=A||"",j=e=>e.items.length>0&&o[e.id]?.length===e.items.length,E=e=>!!o[e.id]?.length&&o[e.id].length<e.items.length,b=()=>!!n&&c.length>0&&o[n.id]?.length===c.length,H=()=>!!n&&!!o[n.id]?.length&&o[n.id].length<c.length,N=(e,i,r)=>{r&&r.stopPropagation(),C(x=>({...x,[e.id]:i?e.items.map(y=>y.id):[]}))},z=e=>{S(e),k("items"),g("")},T=(e,i)=>{n&&C(r=>{const x=r[n.id]||[];return i&&a>=d?r:{...r,[n.id]:i?[...x,e]:x.filter(y=>y!==e)}})},_=e=>{n&&C(i=>e?{...i,[n.id]:c.map(r=>r.id)}:{...i,[n.id]:[]})},G=()=>{k("categories"),S(null),g("")},J=()=>t.jsx(V.TextPickerFooter,{totalSelected:a,maxDocuments:d});return t.jsx(Y.StyledModal,{open:B,onClose:q,headingTitle:v,headingSubtitle:D,centralContainerStyles:{width:M,zIndex:F},hideCrossButton:!1,primaryButton:s.primaryButton?{...s.primaryButton,buttonText:s.primaryButton.isLoading?"Loading...":s.primaryButton.buttonText||"Add",disabled:(s.primaryButton.disabled??!1)||a===0||d!==1/0&&a>=d,onClick:s.primaryButton.onClick||(()=>f(o))}:{buttonText:"Add",disabled:a===0||d!==1/0&&a>=d,onClick:()=>f(o)},footerLeftCustomElement:J(),footerContainerStyle:{borderTop:`1px solid ${l.COLORS.stroke.primary}`,background:l.COLORS.surface.standard},modalBodyStyles:{overflow:"hidden",display:"flex",flexDirection:"column",flex:1},wrapperStyle:{height:"calc(100vh - 168px)"},children:t.jsx(ee,{children:$==="categories"?t.jsxs(t.Fragment,{children:[t.jsx(O,{children:t.jsx(I.Input,{placeholder:"Search ...",value:u,onChangeText:g,height:"40px"})}),t.jsx(P,{children:p.length===0?t.jsx(w,{children:"No categories found. Try a different search."}):p.map(e=>t.jsx(U.TextPickerCategoryCard,{id:e.id,name:e.name,itemsCount:e.items.length,selectedCount:o[e.id]?.length||0,isChecked:j(e),isPartiallyChecked:E(e)&&!j(e),onCheck:(i,r)=>N(e,i,r),onClick:()=>z(e)},e.id))})]}):t.jsxs(t.Fragment,{children:[t.jsxs(te,{children:[t.jsx(Z.IconButton,{Icon:K.default,height:16,width:16,onClick:G,style:{marginRight:8},"aria-label":"Back"}),t.jsx(Q.BodyCaption,{style:{color:l.COLORS.content.secondary},children:n?.name})]}),t.jsx(O,{children:t.jsx(I.Input,{placeholder:"Search ...",value:u,onChangeText:g,height:"40px"})}),t.jsx(P,{children:c.length===0?t.jsx(w,{children:"No items found. Try a different search."}):t.jsxs(t.Fragment,{children:[t.jsx(X.TextPickerSelectAllRow,{isChecked:b(),isPartiallyChecked:H()&&!b(),onCheck:_}),c.map(e=>t.jsx(W.TextPickerItemRow,{item:e,selected:o[n.id]?.includes(e.id)||!1,onCheck:i=>T(e.id,i),onClick:()=>T(e.id,!o[n.id]?.includes(e.id))},e.id))]})})]})})})};exports.TextPickerModal=ne;
+`,oe=i=>{const{visible:B,categories:L,selectedItems:R,onAdd:f,onClose:q,title:v="Select Text",subtitle:A,width:M="640px",zIndex:F}=i,d=i.maxDocuments??1/0,[$,k]=m.useState("categories"),[h,g]=m.useState(""),[r,C]=m.useState(R),[n,p]=m.useState(null),S=L.filter(e=>e.name.toLowerCase().includes(h.toLowerCase())),c=n?n.items.filter(e=>e.name.toLowerCase().includes(h.toLowerCase())):[],a=Object.values(r).reduce((e,o)=>e+o.length,0),D=A||"",j=e=>e.items.length>0&&r[e.id]?.length===e.items.length,_=e=>!!r[e.id]?.length&&r[e.id].length<e.items.length,b=()=>!!n&&c.length>0&&r[n.id]?.length===c.length,E=()=>!!n&&!!r[n.id]?.length&&r[n.id].length<c.length,H=(e,o,l)=>{l&&l.stopPropagation(),C(x=>({...x,[e.id]:o?e.items.map(y=>y.id):[]}))},N=e=>{p(e),k("items"),g("")},T=(e,o)=>{n&&C(l=>{const x=l[n.id]||[];return o&&a>=d?l:{...l,[n.id]:o?[...x,e]:x.filter(y=>y!==e)}})},z=e=>{n&&C(o=>e?{...o,[n.id]:c.map(l=>l.id)}:{...o,[n.id]:[]})},G=()=>{k("categories"),p(null),g("")},J=()=>t.jsx(W.TextPickerFooter,{totalSelected:a,maxDocuments:d});return t.jsx(Z.StyledModal,{open:B,onClose:q,headingTitle:v,headingSubtitle:D,centralContainerStyles:{width:M,zIndex:F},hideCrossButton:!1,primaryButton:i.primaryButton?{...i.primaryButton,buttonText:i.primaryButton.isLoading?"Loading...":i.primaryButton.buttonText||"Add",disabled:(i.primaryButton.disabled??!1)||a===0||d!==1/0&&a>=d,onClick:i.primaryButton.onClick||(()=>f(r))}:{buttonText:"Add",disabled:a===0||d!==1/0&&a>=d,onClick:()=>f(r)},footerLeftCustomElement:J(),footerContainerStyle:{borderTop:`1px solid ${s.COLORS.stroke.primary}`,background:s.COLORS.surface.standard},modalBodyStyles:{overflow:"hidden",display:"flex",flexDirection:"column",flex:1},wrapperStyle:{height:"calc(100vh - 168px)"},children:t.jsx(ne,{children:$==="categories"?t.jsxs(t.Fragment,{children:[t.jsx(O,{children:t.jsx(I.Input,{placeholder:"Search ...",value:h,onChangeText:g,height:"40px"})}),t.jsx(P,{children:S.length===0?t.jsx(w,{children:"No categories found. Try a different search."}):S.map(e=>t.jsx(V.TextPickerCategoryCard,{id:e.id,name:e.name,itemsCount:e.items.length,selectedCount:r[e.id]?.length||0,isChecked:j(e),isPartiallyChecked:_(e)&&!j(e),onCheck:(o,l)=>H(e,o,l),onClick:()=>N(e)},e.id))})]}):t.jsxs(t.Fragment,{children:[t.jsxs(ie,{children:[t.jsx(ee.IconButton,{Icon:K.default,height:16,width:16,onClick:G,style:{marginRight:8},"aria-label":"Back"}),t.jsx(U.BodyCaption,{style:{color:s.COLORS.content.secondary},children:n?.name})]}),t.jsx(O,{children:t.jsx(I.Input,{placeholder:"Search ...",value:h,onChangeText:g,height:"40px"})}),t.jsx(P,{children:c.length===0?t.jsx(w,{children:"No items found. Try a different search."}):t.jsxs(t.Fragment,{children:[t.jsx(Y.TextPickerSelectAllRow,{isChecked:b(),isPartiallyChecked:E()&&!b(),onCheck:z}),c.map(e=>t.jsx(X.TextPickerItemRow,{item:e,selected:r[n.id]?.includes(e.id)||!1,onCheck:o=>T(e.id,o),onClick:()=>T(e.id,!r[n.id]?.includes(e.id))},e.id))]})})]})})})};exports.TextPickerModal=oe;
 //# sourceMappingURL=TextPickerModal.js.map

package/dist/cjs/components/text-picker/TextPickerModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextPickerModal.js","sources":["../../../../src/components/text-picker/TextPickerModal.tsx"],"sourcesContent":["import ArrowLeftIcon from '@src/assets/icons/arrow_left.svg';\nimport React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport type { ButtonProps } from '../button/model';\nimport { IconButton } from '../icon-button';\nimport { Input } from '../input';\nimport { StyledModal } from '../modals';\nimport { BodyCaption } from '../TypographyStyle';\nimport { TextPickerCategoryCard } from './TextPickerCategoryCard';\nimport { TextPickerFooter } from './TextPickerFooter';\nimport { TextPickerItemRow } from './TextPickerItemRow';\nimport { TextPickerSelectAllRow } from './TextPickerSelectAllRow';\n\nexport interface TextPickerCategory {\n\tid: string;\n\tname: string;\n\titems: { id: string; name: string }[];\n}\n\nexport interface TextPickerProps {\n\tvisible: boolean;\n\tcategories: TextPickerCategory[];\n\tselectedItems: { [categoryId: string]: string[] };\n\tonAdd: (selected: { [categoryId: string]: string[] }) => void;\n\tonClose?: () => void;\n\ttitle?: string;\n\tsubtitle?: string;\n\twidth?: string;\n\tzIndex?: number;\n\tmaxDocuments?: number;\n\tprimaryButton?: ButtonProps;\n\tsecondaryButton?: ButtonProps;\n}\n\nconst ModalContent = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n`;\n\nconst ModalHeader = styled.div`\n\tpadding: 12px 24px;\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n`;\n\nconst ModalScrollable = styled.div`\n\tflex: 1;\n\toverflow-y: auto;\n\tmin-height: 0;\n`;\n\nconst ItemsHeader = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: 0 24px;\n\tbackground: ${COLORS.surface.subdued};\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n`;\n\nconst EmptyState = styled.div`\n\tflex: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tcolor: ${COLORS.content.secondary};\n\ttext-align: center;\n\tpadding: 32px;\n`;\n\nexport const TextPickerModal: React.FC<TextPickerProps> = (props) => {\n\tconst {\n\t\tvisible,\n\t\tcategories,\n\t\tselectedItems,\n\t\tonAdd,\n\t\tonClose,\n\t\ttitle = 'Select Text',\n\t\tsubtitle,\n\t\twidth = '640px',\n\t\tzIndex,\n\t} = props;\n\n\tconst maxDocuments = props.maxDocuments ?? Infinity;\n\tconst [screen, setScreen] = useState<'categories' \| 'items'>('categories');\n\tconst [search, setSearch] = useState('');\n\tconst [selected, setSelected] = useState<{ [categoryId: string]: string[] }>(\n\t\tselectedItems,\n\t);\n\tconst [activeCategory, setActiveCategory] =\n\t\tuseState<TextPickerCategory \| null>(null);\n\n\tconst filteredCategories = categories.filter((cat) =>\n\t\tcat.name.toLowerCase().includes(search.toLowerCase()),\n\t);\n\tconst filteredItems = activeCategory\n\t\t? activeCategory.items.filter((item) =>\n\t\t\t\titem.name.toLowerCase().includes(search.toLowerCase()),\n\t\t )\n\t\t: [];\n\n\tconst totalSelected = Object.values(selected).reduce(\n\t\t(acc, arr) => acc + arr.length,\n\t\t0,\n\t);\n\tconst subtitleString = subtitle \|\| '';\n\n\tconst isCategoryChecked = (cat: TextPickerCategory) =>\n\t\tcat.items.length > 0 && selected[cat.id]?.length === cat.items.length;\n\tconst isCategoryPartiallyChecked = (cat: TextPickerCategory) =>\n\t\t!!selected[cat.id]?.length && selected[cat.id].length < cat.items.length;\n\n\tconst isAllItemsChecked = () =>\n\t\t!!activeCategory &&\n\t\tfilteredItems.length > 0 &&\n\t\tselected[activeCategory.id]?.length === filteredItems.length;\n\tconst isSomeItemsChecked = () =>\n\t\t!!activeCategory &&\n\t\t!!selected[activeCategory.id]?.length &&\n\t\tselected[activeCategory.id].length < filteredItems.length;\n\n\tconst handleCategoryCheck = (\n\t\tcat: TextPickerCategory,\n\t\tchecked: boolean,\n\t\te?: React.MouseEvent,\n\t) => {\n\t\tif (e) e.stopPropagation();\n\t\tsetSelected((prev) => ({\n\t\t\t...prev,\n\t\t\t[cat.id]: checked ? cat.items.map((item) => item.id) : [],\n\t\t}));\n\t};\n\n\tconst handleCategoryClick = (cat: TextPickerCategory) => {\n\t\tsetActiveCategory(cat);\n\t\tsetScreen('items');\n\t\tsetSearch('');\n\t};\n\n\tconst handleItemCheck = (itemId: string, checked: boolean) => {\n\t\tif (!activeCategory) return;\n\t\tsetSelected((prev) => {\n\t\t\tconst arr = prev[activeCategory.id] \|\| [];\n\t\t\tif (checked && totalSelected >= maxDocuments) return prev;\n\t\t\treturn {\n\t\t\t\t...prev,\n\t\t\t\t[activeCategory.id]: checked\n\t\t\t\t\t? [...arr, itemId]\n\t\t\t\t\t: arr.filter((i) => i !== itemId),\n\t\t\t};\n\t\t});\n\t};\n\n\tconst handleAllItemsCheck = (checked: boolean) => {\n\t\tif (!activeCategory) return;\n\t\tsetSelected((prev) => {\n\t\t\tif (checked) {\n\t\t\t\treturn {\n\t\t\t\t\t...prev,\n\t\t\t\t\t[activeCategory.id]: filteredItems.map((item) => item.id),\n\t\t\t\t};\n\t\t\t} else {\n\t\t\t\treturn {\n\t\t\t\t\t...prev,\n\t\t\t\t\t[activeCategory.id]: [],\n\t\t\t\t};\n\t\t\t}\n\t\t});\n\t};\n\n\tconst handleBack = () => {\n\t\tsetScreen('categories');\n\t\tsetActiveCategory(null);\n\t\tsetSearch('');\n\t};\n\n\tconst renderFooter = () => (\n\t\t<TextPickerFooter\n\t\t\ttotalSelected={totalSelected}\n\t\t\tmaxDocuments={maxDocuments}\n\t\t/>\n\t);\n\n\treturn (\n\t\t<StyledModal\n\t\t\topen={visible}\n\t\t\tonClose={onClose}\n\t\t\theadingTitle={title}\n\t\t\theadingSubtitle={subtitleString}\n\t\t\tcentralContainerStyles={{ width, zIndex }}\n\t\t\thideCrossButton={false}\n\t\t\tprimaryButton={\n\t\t\t\tprops.primaryButton\n\t\t\t\t\t? {\n\t\t\t\t\t\t\t...props.primaryButton,\n\t\t\t\t\t\t\tbuttonText: props.primaryButton.isLoading\n\t\t\t\t\t\t\t\t? 'Loading...'\n\t\t\t\t\t\t\t\t: props.primaryButton.buttonText \|\| 'Add',\n\t\t\t\t\t\t\tdisabled:\n\t\t\t\t\t\t\t\t(props.primaryButton.disabled ?? false) \|\|\n\t\t\t\t\t\t\t\ttotalSelected === 0 \|\|\n\t\t\t\t\t\t\t\t(maxDocuments !== Infinity && totalSelected >= maxDocuments),\n\t\t\t\t\t\t\tonClick: props.primaryButton.onClick \|\| (() => onAdd(selected)),\n\t\t\t\t\t }\n\t\t\t\t\t: {\n\t\t\t\t\t\t\tbuttonText: 'Add',\n\t\t\t\t\t\t\tdisabled:\n\t\t\t\t\t\t\t\ttotalSelected === 0 \|\|\n\t\t\t\t\t\t\t\t(maxDocuments !== Infinity && totalSelected >= maxDocuments),\n\t\t\t\t\t\t\tonClick: () => onAdd(selected),\n\t\t\t\t\t }\n\t\t\t}\n\t\t\tfooterLeftCustomElement={renderFooter()}\n\t\t\tfooterContainerStyle={{\n\t\t\t\tborderTop: `1px solid ${COLORS.stroke.primary}`,\n\t\t\t\tbackground: COLORS.surface.standard,\n\t\t\t}}\n\t\t\tmodalBodyStyles={{\n\t\t\t\toverflow: 'hidden',\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tflexDirection: 'column',\n\t\t\t\tflex: 1,\n\t\t\t}}\n\t\t\twrapperStyle={{\n\t\t\t\theight: 'calc(100vh - 168px)',\n\t\t\t}}\n\t\t>\n\t\t\t<ModalContent>\n\t\t\t\t{screen === 'categories' ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<ModalHeader>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tplaceholder=\"Search ...\"\n\t\t\t\t\t\t\t\tvalue={search}\n\t\t\t\t\t\t\t\tonChangeText={setSearch}\n\t\t\t\t\t\t\t\theight=\"40px\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ModalHeader>\n\t\t\t\t\t\t<ModalScrollable>\n\t\t\t\t\t\t\t{filteredCategories.length === 0 ? (\n\t\t\t\t\t\t\t\t<EmptyState>\n\t\t\t\t\t\t\t\t\tNo categories found. Try a different search.\n\t\t\t\t\t\t\t\t</EmptyState>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\tfilteredCategories.map((cat) => (\n\t\t\t\t\t\t\t\t\t<TextPickerCategoryCard\n\t\t\t\t\t\t\t\t\t\tkey={cat.id}\n\t\t\t\t\t\t\t\t\t\tid={cat.id}\n\t\t\t\t\t\t\t\t\t\tname={cat.name}\n\t\t\t\t\t\t\t\t\t\titemsCount={cat.items.length}\n\t\t\t\t\t\t\t\t\t\tselectedCount={selected[cat.id]?.length \|\| 0}\n\t\t\t\t\t\t\t\t\t\tisChecked={isCategoryChecked(cat)}\n\t\t\t\t\t\t\t\t\t\tisPartiallyChecked={\n\t\t\t\t\t\t\t\t\t\t\tisCategoryPartiallyChecked(cat) && !isCategoryChecked(cat)\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonCheck={(checked, e) =>\n\t\t\t\t\t\t\t\t\t\t\thandleCategoryCheck(cat, checked, e)\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonClick={() => handleCategoryClick(cat)}\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</ModalScrollable>\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<ItemsHeader>\n\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\tIcon={ArrowLeftIcon}\n\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\tonClick={handleBack}\n\t\t\t\t\t\t\t\tstyle={{ marginRight: 8 }}\n\t\t\t\t\t\t\t\taria-label=\"Back\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<BodyCaption style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t{activeCategory?.name}\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t</ItemsHeader>\n\t\t\t\t\t\t<ModalHeader>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tplaceholder=\"Search ...\"\n\t\t\t\t\t\t\t\tvalue={search}\n\t\t\t\t\t\t\t\tonChangeText={setSearch}\n\t\t\t\t\t\t\t\theight=\"40px\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ModalHeader>\n\t\t\t\t\t\t<ModalScrollable>\n\t\t\t\t\t\t\t{filteredItems.length === 0 ? (\n\t\t\t\t\t\t\t\t<EmptyState>No items found. Try a different search.</EmptyState>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<TextPickerSelectAllRow\n\t\t\t\t\t\t\t\t\t\tisChecked={isAllItemsChecked()}\n\t\t\t\t\t\t\t\t\t\tisPartiallyChecked={\n\t\t\t\t\t\t\t\t\t\t\tisSomeItemsChecked() && !isAllItemsChecked()\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonCheck={handleAllItemsCheck}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{filteredItems.map((item) => (\n\t\t\t\t\t\t\t\t\t\t<TextPickerItemRow\n\t\t\t\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\t\t\t\titem={item}\n\t\t\t\t\t\t\t\t\t\t\tselected={\n\t\t\t\t\t\t\t\t\t\t\t\tselected[activeCategory!.id]?.includes(item.id) \|\| false\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tonCheck={(checked) => handleItemCheck(item.id, checked)}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\t\t\thandleItemCheck(\n\t\t\t\t\t\t\t\t\t\t\t\t\titem.id,\n\t\t\t\t\t\t\t\t\t\t\t\t\t!selected[activeCategory!.id]?.includes(item.id),\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</ModalScrollable>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</ModalContent>\n\t\t</StyledModal>\n\t);\n};\n"],"names":["ModalContent","styled","ModalHeader","COLORS","ModalScrollable","ItemsHeader","EmptyState","TextPickerModal","props","visible","categories","selectedItems","onAdd","onClose","title","subtitle","width","zIndex","maxDocuments","screen","setScreen","useState","search","setSearch","selected","setSelected","activeCategory","setActiveCategory","filteredCategories","cat","filteredItems","item","totalSelected","acc","arr","subtitleString","isCategoryChecked","isCategoryPartiallyChecked","isAllItemsChecked","isSomeItemsChecked","handleCategoryCheck","checked","e","prev","handleCategoryClick","handleItemCheck","itemId","i","handleAllItemsCheck","handleBack","renderFooter","jsx","TextPickerFooter","StyledModal","jsxs","Fragment","Input","TextPickerCategoryCard","IconButton","ArrowLeftIcon","BodyCaption","TextPickerSelectAllRow","TextPickerItemRow"],"mappings":"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"}
1	+ {"version":3,"file":"TextPickerModal.js","sources":["../../../../src/components/text-picker/TextPickerModal.tsx"],"sourcesContent":["import ArrowLeftIcon from '@src/assets/icons/arrow_left.svg';\nimport React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport type { ButtonProps } from '../button/model';\nimport { IconButton } from '../icon-button';\nimport { Input } from '../input';\nimport { StyledModal } from '../modals';\nimport { BodyCaption } from '../TypographyStyle';\nimport { TextPickerCategoryCard } from './TextPickerCategoryCard';\nimport { TextPickerFooter } from './TextPickerFooter';\nimport { TextPickerItemRow } from './TextPickerItemRow';\nimport { TextPickerSelectAllRow } from './TextPickerSelectAllRow';\n\nexport interface TextPickerCategory {\n\tid: string;\n\tname: string;\n\titems: { id: string; name: string }[];\n}\n\nexport interface TextPickerProps {\n\tvisible: boolean;\n\tcategories: TextPickerCategory[];\n\tselectedItems: { [categoryId: string]: string[] };\n\tonAdd: (selected: { [categoryId: string]: string[] }) => void;\n\tonClose?: () => void;\n\ttitle?: string;\n\tsubtitle?: string;\n\twidth?: string;\n\tzIndex?: number;\n\tmaxDocuments?: number;\n\tprimaryButton?: ButtonProps;\n\tsecondaryButton?: ButtonProps;\n}\n\nconst ModalContent = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n`;\n\nconst ModalHeader = styled.div`\n\tpadding: 12px 24px;\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n`;\n\nconst ModalScrollable = styled.div`\n\tflex: 1;\n\toverflow-y: auto;\n\tmin-height: 0;\n`;\n\nconst ItemsHeader = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: 0 24px;\n\tbackground: ${COLORS.surface.subdued};\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n`;\n\nconst EmptyState = styled.div`\n\tflex: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tcolor: ${COLORS.content.secondary};\n\ttext-align: center;\n\tpadding: 32px;\n`;\n\nexport const TextPickerModal: React.FC<TextPickerProps> = (props) => {\n\tconst {\n\t\tvisible,\n\t\tcategories,\n\t\tselectedItems,\n\t\tonAdd,\n\t\tonClose,\n\t\ttitle = 'Select Text',\n\t\tsubtitle,\n\t\twidth = '640px',\n\t\tzIndex,\n\t} = props;\n\n\tconst maxDocuments = props.maxDocuments ?? Infinity;\n\tconst [screen, setScreen] = useState<'categories' \| 'items'>('categories');\n\tconst [search, setSearch] = useState('');\n\tconst [selected, setSelected] = useState<{ [categoryId: string]: string[] }>(\n\t\tselectedItems,\n\t);\n\tconst [activeCategory, setActiveCategory] =\n\t\tuseState<TextPickerCategory \| null>(null);\n\n\tconst filteredCategories = categories.filter((cat) =>\n\t\tcat.name.toLowerCase().includes(search.toLowerCase()),\n\t);\n\tconst filteredItems = activeCategory\n\t\t? activeCategory.items.filter((item) =>\n\t\t\t\titem.name.toLowerCase().includes(search.toLowerCase()),\n\t\t )\n\t\t: [];\n\n\tconst totalSelected = Object.values(selected).reduce(\n\t\t(acc, arr) => acc + arr.length,\n\t\t0,\n\t);\n\tconst subtitleString = subtitle \|\| '';\n\n\tconst isCategoryChecked = (cat: TextPickerCategory) =>\n\t\tcat.items.length > 0 && selected[cat.id]?.length === cat.items.length;\n\tconst isCategoryPartiallyChecked = (cat: TextPickerCategory) =>\n\t\t!!selected[cat.id]?.length && selected[cat.id].length < cat.items.length;\n\n\tconst isAllItemsChecked = () =>\n\t\t!!activeCategory &&\n\t\tfilteredItems.length > 0 &&\n\t\tselected[activeCategory.id]?.length === filteredItems.length;\n\tconst isSomeItemsChecked = () =>\n\t\t!!activeCategory &&\n\t\t!!selected[activeCategory.id]?.length &&\n\t\tselected[activeCategory.id].length < filteredItems.length;\n\n\tconst handleCategoryCheck = (\n\t\tcat: TextPickerCategory,\n\t\tchecked: boolean,\n\t\te?: React.MouseEvent,\n\t) => {\n\t\tif (e) e.stopPropagation();\n\t\tsetSelected((prev) => ({\n\t\t\t...prev,\n\t\t\t[cat.id]: checked ? cat.items.map((item) => item.id) : [],\n\t\t}));\n\t};\n\n\tconst handleCategoryClick = (cat: TextPickerCategory) => {\n\t\tsetActiveCategory(cat);\n\t\tsetScreen('items');\n\t\tsetSearch('');\n\t};\n\n\tconst handleItemCheck = (itemId: string, checked: boolean) => {\n\t\tif (!activeCategory) return;\n\t\tsetSelected((prev) => {\n\t\t\tconst arr = prev[activeCategory.id] \|\| [];\n\t\t\tif (checked && totalSelected >= maxDocuments) return prev;\n\t\t\treturn {\n\t\t\t\t...prev,\n\t\t\t\t[activeCategory.id]: checked\n\t\t\t\t\t? [...arr, itemId]\n\t\t\t\t\t: arr.filter((i) => i !== itemId),\n\t\t\t};\n\t\t});\n\t};\n\n\tconst handleAllItemsCheck = (checked: boolean) => {\n\t\tif (!activeCategory) return;\n\t\tsetSelected((prev) => {\n\t\t\tif (checked) {\n\t\t\t\treturn {\n\t\t\t\t\t...prev,\n\t\t\t\t\t[activeCategory.id]: filteredItems.map((item) => item.id),\n\t\t\t\t};\n\t\t\t} else {\n\t\t\t\treturn {\n\t\t\t\t\t...prev,\n\t\t\t\t\t[activeCategory.id]: [],\n\t\t\t\t};\n\t\t\t}\n\t\t});\n\t};\n\n\tconst handleBack = () => {\n\t\tsetScreen('categories');\n\t\tsetActiveCategory(null);\n\t\tsetSearch('');\n\t};\n\n\tconst renderFooter = () => (\n\t\t<TextPickerFooter\n\t\t\ttotalSelected={totalSelected}\n\t\t\tmaxDocuments={maxDocuments}\n\t\t/>\n\t);\n\n\treturn (\n\t\t<StyledModal\n\t\t\topen={visible}\n\t\t\tonClose={onClose}\n\t\t\theadingTitle={title}\n\t\t\theadingSubtitle={subtitleString}\n\t\t\tcentralContainerStyles={{ width, zIndex }}\n\t\t\thideCrossButton={false}\n\t\t\tprimaryButton={\n\t\t\t\tprops.primaryButton\n\t\t\t\t\t? {\n\t\t\t\t\t\t\t...props.primaryButton,\n\t\t\t\t\t\t\tbuttonText: props.primaryButton.isLoading\n\t\t\t\t\t\t\t\t? 'Loading...'\n\t\t\t\t\t\t\t\t: props.primaryButton.buttonText \|\| 'Add',\n\t\t\t\t\t\t\tdisabled:\n\t\t\t\t\t\t\t\t(props.primaryButton.disabled ?? false) \|\|\n\t\t\t\t\t\t\t\ttotalSelected === 0 \|\|\n\t\t\t\t\t\t\t\t(maxDocuments !== Infinity && totalSelected >= maxDocuments),\n\t\t\t\t\t\t\tonClick: props.primaryButton.onClick \|\| (() => onAdd(selected)),\n\t\t\t\t\t }\n\t\t\t\t\t: {\n\t\t\t\t\t\t\tbuttonText: 'Add',\n\t\t\t\t\t\t\tdisabled:\n\t\t\t\t\t\t\t\ttotalSelected === 0 \|\|\n\t\t\t\t\t\t\t\t(maxDocuments !== Infinity && totalSelected >= maxDocuments),\n\t\t\t\t\t\t\tonClick: () => onAdd(selected),\n\t\t\t\t\t }\n\t\t\t}\n\t\t\tfooterLeftCustomElement={renderFooter()}\n\t\t\tfooterContainerStyle={{\n\t\t\t\tborderTop: `1px solid ${COLORS.stroke.primary}`,\n\t\t\t\tbackground: COLORS.surface.standard,\n\t\t\t}}\n\t\t\tmodalBodyStyles={{\n\t\t\t\toverflow: 'hidden',\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tflexDirection: 'column',\n\t\t\t\tflex: 1,\n\t\t\t}}\n\t\t\twrapperStyle={{\n\t\t\t\theight: 'calc(100vh - 168px)',\n\t\t\t}}\n\t\t>\n\t\t\t<ModalContent>\n\t\t\t\t{screen === 'categories' ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<ModalHeader>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tplaceholder=\"Search ...\"\n\t\t\t\t\t\t\t\tvalue={search}\n\t\t\t\t\t\t\t\tonChangeText={setSearch}\n\t\t\t\t\t\t\t\theight=\"40px\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ModalHeader>\n\t\t\t\t\t\t<ModalScrollable>\n\t\t\t\t\t\t\t{filteredCategories.length === 0 ? (\n\t\t\t\t\t\t\t\t<EmptyState>\n\t\t\t\t\t\t\t\t\tNo categories found. Try a different search.\n\t\t\t\t\t\t\t\t</EmptyState>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\tfilteredCategories.map((cat) => (\n\t\t\t\t\t\t\t\t\t<TextPickerCategoryCard\n\t\t\t\t\t\t\t\t\t\tkey={cat.id}\n\t\t\t\t\t\t\t\t\t\tid={cat.id}\n\t\t\t\t\t\t\t\t\t\tname={cat.name}\n\t\t\t\t\t\t\t\t\t\titemsCount={cat.items.length}\n\t\t\t\t\t\t\t\t\t\tselectedCount={selected[cat.id]?.length \|\| 0}\n\t\t\t\t\t\t\t\t\t\tisChecked={isCategoryChecked(cat)}\n\t\t\t\t\t\t\t\t\t\tisPartiallyChecked={\n\t\t\t\t\t\t\t\t\t\t\tisCategoryPartiallyChecked(cat) && !isCategoryChecked(cat)\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonCheck={(checked, e) =>\n\t\t\t\t\t\t\t\t\t\t\thandleCategoryCheck(cat, checked, e)\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonClick={() => handleCategoryClick(cat)}\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</ModalScrollable>\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<ItemsHeader>\n\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\tIcon={ArrowLeftIcon}\n\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\tonClick={handleBack}\n\t\t\t\t\t\t\t\tstyle={{ marginRight: 8 }}\n\t\t\t\t\t\t\t\taria-label=\"Back\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<BodyCaption style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t{activeCategory?.name}\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t</ItemsHeader>\n\t\t\t\t\t\t<ModalHeader>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tplaceholder=\"Search ...\"\n\t\t\t\t\t\t\t\tvalue={search}\n\t\t\t\t\t\t\t\tonChangeText={setSearch}\n\t\t\t\t\t\t\t\theight=\"40px\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ModalHeader>\n\t\t\t\t\t\t<ModalScrollable>\n\t\t\t\t\t\t\t{filteredItems.length === 0 ? (\n\t\t\t\t\t\t\t\t<EmptyState>No items found. Try a different search.</EmptyState>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<TextPickerSelectAllRow\n\t\t\t\t\t\t\t\t\t\tisChecked={isAllItemsChecked()}\n\t\t\t\t\t\t\t\t\t\tisPartiallyChecked={\n\t\t\t\t\t\t\t\t\t\t\tisSomeItemsChecked() && !isAllItemsChecked()\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonCheck={handleAllItemsCheck}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{filteredItems.map((item) => (\n\t\t\t\t\t\t\t\t\t\t<TextPickerItemRow\n\t\t\t\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\t\t\t\titem={item}\n\t\t\t\t\t\t\t\t\t\t\tselected={\n\t\t\t\t\t\t\t\t\t\t\t\tselected[activeCategory!.id]?.includes(item.id) \|\| false\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tonCheck={(checked) => handleItemCheck(item.id, checked)}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\t\t\thandleItemCheck(\n\t\t\t\t\t\t\t\t\t\t\t\t\titem.id,\n\t\t\t\t\t\t\t\t\t\t\t\t\t!selected[activeCategory!.id]?.includes(item.id),\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</ModalScrollable>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</ModalContent>\n\t\t</StyledModal>\n\t);\n};\n"],"names":["ModalContent","styled","ModalHeader","COLORS","ModalScrollable","ItemsHeader","EmptyState","TextPickerModal","props","visible","categories","selectedItems","onAdd","onClose","title","subtitle","width","zIndex","maxDocuments","screen","setScreen","useState","search","setSearch","selected","setSelected","activeCategory","setActiveCategory","filteredCategories","cat","filteredItems","item","totalSelected","acc","arr","subtitleString","isCategoryChecked","isCategoryPartiallyChecked","isAllItemsChecked","isSomeItemsChecked","handleCategoryCheck","checked","e","prev","handleCategoryClick","handleItemCheck","itemId","i","handleAllItemsCheck","handleBack","renderFooter","jsx","TextPickerFooter","StyledModal","jsxs","Fragment","Input","TextPickerCategoryCard","IconButton","ArrowLeftIcon","BodyCaption","TextPickerSelectAllRow","TextPickerItemRow"],"mappings":"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"}

package/dist/cjs/components/text-picker/TextPickerSelectAllRow.js CHANGED Viewed

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("styled-components"),c=require("../../constants/Theme.js"),l=require("../TypographyStyle.js"),n=require("../checkBox/CheckBox.js"),s=i.div`
-  background: ${({isActive:e})=>e?c.COLORS.surface.hovered:c.COLORS.surface.subdued};
-  border-bottom: 1px solid ${c.COLORS.stroke.primary};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("styled-components"),l=require("../../constants/Theme.js"),n=require("../TypographyStyle.js"),s=require("../checkBox/CheckBox.js"),d=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=d(i),a=o.default.div`
+  background: ${({isActive:e})=>e?l.COLORS.surface.hovered:l.COLORS.surface.subdued};
+  border-bottom: 1px solid ${l.COLORS.stroke.primary};
   padding: 12px 24px;
   display: flex;
   align-items: center;
@@ -9,10 +9,10 @@
   justify-content: center;
   align-items: center;
-`,d=i.div`
+`,u=o.default.div`
   display: flex;
   margin-right: 16px;
-`,x=i.div`
+`,x=o.default.div`
   flex: 1;
-`,a=({isChecked:e,isPartiallyChecked:t,onCheck:o})=>r.jsxs(s,{isActive:e||t,children:[r.jsx(d,{children:r.jsx(n.CheckBox,{isChecked:e||t,isPartiallyChecked:t&&!e,onValueChange:o})}),r.jsx(x,{children:r.jsx(l.BodyPrimary,{children:"Select All"})})]});exports.TextPickerSelectAllRow=a;
+`,p=({isChecked:e,isPartiallyChecked:r,onCheck:c})=>t.jsxs(a,{isActive:e||r,children:[t.jsx(u,{children:t.jsx(s.CheckBox,{isChecked:e||r,isPartiallyChecked:r&&!e,onValueChange:c})}),t.jsx(x,{children:t.jsx(n.BodyPrimary,{children:"Select All"})})]});exports.TextPickerSelectAllRow=p;
 //# sourceMappingURL=TextPickerSelectAllRow.js.map