@bikdotai/bik-component-library 0.0.817-beta.5 → 0.0.817-beta.7

package/dist/cjs/components/TablePagination/TablePagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"TablePagination.js","sources":["../../../../src/components/TablePagination/TablePagination.tsx"],"sourcesContent":["import ChevronLeft from '@src/assets/icons/chevronLeft.svg';\nimport ChevronRight from '@src/assets/icons/chevronRight.svg';\nimport React from 'react';\nimport { Dropdown } from '@src/components/dropdown';\nimport { DropdownOption } from '@src/components/dropdown/type';\nimport {\n\tStyledPagingContainer,\n\tStyledTablePaginationContainer,\n} from '@src/components/TablePagination/TablePagination.styled';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\n\ntype ShowingResultsProps = {\n\tpageStart: number;\n\tpageEnd: number;\n\ttotalRows: number;\n\tshouldShow: boolean;\n};\n\nconst ShowingResults: React.FC<ShowingResultsProps> = ({\n\tpageStart,\n\tpageEnd,\n\ttotalRows,\n\tshouldShow,\n}) => {\n\tif (!shouldShow) return null;\n\n\tconst colors2 = DEFAULT_THEME.colorsV2;\n\n\treturn (\n\t\t<BodySecondary style={{ color: colors2.content.placeholder }}>\n\t\t\tShowing {pageStart}-{pageEnd > totalRows ? totalRows : pageEnd} of{' '}\n\t\t\t{totalRows} results\n\t\t</BodySecondary>\n\t);\n};\n\nconst DEFAULT_PAGE_SIZE_OPTIONS = [5, 10, 20];\n\nexport type TablePaginationProps = {\n\tpageSize: number;\n\tpageNumber: number;\n\ttotalRows: number;\n\thidePageSizeOptions?: boolean;\n\tupdatePageNumber: (pageNumber: number) => void;\n\tupdatePageSize: (option: DropdownOption | DropdownOption[]) => void;\n\tshowTotalText?: boolean;\n\ttotalTextAlignment?: 'left' | 'right';\n\tremoveBorder?: boolean;\n\tcontainerStyle?: React.CSSProperties;\n\t/**\n\t * Optional override for the rows-per-page dropdown options. Defaults to\n\t * [5, 10, 20] to preserve existing behaviour. Pass e.g. [10, 50, 100] to\n\t * widen the page size choices for large tables.\n\t */\n\tpageSizeOptions?: number[];\n};\n\nexport const TablePagination: React.FC<TablePaginationProps> = ({\n\tpageNumber,\n\tpageSize,\n\ttotalRows,\n\tupdatePageNumber,\n\tupdatePageSize,\n\thidePageSizeOptions,\n\tshowTotalText,\n\ttotalTextAlignment = 'right',\n\tcontainerStyle = {},\n\tpageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,\n}) => {\n\tconst colors2 = DEFAULT_THEME.colorsV2;\n\tconst pageStart = (pageNumber - 1) * pageSize + 1;\n\tconst pageEnd = (pageNumber - 1) * pageSize + pageSize;\n\tconst lastPage = Math.ceil(totalRows / pageSize);\n\tconst hideSingleChevron = lastPage == 1;\n\tlet pages: number[] = [];\n\tif (lastPage >= 5) {\n\t\tif (pageNumber === lastPage) {\n\t\t\tpages = [\n\t\t\t\tpageNumber - 4,\n\t\t\t\tpageNumber - 3,\n\t\t\t\tpageNumber - 2,\n\t\t\t\tpageNumber - 1,\n\t\t\t\tpageNumber,\n\t\t\t];\n\t\t} else if (pageNumber === 1) {\n\t\t\tpages = [\n\t\t\t\tpageNumber,\n\t\t\t\tpageNumber + 1,\n\t\t\t\tpageNumber + 2,\n\t\t\t\tpageNumber + 3,\n\t\t\t\tpageNumber + 4,\n\t\t\t];\n\t\t} else if (pageNumber === 2) {\n\t\t\tpages = [\n\t\t\t\tpageNumber - 1,\n\t\t\t\tpageNumber,\n\t\t\t\tpageNumber + 1,\n\t\t\t\tpageNumber + 2,\n\t\t\t\tpageNumber + 3,\n\t\t\t];\n\t\t} else if (pageNumber === lastPage - 1) {\n\t\t\tpages = [\n\t\t\t\tpageNumber - 3,\n\t\t\t\tpageNumber - 2,\n\t\t\t\tpageNumber - 1,\n\t\t\t\tpageNumber,\n\t\t\t\tpageNumber + 1,\n\t\t\t];\n\t\t} else {\n\t\t\tpages = [\n\t\t\t\tpageNumber - 2,\n\t\t\t\tpageNumber - 1,\n\t\t\t\tpageNumber,\n\t\t\t\tpageNumber + 1,\n\t\t\t\tpageNumber + 2,\n\t\t\t];\n\t\t}\n\t} else {\n\t\tpages = Array.from({ length: lastPage }, (_, i) => i + 1);\n\t}\n\n\tconst pageCountOptions = pageSizeOptions.map((size) => ({\n\t\tlabel: `${size} rows per page`,\n\t\tvalue: String(size),\n\t\tselected: pageSize === size,\n\t}));\n\n\treturn (\n\t\t<StyledTablePaginationContainer style={containerStyle}>\n\t\t\t{!hidePageSizeOptions && (\n\t\t\t\t<div>\n\t\t\t\t\t<Dropdown\n\t\t\t\t\t\tsize={'small'}\n\t\t\t\t\t\toptions={pageCountOptions}\n\t\t\t\t\t\tonSelect={updatePageSize}\n\t\t\t\t\t\twidth={'162px'}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div className=\"paging__container\">\n\t\t\t\t<ShowingResults\n\t\t\t\t\tpageStart={pageStart}\n\t\t\t\t\tpageEnd={pageEnd}\n\t\t\t\t\ttotalRows={totalRows}\n\t\t\t\t\tshouldShow={\n\t\t\t\t\t\t!!(\n\t\t\t\t\t\t\t(!hidePageSizeOptions && totalRows > 0) ||\n\t\t\t\t\t\t\t(hidePageSizeOptions &&\n\t\t\t\t\t\t\t\ttotalRows > 0 &&\n\t\t\t\t\t\t\t\t!!showTotalText &&\n\t\t\t\t\t\t\t\ttotalTextAlignment === 'left')\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<div className=\"pages__buttons-container\">\n\t\t\t\t\t{!hideSingleChevron && (\n\t\t\t\t\t\t<StyledPagingContainer\n\t\t\t\t\t\t\tactive={false}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tif (pageNumber !== 1) {\n\t\t\t\t\t\t\t\t\tupdatePageNumber(Math.max(pageNumber - 1, 1));\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tdisabled={pageNumber === 1}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ChevronLeft\n\t\t\t\t\t\t\t\tcolor={colors2.content.secondary}\n\t\t\t\t\t\t\t\theight={14}\n\t\t\t\t\t\t\t\twidth={14}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</StyledPagingContainer>\n\t\t\t\t\t)}\n\t\t\t\t\t{pages.map((page) => (\n\t\t\t\t\t\t<StyledPagingContainer\n\t\t\t\t\t\t\tkey={page}\n\t\t\t\t\t\t\tactive={page == pageNumber}\n\t\t\t\t\t\t\tonClick={() => updatePageNumber(page)}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tdisplay: page == 1 && totalRows <= pageSize ? 'none' : 'flex',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\tpage == pageNumber\n\t\t\t\t\t\t\t\t\t\t\t? colors2.content.primaryInverse\n\t\t\t\t\t\t\t\t\t\t\t: colors2.content.secondary,\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{page}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t</StyledPagingContainer>\n\t\t\t\t\t))}\n\t\t\t\t\t{!hideSingleChevron && (\n\t\t\t\t\t\t<StyledPagingContainer\n\t\t\t\t\t\t\tisLast={true}\n\t\t\t\t\t\t\tactive={false}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tif (pageNumber !== lastPage) {\n\t\t\t\t\t\t\t\t\tupdatePageNumber(Math.min(pageNumber + 1, lastPage));\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tdisabled={pageNumber === lastPage}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ChevronRight\n\t\t\t\t\t\t\t\tcolor={colors2.content.secondary}\n\t\t\t\t\t\t\t\theight={14}\n\t\t\t\t\t\t\t\twidth={14}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</StyledPagingContainer>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<ShowingResults\n\t\t\t\t\tpageStart={pageStart}\n\t\t\t\t\tpageEnd={pageEnd}\n\t\t\t\t\ttotalRows={totalRows}\n\t\t\t\t\tshouldShow={\n\t\t\t\t\t\t!!(\n\t\t\t\t\t\t\thidePageSizeOptions &&\n\t\t\t\t\t\t\ttotalRows > 0 &&\n\t\t\t\t\t\t\t!!showTotalText &&\n\t\t\t\t\t\t\ttotalTextAlignment === 'right'\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</StyledTablePaginationContainer>\n\t);\n};\n"],"names":["ShowingResults","pageStart","pageEnd","totalRows","shouldShow","colors2","DEFAULT_THEME","jsxDEV","BodySecondary","this","DEFAULT_PAGE_SIZE_OPTIONS","TablePagination","pageNumber","pageSize","updatePageNumber","updatePageSize","hidePageSizeOptions","showTotalText","totalTextAlignment","containerStyle","pageSizeOptions","lastPage","hideSingleChevron","pages","_","i","pageCountOptions","size","StyledTablePaginationContainer","Dropdown","StyledPagingContainer","ChevronLeft","page","ChevronRight"],"mappings":"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"}
+{"version":3,"file":"TablePagination.js","sources":["../../../../src/components/TablePagination/TablePagination.tsx"],"sourcesContent":["import ChevronLeft from '@src/assets/icons/chevronLeft.svg';\nimport ChevronRight from '@src/assets/icons/chevronRight.svg';\nimport React from 'react';\nimport { Dropdown } from '@src/components/dropdown';\nimport { DropdownOption } from '@src/components/dropdown/type';\nimport {\n\tStyledPagingContainer,\n\tStyledTablePaginationContainer,\n} from '@src/components/TablePagination/TablePagination.styled';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\n\ntype ShowingResultsProps = {\n\tpageStart: number;\n\tpageEnd: number;\n\ttotalRows: number;\n\tshouldShow: boolean;\n};\n\nconst ShowingResults: React.FC<ShowingResultsProps> = ({\n\tpageStart,\n\tpageEnd,\n\ttotalRows,\n\tshouldShow,\n}) => {\n\tif (!shouldShow) return null;\n\n\tconst colors2 = DEFAULT_THEME.colorsV2;\n\n\treturn (\n\t\t<BodySecondary style={{ color: colors2.content.placeholder }}>\n\t\t\tShowing {pageStart}-{pageEnd > totalRows ? totalRows : pageEnd} of{' '}\n\t\t\t{totalRows} results\n\t\t</BodySecondary>\n\t);\n};\n\nconst DEFAULT_PAGE_SIZE_OPTIONS = [5, 10, 20];\n\nexport type TablePaginationProps = {\n\tpageSize: number;\n\tpageNumber: number;\n\ttotalRows: number;\n\thidePageSizeOptions?: boolean;\n\tupdatePageNumber: (pageNumber: number) => void;\n\tupdatePageSize: (option: DropdownOption | DropdownOption[]) => void;\n\tshowTotalText?: boolean;\n\ttotalTextAlignment?: 'left' | 'right';\n\tremoveBorder?: boolean;\n\tcontainerStyle?: React.CSSProperties;\n\t/**\n\t * Optional override for the rows-per-page dropdown options. Defaults to\n\t * [5, 10, 20] to preserve existing behaviour. Pass e.g. [10, 50, 100] to\n\t * widen the page size choices for large tables.\n\t */\n\tpageSizeOptions?: number[];\n};\n\nexport const TablePagination: React.FC<TablePaginationProps> = ({\n\tpageNumber,\n\tpageSize,\n\ttotalRows,\n\tupdatePageNumber,\n\tupdatePageSize,\n\thidePageSizeOptions,\n\tshowTotalText,\n\ttotalTextAlignment = 'right',\n\tcontainerStyle = {},\n\tpageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,\n}) => {\n\tconst colors2 = DEFAULT_THEME.colorsV2;\n\tconst pageStart = (pageNumber - 1) * pageSize + 1;\n\tconst pageEnd = (pageNumber - 1) * pageSize + pageSize;\n\tconst lastPage = Math.ceil(totalRows / pageSize);\n\tconst hideSingleChevron = lastPage == 1;\n\tlet pages: number[] = [];\n\tif (lastPage >= 5) {\n\t\tif (pageNumber === lastPage) {\n\t\t\tpages = [\n\t\t\t\tpageNumber - 4,\n\t\t\t\tpageNumber - 3,\n\t\t\t\tpageNumber - 2,\n\t\t\t\tpageNumber - 1,\n\t\t\t\tpageNumber,\n\t\t\t];\n\t\t} else if (pageNumber === 1) {\n\t\t\tpages = [\n\t\t\t\tpageNumber,\n\t\t\t\tpageNumber + 1,\n\t\t\t\tpageNumber + 2,\n\t\t\t\tpageNumber + 3,\n\t\t\t\tpageNumber + 4,\n\t\t\t];\n\t\t} else if (pageNumber === 2) {\n\t\t\tpages = [\n\t\t\t\tpageNumber - 1,\n\t\t\t\tpageNumber,\n\t\t\t\tpageNumber + 1,\n\t\t\t\tpageNumber + 2,\n\t\t\t\tpageNumber + 3,\n\t\t\t];\n\t\t} else if (pageNumber === lastPage - 1) {\n\t\t\tpages = [\n\t\t\t\tpageNumber - 3,\n\t\t\t\tpageNumber - 2,\n\t\t\t\tpageNumber - 1,\n\t\t\t\tpageNumber,\n\t\t\t\tpageNumber + 1,\n\t\t\t];\n\t\t} else {\n\t\t\tpages = [\n\t\t\t\tpageNumber - 2,\n\t\t\t\tpageNumber - 1,\n\t\t\t\tpageNumber,\n\t\t\t\tpageNumber + 1,\n\t\t\t\tpageNumber + 2,\n\t\t\t];\n\t\t}\n\t} else {\n\t\tpages = Array.from({ length: lastPage }, (_, i) => i + 1);\n\t}\n\n\tconst pageCountOptions = pageSizeOptions.map((size) => ({\n\t\tlabel: `${size} rows per page`,\n\t\tvalue: String(size),\n\t\tselected: pageSize === size,\n\t}));\n\n\treturn (\n\t\t<StyledTablePaginationContainer style={containerStyle}>\n\t\t\t{!hidePageSizeOptions && (\n\t\t\t\t<div>\n\t\t\t\t\t<Dropdown\n\t\t\t\t\t\tsize={'small'}\n\t\t\t\t\t\toptions={pageCountOptions}\n\t\t\t\t\t\tonSelect={updatePageSize}\n\t\t\t\t\t\twidth={'162px'}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div className=\"paging__container\">\n\t\t\t\t<ShowingResults\n\t\t\t\t\tpageStart={pageStart}\n\t\t\t\t\tpageEnd={pageEnd}\n\t\t\t\t\ttotalRows={totalRows}\n\t\t\t\t\tshouldShow={\n\t\t\t\t\t\t!!(\n\t\t\t\t\t\t\t(!hidePageSizeOptions && totalRows > 0) ||\n\t\t\t\t\t\t\t(hidePageSizeOptions &&\n\t\t\t\t\t\t\t\ttotalRows > 0 &&\n\t\t\t\t\t\t\t\t!!showTotalText &&\n\t\t\t\t\t\t\t\ttotalTextAlignment === 'left')\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<div className=\"pages__buttons-container\">\n\t\t\t\t\t{!hideSingleChevron && (\n\t\t\t\t\t\t<StyledPagingContainer\n\t\t\t\t\t\t\tactive={false}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tif (pageNumber !== 1) {\n\t\t\t\t\t\t\t\t\tupdatePageNumber(Math.max(pageNumber - 1, 1));\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tdisabled={pageNumber === 1}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ChevronLeft\n\t\t\t\t\t\t\t\tcolor={colors2.content.secondary}\n\t\t\t\t\t\t\t\theight={14}\n\t\t\t\t\t\t\t\twidth={14}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</StyledPagingContainer>\n\t\t\t\t\t)}\n\t\t\t\t\t{pages.map((page) => (\n\t\t\t\t\t\t<StyledPagingContainer\n\t\t\t\t\t\t\tkey={page}\n\t\t\t\t\t\t\tactive={page == pageNumber}\n\t\t\t\t\t\t\tonClick={() => updatePageNumber(page)}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tdisplay: page == 1 && totalRows <= pageSize ? 'none' : 'flex',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\tpage == pageNumber\n\t\t\t\t\t\t\t\t\t\t\t? colors2.content.primaryInverse\n\t\t\t\t\t\t\t\t\t\t\t: colors2.content.secondary,\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{page}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t</StyledPagingContainer>\n\t\t\t\t\t))}\n\t\t\t\t\t{!hideSingleChevron && (\n\t\t\t\t\t\t<StyledPagingContainer\n\t\t\t\t\t\t\tisLast={true}\n\t\t\t\t\t\t\tactive={false}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tif (pageNumber !== lastPage) {\n\t\t\t\t\t\t\t\t\tupdatePageNumber(Math.min(pageNumber + 1, lastPage));\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tdisabled={pageNumber === lastPage}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ChevronRight\n\t\t\t\t\t\t\t\tcolor={colors2.content.secondary}\n\t\t\t\t\t\t\t\theight={14}\n\t\t\t\t\t\t\t\twidth={14}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</StyledPagingContainer>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<ShowingResults\n\t\t\t\t\tpageStart={pageStart}\n\t\t\t\t\tpageEnd={pageEnd}\n\t\t\t\t\ttotalRows={totalRows}\n\t\t\t\t\tshouldShow={\n\t\t\t\t\t\t!!(\n\t\t\t\t\t\t\thidePageSizeOptions &&\n\t\t\t\t\t\t\ttotalRows > 0 &&\n\t\t\t\t\t\t\t!!showTotalText &&\n\t\t\t\t\t\t\ttotalTextAlignment === 'right'\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</StyledTablePaginationContainer>\n\t);\n};\n"],"names":["ShowingResults","pageStart","pageEnd","totalRows","shouldShow","colors2","DEFAULT_THEME","jsxDEV","BodySecondary","this","DEFAULT_PAGE_SIZE_OPTIONS","TablePagination","pageNumber","pageSize","updatePageNumber","updatePageSize","hidePageSizeOptions","showTotalText","totalTextAlignment","containerStyle","pageSizeOptions","lastPage","hideSingleChevron","pages","_","i","pageCountOptions","size","StyledTablePaginationContainer","Dropdown","StyledPagingContainer","ChevronLeft","page","ChevronRight"],"mappings":"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"}

package/dist/cjs/components/TablePagination/TablePaginationCard.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-dev-runtime"),r=require("styled-components"),i=require("./TablePagination.js"),n=require("../../constants/Theme.js"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=t(r),o=d.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-dev-runtime"),i=require("styled-components"),o=require("./TablePagination.js"),n=require("../../constants/Theme.js"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},s=t(i),r=s.default.div`
 	background: ${n.COLORS.surface.standard};
 	border: ${e=>e.removeBorder?0:1}px solid
 		${n.COLORS.stroke.primary};
@@ -6,5 +6,5 @@
 	display: flex;
 	justify-content: center;
 	margin: auto;
-`,l=e=>a.jsxDEV(o,{removeBorder:e.removeBorder,children:a.jsxDEV(i.TablePagination,{...e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/TablePagination/TablePaginationCard.tsx",lineNumber:22,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/TablePagination/TablePaginationCard.tsx",lineNumber:21,columnNumber:3},void 0);exports.TablePaginationCard=l;exports.TablePaginationCardStyled=o;
+`,l=e=>a.jsxDEV(r,{removeBorder:e.removeBorder,children:a.jsxDEV(o.TablePagination,{...e},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/TablePagination/TablePaginationCard.tsx",lineNumber:22,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/TablePagination/TablePaginationCard.tsx",lineNumber:21,columnNumber:3},void 0);exports.TablePaginationCard=l;exports.TablePaginationCardStyled=r;
 //# sourceMappingURL=TablePaginationCard.js.map

package/dist/cjs/components/TablePagination/TablePaginationCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"TablePaginationCard.js","sources":["../../../../src/components/TablePagination/TablePaginationCard.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport {\n\tTablePagination,\n\tTablePaginationProps,\n} from '@src/components/TablePagination/TablePagination';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const TablePaginationCardStyled = styled.div<{ removeBorder?: boolean }>`\n\tbackground: ${COLORS.surface.standard};\n\tborder: ${(props) => (props.removeBorder ? 0 : 1)}px solid\n\t\t${COLORS.stroke.primary};\n\tborder-radius: 4px;\n\tdisplay: flex;\n\tjustify-content: center;\n\tmargin: auto;\n`;\n\nexport const TablePaginationCard: React.FC<TablePaginationProps> = (props) => {\n\treturn (\n\t\t<TablePaginationCardStyled removeBorder={props.removeBorder}>\n\t\t\t<TablePagination {...props} />\n\t\t</TablePaginationCardStyled>\n\t);\n};\n"],"names":["TablePaginationCardStyled","styled","COLORS","props","TablePaginationCard","jsxDEV","TablePagination","this"],"mappings":"+RAQaA,EAA4BC,EAAAA,QAAO;AAAA,eACjCC,EAAAA,OAAO,QAAQ,QAAQ;AAAA,WAC1BC,GAAWA,EAAM,aAAe,EAAI,CAAE;AAAA,IAC9CD,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOZE,EAAuDD,GAElEE,EAAAA,OAACL,GAA0B,aAAcG,EAAM,aAC9C,SAAAE,EAAAA,OAACC,EAAAA,gBAAA,CAAiB,GAAGH,CAAA,EAArB,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAA4B,CAAA,EAD7B,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA"}
+{"version":3,"file":"TablePaginationCard.js","sources":["../../../../src/components/TablePagination/TablePaginationCard.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport {\n\tTablePagination,\n\tTablePaginationProps,\n} from '@src/components/TablePagination/TablePagination';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const TablePaginationCardStyled = styled.div<{ removeBorder?: boolean }>`\n\tbackground: ${COLORS.surface.standard};\n\tborder: ${(props) => (props.removeBorder ? 0 : 1)}px solid\n\t\t${COLORS.stroke.primary};\n\tborder-radius: 4px;\n\tdisplay: flex;\n\tjustify-content: center;\n\tmargin: auto;\n`;\n\nexport const TablePaginationCard: React.FC<TablePaginationProps> = (props) => {\n\treturn (\n\t\t<TablePaginationCardStyled removeBorder={props.removeBorder}>\n\t\t\t<TablePagination {...props} />\n\t\t</TablePaginationCardStyled>\n\t);\n};\n"],"names":["TablePaginationCardStyled","styled","COLORS","props","TablePaginationCard","jsxDEV","TablePagination","this"],"mappings":"+RAQaA,EAA4BC,EAAAA,QAAO;AAAA,eACjCC,EAAAA,OAAO,QAAQ,QAAQ;AAAA,WAC1BC,GAAWA,EAAM,aAAe,EAAI,CAAE;AAAA,IAC9CD,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOZE,EAAuDD,GAElEE,EAAAA,OAACL,GAA0B,aAAcG,EAAM,aAC9C,SAAAE,EAAAA,OAACC,EAAAA,gBAAA,CAAiB,GAAGH,CAAA,EAArB,OAAA,GAAA,CAAA,SAAA,4IAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAA4B,CAAA,EAD7B,OAAA,GAAA,CAAA,SAAA,4IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA"}

package/dist/cjs/components/WhatsAppTextEditor/AIRephraseButton.js

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),p=require("react"),R=require("styled-components"),k=require("../../hooks/useOutside.js"),r=require("../../constants/Theme.js"),I=require("../../assets/icons/chevronDown.svg.js"),v=require("../../assets/icons/chevronRight.svg.js"),O=require("../../assets/icons/edit.svg.js"),T=require("../../assets/icons/emoji.svg.js"),x=require("../../assets/icons/magic-line.svg.js"),B=require("./BorderAnimation.js"),j=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},s=j(R),C=s.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),d=require("react"),g=require("styled-components"),W=require("../../hooks/useOutside.js"),o=require("../../constants/Theme.js"),R=require("../../assets/icons/chevronDown.svg.js"),I=require("../../assets/icons/chevronRight.svg.js"),w=require("../../assets/icons/edit.svg.js"),O=require("../../assets/icons/emoji.svg.js"),f=require("../../assets/icons/magic-line.svg.js"),T=require("./BorderAnimation.js"),B=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},s=B(g),j=s.default.div`
 	display: flex;
 	align-items: center;
 	border: 1px solid transparent;
 	border-radius: 16px;
 	background: #ffe8ef;
 	opacity: ${e=>e.disabled?.5:1};
-`,U=s.default.button`
+`,C=s.default.button`
 	border: 0;
 	background: #ffe8ef;
 	color: #f53f77;
@@ -21,7 +21,7 @@
 	:hover {
 		filter: brightness(0.98);
 	}
-`,V=s.default.button`
+`,U=s.default.button`
 	border: 0;
 	border-left: 1px solid #f6c8d7;
 	background: #ffe8ef;
@@ -32,14 +32,14 @@
 	cursor: ${e=>e.disabled?"not-allowed":"pointer"};
 	display: flex;
 	align-items: center;
-`,W=s.default.div`
+`,V=s.default.div`
 	position: relative;
 `,S=s.default.div`
 	position: absolute;
 	top: calc(100% + 6px);
 	left: 0;
-	background: ${r.COLORS.surface.standard};
-	border: 1px solid ${r.COLORS.stroke.primary};
+	background: ${o.COLORS.surface.standard};
+	border: 1px solid ${o.COLORS.stroke.primary};
 	border-radius: 8px;
 	width: 209px;
 	z-index: 10;
@@ -50,7 +50,7 @@
 	text-align: left;
 	border: 0;
 	background: ${e=>e.selected||e.toneSubmenuOpen?"#d9e8db":"transparent"};
-	color: ${e=>e.selected||e.toneSubmenuOpen?"#1e6b34":r.COLORS.content.primary};
+	color: ${e=>e.selected||e.toneSubmenuOpen?"#1e6b34":o.COLORS.content.primary};
 	padding: 10px 10px;
 	border-radius: 6px;
 	cursor: pointer;
@@ -71,12 +71,12 @@
 	position: absolute;
 	top: 0;
 	left: calc(100% + 4px);
-	background: ${r.COLORS.surface.standard};
-	border: 1px solid ${r.COLORS.stroke.primary};
+	background: ${o.COLORS.surface.standard};
+	border: 1px solid ${o.COLORS.stroke.primary};
 	border-radius: 8px;
 	min-width: 140px;
 	z-index: 11;
 	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
 	padding: 4px;
-`,q=({label:e,disabled:d,loading:i,highlighted:h,tones:m,selectedToneId:y,instructionActive:u,onClick:N,onToneChange:D,onInstructionsClick:w,showSecondaryRephraseOption:A,onSecondaryRephraseClick:E})=>{const b=p.useRef(null),[g,a]=p.useState(!1),[f,o]=p.useState(!1),l=!!u||!!d||!!i;return k.useOutside(b,()=>{a(!1),o(!1)}),p.useEffect(()=>{u&&(a(!1),o(!1))},[u]),n.jsxDEV(W,{ref:b,children:[n.jsxDEV(B.default,{showAnimation:!!h,disabled:!!d||!!i,borderRadius:16,borderSize:2,children:n.jsxDEV(C,{disabled:d||i,children:[n.jsxDEV(U,{type:"button",disabled:d||i,onClick:N,children:[n.jsxDEV(x.default,{width:12,height:12,color:"#f53f77"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:180,columnNumber:7},void 0),i?"...":e]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:175,columnNumber:6},void 0),n.jsxDEV(V,{type:"button",disabled:l,onClick:()=>{l||(a(t=>!t),o(!1))},children:n.jsxDEV(I.default,{width:14,height:14},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:192,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:183,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:174,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:168,columnNumber:4},void 0),g?n.jsxDEV(S,{children:[m?.length?n.jsxDEV(c,{type:"button",toneSubmenuOpen:f,isChangeToneRow:!0,onMouseEnter:()=>{l||o(!0)},onClick:()=>o(t=>!t),children:n.jsxDEV("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%"},children:[n.jsxDEV("span",{style:{display:"inline-flex",alignItems:"center",gap:8},children:[n.jsxDEV(T.default,{width:18,height:18,color:"currentColor"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:224,columnNumber:10},void 0),"Change tone"]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:217,columnNumber:9},void 0),n.jsxDEV(v.default,{width:14,height:14,color:"currentColor"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:227,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:209,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:199,columnNumber:7},void 0):null,n.jsxDEV(c,{type:"button",isInstructions:!0,selected:!!u,onMouseEnter:()=>o(!1),onClick:()=>{l||(w?.(),a(!1),o(!1))},children:[n.jsxDEV(O.default,{width:16,height:16,color:r.COLORS.content.primary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:243,columnNumber:7},void 0),"Add instructions"]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:231,columnNumber:6},void 0),A?n.jsxDEV(c,{type:"button",onMouseEnter:()=>o(!1),onClick:()=>{d||i||(E?.(),a(!1),o(!1))},children:[n.jsxDEV(x.default,{width:16,height:16,color:r.COLORS.content.primary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:257,columnNumber:8},void 0),"Rephrase"]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:247,columnNumber:7},void 0):null,f&&m?.length?n.jsxDEV($,{children:m.map(t=>n.jsxDEV(c,{type:"button",selected:t.id===y,onClick:()=>{l||(D?.(t.id),a(!1),o(!1))},children:t.label},t.id,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:268,columnNumber:9},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:266,columnNumber:7},void 0):null]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:197,columnNumber:5},void 0):null]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:167,columnNumber:3},void 0)};exports.AIRephraseButton=q;
+`,q=({label:e,disabled:u,loading:i,highlighted:x,tones:m,selectedToneId:k,instructionActive:p,onClick:v,onToneChange:y,onInstructionsClick:N,showSecondaryRephraseOption:D,onSecondaryRephraseClick:A})=>{const b=d.useRef(null),[E,a]=d.useState(!1),[h,r]=d.useState(!1),l=!!p||!!u||!!i;return W.useOutside(b,()=>{a(!1),r(!1)}),d.useEffect(()=>{p&&(a(!1),r(!1))},[p]),t.jsxDEV(V,{ref:b,children:[t.jsxDEV(T.default,{showAnimation:!!x,disabled:!!u||!!i,borderRadius:16,borderSize:2,children:t.jsxDEV(j,{disabled:u||i,children:[t.jsxDEV(C,{type:"button",disabled:u||i,onClick:v,children:[t.jsxDEV(f.default,{width:12,height:12,color:"#f53f77"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:180,columnNumber:7},void 0),i?"...":e]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:175,columnNumber:6},void 0),t.jsxDEV(U,{type:"button",disabled:l,onClick:()=>{l||(a(n=>!n),r(!1))},children:t.jsxDEV(R.default,{width:14,height:14},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:192,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:183,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:174,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:168,columnNumber:4},void 0),E?t.jsxDEV(S,{children:[m?.length?t.jsxDEV(c,{type:"button",toneSubmenuOpen:h,isChangeToneRow:!0,onMouseEnter:()=>{l||r(!0)},onClick:()=>r(n=>!n),children:t.jsxDEV("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%"},children:[t.jsxDEV("span",{style:{display:"inline-flex",alignItems:"center",gap:8},children:[t.jsxDEV(O.default,{width:18,height:18,color:"currentColor"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:224,columnNumber:10},void 0),"Change tone"]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:217,columnNumber:9},void 0),t.jsxDEV(I.default,{width:14,height:14,color:"currentColor"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:227,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:209,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:199,columnNumber:7},void 0):null,t.jsxDEV(c,{type:"button",isInstructions:!0,selected:!!p,onMouseEnter:()=>r(!1),onClick:()=>{l||(N?.(),a(!1),r(!1))},children:[t.jsxDEV(w.default,{width:16,height:16,color:o.COLORS.content.primary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:243,columnNumber:7},void 0),"Add instructions"]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:231,columnNumber:6},void 0),D?t.jsxDEV(c,{type:"button",onMouseEnter:()=>r(!1),onClick:()=>{u||i||(A?.(),a(!1),r(!1))},children:[t.jsxDEV(f.default,{width:16,height:16,color:o.COLORS.content.primary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:257,columnNumber:8},void 0),"Rephrase"]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:247,columnNumber:7},void 0):null,h&&m?.length?t.jsxDEV($,{children:m.map(n=>t.jsxDEV(c,{type:"button",selected:n.id===k,onClick:()=>{l||(y?.(n.id),a(!1),r(!1))},children:n.label},n.id,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:268,columnNumber:9},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:266,columnNumber:7},void 0):null]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:197,columnNumber:5},void 0):null]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:167,columnNumber:3},void 0)};exports.AIRephraseButton=q;
 //# sourceMappingURL=AIRephraseButton.js.map

package/dist/cjs/components/WhatsAppTextEditor/AIRephraseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AIRephraseButton.js","sources":["../../../../src/components/WhatsAppTextEditor/AIRephraseButton.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { useOutside } from '@src/hooks/useOutside';\nimport { COLORS } from '@src/constants/Theme';\nimport ChevronDownIcon from '../../assets/icons/chevronDown.svg';\nimport ChevronRightIcon from '../../assets/icons/chevronRight.svg';\nimport EditIcon from '../../assets/icons/edit.svg';\nimport EmojiIcon from '../../assets/icons/emoji.svg';\nimport SparkleIcon from '../../assets/icons/magic-line.svg';\nimport BorderAnimation from './BorderAnimation';\n\nconst AIButtonGroup = styled.div<{ disabled?: boolean }>`\n\tdisplay: flex;\n\talign-items: center;\n\tborder: 1px solid transparent;\n\tborder-radius: 16px;\n\tbackground: #ffe8ef;\n\topacity: ${(props) => (props.disabled ? 0.5 : 1)};\n`;\n\nconst AIButton = styled.button<{ disabled?: boolean }>`\n\tborder: 0;\n\tbackground: #ffe8ef;\n\tcolor: #f53f77;\n\tborder-radius: 16px 0 0 16px;\n\tpadding: 6px 10px;\n\tfont-size: 12px;\n\tfont-weight: 400;\n\tline-height: 16px;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 4px;\n\t:hover {\n\t\tfilter: brightness(0.98);\n\t}\n`;\n\nconst AIArrowButton = styled.button<{ disabled?: boolean }>`\n\tborder: 0;\n\tborder-left: 1px solid #f6c8d7;\n\tbackground: #ffe8ef;\n\tcolor: #f53f77;\n\tborder-radius: 0 16px 16px 0;\n\t//padding: 4px 6px;\n\tline-height: 1;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\tdisplay: flex;\n\talign-items: center;\n`;\n\nconst AIDropdownContainer = styled.div`\n\tposition: relative;\n`;\n\nconst AIDropdownMenu = styled.div`\n\tposition: absolute;\n\ttop: calc(100% + 6px);\n\tleft: 0;\n\tbackground: ${COLORS.surface.standard};\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 8px;\n\twidth: 209px;\n\tz-index: 10;\n\tbox-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);\n\tpadding: 4px;\n`;\n\nconst AIDropdownItem = styled.button<{\n\tselected?: boolean;\n\tisInstructions?: boolean;\n\t/** Change tone row: green highlight when tone submenu is open */\n\ttoneSubmenuOpen?: boolean;\n\t/** Change tone row: green text/icon on hover or when submenu open */\n\tisChangeToneRow?: boolean;\n}>`\n\twidth: 100%;\n\ttext-align: left;\n\tborder: 0;\n\tbackground: ${(props) =>\n\t\tprops.selected || props.toneSubmenuOpen ? '#d9e8db' : 'transparent'};\n\tcolor: ${(props) =>\n\t\tprops.selected || props.toneSubmenuOpen\n\t\t\t? '#1e6b34'\n\t\t\t: COLORS.content.primary};\n\tpadding: 10px 10px;\n\tborder-radius: 6px;\n\tcursor: pointer;\n\tfont-size: 14px;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\t:hover {\n\t\tbackground: ${(props) =>\n\t\t\tprops.selected || props.toneSubmenuOpen ? '#d9e8db' : '#f7f7f8'};\n\t}\n\t${(props) =>\n\t\tprops.isChangeToneRow\n\t\t\t? `\n\t\t&:hover {\n\t\t\tcolor: #1e6b34;\n\t\t\tbackground: ${props.toneSubmenuOpen ? '#d9e8db' : '#f7f7f8'};\n\t\t}\n\t`\n\t\t\t: ''}\n`;\n\nconst ToneSubMenu = styled.div`\n\tposition: absolute;\n\ttop: 0;\n\tleft: calc(100% + 4px);\n\tbackground: ${COLORS.surface.standard};\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 8px;\n\tmin-width: 140px;\n\tz-index: 11;\n\tbox-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);\n\tpadding: 4px;\n`;\n\ntype AIRephraseButtonProps = {\n\tlabel: string;\n\tdisabled?: boolean;\n\tloading?: boolean;\n\thighlighted?: boolean;\n\ttones?: AIActionToneOption[];\n\tselectedToneId?: string;\n\tinstructionActive?: boolean;\n\tonClick?: () => void;\n\tonToneChange?: (toneId: string) => void;\n\tonInstructionsClick?: () => void;\n\tshowSecondaryRephraseOption?: boolean;\n\tonSecondaryRephraseClick?: () => void;\n};\n\nexport const AIRephraseButton = ({\n\tlabel,\n\tdisabled,\n\tloading,\n\thighlighted,\n\ttones,\n\tselectedToneId,\n\tinstructionActive,\n\tonClick,\n\tonToneChange,\n\tonInstructionsClick,\n\tshowSecondaryRephraseOption,\n\tonSecondaryRephraseClick,\n}: AIRephraseButtonProps) => {\n\tconst dropdownRef = useRef<HTMLDivElement>(null);\n\tconst [isDropdownOpen, setIsDropdownOpen] = useState(false);\n\tconst [isToneMenuOpen, setIsToneMenuOpen] = useState(false);\n\tconst isDropdownDisabled = !!instructionActive || !!disabled || !!loading;\n\n\tuseOutside(dropdownRef, () => {\n\t\tsetIsDropdownOpen(false);\n\t\tsetIsToneMenuOpen(false);\n\t});\n\n\tuseEffect(() => {\n\t\tif (!instructionActive) return;\n\t\tsetIsDropdownOpen(false);\n\t\tsetIsToneMenuOpen(false);\n\t}, [instructionActive]);\n\n\treturn (\n\t\t<AIDropdownContainer ref={dropdownRef}>\n\t\t\t<BorderAnimation\n\t\t\t\tshowAnimation={!!highlighted}\n\t\t\t\tdisabled={!!disabled || !!loading}\n\t\t\t\tborderRadius={16}\n\t\t\t\tborderSize={2}\n\t\t\t>\n\t\t\t\t<AIButtonGroup disabled={disabled || loading}>\n\t\t\t\t\t<AIButton\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tdisabled={disabled || loading}\n\t\t\t\t\t\tonClick={onClick}\n\t\t\t\t\t>\n\t\t\t\t\t\t<SparkleIcon width={12} height={12} color=\"#f53f77\" />\n\t\t\t\t\t\t{loading ? '...' : label}\n\t\t\t\t\t</AIButton>\n\t\t\t\t\t<AIArrowButton\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tdisabled={isDropdownDisabled}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tif (isDropdownDisabled) return;\n\t\t\t\t\t\t\tsetIsDropdownOpen((prev) => !prev);\n\t\t\t\t\t\t\tsetIsToneMenuOpen(false);\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ChevronDownIcon width={14} height={14} />\n\t\t\t\t\t</AIArrowButton>\n\t\t\t\t</AIButtonGroup>\n\t\t\t</BorderAnimation>\n\t\t\t{isDropdownOpen ? (\n\t\t\t\t<AIDropdownMenu>\n\t\t\t\t\t{tones?.length ? (\n\t\t\t\t\t\t<AIDropdownItem\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\ttoneSubmenuOpen={isToneMenuOpen}\n\t\t\t\t\t\t\tisChangeToneRow\n\t\t\t\t\t\t\tonMouseEnter={() => {\n\t\t\t\t\t\t\t\tif (isDropdownDisabled) return;\n\t\t\t\t\t\t\t\tsetIsToneMenuOpen(true);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonClick={() => setIsToneMenuOpen((prev) => !prev)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\t\t\twidth: '100%',\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<span\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tdisplay: 'inline-flex',\n\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\tgap: 8,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<EmojiIcon width={18} height={18} color=\"currentColor\" />\n\t\t\t\t\t\t\t\t\tChange tone\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<ChevronRightIcon width={14} height={14} color=\"currentColor\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</AIDropdownItem>\n\t\t\t\t\t) : null}\n\t\t\t\t\t<AIDropdownItem\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tisInstructions\n\t\t\t\t\t\tselected={!!instructionActive}\n\t\t\t\t\t\tonMouseEnter={() => setIsToneMenuOpen(false)}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tif (isDropdownDisabled) return;\n\t\t\t\t\t\t\tonInstructionsClick?.();\n\t\t\t\t\t\t\tsetIsDropdownOpen(false);\n\t\t\t\t\t\t\tsetIsToneMenuOpen(false);\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<EditIcon width={16} height={16} color={COLORS.content.primary} />\n\t\t\t\t\t\tAdd instructions\n\t\t\t\t\t</AIDropdownItem>\n\t\t\t\t\t{showSecondaryRephraseOption ? (\n\t\t\t\t\t\t<AIDropdownItem\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tonMouseEnter={() => setIsToneMenuOpen(false)}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tif (disabled || loading) return;\n\t\t\t\t\t\t\t\tonSecondaryRephraseClick?.();\n\t\t\t\t\t\t\t\tsetIsDropdownOpen(false);\n\t\t\t\t\t\t\t\tsetIsToneMenuOpen(false);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<SparkleIcon\n\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\tRephrase\n\t\t\t\t\t\t</AIDropdownItem>\n\t\t\t\t\t) : null}\n\t\t\t\t\t{isToneMenuOpen && tones?.length ? (\n\t\t\t\t\t\t<ToneSubMenu>\n\t\t\t\t\t\t\t{tones.map((tone) => (\n\t\t\t\t\t\t\t\t<AIDropdownItem\n\t\t\t\t\t\t\t\t\tkey={tone.id}\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tselected={tone.id === selectedToneId}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tif (isDropdownDisabled) return;\n\t\t\t\t\t\t\t\t\t\tonToneChange?.(tone.id);\n\t\t\t\t\t\t\t\t\t\tsetIsDropdownOpen(false);\n\t\t\t\t\t\t\t\t\t\tsetIsToneMenuOpen(false);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{tone.label}\n\t\t\t\t\t\t\t\t</AIDropdownItem>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</ToneSubMenu>\n\t\t\t\t\t) : null}\n\t\t\t\t</AIDropdownMenu>\n\t\t\t) : null}\n\t\t</AIDropdownContainer>\n\t);\n};\nexport type AIActionToneOption = {\n\tid: string;\n\tlabel: string;\n};\n"],"names":["AIButtonGroup","styled","props","AIButton","AIArrowButton","AIDropdownContainer","AIDropdownMenu","COLORS","AIDropdownItem","ToneSubMenu","AIRephraseButton","label","disabled","loading","highlighted","tones","selectedToneId","instructionActive","onClick","onToneChange","onInstructionsClick","showSecondaryRephraseOption","onSecondaryRephraseClick","dropdownRef","useRef","isDropdownOpen","setIsDropdownOpen","useState","isToneMenuOpen","setIsToneMenuOpen","isDropdownDisabled","useOutside","useEffect","jsxDEV","BorderAnimation","SparkleIcon","this","prev","ChevronDownIcon","EmojiIcon","ChevronRightIcon","EditIcon","tone"],"mappings":"2kBAWMA,EAAgBC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAMhBC,GAAWA,EAAM,SAAW,GAAM,CAAE;AAAA,EAG3CC,EAAWF,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WASZC,GAAWA,EAAM,SAAW,cAAgB,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS5DE,EAAgBH,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAQjBC,GAAWA,EAAM,SAAW,cAAgB,SAAU;AAAA;AAAA;AAAA,EAK5DG,EAAsBJ,EAAAA,QAAO;AAAA;AAAA,EAI7BK,EAAiBL,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,eAIfM,EAAAA,OAAO,QAAQ,QAAQ;AAAA,qBACjBA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQpCC,EAAiBP,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,eAWdC,GACdA,EAAM,UAAYA,EAAM,gBAAkB,UAAY,aAAa;AAAA,UAC1DA,GACTA,EAAM,UAAYA,EAAM,gBACrB,UACAK,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBASVL,GACdA,EAAM,UAAYA,EAAM,gBAAkB,UAAY,SAAS;AAAA;AAAA,GAE9DA,GACFA,EAAM,gBACH;AAAA;AAAA;AAAA,iBAGYA,EAAM,gBAAkB,UAAY,SAAS;AAAA;AAAA,GAGzD,EAAE;AAAA,EAGDO,EAAcR,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,eAIZM,EAAAA,OAAO,QAAQ,QAAQ;AAAA,qBACjBA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuB7BG,EAAmB,CAAC,CAChC,MAAAC,EACA,SAAAC,EACA,QAAAC,EACA,YAAAC,EACA,MAAAC,EACA,eAAAC,EACA,kBAAAC,EACA,QAAAC,EACA,aAAAC,EACA,oBAAAC,EACA,4BAAAC,EACA,yBAAAC,CACD,IAA6B,CAC5B,MAAMC,EAAcC,EAAAA,OAAuB,IAAI,EACzC,CAACC,EAAgBC,CAAiB,EAAIC,EAAAA,SAAS,EAAK,EACpD,CAACC,EAAgBC,CAAiB,EAAIF,EAAAA,SAAS,EAAK,EACpDG,EAAqB,CAAC,CAACb,GAAqB,CAAC,CAACL,GAAY,CAAC,CAACC,EAElEkB,OAAAA,EAAAA,WAAWR,EAAa,IAAM,CAC7BG,EAAkB,EAAK,EACvBG,EAAkB,EAAK,CACxB,CAAC,EAEDG,EAAAA,UAAU,IAAM,CACVf,IACLS,EAAkB,EAAK,EACvBG,EAAkB,EAAK,EACxB,EAAG,CAACZ,CAAiB,CAAC,EAGrBgB,EAAAA,OAAC5B,EAAA,CAAoB,IAAKkB,EACzB,SAAA,CAAAU,EAAAA,OAACC,EAAAA,QAAA,CACA,cAAe,CAAC,CAACpB,EACjB,SAAU,CAAC,CAACF,GAAY,CAAC,CAACC,EAC1B,aAAc,GACd,WAAY,EAEZ,SAAAoB,EAAAA,OAACjC,EAAA,CAAc,SAAUY,GAAYC,EACpC,SAAA,CAAAoB,EAAAA,OAAC9B,EAAA,CACA,KAAK,SACL,SAAUS,GAAYC,EACtB,QAAAK,EAEA,SAAA,CAAAe,EAAAA,OAACE,EAAAA,SAAY,MAAO,GAAI,OAAQ,GAAI,MAAM,WAA1C,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAC,MAAoD,EACnDvB,EAAU,MAAQF,CAAA,CAAA,EANpB,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAyB,MAAA,EAQAH,EAAAA,OAAC7B,EAAA,CACA,KAAK,SACL,SAAU0B,EACV,QAAS,IAAM,CACVA,IACJJ,EAAmBW,GAAS,CAACA,CAAI,EACjCR,EAAkB,EAAK,EACxB,EAEA,SAAAI,EAAAA,OAACK,EAAAA,QAAA,CAAgB,MAAO,GAAI,OAAQ,EAAA,EAApC,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAF,MAAwC,CAAA,EATzC,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAUA,CAAA,EAnBD,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAoBA,CAAA,EA1BD,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,EA4BCX,WACCnB,EAAA,CACC,SAAA,CAAAS,GAAO,OACPkB,EAAAA,OAACzB,EAAA,CACA,KAAK,SACL,gBAAiBoB,EACjB,gBAAe,GACf,aAAc,IAAM,CACfE,GACJD,EAAkB,EAAI,CACvB,EACA,QAAS,IAAMA,EAAmBQ,GAAS,CAACA,CAAI,EAEhD,SAAAJ,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,WAAY,SACZ,eAAgB,gBAChB,MAAO,MAAA,EAGR,SAAA,CAAAA,EAAAA,OAAC,OAAA,CACA,MAAO,CACN,QAAS,cACT,WAAY,SACZ,IAAK,CAAA,EAGN,SAAA,CAAAA,EAAAA,OAACM,EAAAA,SAAU,MAAO,GAAI,OAAQ,GAAI,MAAM,gBAAxC,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,EAAA,EAAAH,MAAuD,EAAE,aAAA,CAAA,EAP1D,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,WAUCI,EAAAA,QAAA,CAAiB,MAAO,GAAI,OAAQ,GAAI,MAAM,gBAA/C,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAJ,MAA8D,CAAA,CAAA,EAlB/D,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAmBA,EA7BD,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,EA+BG,KACJH,EAAAA,OAACzB,EAAA,CACA,KAAK,SACL,eAAc,GACd,SAAU,CAAC,CAACS,EACZ,aAAc,IAAMY,EAAkB,EAAK,EAC3C,QAAS,IAAM,CACVC,IACJV,IAAA,EACAM,EAAkB,EAAK,EACvBG,EAAkB,EAAK,EACxB,EAEA,SAAA,CAAAI,EAAAA,OAACQ,EAAAA,QAAA,CAAS,MAAO,GAAI,OAAQ,GAAI,MAAOlC,EAAAA,OAAO,QAAQ,OAAA,EAAvD,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAA6B,MAAgE,EAAE,kBAAA,CAAA,EAZnE,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,EAeCf,EACAY,EAAAA,OAACzB,EAAA,CACA,KAAK,SACL,aAAc,IAAMqB,EAAkB,EAAK,EAC3C,QAAS,IAAM,CACVjB,GAAYC,IAChBS,IAAA,EACAI,EAAkB,EAAK,EACvBG,EAAkB,EAAK,EACxB,EAEA,SAAA,CAAAI,EAAAA,OAACE,EAAAA,QAAA,CACA,MAAO,GACP,OAAQ,GACR,MAAO5B,EAAAA,OAAO,QAAQ,OAAA,EAHvB,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAA6B,MAAA,EAIE,UAAA,CAAA,EAdH,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,EAiBG,KACHR,GAAkBb,GAAO,OACzBkB,EAAAA,OAACxB,GACC,SAAAM,EAAM,IAAK2B,GACXT,EAAAA,OAACzB,EAAA,CAEA,KAAK,SACL,SAAUkC,EAAK,KAAO1B,EACtB,QAAS,IAAM,CACVc,IACJX,IAAeuB,EAAK,EAAE,EACtBhB,EAAkB,EAAK,EACvBG,EAAkB,EAAK,EACxB,EAEC,SAAAa,EAAK,KAAA,EAVDA,EAAK,GADX,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAN,MAAA,CAaA,CAAA,EAfF,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAgBA,EACG,IAAA,CAAA,EAtFL,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAuFA,EACG,IAAA,CAAA,EAtHL,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAuHA,CAEF"}
+{"version":3,"file":"AIRephraseButton.js","sources":["../../../../src/components/WhatsAppTextEditor/AIRephraseButton.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { useOutside } from '@src/hooks/useOutside';\nimport { COLORS } from '@src/constants/Theme';\nimport ChevronDownIcon from '../../assets/icons/chevronDown.svg';\nimport ChevronRightIcon from '../../assets/icons/chevronRight.svg';\nimport EditIcon from '../../assets/icons/edit.svg';\nimport EmojiIcon from '../../assets/icons/emoji.svg';\nimport SparkleIcon from '../../assets/icons/magic-line.svg';\nimport BorderAnimation from './BorderAnimation';\n\nconst AIButtonGroup = styled.div<{ disabled?: boolean }>`\n\tdisplay: flex;\n\talign-items: center;\n\tborder: 1px solid transparent;\n\tborder-radius: 16px;\n\tbackground: #ffe8ef;\n\topacity: ${(props) => (props.disabled ? 0.5 : 1)};\n`;\n\nconst AIButton = styled.button<{ disabled?: boolean }>`\n\tborder: 0;\n\tbackground: #ffe8ef;\n\tcolor: #f53f77;\n\tborder-radius: 16px 0 0 16px;\n\tpadding: 6px 10px;\n\tfont-size: 12px;\n\tfont-weight: 400;\n\tline-height: 16px;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 4px;\n\t:hover {\n\t\tfilter: brightness(0.98);\n\t}\n`;\n\nconst AIArrowButton = styled.button<{ disabled?: boolean }>`\n\tborder: 0;\n\tborder-left: 1px solid #f6c8d7;\n\tbackground: #ffe8ef;\n\tcolor: #f53f77;\n\tborder-radius: 0 16px 16px 0;\n\t//padding: 4px 6px;\n\tline-height: 1;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\tdisplay: flex;\n\talign-items: center;\n`;\n\nconst AIDropdownContainer = styled.div`\n\tposition: relative;\n`;\n\nconst AIDropdownMenu = styled.div`\n\tposition: absolute;\n\ttop: calc(100% + 6px);\n\tleft: 0;\n\tbackground: ${COLORS.surface.standard};\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 8px;\n\twidth: 209px;\n\tz-index: 10;\n\tbox-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);\n\tpadding: 4px;\n`;\n\nconst AIDropdownItem = styled.button<{\n\tselected?: boolean;\n\tisInstructions?: boolean;\n\t/** Change tone row: green highlight when tone submenu is open */\n\ttoneSubmenuOpen?: boolean;\n\t/** Change tone row: green text/icon on hover or when submenu open */\n\tisChangeToneRow?: boolean;\n}>`\n\twidth: 100%;\n\ttext-align: left;\n\tborder: 0;\n\tbackground: ${(props) =>\n\t\tprops.selected || props.toneSubmenuOpen ? '#d9e8db' : 'transparent'};\n\tcolor: ${(props) =>\n\t\tprops.selected || props.toneSubmenuOpen\n\t\t\t? '#1e6b34'\n\t\t\t: COLORS.content.primary};\n\tpadding: 10px 10px;\n\tborder-radius: 6px;\n\tcursor: pointer;\n\tfont-size: 14px;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\t:hover {\n\t\tbackground: ${(props) =>\n\t\t\tprops.selected || props.toneSubmenuOpen ? '#d9e8db' : '#f7f7f8'};\n\t}\n\t${(props) =>\n\t\tprops.isChangeToneRow\n\t\t\t? `\n\t\t&:hover {\n\t\t\tcolor: #1e6b34;\n\t\t\tbackground: ${props.toneSubmenuOpen ? '#d9e8db' : '#f7f7f8'};\n\t\t}\n\t`\n\t\t\t: ''}\n`;\n\nconst ToneSubMenu = styled.div`\n\tposition: absolute;\n\ttop: 0;\n\tleft: calc(100% + 4px);\n\tbackground: ${COLORS.surface.standard};\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 8px;\n\tmin-width: 140px;\n\tz-index: 11;\n\tbox-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);\n\tpadding: 4px;\n`;\n\ntype AIRephraseButtonProps = {\n\tlabel: string;\n\tdisabled?: boolean;\n\tloading?: boolean;\n\thighlighted?: boolean;\n\ttones?: AIActionToneOption[];\n\tselectedToneId?: string;\n\tinstructionActive?: boolean;\n\tonClick?: () => void;\n\tonToneChange?: (toneId: string) => void;\n\tonInstructionsClick?: () => void;\n\tshowSecondaryRephraseOption?: boolean;\n\tonSecondaryRephraseClick?: () => void;\n};\n\nexport const AIRephraseButton = ({\n\tlabel,\n\tdisabled,\n\tloading,\n\thighlighted,\n\ttones,\n\tselectedToneId,\n\tinstructionActive,\n\tonClick,\n\tonToneChange,\n\tonInstructionsClick,\n\tshowSecondaryRephraseOption,\n\tonSecondaryRephraseClick,\n}: AIRephraseButtonProps) => {\n\tconst dropdownRef = useRef<HTMLDivElement>(null);\n\tconst [isDropdownOpen, setIsDropdownOpen] = useState(false);\n\tconst [isToneMenuOpen, setIsToneMenuOpen] = useState(false);\n\tconst isDropdownDisabled = !!instructionActive || !!disabled || !!loading;\n\n\tuseOutside(dropdownRef, () => {\n\t\tsetIsDropdownOpen(false);\n\t\tsetIsToneMenuOpen(false);\n\t});\n\n\tuseEffect(() => {\n\t\tif (!instructionActive) return;\n\t\tsetIsDropdownOpen(false);\n\t\tsetIsToneMenuOpen(false);\n\t}, [instructionActive]);\n\n\treturn (\n\t\t<AIDropdownContainer ref={dropdownRef}>\n\t\t\t<BorderAnimation\n\t\t\t\tshowAnimation={!!highlighted}\n\t\t\t\tdisabled={!!disabled || !!loading}\n\t\t\t\tborderRadius={16}\n\t\t\t\tborderSize={2}\n\t\t\t>\n\t\t\t\t<AIButtonGroup disabled={disabled || loading}>\n\t\t\t\t\t<AIButton\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tdisabled={disabled || loading}\n\t\t\t\t\t\tonClick={onClick}\n\t\t\t\t\t>\n\t\t\t\t\t\t<SparkleIcon width={12} height={12} color=\"#f53f77\" />\n\t\t\t\t\t\t{loading ? '...' : label}\n\t\t\t\t\t</AIButton>\n\t\t\t\t\t<AIArrowButton\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tdisabled={isDropdownDisabled}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tif (isDropdownDisabled) return;\n\t\t\t\t\t\t\tsetIsDropdownOpen((prev) => !prev);\n\t\t\t\t\t\t\tsetIsToneMenuOpen(false);\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ChevronDownIcon width={14} height={14} />\n\t\t\t\t\t</AIArrowButton>\n\t\t\t\t</AIButtonGroup>\n\t\t\t</BorderAnimation>\n\t\t\t{isDropdownOpen ? (\n\t\t\t\t<AIDropdownMenu>\n\t\t\t\t\t{tones?.length ? (\n\t\t\t\t\t\t<AIDropdownItem\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\ttoneSubmenuOpen={isToneMenuOpen}\n\t\t\t\t\t\t\tisChangeToneRow\n\t\t\t\t\t\t\tonMouseEnter={() => {\n\t\t\t\t\t\t\t\tif (isDropdownDisabled) return;\n\t\t\t\t\t\t\t\tsetIsToneMenuOpen(true);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonClick={() => setIsToneMenuOpen((prev) => !prev)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\t\t\twidth: '100%',\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<span\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tdisplay: 'inline-flex',\n\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\tgap: 8,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<EmojiIcon width={18} height={18} color=\"currentColor\" />\n\t\t\t\t\t\t\t\t\tChange tone\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<ChevronRightIcon width={14} height={14} color=\"currentColor\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</AIDropdownItem>\n\t\t\t\t\t) : null}\n\t\t\t\t\t<AIDropdownItem\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tisInstructions\n\t\t\t\t\t\tselected={!!instructionActive}\n\t\t\t\t\t\tonMouseEnter={() => setIsToneMenuOpen(false)}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tif (isDropdownDisabled) return;\n\t\t\t\t\t\t\tonInstructionsClick?.();\n\t\t\t\t\t\t\tsetIsDropdownOpen(false);\n\t\t\t\t\t\t\tsetIsToneMenuOpen(false);\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<EditIcon width={16} height={16} color={COLORS.content.primary} />\n\t\t\t\t\t\tAdd instructions\n\t\t\t\t\t</AIDropdownItem>\n\t\t\t\t\t{showSecondaryRephraseOption ? (\n\t\t\t\t\t\t<AIDropdownItem\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tonMouseEnter={() => setIsToneMenuOpen(false)}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tif (disabled || loading) return;\n\t\t\t\t\t\t\t\tonSecondaryRephraseClick?.();\n\t\t\t\t\t\t\t\tsetIsDropdownOpen(false);\n\t\t\t\t\t\t\t\tsetIsToneMenuOpen(false);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<SparkleIcon\n\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\tRephrase\n\t\t\t\t\t\t</AIDropdownItem>\n\t\t\t\t\t) : null}\n\t\t\t\t\t{isToneMenuOpen && tones?.length ? (\n\t\t\t\t\t\t<ToneSubMenu>\n\t\t\t\t\t\t\t{tones.map((tone) => (\n\t\t\t\t\t\t\t\t<AIDropdownItem\n\t\t\t\t\t\t\t\t\tkey={tone.id}\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tselected={tone.id === selectedToneId}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tif (isDropdownDisabled) return;\n\t\t\t\t\t\t\t\t\t\tonToneChange?.(tone.id);\n\t\t\t\t\t\t\t\t\t\tsetIsDropdownOpen(false);\n\t\t\t\t\t\t\t\t\t\tsetIsToneMenuOpen(false);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{tone.label}\n\t\t\t\t\t\t\t\t</AIDropdownItem>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</ToneSubMenu>\n\t\t\t\t\t) : null}\n\t\t\t\t</AIDropdownMenu>\n\t\t\t) : null}\n\t\t</AIDropdownContainer>\n\t);\n};\nexport type AIActionToneOption = {\n\tid: string;\n\tlabel: string;\n};\n"],"names":["AIButtonGroup","styled","props","AIButton","AIArrowButton","AIDropdownContainer","AIDropdownMenu","COLORS","AIDropdownItem","ToneSubMenu","AIRephraseButton","label","disabled","loading","highlighted","tones","selectedToneId","instructionActive","onClick","onToneChange","onInstructionsClick","showSecondaryRephraseOption","onSecondaryRephraseClick","dropdownRef","useRef","isDropdownOpen","setIsDropdownOpen","useState","isToneMenuOpen","setIsToneMenuOpen","isDropdownDisabled","useOutside","useEffect","jsxDEV","BorderAnimation","SparkleIcon","this","prev","ChevronDownIcon","EmojiIcon","ChevronRightIcon","EditIcon","tone"],"mappings":"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"}

package/dist/cjs/components/WhatsAppTextEditor/BorderAnimation.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-dev-runtime"),n=require("react"),l=require("./AIRephrase.styled.js"),o={ANIMATION_DURATION:5e3,ROTATION_SPEED:16,ROTATION_INCREMENT:2},O=({children:N,showAnimation:e,disabled:t=!1,onAnimationStart:s,borderRadius:c=12,borderSize:T=2})=>{const[i,u]=n.useState(0);return n.useEffect(()=>{if(!e||t)return;s?.();const r=setInterval(()=>{u(I=>(I+o.ROTATION_INCREMENT)%360)},o.ROTATION_SPEED);return()=>clearInterval(r)},[e,t,s]),n.useEffect(()=>{if(!e||t)return;const r=setTimeout(()=>{u(0)},o.ANIMATION_DURATION);return()=>clearTimeout(r)},[e,t]),a.jsxDEV(l.BorderAnimationContainer,{rotation:i,show:e,borderRadius:c,borderSize:T,children:N},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/BorderAnimation.tsx",lineNumber:52,columnNumber:3},void 0)};exports.default=O;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const I=require("react/jsx-dev-runtime"),n=require("react"),l=require("./AIRephrase.styled.js"),o={ANIMATION_DURATION:5e3,ROTATION_SPEED:16,ROTATION_INCREMENT:2},O=({children:i,showAnimation:e,disabled:t=!1,onAnimationStart:s,borderRadius:c=12,borderSize:N=2})=>{const[a,u]=n.useState(0);return n.useEffect(()=>{if(!e||t)return;s?.();const r=setInterval(()=>{u(T=>(T+o.ROTATION_INCREMENT)%360)},o.ROTATION_SPEED);return()=>clearInterval(r)},[e,t,s]),n.useEffect(()=>{if(!e||t)return;const r=setTimeout(()=>{u(0)},o.ANIMATION_DURATION);return()=>clearTimeout(r)},[e,t]),I.jsxDEV(l.BorderAnimationContainer,{rotation:a,show:e,borderRadius:c,borderSize:N,children:i},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/BorderAnimation.tsx",lineNumber:52,columnNumber:3},void 0)};exports.default=O;
 //# sourceMappingURL=BorderAnimation.js.map

package/dist/cjs/components/WhatsAppTextEditor/BorderAnimation.js.map

@@ -1 +1 @@
-{"version":3,"file":"BorderAnimation.js","sources":["../../../../src/components/WhatsAppTextEditor/BorderAnimation.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from 'react';\nimport { BorderAnimationContainer } from './AIRephrase.styled';\n\nconst ANIMATION_CONFIG = {\n\tANIMATION_DURATION: 5000,\n\tROTATION_SPEED: 16,\n\tROTATION_INCREMENT: 2,\n} as const;\n\ninterface BorderAnimationProps {\n\tchildren: ReactNode;\n\tshowAnimation: boolean;\n\tdisabled?: boolean;\n\tonAnimationStart?: () => void;\n\tborderRadius?: string | number;\n\tborderSize?: string | number;\n}\n\nconst BorderAnimation: React.FC<BorderAnimationProps> = ({\n\tchildren,\n\tshowAnimation,\n\tdisabled = false,\n\tonAnimationStart,\n\tborderRadius = 12,\n\tborderSize = 2,\n}) => {\n\tconst [rotation, setRotation] = useState<number>(0);\n\n\tuseEffect(() => {\n\t\tif (!showAnimation || disabled) return;\n\n\t\tonAnimationStart?.();\n\n\t\tconst interval = setInterval(() => {\n\t\t\tsetRotation((prev) => (prev + ANIMATION_CONFIG.ROTATION_INCREMENT) % 360);\n\t\t}, ANIMATION_CONFIG.ROTATION_SPEED);\n\n\t\treturn () => clearInterval(interval);\n\t}, [showAnimation, disabled, onAnimationStart]);\n\n\tuseEffect(() => {\n\t\tif (!showAnimation || disabled) return;\n\n\t\tconst timer = setTimeout(() => {\n\t\t\tsetRotation(0);\n\t\t}, ANIMATION_CONFIG.ANIMATION_DURATION);\n\n\t\treturn () => clearTimeout(timer);\n\t}, [showAnimation, disabled]);\n\n\treturn (\n\t\t<BorderAnimationContainer\n\t\t\trotation={rotation}\n\t\t\t/* Ring visibility follows the nudge only; `disabled` only stops rotation below. */\n\t\t\tshow={showAnimation}\n\t\t\tborderRadius={borderRadius}\n\t\t\tborderSize={borderSize}\n\t\t>\n\t\t\t{children}\n\t\t</BorderAnimationContainer>\n\t);\n};\n\nexport default BorderAnimation;\n"],"names":["ANIMATION_CONFIG","BorderAnimation","children","showAnimation","disabled","onAnimationStart","borderRadius","borderSize","rotation","setRotation","useState","useEffect","interval","prev","timer","jsxDEV","BorderAnimationContainer","this"],"mappings":"4MAGMA,EAAmB,CACxB,mBAAoB,IACpB,eAAgB,GAChB,mBAAoB,CACrB,EAWMC,EAAkD,CAAC,CACxD,SAAAC,EACA,cAAAC,EACA,SAAAC,EAAW,GACX,iBAAAC,EACA,aAAAC,EAAe,GACf,WAAAC,EAAa,CACd,IAAM,CACL,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAiB,CAAC,EAElDC,OAAAA,EAAAA,UAAU,IAAM,CACf,GAAI,CAACR,GAAiBC,EAAU,OAEhCC,IAAA,EAEA,MAAMO,EAAW,YAAY,IAAM,CAClCH,EAAaI,IAAUA,EAAOb,EAAiB,oBAAsB,GAAG,CACzE,EAAGA,EAAiB,cAAc,EAElC,MAAO,IAAM,cAAcY,CAAQ,CACpC,EAAG,CAACT,EAAeC,EAAUC,CAAgB,CAAC,EAE9CM,EAAAA,UAAU,IAAM,CACf,GAAI,CAACR,GAAiBC,EAAU,OAEhC,MAAMU,EAAQ,WAAW,IAAM,CAC9BL,EAAY,CAAC,CACd,EAAGT,EAAiB,kBAAkB,EAEtC,MAAO,IAAM,aAAac,CAAK,CAChC,EAAG,CAACX,EAAeC,CAAQ,CAAC,EAG3BW,EAAAA,OAACC,EAAAA,yBAAA,CACA,SAAAR,EAEA,KAAML,EACN,aAAAG,EACA,WAAAC,EAEC,SAAAL,CAAA,EAPF,OAAA,GAAA,CAAA,SAAA,4GAAA,WAAA,GAAA,aAAA,CAAA,EAAAe,MAAA,CAUF"}
+{"version":3,"file":"BorderAnimation.js","sources":["../../../../src/components/WhatsAppTextEditor/BorderAnimation.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from 'react';\nimport { BorderAnimationContainer } from './AIRephrase.styled';\n\nconst ANIMATION_CONFIG = {\n\tANIMATION_DURATION: 5000,\n\tROTATION_SPEED: 16,\n\tROTATION_INCREMENT: 2,\n} as const;\n\ninterface BorderAnimationProps {\n\tchildren: ReactNode;\n\tshowAnimation: boolean;\n\tdisabled?: boolean;\n\tonAnimationStart?: () => void;\n\tborderRadius?: string | number;\n\tborderSize?: string | number;\n}\n\nconst BorderAnimation: React.FC<BorderAnimationProps> = ({\n\tchildren,\n\tshowAnimation,\n\tdisabled = false,\n\tonAnimationStart,\n\tborderRadius = 12,\n\tborderSize = 2,\n}) => {\n\tconst [rotation, setRotation] = useState<number>(0);\n\n\tuseEffect(() => {\n\t\tif (!showAnimation || disabled) return;\n\n\t\tonAnimationStart?.();\n\n\t\tconst interval = setInterval(() => {\n\t\t\tsetRotation((prev) => (prev + ANIMATION_CONFIG.ROTATION_INCREMENT) % 360);\n\t\t}, ANIMATION_CONFIG.ROTATION_SPEED);\n\n\t\treturn () => clearInterval(interval);\n\t}, [showAnimation, disabled, onAnimationStart]);\n\n\tuseEffect(() => {\n\t\tif (!showAnimation || disabled) return;\n\n\t\tconst timer = setTimeout(() => {\n\t\t\tsetRotation(0);\n\t\t}, ANIMATION_CONFIG.ANIMATION_DURATION);\n\n\t\treturn () => clearTimeout(timer);\n\t}, [showAnimation, disabled]);\n\n\treturn (\n\t\t<BorderAnimationContainer\n\t\t\trotation={rotation}\n\t\t\t/* Ring visibility follows the nudge only; `disabled` only stops rotation below. */\n\t\t\tshow={showAnimation}\n\t\t\tborderRadius={borderRadius}\n\t\t\tborderSize={borderSize}\n\t\t>\n\t\t\t{children}\n\t\t</BorderAnimationContainer>\n\t);\n};\n\nexport default BorderAnimation;\n"],"names":["ANIMATION_CONFIG","BorderAnimation","children","showAnimation","disabled","onAnimationStart","borderRadius","borderSize","rotation","setRotation","useState","useEffect","interval","prev","timer","jsxDEV","BorderAnimationContainer","this"],"mappings":"4MAGMA,EAAmB,CACxB,mBAAoB,IACpB,eAAgB,GAChB,mBAAoB,CACrB,EAWMC,EAAkD,CAAC,CACxD,SAAAC,EACA,cAAAC,EACA,SAAAC,EAAW,GACX,iBAAAC,EACA,aAAAC,EAAe,GACf,WAAAC,EAAa,CACd,IAAM,CACL,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAiB,CAAC,EAElDC,OAAAA,EAAAA,UAAU,IAAM,CACf,GAAI,CAACR,GAAiBC,EAAU,OAEhCC,IAAA,EAEA,MAAMO,EAAW,YAAY,IAAM,CAClCH,EAAaI,IAAUA,EAAOb,EAAiB,oBAAsB,GAAG,CACzE,EAAGA,EAAiB,cAAc,EAElC,MAAO,IAAM,cAAcY,CAAQ,CACpC,EAAG,CAACT,EAAeC,EAAUC,CAAgB,CAAC,EAE9CM,EAAAA,UAAU,IAAM,CACf,GAAI,CAACR,GAAiBC,EAAU,OAEhC,MAAMU,EAAQ,WAAW,IAAM,CAC9BL,EAAY,CAAC,CACd,EAAGT,EAAiB,kBAAkB,EAEtC,MAAO,IAAM,aAAac,CAAK,CAChC,EAAG,CAACX,EAAeC,CAAQ,CAAC,EAG3BW,EAAAA,OAACC,EAAAA,yBAAA,CACA,SAAAR,EAEA,KAAML,EACN,aAAAG,EACA,WAAAC,EAEC,SAAAL,CAAA,EAPF,OAAA,GAAA,CAAA,SAAA,2IAAA,WAAA,GAAA,aAAA,CAAA,EAAAe,MAAA,CAUF"}

package/dist/cjs/components/WhatsAppTextEditor/WhatsAppTextEditor.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),Ht=require("../../assets/icons/check.svg.js"),Pt=require("../../assets/icons/chevronLeft.svg.js"),Mt=require("../../assets/icons/chevronRight.svg.js"),$t=require("../../assets/icons/cross.svg.js"),Ft=require("../../assets/icons/edit.svg.js"),Bt=require("../../assets/icons/info.svg.js"),qt=require("../../assets/icons/rewind.svg.js"),Gt=require("../../assets/icons/thumb-down-line.svg.js"),zt=require("../../assets/icons/thumb-up-line.svg.js"),Xt=require("../../helpers/BaseWhatsappContentLang.helper.js"),o=require("react"),mt=require("styled-components"),s=require("../../constants/Theme.js"),te=require("../tooltips/Tooltip.js"),Re=require("../TypographyStyle.js"),$=require("./ai/actionRegistry.js"),ne=require("./ai/aiTag.js"),ct=require("./ai/api.js"),F=require("./CustomEditor.styled.js"),a=require("./WhatsAppTextEditorHeader.js"),ft=c=>c&&typeof c=="object"&&"default"in c?c:{default:c},Yt=ft(o),p=ft(mt),Se="Character limit reached",lt=3e3,Jt=5,dt=3,ut=1200,Qt=1e3,Zt="Rephrase this WhatsApp utility template to improve clarity and readability while preserving variables, intent, and compliance.",bt=mt.keyframes`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),Ht=require("../../assets/icons/check.svg.js"),Pt=require("../../assets/icons/chevronLeft.svg.js"),Mt=require("../../assets/icons/chevronRight.svg.js"),$t=require("../../assets/icons/cross.svg.js"),Ft=require("../../assets/icons/edit.svg.js"),Bt=require("../../assets/icons/info.svg.js"),qt=require("../../assets/icons/rewind.svg.js"),Gt=require("../../assets/icons/thumb-down-line.svg.js"),zt=require("../../assets/icons/thumb-up-line.svg.js"),Xt=require("../../helpers/BaseWhatsappContentLang.helper.js"),r=require("react"),mt=require("styled-components"),o=require("../../constants/Theme.js"),te=require("../tooltips/Tooltip.js"),Ne=require("../TypographyStyle.js"),$=require("./ai/actionRegistry.js"),ne=require("./ai/aiTag.js"),ct=require("./ai/api.js"),F=require("./CustomEditor.styled.js"),a=require("./WhatsAppTextEditorHeader.js"),bt=c=>c&&typeof c=="object"&&"default"in c?c:{default:c},Yt=bt(r),p=bt(mt),We="Character limit reached",lt=3e3,Jt=5,ut=3,dt=1200,Qt=1e3,Zt="Rephrase this WhatsApp utility template to improve clarity and readability while preserving variables, intent, and compliance.",ht=mt.keyframes`
 	0% { opacity: 0.55; }
 	50% { opacity: 1; }
 	100% { opacity: 0.55; }
@@ -8,12 +8,12 @@
 	flex-direction: column;
 	gap: 10px;
 	min-height: 150px;
-`,_=p.default.div`
+`,O=p.default.div`
 	height: 16px;
 	border-radius: 6px;
 	width: ${c=>c.width};
 	background: #ececef;
-	animation: ${bt} 1.1s ease-in-out infinite;
+	animation: ${ht} 1.1s ease-in-out infinite;
 `,en=p.default.div`
 	padding: 12px;
 	display: flex;
@@ -35,23 +35,23 @@
 	}
 `,tn=p.default.div`
 	text-decoration: line-through;
-	color: ${s.COLORS.content.secondary};
+	color: ${o.COLORS.content.secondary};
 `,pt=p.default.div`
-	color: ${s.COLORS.content.primary};
+	color: ${o.COLORS.content.primary};
 `,nn=p.default.div`
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
 	width: 100%;
 	min-height: 40px;
-`,on=p.default.div`
+`,rn=p.default.div`
 	display: flex;
 	align-items: center;
 	gap: 6px;
-`,rn=p.default.span`
-	color: ${s.COLORS.content.primary};
+`,on=p.default.span`
+	color: ${o.COLORS.content.primary};
 	font-size: 14px;
-`,U=p.default.button`
+`,I=p.default.button`
 	border: 0;
 	background: transparent;
 	padding: 6px;
@@ -60,16 +60,16 @@
 	align-items: center;
 	justify-content: center;
 	cursor: pointer;
-	color: ${s.COLORS.content.primary};
+	color: ${o.COLORS.content.primary};
 	transition: background-color 0.12s ease;
 	:not(:disabled):hover {
-		background-color: ${s.COLORS.surface.hovered};
+		background-color: ${o.COLORS.surface.hovered};
 	}
 	:disabled {
 		opacity: 0.35;
 		cursor: not-allowed;
 	}
-`,sn=p.default(U)`
+`,sn=p.default(I)`
 	:disabled {
 		opacity: 1;
 		cursor: wait;
@@ -80,9 +80,9 @@
 	border-radius: 4px;
 	background: #ececef;
 	flex-shrink: 0;
-	animation: ${bt} 1.1s ease-in-out infinite;
+	animation: ${ht} 1.1s ease-in-out infinite;
 `,cn=p.default.div`
-	background: ${s.COLORS.surface.standard};
+	background: ${o.COLORS.surface.standard};
 	display: flex;
 	flex-direction: column;
 	padding: 8px 12px;
@@ -96,23 +96,23 @@
 	display: flex;
 	align-items: center;
 	gap: 10px;
-	background: ${s.COLORS.surface.standard};
-`,dn=p.default.input`
+	background: ${o.COLORS.surface.standard};
+`,un=p.default.input`
 	flex: 1;
 	min-width: 0;
 	border: 0;
 	outline: none;
 	font-size: 14px;
 	background: transparent;
-	color: ${s.COLORS.content.primary};
-`,un=p.default.div`
+	color: ${o.COLORS.content.primary};
+`,dn=p.default.div`
 	display: flex;
 	align-items: center;
 	gap: 10px;
 `,pn=p.default.button`
 	border: 0;
 	background: transparent;
-	color: ${s.COLORS.content.secondary};
+	color: ${o.COLORS.content.secondary};
 	font-size: 14px;
 	font-weight: 500;
 	padding: 0;
@@ -120,37 +120,37 @@
 `,mn=p.default.button`
 	border: 1px solid #5d3a72;
 	color: #5d3a72;
-	background: ${s.COLORS.surface.standard};
+	background: ${o.COLORS.surface.standard};
 	border-radius: 8px;
 	padding: 8px 14px;
 	font-size: 14px;
 	line-height: 1.1;
 	font-weight: 600;
 	cursor: pointer;
-`,fn=p.default.div`
+`,bn=p.default.div`
 	margin-top: 4px;
 	border-radius: 12px;
 	width: 331px;
-	background: ${s.COLORS.surface.standard};
+	background: ${o.COLORS.surface.standard};
 	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
 	overflow: hidden;
 	padding: 4px;
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
-`,bn=p.default.button`
+`,hn=p.default.button`
 	width: 100%;
 	border: 0;
 	border-radius: 8px;
 	background: ${c=>c.selected?"#e5f3e8":"transparent"};
-	color: ${c=>c.selected?"#1e6b34":s.COLORS.content.primary};
+	color: ${c=>c.selected?"#1e6b34":o.COLORS.content.primary};
 	text-align: left;
 	padding: 10px 12px;
 	font-size: 14px;
 	line-height: 1.2;
 	cursor: pointer;
 	:hover {
-		background: ${c=>c.selected?"#d9e8db":s.COLORS.surface.subdued};
+		background: ${c=>c.selected?"#d9e8db":o.COLORS.surface.subdued};
 	}
-`,O=new Xt.BaseWhatsappContentLangHelper,hn={[a.EditorActionTypes.BOLD]:"*",[a.EditorActionTypes.ITALIC]:"_",[a.EditorActionTypes.STRIKETHROUGH]:"~"};function xn(c){return`whatsapp-editor-rephrase-highlight-${c||"default"}`}const ht=Yt.default.forwardRef(({onChange:c,onClickVariable:En,text:I,RightComponent:xt,error:w,limit:L,onError:j,rows:Et,actions:gt,editorInstanceKey:T,editorSessionId:oe,templateType:W="marketing",templateId:g,requestExecutor:me,baseUrl:fe,endpointPath:ke,useCase:we,storeId:We,apiAdapter:be,conversationId:ve="whatsapp-template-editor",systemId:Ce="whatsapp-writer",intent:_e="default",enabledAIActions:Oe=[a.AIEditorActionTypes.REPHRASE,a.AIEditorActionTypes.SHORTEN,a.AIEditorActionTypes.EXPAND,a.AIEditorActionTypes.EMOJIFY],disableBuiltInAIActions:Ue=!1,promptOverrides:Ie,rephraseTones:Le,aiActionMinChars:je,instructionSuggestions:Ve=$.DEFAULT_INSTRUCTION_SUGGESTIONS,onAnalyticsEvent:He,onAITagComputed:re,prefillWasAiGenerated:N=!1,editorHeader:Pe,onAIToneSelect:At,onAIActionRequest:se,onBuildAIPrompt:Me,onBlur:Tt,...yt},Nt)=>{const m=o.useRef(null),[i,Dt]=o.useState(I||""),[$e,B]=o.useState(!1),[he,Fe]=o.useState(0),[l,Be]=o.useState(!1),[qe,xe]=o.useState(!1),[D,ie]=o.useState(""),[ae,Rt]=o.useState({}),[E,Ge]=o.useState(null),[b,Ee]=o.useState([]),[R,q]=o.useState(0),[d,ze]=o.useState(null),Xe=o.useRef(null),f=o.useRef(null),G=o.useRef(null),y=o.useRef(null),z=o.useRef(null),X=o.useRef(null),Ye=o.useRef(null),ge=o.useRef(!!N),ce=o.useRef(null),Y=o.useRef(""),le=o.useRef(!1),[Ae,Je]=o.useState({}),St=o.useRef(`mount-${Date.now().toString(36)}-${Math.random().toString(36).slice(2,8)}`),J=o.useMemo(()=>xn(`${T||"default"}-${oe||St.current}`),[T,oe]);o.useEffect(()=>{ge.current=!!N},[N,T]),o.useEffect(()=>{le.current=!1,Y.current=""},[T,oe]),o.useEffect(()=>{if(!N){le.current=!1,Y.current="";return}if(le.current)return;const e=I??"";e.length>0&&(Y.current=e,le.current=!0)},[N,I,T,oe]);const de=o.useMemo(()=>$.resolveActionPrompts(W,Ie,Le),[Ie,Le,W]),Qe=o.useMemo(()=>{const e=D.trim().toLowerCase();return e?Ve.filter(t=>t.toLowerCase().includes(e)):[]},[Ve,D]),Q=o.useMemo(()=>({...$.DEFAULT_AI_ACTION_MIN_CHARS,...je||{}}),[je]),Ze=Q[a.AIEditorActionTypes.REPHRASE]||$.DEFAULT_AI_ACTION_MIN_CHARS[a.AIEditorActionTypes.REPHRASE],kt=o.useCallback(e=>{const t=e.trim().replace(/\s+/g," ");if(!t)return"";const r=t.split(" ").length;return`[anonymized:length_${t.length}:words_${r}]`},[]),A=o.useCallback((e,t)=>{He?.(e,t)},[He]),S=o.useCallback(e=>{Dt(t=>t===e?t:e)},[]),v=o.useCallback(e=>{if(X.current&&clearTimeout(X.current),e.length>ut){c?.(e,e),X.current=setTimeout(()=>{c?.(e,O.getHTML(e))},16);return}c?.(e,O.getHTML(e))},[c]),Ke=o.useCallback(e=>{const r=ce.current?.acceptedText||(N?Y.current:"");if(!r||e===r)return;const u=ne.computeAiTagOnPostEdit({acceptedAiText:r,currentEditedText:e});re?.({...u,source:"post_edit_debounce"})},[re,N]),Z=o.useCallback(()=>{Ge(null),Ee([]),q(0),ze(null),Je({})},[]),et=o.useCallback(()=>{if(l||E&&b.length>0||he>=Jt)return;const e=he+1;Fe(e),typeof window<"u"&&T&&sessionStorage.setItem(J,String(e)),B(!0),G.current&&clearTimeout(G.current),G.current=setTimeout(()=>{B(!1)},1200)},[T,J,l,E,b,he]),ue=o.useRef(et);ue.current=et;function wt(e){const t=e.target.value,r=ce.current;r&&!r.editedEventEmitted&&t!==r.acceptedText&&(ce.current={...r,editedEventEmitted:!0},A("ai_suggestion_edited",{action_type:r.actionType,template_id:g})),y.current&&(clearTimeout(y.current),y.current=null);const u=r?.acceptedText||(N?Y.current:"");u&&t!==u&&(y.current=setTimeout(()=>{Ke(t)},Qt)),S(t),v(t)}function tt(e){const t=m?.current;t!=null&&(t.selectionStart?(t.focus(),t.selectionEnd=e):t.focus())}function Wt(e){const t=hn[e];if(t&&m.current){const r=m.current.selectionStart,u=m.current.selectionEnd;if(r===u){const{text:x}=nt(t,r);tt(r+1),v(x)}else{const{text:x}=Te(t);v(x)}}}function vt(e){const{text:t}=pe(e);v(t)}function Te(e){let t=m.current?.value??"";if(m.current&&e){const r=m.current.selectionStart,u=m.current.selectionEnd,x=e;if(r===u)return pe(x);{t=O.wrappWildcard(r,u,x,t);const H=O.getHTML(t);return S(t),{text:t,html:H}}}return{text:t,html:t}}function pe(e){const t=m.current?.value??"";if(m.current&&e){const r=m.current.selectionStart,u=m.current.selectionEnd;if(r===u)return nt(e,r)}return{text:t,html:t}}function nt(e,t){let r=m.current?.value??"";r=r.slice(0,t)+e+r.slice(t);const u=O.getHTML(r);return S(r),{text:r,html:u}}o.useEffect(()=>{if(typeof window>"u"||!T)return;const e=Number(sessionStorage.getItem(J)||"0");return Number.isNaN(e)||Fe(e),()=>{sessionStorage.removeItem(J)}},[T,J]),o.useEffect(()=>{if(l){B(!1),f.current&&(clearTimeout(f.current),f.current=null);return}if(E&&b.length>0){B(!1),f.current&&(clearTimeout(f.current),f.current=null);return}const e=!!i.trim()&&i.length>=Ze;if(z.current===null){z.current=e,e&&(f.current=setTimeout(()=>{ue.current()},lt));return}if(!e){z.current=!1,B(!1),f.current&&(clearTimeout(f.current),f.current=null);return}const t=!z.current&&e;z.current=!0,t&&ue.current(),f.current&&clearTimeout(f.current),f.current=setTimeout(()=>{ue.current()},lt)},[i,l,Ze,E,b]),o.useEffect(()=>()=>{f.current&&clearTimeout(f.current),G.current&&clearTimeout(G.current),X.current&&clearTimeout(X.current),y.current&&clearTimeout(y.current)},[]);const h=b[R]||"",V=o.useMemo(()=>!d||!h?null:`${d}-${R}-${h}`,[h,d,R]),ot=!!(V&&Ae[V]),Ct=o.useMemo(()=>O.getHTML(E||""),[E]),_t=o.useMemo(()=>O.getHTML(h),[h]),ye=b.length<dt,k=!!E&&b.length>0,Ot=b.length<=1||R<=0,Ut=b.length<=1||R>=b.length-1;o.useEffect(()=>{if(!k)return;const e=Xe.current;e&&(e.scrollTop=e.scrollHeight)},[h,k,l]);const K=o.useCallback(async(e,t=!1,r,u,x=a.AIActionVariant.DEFAULT)=>{if(!se&&!be&&(!me||!fe)){j?.("AI configuration missing");return}if(!i.trim())return;const H=Q[e]||$.DEFAULT_AI_ACTION_MIN_CHARS[e]||50;if(i.length<H||l||t&&!ye)return;const ee=de[e],P=e===a.AIEditorActionTypes.REPHRASE&&W==="utility"&&x===a.AIActionVariant.REPHRASE?{...ee,label:"Rephrase",basePrompt:Zt}:ee,C=u||ae[e],st=P.tones?.find(M=>M.id===C),Ne=r!==void 0?r:D,it=Me?.({actionType:e,actionVariant:x,currentText:i,templateType:W,config:P,toneId:C,toneLabel:st?.label,instructionText:Ne||void 0})||ct.buildActionPrompt({config:P,currentText:i,selectedToneId:C,instructionText:Ne});Be(!0),A("ai_action_triggered",{action_type:e,template_id:g,template_category:W});try{const M=se?await se({actionType:e,actionVariant:x,currentText:i,templateType:W,toneId:C,toneLabel:st?.label,instructionText:Ne||void 0,prompt:it}):await ct.requestAISuggestion({apiAdapter:be,requestExecutor:me,baseUrl:fe,endpointPath:ke,prompt:it,intent:_e,conversationId:ve,systemId:Ce,useCase:we,storeId:We}),De=typeof M=="string"?M.trim():(M?.body||"").trim();if(!De)return;if(!t){Ge(i),ze(e),Ee([De]),q(0);return}Ee(Vt=>{const at=[...Vt,De].slice(0,dt);return q(at.length-1),at})}catch{j?.("Failed to generate AI suggestion")}finally{Be(!1)}},[me,fe,i,l,ye,de,ae,D,A,g,ke,be,_e,ve,Ce,we,We,W,j,Q,se,Me]),It=o.useCallback(()=>{if(!h||!E||!d)return;S(h),v(h),A("ai_suggestion_accepted",{action_type:d,template_id:g}),ce.current={acceptedText:h,baselineText:E,actionType:d,editedEventEmitted:!1};const e=ge.current,t=ne.computeAiTagOnAccept({baselineText:E,acceptedText:h,initialAiPrefillPhase:e});e&&(ge.current=!1),re?.({...t,source:"accept"}),Z()},[h,E,d,S,v,A,g,re,Z]),Lt=o.useCallback(()=>{d&&(A("ai_suggestion_discarded",{action_type:d,template_id:g}),Z())},[Z,A,d,g]),rt=o.useCallback(e=>{!d||!V||Ae[V]||(Je(t=>({...t,[V]:e})),A("ai_feedback_submitted",{action_type:d,template_id:g,rating:e,candidate_index:R+1}))},[V,A,Ae,d,R,g]),jt=o.useMemo(()=>Ue?[]:Oe.map(e=>{const t=de[e],r=ae[e];return{type:e,label:t.label,isPrimary:e===a.AIEditorActionTypes.REPHRASE,loading:l&&d===e,highlighted:e===a.AIEditorActionTypes.REPHRASE&&$e,disabled:!i.trim()||i.length<(Q[e]||$.DEFAULT_AI_ACTION_MIN_CHARS[e]||50)||l||k&&d===e,showToneDropdown:e===a.AIEditorActionTypes.REPHRASE&&!!t.tones?.length,tones:t.tones,selectedToneId:r}}),[Oe,Ue,de,ae,l,d,k,$e,i,Q]);return o.useImperativeHandle(Nt,()=>({addTextOrWrap:Te,addText:pe,get(){return i},setCaretPosition:tt}),[Te,pe,i]),o.useEffect(()=>{I!==void 0&&S(I||"")},[I,S]),o.useEffect(()=>{if(!L||!j)return;const e=i.length>L?Se:w??"";Ye.current!==e&&(Ye.current=e,j(e))},[i,w,L,j]),n.jsxDEV(F.OuterContainer,{children:[n.jsxDEV(F.EditorFooterRow,{children:[n.jsxDEV(F.EditorFooterTitle,{children:Pe?n.jsxDEV(Re.TitleSmall,{"data-test":"body-text-for-edit-template",children:Pe},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1176,columnNumber:8},void 0):null},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1174,columnNumber:6},void 0),n.jsxDEV(F.EditorFooterRight,{children:[w&&w!==Se?n.jsxDEV(n.Fragment,{children:[n.jsxDEV(Bt.default,{width:16,height:16,color:s.COLORS.content.negative},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1184,columnNumber:9},void 0),n.jsxDEV(Re.BodyCaption,{color:s.COLORS.content.negative,children:w},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1189,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1183,columnNumber:8},void 0):null,L?n.jsxDEV(Re.BodyCaption,{style:{color:w===Se||i.length>L?s.COLORS.content.negative:s.COLORS.content.secondary},children:[i.length,"/",L]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1195,columnNumber:8},void 0):null]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1181,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1173,columnNumber:5},void 0),n.jsxDEV(F.Container,{isError:!!w,children:[k?n.jsxDEV(en,{ref:Xe,children:[n.jsxDEV(tn,{dangerouslySetInnerHTML:{__html:Ct}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1211,columnNumber:8},void 0),l?n.jsxDEV(pt,{"aria-busy":"true",children:n.jsxDEV(nn,{children:[n.jsxDEV(_,{width:"96%"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1217,columnNumber:11},void 0),n.jsxDEV(_,{width:"84%"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1218,columnNumber:11},void 0),n.jsxDEV(_,{width:"68%"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1219,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1216,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1215,columnNumber:9},void 0):n.jsxDEV(pt,{dangerouslySetInnerHTML:{__html:_t}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1223,columnNumber:9},void 0),n.jsxDEV(on,{children:[n.jsxDEV(U,{"aria-label":"Previous suggestion",type:"button",disabled:Ot,onClick:()=>q(e=>Math.max(0,e-1)),children:n.jsxDEV(Pt.default,{width:14,height:14,color:s.COLORS.content.secondary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1238,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1230,columnNumber:9},void 0),n.jsxDEV(rn,{children:[R+1,"/",b.length]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1244,columnNumber:9},void 0),n.jsxDEV(U,{"aria-label":"Next suggestion",type:"button",disabled:Ut,onClick:()=>q(e=>Math.min(b.length-1,e+1)),children:n.jsxDEV(Mt.default,{width:14,height:14,color:s.COLORS.content.secondary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1257,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1247,columnNumber:9},void 0),n.jsxDEV(te.Tooltip,{body:"Like",placement:"top",children:n.jsxDEV(U,{"aria-label":"Like suggestion",type:"button",disabled:ot,onClick:()=>rt("like"),children:n.jsxDEV(zt.default,{width:14,height:14,color:s.COLORS.content.secondary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1270,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1264,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1263,columnNumber:9},void 0),n.jsxDEV(te.Tooltip,{body:"Dislike",placement:"top",children:n.jsxDEV(U,{"aria-label":"Dislike suggestion",type:"button",disabled:ot,onClick:()=>rt("dislike"),children:n.jsxDEV(Gt.default,{width:14,height:14,color:s.COLORS.content.secondary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1284,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1278,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1277,columnNumber:9},void 0),ye?n.jsxDEV(te.Tooltip,{body:l?"Regenerating…":"Regenerate",placement:"top",children:n.jsxDEV(sn,{"aria-label":"Regenerate suggestion","aria-busy":l,type:"button",disabled:l,onClick:()=>{d&&K(d,!0)},children:l?n.jsxDEV(an,{"aria-hidden":!0},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1308,columnNumber:13},void 0):n.jsxDEV(qt.default,{width:14,height:14},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1310,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1296,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1292,columnNumber:10},void 0):null,n.jsxDEV(te.Tooltip,{body:"Discard",placement:"top",children:n.jsxDEV(U,{"aria-label":"Discard suggestion",type:"button",onClick:Lt,children:n.jsxDEV($t.default,{width:14,height:14,color:s.COLORS.content.secondary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1321,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1316,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1315,columnNumber:9},void 0),n.jsxDEV(te.Tooltip,{body:"Accept",placement:"top",children:n.jsxDEV(U,{"aria-label":"Accept suggestion",type:"button",onClick:It,children:n.jsxDEV(Ht.default,{width:14,height:14,color:s.COLORS.content.secondary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1334,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1329,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1328,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1229,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1210,columnNumber:7},void 0):l?n.jsxDEV(Kt,{children:[n.jsxDEV(_,{width:"96%"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1345,columnNumber:8},void 0),n.jsxDEV(_,{width:"92%"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1346,columnNumber:8},void 0),n.jsxDEV(_,{width:"88%"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1347,columnNumber:8},void 0),n.jsxDEV(_,{width:"54%"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1348,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1344,columnNumber:7},void 0):n.jsxDEV(F.TextSpace,{ref:m,...yt,value:i,onChange:wt,onBlur:e=>{y.current&&(clearTimeout(y.current),y.current=null),Ke(e.target.value),Tt?.(e)},onPaste:e=>{const t=e.clipboardData.getData("text");if(t.length>ut){e.preventDefault();const r=m.current,u=r?.selectionStart??0,x=r?.selectionEnd??u,H=r?.value??i,ee=H.slice(0,u)+t+H.slice(x);S(ee),v(ee);const P=u+t.length;requestAnimationFrame(()=>{const C=m.current;if(C)try{C.setSelectionRange(P,P)}catch{}})}},rows:Et},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1351,columnNumber:7},void 0),qe?n.jsxDEV(cn,{children:[n.jsxDEV(ln,{children:[n.jsxDEV(Ft.default,{width:18,height:18,color:s.COLORS.content.secondary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1395,columnNumber:9},void 0),n.jsxDEV(dn,{value:D,placeholder:"Add specific instructions to refine your message",onChange:e=>ie(e.target.value)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1400,columnNumber:9},void 0),n.jsxDEV(un,{children:[n.jsxDEV(pn,{type:"button",onClick:()=>{ie(""),xe(!1)},children:"Cancel"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1406,columnNumber:10},void 0),n.jsxDEV(mn,{type:"button",onClick:()=>{const e=D.trim();e&&A("ai_instruction_used",{action_type:a.AIEditorActionTypes.REPHRASE,template_id:g,instruction_text:kt(e)}),xe(!1),ie(""),K(a.AIEditorActionTypes.REPHRASE,!1,e)},children:"Improve"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1415,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1405,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1394,columnNumber:8},void 0),D.trim().length>0&&Qe.length>0?n.jsxDEV(fn,{children:Qe.map(e=>n.jsxDEV(bn,{type:"button",selected:D===e,onClick:()=>ie(e),children:e},e,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1444,columnNumber:11},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1442,columnNumber:9},void 0):null]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1393,columnNumber:7},void 0):n.jsxDEV(a.WhatsAppTextEditorHeader,{actions:gt,ref:m,onActionSelect:Wt,RightComponent:xt,rightActionsDisabled:k||l,onEmojiClick:vt,aiActions:jt,disableAllActions:k||l,instructionActive:qe,onAIInstructionsClick:()=>xe(!0),onAIToneChange:(e,t)=>{Rt(r=>({...r,[e]:t})),At?.(e,t),e===a.AIEditorActionTypes.REPHRASE&&K(e,!1,void 0,t,a.AIActionVariant.DEFAULT)},onAIActionClick:(e,t=a.AIActionVariant.DEFAULT)=>{if(!l){if(k){if(d===e)return;Z(),K(e,!1,void 0,void 0,t);return}K(e,!1,void 0,void 0,t)}}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1457,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1208,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1172,columnNumber:4},void 0)});ht.displayName="WhatsAppTextEditor";exports.AI_TAG_CHANGE_RATIO_THRESHOLD=ne.AI_TAG_CHANGE_RATIO_THRESHOLD;exports.computeAiTagOnAccept=ne.computeAiTagOnAccept;exports.levenshteinDistance=ne.levenshteinDistance;exports.WhatsAppTextEditor=ht;
+`,U=new Xt.BaseWhatsappContentLangHelper,fn={[a.EditorActionTypes.BOLD]:"*",[a.EditorActionTypes.ITALIC]:"_",[a.EditorActionTypes.STRIKETHROUGH]:"~"};function xn(c){return`whatsapp-editor-rephrase-highlight-${c||"default"}`}const ft=Yt.default.forwardRef(({onChange:c,onClickVariable:kn,text:L,RightComponent:xt,error:R,limit:w,onError:j,rows:kt,actions:Et,editorInstanceKey:v,editorSessionId:re,templateType:S="marketing",templateId:E,requestExecutor:me,baseUrl:be,endpointPath:De,useCase:Re,storeId:Se,apiAdapter:he,conversationId:Ce="whatsapp-template-editor",systemId:_e="whatsapp-writer",intent:Oe="default",enabledAIActions:Ue=[a.AIEditorActionTypes.REPHRASE,a.AIEditorActionTypes.SHORTEN,a.AIEditorActionTypes.EXPAND,a.AIEditorActionTypes.EMOJIFY],disableBuiltInAIActions:Ie=!1,promptOverrides:Le,rephraseTones:we,aiActionMinChars:je,instructionSuggestions:Ve=$.DEFAULT_INSTRUCTION_SUGGESTIONS,onAnalyticsEvent:He,onAITagComputed:ie,prefillWasAiGenerated:T=!1,editorHeader:Pe,onAIToneSelect:gt,onAIActionRequest:oe,onBuildAIPrompt:Me,onBlur:vt,...At},Tt)=>{const m=r.useRef(null),[s,yt]=r.useState(L||""),[$e,B]=r.useState(!1),[fe,Fe]=r.useState(0),[l,Be]=r.useState(!1),[qe,xe]=r.useState(!1),[y,se]=r.useState(""),[ae,Nt]=r.useState({}),[k,Ge]=r.useState(null),[h,ke]=r.useState([]),[N,q]=r.useState(0),[u,ze]=r.useState(null),Xe=r.useRef(null),b=r.useRef(null),G=r.useRef(null),A=r.useRef(null),z=r.useRef(null),X=r.useRef(null),Ye=r.useRef(null),Ee=r.useRef(!!T),ce=r.useRef(null),Y=r.useRef(""),le=r.useRef(!1),[ge,Je]=r.useState({}),Wt=r.useRef(`mount-${Date.now().toString(36)}-${Math.random().toString(36).slice(2,8)}`),J=r.useMemo(()=>xn(`${v||"default"}-${re||Wt.current}`),[v,re]);r.useEffect(()=>{Ee.current=!!T},[T,v]),r.useEffect(()=>{le.current=!1,Y.current=""},[v,re]),r.useEffect(()=>{if(!T){le.current=!1,Y.current="";return}if(le.current)return;const e=L??"";e.length>0&&(Y.current=e,le.current=!0)},[T,L,v,re]);const ue=r.useMemo(()=>$.resolveActionPrompts(S,Le,we),[Le,we,S]),Qe=r.useMemo(()=>{const e=y.trim().toLowerCase();return e?Ve.filter(t=>t.toLowerCase().includes(e)):[]},[Ve,y]),Q=r.useMemo(()=>({...$.DEFAULT_AI_ACTION_MIN_CHARS,...je||{}}),[je]),Ze=Q[a.AIEditorActionTypes.REPHRASE]||$.DEFAULT_AI_ACTION_MIN_CHARS[a.AIEditorActionTypes.REPHRASE],Dt=r.useCallback(e=>{const t=e.trim().replace(/\s+/g," ");if(!t)return"";const i=t.split(" ").length;return`[anonymized:length_${t.length}:words_${i}]`},[]),g=r.useCallback((e,t)=>{He?.(e,t)},[He]),W=r.useCallback(e=>{yt(t=>t===e?t:e)},[]),C=r.useCallback(e=>{if(X.current&&clearTimeout(X.current),e.length>dt){c?.(e,e),X.current=setTimeout(()=>{c?.(e,U.getHTML(e))},16);return}c?.(e,U.getHTML(e))},[c]),Ke=r.useCallback(e=>{const i=ce.current?.acceptedText||(T?Y.current:"");if(!i||e===i)return;const d=ne.computeAiTagOnPostEdit({acceptedAiText:i,currentEditedText:e});ie?.({...d,source:"post_edit_debounce"})},[ie,T]),Z=r.useCallback(()=>{Ge(null),ke([]),q(0),ze(null),Je({})},[]),et=r.useCallback(()=>{if(l||k&&h.length>0||fe>=Jt)return;const e=fe+1;Fe(e),typeof window<"u"&&v&&sessionStorage.setItem(J,String(e)),B(!0),G.current&&clearTimeout(G.current),G.current=setTimeout(()=>{B(!1)},1200)},[v,J,l,k,h,fe]),de=r.useRef(et);de.current=et;function Rt(e){const t=e.target.value,i=ce.current;i&&!i.editedEventEmitted&&t!==i.acceptedText&&(ce.current={...i,editedEventEmitted:!0},g("ai_suggestion_edited",{action_type:i.actionType,template_id:E})),A.current&&(clearTimeout(A.current),A.current=null);const d=i?.acceptedText||(T?Y.current:"");d&&t!==d&&(A.current=setTimeout(()=>{Ke(t)},Qt)),W(t),C(t)}function tt(e){const t=m?.current;t!=null&&(t.selectionStart?(t.focus(),t.selectionEnd=e):t.focus())}function St(e){const t=fn[e];if(t&&m.current){const i=m.current.selectionStart,d=m.current.selectionEnd;if(i===d){const{text:x}=nt(t,i);tt(i+1),C(x)}else{const{text:x}=ve(t);C(x)}}}function Ct(e){const{text:t}=pe(e);C(t)}function ve(e){let t=m.current?.value??"";if(m.current&&e){const i=m.current.selectionStart,d=m.current.selectionEnd,x=e;if(i===d)return pe(x);{t=U.wrappWildcard(i,d,x,t);const H=U.getHTML(t);return W(t),{text:t,html:H}}}return{text:t,html:t}}function pe(e){const t=m.current?.value??"";if(m.current&&e){const i=m.current.selectionStart,d=m.current.selectionEnd;if(i===d)return nt(e,i)}return{text:t,html:t}}function nt(e,t){let i=m.current?.value??"";i=i.slice(0,t)+e+i.slice(t);const d=U.getHTML(i);return W(i),{text:i,html:d}}r.useEffect(()=>{if(typeof window>"u"||!v)return;const e=Number(sessionStorage.getItem(J)||"0");return Number.isNaN(e)||Fe(e),()=>{sessionStorage.removeItem(J)}},[v,J]),r.useEffect(()=>{if(l){B(!1),b.current&&(clearTimeout(b.current),b.current=null);return}if(k&&h.length>0){B(!1),b.current&&(clearTimeout(b.current),b.current=null);return}const e=!!s.trim()&&s.length>=Ze;if(z.current===null){z.current=e,e&&(b.current=setTimeout(()=>{de.current()},lt));return}if(!e){z.current=!1,B(!1),b.current&&(clearTimeout(b.current),b.current=null);return}const t=!z.current&&e;z.current=!0,t&&de.current(),b.current&&clearTimeout(b.current),b.current=setTimeout(()=>{de.current()},lt)},[s,l,Ze,k,h]),r.useEffect(()=>()=>{b.current&&clearTimeout(b.current),G.current&&clearTimeout(G.current),X.current&&clearTimeout(X.current),A.current&&clearTimeout(A.current)},[]);const f=h[N]||"",V=r.useMemo(()=>!u||!f?null:`${u}-${N}-${f}`,[f,u,N]),rt=!!(V&&ge[V]),_t=r.useMemo(()=>U.getHTML(k||""),[k]),Ot=r.useMemo(()=>U.getHTML(f),[f]),Ae=h.length<ut,D=!!k&&h.length>0,Ut=h.length<=1||N<=0,It=h.length<=1||N>=h.length-1;r.useEffect(()=>{if(!D)return;const e=Xe.current;e&&(e.scrollTop=e.scrollHeight)},[f,D,l]);const K=r.useCallback(async(e,t=!1,i,d,x=a.AIActionVariant.DEFAULT)=>{if(!oe&&!he&&(!me||!be)){j?.("AI configuration missing");return}if(!s.trim())return;const H=Q[e]||$.DEFAULT_AI_ACTION_MIN_CHARS[e]||50;if(s.length<H||l||t&&!Ae)return;const ee=ue[e],P=e===a.AIEditorActionTypes.REPHRASE&&S==="utility"&&x===a.AIActionVariant.REPHRASE?{...ee,label:"Rephrase",basePrompt:Zt}:ee,_=d||ae[e],ot=P.tones?.find(M=>M.id===_),Te=i!==void 0?i:y,st=Me?.({actionType:e,actionVariant:x,currentText:s,templateType:S,config:P,toneId:_,toneLabel:ot?.label,instructionText:Te||void 0})||ct.buildActionPrompt({config:P,currentText:s,selectedToneId:_,instructionText:Te});Be(!0),g("ai_action_triggered",{action_type:e,template_id:E,template_category:S});try{const M=oe?await oe({actionType:e,actionVariant:x,currentText:s,templateType:S,toneId:_,toneLabel:ot?.label,instructionText:Te||void 0,prompt:st}):await ct.requestAISuggestion({apiAdapter:he,requestExecutor:me,baseUrl:be,endpointPath:De,prompt:st,intent:Oe,conversationId:Ce,systemId:_e,useCase:Re,storeId:Se}),ye=typeof M=="string"?M.trim():(M?.body||"").trim();if(!ye)return;if(!t){Ge(s),ze(e),ke([ye]),q(0);return}ke(Vt=>{const at=[...Vt,ye].slice(0,ut);return q(at.length-1),at})}catch{j?.("Failed to generate AI suggestion")}finally{Be(!1)}},[me,be,s,l,Ae,ue,ae,y,g,E,De,he,Oe,Ce,_e,Re,Se,S,j,Q,oe,Me]),Lt=r.useCallback(()=>{if(!f||!k||!u)return;W(f),C(f),g("ai_suggestion_accepted",{action_type:u,template_id:E}),ce.current={acceptedText:f,baselineText:k,actionType:u,editedEventEmitted:!1};const e=Ee.current,t=ne.computeAiTagOnAccept({baselineText:k,acceptedText:f,initialAiPrefillPhase:e});e&&(Ee.current=!1),ie?.({...t,source:"accept"}),Z()},[f,k,u,W,C,g,E,ie,Z]),wt=r.useCallback(()=>{u&&(g("ai_suggestion_discarded",{action_type:u,template_id:E}),Z())},[Z,g,u,E]),it=r.useCallback(e=>{!u||!V||ge[V]||(Je(t=>({...t,[V]:e})),g("ai_feedback_submitted",{action_type:u,template_id:E,rating:e,candidate_index:N+1}))},[V,g,ge,u,N,E]),jt=r.useMemo(()=>Ie?[]:Ue.map(e=>{const t=ue[e],i=ae[e];return{type:e,label:t.label,isPrimary:e===a.AIEditorActionTypes.REPHRASE,loading:l&&u===e,highlighted:e===a.AIEditorActionTypes.REPHRASE&&$e,disabled:!s.trim()||s.length<(Q[e]||$.DEFAULT_AI_ACTION_MIN_CHARS[e]||50)||l||D&&u===e,showToneDropdown:e===a.AIEditorActionTypes.REPHRASE&&!!t.tones?.length,tones:t.tones,selectedToneId:i}}),[Ue,Ie,ue,ae,l,u,D,$e,s,Q]);return r.useImperativeHandle(Tt,()=>({addTextOrWrap:ve,addText:pe,get(){return s},setCaretPosition:tt}),[ve,pe,s]),r.useEffect(()=>{L!==void 0&&W(L||"")},[L,W]),r.useEffect(()=>{if(!w||!j)return;const e=s.length>w?We:R??"";Ye.current!==e&&(Ye.current=e,j(e))},[s,R,w,j]),n.jsxDEV(F.OuterContainer,{children:[n.jsxDEV(F.EditorFooterRow,{children:[n.jsxDEV(F.EditorFooterTitle,{children:Pe?n.jsxDEV(Ne.TitleSmall,{"data-test":"body-text-for-edit-template",children:Pe},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1176,columnNumber:8},void 0):null},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1174,columnNumber:6},void 0),n.jsxDEV(F.EditorFooterRight,{children:[R&&R!==We?n.jsxDEV(n.Fragment,{children:[n.jsxDEV(Bt.default,{width:16,height:16,color:o.COLORS.content.negative},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1184,columnNumber:9},void 0),n.jsxDEV(Ne.BodyCaption,{color:o.COLORS.content.negative,children:R},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1189,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1183,columnNumber:8},void 0):null,w?n.jsxDEV(Ne.BodyCaption,{style:{color:R===We||s.length>w?o.COLORS.content.negative:o.COLORS.content.secondary},children:[s.length,"/",w]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1195,columnNumber:8},void 0):null]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1181,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1173,columnNumber:5},void 0),n.jsxDEV(F.Container,{isError:!!R,children:[D?n.jsxDEV(en,{ref:Xe,children:[n.jsxDEV(tn,{dangerouslySetInnerHTML:{__html:_t}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1211,columnNumber:8},void 0),l?n.jsxDEV(pt,{"aria-busy":"true",children:n.jsxDEV(nn,{children:[n.jsxDEV(O,{width:"96%"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1217,columnNumber:11},void 0),n.jsxDEV(O,{width:"84%"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1218,columnNumber:11},void 0),n.jsxDEV(O,{width:"68%"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1219,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1216,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1215,columnNumber:9},void 0):n.jsxDEV(pt,{dangerouslySetInnerHTML:{__html:Ot}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1223,columnNumber:9},void 0),n.jsxDEV(rn,{children:[n.jsxDEV(I,{"aria-label":"Previous suggestion",type:"button",disabled:Ut,onClick:()=>q(e=>Math.max(0,e-1)),children:n.jsxDEV(Pt.default,{width:14,height:14,color:o.COLORS.content.secondary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1238,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1230,columnNumber:9},void 0),n.jsxDEV(on,{children:[N+1,"/",h.length]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1244,columnNumber:9},void 0),n.jsxDEV(I,{"aria-label":"Next suggestion",type:"button",disabled:It,onClick:()=>q(e=>Math.min(h.length-1,e+1)),children:n.jsxDEV(Mt.default,{width:14,height:14,color:o.COLORS.content.secondary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1257,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1247,columnNumber:9},void 0),n.jsxDEV(te.Tooltip,{body:"Like",placement:"top",children:n.jsxDEV(I,{"aria-label":"Like suggestion",type:"button",disabled:rt,onClick:()=>it("like"),children:n.jsxDEV(zt.default,{width:14,height:14,color:o.COLORS.content.secondary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1270,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1264,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1263,columnNumber:9},void 0),n.jsxDEV(te.Tooltip,{body:"Dislike",placement:"top",children:n.jsxDEV(I,{"aria-label":"Dislike suggestion",type:"button",disabled:rt,onClick:()=>it("dislike"),children:n.jsxDEV(Gt.default,{width:14,height:14,color:o.COLORS.content.secondary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1284,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1278,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1277,columnNumber:9},void 0),Ae?n.jsxDEV(te.Tooltip,{body:l?"Regenerating…":"Regenerate",placement:"top",children:n.jsxDEV(sn,{"aria-label":"Regenerate suggestion","aria-busy":l,type:"button",disabled:l,onClick:()=>{u&&K(u,!0)},children:l?n.jsxDEV(an,{"aria-hidden":!0},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1308,columnNumber:13},void 0):n.jsxDEV(qt.default,{width:14,height:14},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1310,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1296,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1292,columnNumber:10},void 0):null,n.jsxDEV(te.Tooltip,{body:"Discard",placement:"top",children:n.jsxDEV(I,{"aria-label":"Discard suggestion",type:"button",onClick:wt,children:n.jsxDEV($t.default,{width:14,height:14,color:o.COLORS.content.secondary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1321,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1316,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1315,columnNumber:9},void 0),n.jsxDEV(te.Tooltip,{body:"Accept",placement:"top",children:n.jsxDEV(I,{"aria-label":"Accept suggestion",type:"button",onClick:Lt,children:n.jsxDEV(Ht.default,{width:14,height:14,color:o.COLORS.content.secondary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1334,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1329,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1328,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1229,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1210,columnNumber:7},void 0):l?n.jsxDEV(Kt,{children:[n.jsxDEV(O,{width:"96%"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1345,columnNumber:8},void 0),n.jsxDEV(O,{width:"92%"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1346,columnNumber:8},void 0),n.jsxDEV(O,{width:"88%"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1347,columnNumber:8},void 0),n.jsxDEV(O,{width:"54%"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1348,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1344,columnNumber:7},void 0):n.jsxDEV(F.TextSpace,{ref:m,...At,value:s,onChange:Rt,onBlur:e=>{A.current&&(clearTimeout(A.current),A.current=null),Ke(e.target.value),vt?.(e)},onPaste:e=>{const t=e.clipboardData.getData("text");if(t.length>dt){e.preventDefault();const i=m.current,d=i?.selectionStart??0,x=i?.selectionEnd??d,H=i?.value??s,ee=H.slice(0,d)+t+H.slice(x);W(ee),C(ee);const P=d+t.length;requestAnimationFrame(()=>{const _=m.current;if(_)try{_.setSelectionRange(P,P)}catch{}})}},rows:kt},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1351,columnNumber:7},void 0),qe?n.jsxDEV(cn,{children:[n.jsxDEV(ln,{children:[n.jsxDEV(Ft.default,{width:18,height:18,color:o.COLORS.content.secondary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1395,columnNumber:9},void 0),n.jsxDEV(un,{value:y,placeholder:"Add specific instructions to refine your message",onChange:e=>se(e.target.value)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1400,columnNumber:9},void 0),n.jsxDEV(dn,{children:[n.jsxDEV(pn,{type:"button",onClick:()=>{se(""),xe(!1)},children:"Cancel"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1406,columnNumber:10},void 0),n.jsxDEV(mn,{type:"button",onClick:()=>{const e=y.trim();e&&g("ai_instruction_used",{action_type:a.AIEditorActionTypes.REPHRASE,template_id:E,instruction_text:Dt(e)}),xe(!1),se(""),K(a.AIEditorActionTypes.REPHRASE,!1,e)},children:"Improve"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1415,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1405,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1394,columnNumber:8},void 0),y.trim().length>0&&Qe.length>0?n.jsxDEV(bn,{children:Qe.map(e=>n.jsxDEV(hn,{type:"button",selected:y===e,onClick:()=>se(e),children:e},e,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1444,columnNumber:11},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1442,columnNumber:9},void 0):null]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1393,columnNumber:7},void 0):n.jsxDEV(a.WhatsAppTextEditorHeader,{actions:Et,ref:m,onActionSelect:St,RightComponent:xt,rightActionsDisabled:D||l,onEmojiClick:Ct,aiActions:jt,disableAllActions:D||l,instructionActive:qe,onAIInstructionsClick:()=>xe(!0),onAIToneChange:(e,t)=>{Nt(i=>({...i,[e]:t})),gt?.(e,t),e===a.AIEditorActionTypes.REPHRASE&&K(e,!1,void 0,t,a.AIActionVariant.DEFAULT)},onAIActionClick:(e,t=a.AIActionVariant.DEFAULT)=>{if(!l){if(D){if(u===e)return;Z(),K(e,!1,void 0,void 0,t);return}K(e,!1,void 0,void 0,t)}}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1457,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1208,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/WhatsAppTextEditor.tsx",lineNumber:1172,columnNumber:4},void 0)});ft.displayName="WhatsAppTextEditor";exports.AI_TAG_CHANGE_RATIO_THRESHOLD=ne.AI_TAG_CHANGE_RATIO_THRESHOLD;exports.computeAiTagOnAccept=ne.computeAiTagOnAccept;exports.levenshteinDistance=ne.levenshteinDistance;exports.WhatsAppTextEditor=ft;
 //# sourceMappingURL=WhatsAppTextEditor.js.map