@erpsquad/common 1.8.47 → 1.8.49

package/dist/components/charts/donutChart/DonutChart/index.esm.js

@@ -0,0 +1,97 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { useRef, useEffect } from "react";
+/* empty css                            */
+import { Typography } from "../../../typography/typography/index.esm.js";
+import { useAuth } from "../../../../hooks/useAuth/index.esm.js";
+import select from "../../../../node_modules/d3-selection/src/select/index.esm.js";
+import pie from "../../../../node_modules/d3-shape/src/pie/index.esm.js";
+import arc from "../../../../node_modules/d3-shape/src/arc/index.esm.js";
+const formatNumber = (num, defaultCurrencySymbol = "") => {
+  if (num >= 1e6) {
+    return `${defaultCurrencySymbol} ${(num / 1e6).toFixed(1)} M`;
+  } else if (num >= 1e5) {
+    return `${defaultCurrencySymbol} ${(num / 1e5).toFixed(1)} L`;
+  } else if (num >= 1e3) {
+    return `${(num / 1e3).toFixed(1)} K`;
+  } else {
+    return `${defaultCurrencySymbol} ${num.toFixed(2)}`;
+  }
+};
+const getSingleNumberFromString = (str) => {
+  if (typeof str === "number") {
+    return str;
+  }
+  const match = (str == null ? void 0 : str.match(/\d.+/)) || null;
+  return match ? Number(match[0]) : 0;
+};
+const DonutChart = ({
+  data,
+  height = 140,
+  width = 140,
+  legend = true,
+  direction = "vertical",
+  total = "300",
+  donutThickerValue,
+  CustomLegends,
+  title = ""
+}) => {
+  var _a;
+  const svgRef = useRef(null);
+  const { user } = useAuth();
+  const defaultCurrencySymbol = ((_a = user == null ? void 0 : user.currency_data) == null ? void 0 : _a.symbol) || "";
+  useEffect(() => {
+    if (!svgRef.current) return;
+    const svg = select(svgRef.current);
+    svg.selectAll("*").remove();
+    const margin = 6;
+    const outerRadius = Math.min(width, height) / 2 - margin;
+    let innerRadius = Math.min(width, height) / 2 - margin * 2;
+    if (donutThickerValue) {
+      innerRadius = outerRadius - donutThickerValue;
+    }
+    const g = svg.append("g").attr("transform", `translate(${width / 2}, ${height / 2})`);
+    const pie$1 = pie().value((d) => getSingleNumberFromString(d.value)).padAngle(0);
+    const path = arc().outerRadius(outerRadius).innerRadius(innerRadius);
+    const pies = g.selectAll(".arc").data(pie$1(data)).enter().append("g").attr("class", "arc");
+    pies.append("path").attr("d", path).attr("fill", (d) => {
+      var _a2;
+      return (_a2 = d == null ? void 0 : d.data) == null ? void 0 : _a2.color;
+    }).attr("stroke", "none");
+    g.append("text").attr("text-anchor", "middle").attr("font-size", "18px").attr("font-weight", "600").attr("alignment-baseline", `central`).html(total);
+    g.append("text").attr("text-anchor", "middle").attr("maring-top", "20px").attr("font-size", "13px").attr("font-weight", "600").attr("dy", "2em").attr("color", "#7B7C7F").html(title);
+  }, [data, height, total, width, defaultCurrencySymbol, donutThickerValue, CustomLegends, title]);
+  if (!legend) {
+    return /* @__PURE__ */ jsx("svg", { ref: svgRef, width, height });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: `donut-chart-container ${direction}`, children: [
+    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("svg", { ref: svgRef, width, height }) }),
+    CustomLegends ? /* @__PURE__ */ jsx(CustomLegends, { data }) : /* @__PURE__ */ jsx("div", { className: "donut-legend", children: /* @__PURE__ */ jsx("div", { className: `donut-chart-legend ${direction}`, children: data.map((d) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "legend",
+        style: { borderLeft: `0.188rem solid ${d.color}` },
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "legend-title", style: { color: `${d.labelColor}` }, children: d.label }),
+          /* @__PURE__ */ jsx("div", { className: "legend-value", children: /* @__PURE__ */ jsx(
+            Typography,
+            {
+              type: "s5",
+              weight: "medium",
+              color: d.valueColor,
+              style: {
+                whiteSpace: "nowrap"
+              },
+              children: formatNumber(d.value, defaultCurrencySymbol)
+            }
+          ) })
+        ]
+      },
+      d.label
+    )) }) })
+  ] }) });
+};
+export {
+  DonutChart,
+  DonutChart as default
+};
+//# sourceMappingURL=index.esm.js.map

package/dist/components/charts/donutChart/DonutChart/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/charts/donutChart/DonutChart.tsx"],"sourcesContent":["import React, { useRef, useEffect } from \"react\";\nimport * as d3 from \"d3\";\nimport \"./donut-chart.scss\";\nimport Typography from \"../../typography/typography\";\nimport { useAuth } from \"../../../hooks/useAuth\";\n\ninterface DataPoint {\n  label: string;\n  value: number;\n\n}\n\ninterface DonutChartProps {\n  data: DataPoint[];\n  width?: number;\n  height?: number;\n  legend?: boolean;\n  direction?: \"vertical\" | \"horizontal\";\n  total?: string;\n  donutThickerValue?: number\n  CustomLegends?: React.FC<{ data: DataPoint[] }>;\n  title: string\n}\n\nconst formatNumber = (num: number, defaultCurrencySymbol: string = ''): string => {\n  if (num >= 1_000_000) {\n    return `${defaultCurrencySymbol} ${(num / 1_000_000).toFixed(1)} M`;\n  } else if (num >= 100_000) {\n    return `${defaultCurrencySymbol} ${(num / 100_000).toFixed(1)} L`; // L for Lakhs\n  } else if (num >= 1_000) {\n    return `${(num / 1_000).toFixed(1)} K`;\n  } else {\n    return `${defaultCurrencySymbol} ${num.toFixed(2)}`;\n  }\n};\nconst getSingleNumberFromString = (str) => {\n  if (typeof str === \"number\") {\n    return str;\n  }\n  const match = str?.match(/\\d.+/) || null;\n  return match ? Number(match[0]) : 0;\n};\n\nconst DonutChart: React.FC<DonutChartProps> = ({\n  data,\n  height = 140,\n  width = 140,\n  legend = true,\n  direction = \"vertical\",\n  total = \"300\",\n  donutThickerValue,\n  CustomLegends,\n  title = ''\n}) => {\n  const svgRef = useRef<SVGSVGElement>(null);\n  const { user } = useAuth();\n  const defaultCurrencySymbol = user?.currency_data?.symbol || '';\n  useEffect(() => {\n    if (!svgRef.current) return;\n\n    const svg = d3.select(svgRef.current);\n\n    svg.selectAll(\"*\").remove();\n\n    const margin = 6;\n\n    const outerRadius = Math.min(width, height) / 2 - margin;\n    let innerRadius = Math.min(width, height) / 2 - margin * 2;\n    if (donutThickerValue) {\n      innerRadius = outerRadius - donutThickerValue;\n    }\n\n\n\n\n    const g = svg\n      .append(\"g\")\n      .attr(\"transform\", `translate(${width / 2}, ${height / 2})`);\n    const pie = d3\n      .pie()\n      .value((d: DataPoint) => getSingleNumberFromString(d.value)).padAngle(0);\n\n    const path = d3.arc().outerRadius(outerRadius).innerRadius(innerRadius)\n\n    const pies = g\n      .selectAll(\".arc\")\n      .data(pie(data))\n      .enter()\n      .append(\"g\")\n      .attr(\"class\", \"arc\");\n\n\n    pies\n      .append(\"path\")\n      .attr(\"d\", path)\n      .attr(\"fill\", (d: DataPoint) => d?.data?.color).attr(\"stroke\", \"none\");\n    g.append(\"text\")\n      .attr(\"text-anchor\", \"middle\")\n      .attr(\"font-size\", \"18px\")\n      .attr(\"font-weight\", \"600\")\n      .attr(\"alignment-baseline\", `central`)\n      .html(total);\n    g.append(\"text\")\n      .attr(\"text-anchor\", \"middle\")\n      .attr('maring-top', \"20px\")\n      .attr(\"font-size\", \"13px\")\n      .attr(\"font-weight\", \"600\")\n      .attr(\"dy\", \"2em\")\n      .attr(\"color\", \"#7B7C7F\")\n      .html(title);\n\n  }, [data, height, total, width, defaultCurrencySymbol, donutThickerValue, CustomLegends, title]);\n\n  if (!legend) {\n    return <svg ref={svgRef} width={width} height={height}></svg>;\n  }\n\n  return (\n    <>\n      <div className={`donut-chart-container ${direction}`}>\n        <div>\n          <svg ref={svgRef} width={width} height={height}></svg>\n        </div>\n\n\n        {CustomLegends ? (\n          <CustomLegends data={data} /> // Render the custom component\n        ) : (\n          <div className='donut-legend'>\n            <div className={`donut-chart-legend ${direction}`}>\n              {data.map((d: DataPoint) => (\n                <div\n                  className=\"legend\"\n                  key={d.label}\n                  style={{ borderLeft: `0.188rem solid ${d.color}` }}\n                >\n                  <div className=\"legend-title\" style={{ color: `${d.labelColor}` }}>{d.label}</div>\n                  <div className=\"legend-value\">\n                    <Typography\n                      type=\"s5\"\n                      weight=\"medium\"\n                      color={d.valueColor}\n                      style={{\n                        whiteSpace: 'nowrap'\n                      }}\n                    >\n                      {formatNumber(d.value, defaultCurrencySymbol)}\n                    </Typography>\n                  </div>\n                </div>\n              ))\n              }\n            </div>\n          </div>\n        )}\n      </div>\n    </>\n  );\n};\n\nexport { DonutChart };\nexport default DonutChart;\n"],"names":["d3.select","pie","d3.pie","d3.arc","_a"],"mappings":"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"}

package/dist/components/charts/donutChart/DonutChart/index.js

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");;/* empty css                         */var r=,/* empty css                                    */a=,/* empty css                               */l=,/* empty css                                                      */n=,/* empty css                                               */s=;/* empty css                                               */const d=(e,t="")=>e>=1e6?`${t} ${(e/1e6).toFixed(1)} M`:e>=1e5?`${t} ${(e/1e5).toFixed(1)} L`:e>=1e3?`${(e/1e3).toFixed(1)} K`:`${t} ${e.toFixed(2)}`,i=({data:i,height:o=140,width:u=140,legend:c=!0,direction:h="vertical",total:p="300",donutThickerValue:x,CustomLegends:m,title:v=""})=>{var g;const f=t.useRef(null),{user:j}=a.useAuth(),y=(null==(g=null==j?void 0:j.currency_data)?void 0:g.symbol)||"";return t.useEffect(()=>{if(!f.current)return;const e=l.default(f.current);e.selectAll("*").remove();const t=Math.min(u,o)/2-6;let r=Math.min(u,o)/2-12;x&&(r=t-x);const a=e.append("g").attr("transform",`translate(${u/2}, ${o/2})`),d=n.default().value(e=>(e=>{if("number"==typeof e)return e;const t=(null==e?void 0:e.match(/\d.+/))||null;return t?Number(t[0]):0})(e.value)).padAngle(0),c=s.default().outerRadius(t).innerRadius(r);a.selectAll(".arc").data(d(i)).enter().append("g").attr("class","arc").append("path").attr("d",c).attr("fill",e=>{var t;return null==(t=null==e?void 0:e.data)?void 0:t.color}).attr("stroke","none"),a.append("text").attr("text-anchor","middle").attr("font-size","18px").attr("font-weight","600").attr("alignment-baseline","central").html(p),a.append("text").attr("text-anchor","middle").attr("maring-top","20px").attr("font-size","13px").attr("font-weight","600").attr("dy","2em").attr("color","#7B7C7F").html(v)},[i,o,p,u,y,x,m,v]),c?/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsxs("div",{className:`donut-chart-container ${h}`,children:[
+/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx("svg",{ref:f,width:u,height:o})}),m?/* @__PURE__ */e.jsx(m,{data:i}):/* @__PURE__ */e.jsx("div",{className:"donut-legend",children:/* @__PURE__ */e.jsx("div",{className:`donut-chart-legend ${h}`,children:i.map(t=>/* @__PURE__ */e.jsxs("div",{className:"legend",style:{borderLeft:`0.188rem solid ${t.color}`},children:[
+/* @__PURE__ */e.jsx("div",{className:"legend-title",style:{color:`${t.labelColor}`},children:t.label}),
+/* @__PURE__ */e.jsx("div",{className:"legend-value",children:/* @__PURE__ */e.jsx(r.Typography,{type:"s5",weight:"medium",color:t.valueColor,style:{whiteSpace:"nowrap"},children:d(t.value,y)})})]},t.label))})})]})}):/* @__PURE__ */e.jsx("svg",{ref:f,width:u,height:o})};exports.DonutChart=i,exports.default=i;
+//# sourceMappingURL=index.js.map

package/dist/components/charts/donutChart/DonutChart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/charts/donutChart/DonutChart.tsx"],"sourcesContent":["import React, { useRef, useEffect } from \"react\";\nimport * as d3 from \"d3\";\nimport \"./donut-chart.scss\";\nimport Typography from \"../../typography/typography\";\nimport { useAuth } from \"../../../hooks/useAuth\";\n\ninterface DataPoint {\n  label: string;\n  value: number;\n\n}\n\ninterface DonutChartProps {\n  data: DataPoint[];\n  width?: number;\n  height?: number;\n  legend?: boolean;\n  direction?: \"vertical\" | \"horizontal\";\n  total?: string;\n  donutThickerValue?: number\n  CustomLegends?: React.FC<{ data: DataPoint[] }>;\n  title: string\n}\n\nconst formatNumber = (num: number, defaultCurrencySymbol: string = ''): string => {\n  if (num >= 1_000_000) {\n    return `${defaultCurrencySymbol} ${(num / 1_000_000).toFixed(1)} M`;\n  } else if (num >= 100_000) {\n    return `${defaultCurrencySymbol} ${(num / 100_000).toFixed(1)} L`; // L for Lakhs\n  } else if (num >= 1_000) {\n    return `${(num / 1_000).toFixed(1)} K`;\n  } else {\n    return `${defaultCurrencySymbol} ${num.toFixed(2)}`;\n  }\n};\nconst getSingleNumberFromString = (str) => {\n  if (typeof str === \"number\") {\n    return str;\n  }\n  const match = str?.match(/\\d.+/) || null;\n  return match ? Number(match[0]) : 0;\n};\n\nconst DonutChart: React.FC<DonutChartProps> = ({\n  data,\n  height = 140,\n  width = 140,\n  legend = true,\n  direction = \"vertical\",\n  total = \"300\",\n  donutThickerValue,\n  CustomLegends,\n  title = ''\n}) => {\n  const svgRef = useRef<SVGSVGElement>(null);\n  const { user } = useAuth();\n  const defaultCurrencySymbol = user?.currency_data?.symbol || '';\n  useEffect(() => {\n    if (!svgRef.current) return;\n\n    const svg = d3.select(svgRef.current);\n\n    svg.selectAll(\"*\").remove();\n\n    const margin = 6;\n\n    const outerRadius = Math.min(width, height) / 2 - margin;\n    let innerRadius = Math.min(width, height) / 2 - margin * 2;\n    if (donutThickerValue) {\n      innerRadius = outerRadius - donutThickerValue;\n    }\n\n\n\n\n    const g = svg\n      .append(\"g\")\n      .attr(\"transform\", `translate(${width / 2}, ${height / 2})`);\n    const pie = d3\n      .pie()\n      .value((d: DataPoint) => getSingleNumberFromString(d.value)).padAngle(0);\n\n    const path = d3.arc().outerRadius(outerRadius).innerRadius(innerRadius)\n\n    const pies = g\n      .selectAll(\".arc\")\n      .data(pie(data))\n      .enter()\n      .append(\"g\")\n      .attr(\"class\", \"arc\");\n\n\n    pies\n      .append(\"path\")\n      .attr(\"d\", path)\n      .attr(\"fill\", (d: DataPoint) => d?.data?.color).attr(\"stroke\", \"none\");\n    g.append(\"text\")\n      .attr(\"text-anchor\", \"middle\")\n      .attr(\"font-size\", \"18px\")\n      .attr(\"font-weight\", \"600\")\n      .attr(\"alignment-baseline\", `central`)\n      .html(total);\n    g.append(\"text\")\n      .attr(\"text-anchor\", \"middle\")\n      .attr('maring-top', \"20px\")\n      .attr(\"font-size\", \"13px\")\n      .attr(\"font-weight\", \"600\")\n      .attr(\"dy\", \"2em\")\n      .attr(\"color\", \"#7B7C7F\")\n      .html(title);\n\n  }, [data, height, total, width, defaultCurrencySymbol, donutThickerValue, CustomLegends, title]);\n\n  if (!legend) {\n    return <svg ref={svgRef} width={width} height={height}></svg>;\n  }\n\n  return (\n    <>\n      <div className={`donut-chart-container ${direction}`}>\n        <div>\n          <svg ref={svgRef} width={width} height={height}></svg>\n        </div>\n\n\n        {CustomLegends ? (\n          <CustomLegends data={data} /> // Render the custom component\n        ) : (\n          <div className='donut-legend'>\n            <div className={`donut-chart-legend ${direction}`}>\n              {data.map((d: DataPoint) => (\n                <div\n                  className=\"legend\"\n                  key={d.label}\n                  style={{ borderLeft: `0.188rem solid ${d.color}` }}\n                >\n                  <div className=\"legend-title\" style={{ color: `${d.labelColor}` }}>{d.label}</div>\n                  <div className=\"legend-value\">\n                    <Typography\n                      type=\"s5\"\n                      weight=\"medium\"\n                      color={d.valueColor}\n                      style={{\n                        whiteSpace: 'nowrap'\n                      }}\n                    >\n                      {formatNumber(d.value, defaultCurrencySymbol)}\n                    </Typography>\n                  </div>\n                </div>\n              ))\n              }\n            </div>\n          </div>\n        )}\n      </div>\n    </>\n  );\n};\n\nexport { DonutChart };\nexport default DonutChart;\n"],"names":["formatNumber","num","defaultCurrencySymbol","toFixed","DonutChart","data","height","width","legend","direction","total","donutThickerValue","CustomLegends","title","svgRef","useRef","user","useAuth","_a","currency_data","symbol","useEffect","current","svg","d3.select","selectAll","remove","outerRadius","Math","min","innerRadius","margin","g","append","attr","pie","d3.pie","value","d","str","match","Number","getSingleNumberFromString","padAngle","path","d3.arc","enter","color","html","children","jsxs","className","jsx","ref","map","style","borderLeft","labelColor","label","Typography","type","weight","valueColor","whiteSpace"],"mappings":"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"}

package/dist/components/charts/index.d.ts

@@ -2,11 +2,19 @@ export { default as AreaLineChart } from './areaLinerChart';
 export * from './areaLinerChart';
 export { default as ChartLegends } from './ChartLegends';
 export * from './ChartLegends';
+export { default as BarChart } from './bar-chart/bar-chart';
 export * from './bar-chart';
+export { default as AdvancedBarChart } from './barChart/barChart';
 export * from './barChart';
+export { default as BarLineChart } from './barLineChart/barLinechart';
 export * from './barLineChart';
+export { default as DonutChart } from './donut-chart/donut-chart';
 export * from './donut-chart';
+export { default as AdvancedDonutChart } from './donutChart/DonutChart';
 export * from './donutChart';
+export { default as GroupedBarChart } from './groupBarChart/GroupBarChart';
 export * from './groupBarChart';
+export { default as LineChart } from './line-chart/line-chart';
 export * from './line-chart';
+export { default as MultiLineChart } from './multiLineChart/multi-line-chart';
 export * from './multiLineChart';

package/dist/components/confirm-modal/confirm-modal/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/confirm-modal/confirm-modal.tsx"],"sourcesContent":["import {\n\tBox,\n\tCircularProgress,\n\tDialog,\n\tDialogActions,\n\tDialogContent,\n\tDialogProps,\n\tDialogTitle,\n\tDivider,\n\tIconButton\n} from '@mui/material';\nimport CloseIcon from '@mui/icons-material/Close';\nimport Typography from '../typography/typography';\nimport Button from '../button/button';\nimport './confirm-modal.scss';\nimport images from '../../assets/images';\nimport { useLanguage } from '../../hooks/useLangauge';\nimport { useTranslation } from 'react-i18next';\n\ninterface ConfirmPopUpProps extends DialogProps {\n\ttitle: string;\n\tdescription: string | JSX.Element;\n\tonClose: () => void;\n\tonConfirm: () => void;\n\tbuttonTexts?: {\n\t\tconfirm: string;\n\t\tcancel: string;\n\t};\n\tbuttonColors?: {\n\t\tconfirm: string;\n\t\tcancel?: string;\n\t};\n\tmodalType?: 'alert' | 'info';\n\tloading?: boolean;\n\tshowAction?: boolean;\n}\n\nconst ConfirmPopUp = (props: ConfirmPopUpProps) => {\n\tconst { t } = useTranslation();\n\tconst {\n\t\topen,\n\t\ttitle,\n\t\tdescription,\n\t\tonClose,\n\t\tonConfirm,\n\t\tmodalType = 'alert',\n\t\tbuttonTexts = { confirm: t('common.delete'), cancel: t('common.cancel') },\n\t\tbuttonColors = { confirm: 'error' },\n\t\tloading = false,\n\t\tshowAction=true,\n\t\t...rest\n\t} = props;\n\n\tconst icon = modalType === 'info' ? images.info : images.alert;\n    const {isRtl}=useLanguage();\n\treturn (\n\t\t<>\n\t\t\t<Dialog open={open} onClose={onClose} className='confirm' {...rest}>\n\t\t\t\t<DialogTitle className='confirm--head'>\n\t\t\t\t\t<Box className='confirm--title'>\n\t\t\t\t\t\t<img src={icon} alt='alert icon' />{' '}\n\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\ttype='s3'\n\t\t\t\t\t\t\tml={1}\n\t\t\t\t\t\t\tweight='medium'\n\t\t\t\t\t\t\tcolor='theme.secondary.1000'>\n\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t</Box>\n\t\t\t\t\t<IconButton disableRipple onClick={onClose} disabled={loading}>\n\t\t\t\t\t\t<CloseIcon />\n\t\t\t\t\t</IconButton>\n\t\t\t\t</DialogTitle>\n\t\t\t\t<Divider />\n\t\t\t\t<DialogContent className='confirm--content'>\n\t\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t\t{description}\n\t\t\t\t\t</Typography>\n\t\t\t\t</DialogContent>\n\t\t\t\t<Divider />\n\t\t\t\t{showAction &&<DialogActions\n\t\t\t\t\tclassName='confirm--actions'\n\t\t\t\t\tsx={{ backgroundColor: 'theme.secondary.200' }}>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant='text'\n\t\t\t\t\t\tonClick={onClose}\n\t\t\t\t\t\tcolor={buttonColors?.cancel}\n\t\t\t\t\t\tdisabled={loading}>\n\t\t\t\t\t\t{buttonTexts.cancel}\n\t\t\t\t\t</Button>\n\t\t\t\t{buttonTexts.confirm &&<Button\n\t\t\t\t\t\tcolor={buttonColors.confirm}\n\t\t\t\t\t\tonClick={onConfirm}\n\t\t\t\t\t\tsx={isRtl?{mr: 1}:{}}\n\t\t\t\t\t\tendIcon={loading && <CircularProgress size={18} color='inherit' />}\n\t\t\t\t\t\tdisabled={loading}>\n\t\t\t\t\t\t{buttonTexts.confirm}\n\t\t\t\t\t</Button>}\n\t\t\t\t</DialogActions>}\n\t\t\t</Dialog>\n\t\t</>\n\t);\n};\n\nexport { ConfirmPopUp };\nexport default ConfirmPopUp;\n"],"names":["CloseIcon"],"mappings":";;;;;;;;;;;;;;;;AAqCA,MAAM,eAAe,CAAC,UAA6B;AAClD,QAAM,EAAE,EAAA,IAAM,eAAA;AACd,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,cAAc,EAAE,SAAS,EAAE,eAAe,GAAG,QAAQ,EAAE,eAAe,EAAA;AAAA,IACtE,eAAe,EAAE,SAAS,QAAA;AAAA,IAC1B,UAAU;AAAA,IACV,aAAW;AAAA,IACX,GAAG;AAAA,EAAA,IACA;AAEJ,QAAM,OAAO,cAAc,SAAS,OAAO,OAAO,OAAO;AACtD,QAAM,EAAC,MAAA,IAAO,YAAA;AACjB,SACC,oBAAA,UAAA,EACC,+BAAC,QAAA,EAAO,MAAY,SAAkB,WAAU,WAAW,GAAG,MAC7D,UAAA;AAAA,IAAA,qBAAC,aAAA,EAAY,WAAU,iBACtB,UAAA;AAAA,MAAA,qBAAC,KAAA,EAAI,WAAU,kBACd,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,KAAK,MAAM,KAAI,cAAa;AAAA,QAAG;AAAA,QACpC;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,MAAK;AAAA,YACL,IAAI;AAAA,YACJ,QAAO;AAAA,YACP,OAAM;AAAA,YACL,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,GACD;AAAA,MACA,oBAAC,YAAA,EAAW,eAAa,MAAC,SAAS,SAAS,UAAU,SACrD,UAAA,oBAACA,WAAA,CAAA,CAAU,EAAA,CACZ;AAAA,IAAA,GACD;AAAA,wBACC,SAAA,EAAQ;AAAA,IACT,oBAAC,eAAA,EAAc,WAAU,oBACxB,UAAA,oBAAC,YAAA,EAAW,MAAK,MAAK,OAAM,wBAC1B,UAAA,YAAA,CACF,GACD;AAAA,wBACC,SAAA,EAAQ;AAAA,IACR,cAAa;AAAA,MAAC;AAAA,MAAA;AAAA,QACd,WAAU;AAAA,QACV,IAAI,EAAE,iBAAiB,sBAAA;AAAA,QACvB,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,SAAQ;AAAA,cACR,SAAS;AAAA,cACT,OAAO,6CAAc;AAAA,cACrB,UAAU;AAAA,cACT,UAAA,YAAY;AAAA,YAAA;AAAA,UAAA;AAAA,UAEd,YAAY,WAAU;AAAA,YAAC;AAAA,YAAA;AAAA,cACtB,OAAO,aAAa;AAAA,cACpB,SAAS;AAAA,cACT,IAAI,QAAM,EAAC,IAAI,EAAA,IAAG,CAAA;AAAA,cAClB,SAAS,WAAW,oBAAC,oBAAiB,MAAM,IAAI,OAAM,WAAU;AAAA,cAChE,UAAU;AAAA,cACT,UAAA,YAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,IAAA;AAAA,EACD,EAAA,CACD,EAAA,CACD;AAEF;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/confirm-modal/confirm-modal.tsx"],"sourcesContent":["import {\n\tBox,\n\tCircularProgress,\n\tDialog,\n\tDialogActions,\n\tDialogContent,\n\tDialogProps,\n\tDialogTitle,\n\tDivider,\n\tIconButton\n} from '@mui/material';\nimport CloseIcon from '@mui/icons-material/Close';\nimport Typography from '../typography/typography';\nimport Button from '../button/button';\nimport './confirm-modal.scss';\nimport images from '../../assets/images';\nimport { useLanguage } from '../../hooks/useLangauge';\nimport { useTranslation } from 'react-i18next';\n\ninterface ConfirmPopUpProps extends DialogProps {\n\ttitle: string;\n\tdescription: string | JSX.Element;\n\tonClose: () => void;\n\tonConfirm: () => void;\n\tbuttonTexts?: {\n\t\tconfirm: string;\n\t\tcancel: string;\n\t};\n\tbuttonColors?: {\n\t\tconfirm: string;\n\t\tcancel?: string;\n\t};\n\tmodalType?: 'alert' | 'info';\n\tloading?: boolean;\n\tshowAction?: boolean;\n}\n\nexport const ConfirmPopUp = (props: ConfirmPopUpProps) => {\n\tconst { t } = useTranslation();\n\tconst {\n\t\topen,\n\t\ttitle,\n\t\tdescription,\n\t\tonClose,\n\t\tonConfirm,\n\t\tmodalType = 'alert',\n\t\tbuttonTexts = { confirm: t('common.delete'), cancel: t('common.cancel') },\n\t\tbuttonColors = { confirm: 'error' },\n\t\tloading = false,\n\t\tshowAction=true,\n\t\t...rest\n\t} = props;\n\n\tconst icon = modalType === 'info' ? images.info : images.alert;\n    const {isRtl}=useLanguage();\n\treturn (\n\t\t<>\n\t\t\t<Dialog open={open} onClose={onClose} className='confirm' {...rest}>\n\t\t\t\t<DialogTitle className='confirm--head'>\n\t\t\t\t\t<Box className='confirm--title'>\n\t\t\t\t\t\t<img src={icon} alt='alert icon' />{' '}\n\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\ttype='s3'\n\t\t\t\t\t\t\tml={1}\n\t\t\t\t\t\t\tweight='medium'\n\t\t\t\t\t\t\tcolor='theme.secondary.1000'>\n\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t</Box>\n\t\t\t\t\t<IconButton disableRipple onClick={onClose} disabled={loading}>\n\t\t\t\t\t\t<CloseIcon />\n\t\t\t\t\t</IconButton>\n\t\t\t\t</DialogTitle>\n\t\t\t\t<Divider />\n\t\t\t\t<DialogContent className='confirm--content'>\n\t\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t\t{description}\n\t\t\t\t\t</Typography>\n\t\t\t\t</DialogContent>\n\t\t\t\t<Divider />\n\t\t\t\t{showAction &&<DialogActions\n\t\t\t\t\tclassName='confirm--actions'\n\t\t\t\t\tsx={{ backgroundColor: 'theme.secondary.200' }}>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant='text'\n\t\t\t\t\t\tonClick={onClose}\n\t\t\t\t\t\tcolor={buttonColors?.cancel}\n\t\t\t\t\t\tdisabled={loading}>\n\t\t\t\t\t\t{buttonTexts.cancel}\n\t\t\t\t\t</Button>\n\t\t\t\t{buttonTexts.confirm &&<Button\n\t\t\t\t\t\tcolor={buttonColors.confirm}\n\t\t\t\t\t\tonClick={onConfirm}\n\t\t\t\t\t\tsx={isRtl?{mr: 1}:{}}\n\t\t\t\t\t\tendIcon={loading && <CircularProgress size={18} color='inherit' />}\n\t\t\t\t\t\tdisabled={loading}>\n\t\t\t\t\t\t{buttonTexts.confirm}\n\t\t\t\t\t</Button>}\n\t\t\t\t</DialogActions>}\n\t\t\t</Dialog>\n\t\t</>\n\t);\n};\n\nexport default ConfirmPopUp;\n"],"names":["CloseIcon"],"mappings":";;;;;;;;;;;;;;;;AAqCO,MAAM,eAAe,CAAC,UAA6B;AACzD,QAAM,EAAE,EAAA,IAAM,eAAA;AACd,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,cAAc,EAAE,SAAS,EAAE,eAAe,GAAG,QAAQ,EAAE,eAAe,EAAA;AAAA,IACtE,eAAe,EAAE,SAAS,QAAA;AAAA,IAC1B,UAAU;AAAA,IACV,aAAW;AAAA,IACX,GAAG;AAAA,EAAA,IACA;AAEJ,QAAM,OAAO,cAAc,SAAS,OAAO,OAAO,OAAO;AACtD,QAAM,EAAC,MAAA,IAAO,YAAA;AACjB,SACC,oBAAA,UAAA,EACC,+BAAC,QAAA,EAAO,MAAY,SAAkB,WAAU,WAAW,GAAG,MAC7D,UAAA;AAAA,IAAA,qBAAC,aAAA,EAAY,WAAU,iBACtB,UAAA;AAAA,MAAA,qBAAC,KAAA,EAAI,WAAU,kBACd,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,KAAK,MAAM,KAAI,cAAa;AAAA,QAAG;AAAA,QACpC;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,MAAK;AAAA,YACL,IAAI;AAAA,YACJ,QAAO;AAAA,YACP,OAAM;AAAA,YACL,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,GACD;AAAA,MACA,oBAAC,YAAA,EAAW,eAAa,MAAC,SAAS,SAAS,UAAU,SACrD,UAAA,oBAACA,WAAA,CAAA,CAAU,EAAA,CACZ;AAAA,IAAA,GACD;AAAA,wBACC,SAAA,EAAQ;AAAA,IACT,oBAAC,eAAA,EAAc,WAAU,oBACxB,UAAA,oBAAC,YAAA,EAAW,MAAK,MAAK,OAAM,wBAC1B,UAAA,YAAA,CACF,GACD;AAAA,wBACC,SAAA,EAAQ;AAAA,IACR,cAAa;AAAA,MAAC;AAAA,MAAA;AAAA,QACd,WAAU;AAAA,QACV,IAAI,EAAE,iBAAiB,sBAAA;AAAA,QACvB,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,SAAQ;AAAA,cACR,SAAS;AAAA,cACT,OAAO,6CAAc;AAAA,cACrB,UAAU;AAAA,cACT,UAAA,YAAY;AAAA,YAAA;AAAA,UAAA;AAAA,UAEd,YAAY,WAAU;AAAA,YAAC;AAAA,YAAA;AAAA,cACtB,OAAO,aAAa;AAAA,cACpB,SAAS;AAAA,cACT,IAAI,QAAM,EAAC,IAAI,EAAA,IAAG,CAAA;AAAA,cAClB,SAAS,WAAW,oBAAC,oBAAiB,MAAM,IAAI,OAAM,WAAU;AAAA,cAChE,UAAU;AAAA,cACT,UAAA,YAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,IAAA;AAAA,EACD,EAAA,CACD,EAAA,CACD;AAEF;"}

package/dist/components/confirm-modal/confirm-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/confirm-modal/confirm-modal.tsx"],"sourcesContent":["import {\n\tBox,\n\tCircularProgress,\n\tDialog,\n\tDialogActions,\n\tDialogContent,\n\tDialogProps,\n\tDialogTitle,\n\tDivider,\n\tIconButton\n} from '@mui/material';\nimport CloseIcon from '@mui/icons-material/Close';\nimport Typography from '../typography/typography';\nimport Button from '../button/button';\nimport './confirm-modal.scss';\nimport images from '../../assets/images';\nimport { useLanguage } from '../../hooks/useLangauge';\nimport { useTranslation } from 'react-i18next';\n\ninterface ConfirmPopUpProps extends DialogProps {\n\ttitle: string;\n\tdescription: string | JSX.Element;\n\tonClose: () => void;\n\tonConfirm: () => void;\n\tbuttonTexts?: {\n\t\tconfirm: string;\n\t\tcancel: string;\n\t};\n\tbuttonColors?: {\n\t\tconfirm: string;\n\t\tcancel?: string;\n\t};\n\tmodalType?: 'alert' | 'info';\n\tloading?: boolean;\n\tshowAction?: boolean;\n}\n\nconst ConfirmPopUp = (props: ConfirmPopUpProps) => {\n\tconst { t } = useTranslation();\n\tconst {\n\t\topen,\n\t\ttitle,\n\t\tdescription,\n\t\tonClose,\n\t\tonConfirm,\n\t\tmodalType = 'alert',\n\t\tbuttonTexts = { confirm: t('common.delete'), cancel: t('common.cancel') },\n\t\tbuttonColors = { confirm: 'error' },\n\t\tloading = false,\n\t\tshowAction=true,\n\t\t...rest\n\t} = props;\n\n\tconst icon = modalType === 'info' ? images.info : images.alert;\n    const {isRtl}=useLanguage();\n\treturn (\n\t\t<>\n\t\t\t<Dialog open={open} onClose={onClose} className='confirm' {...rest}>\n\t\t\t\t<DialogTitle className='confirm--head'>\n\t\t\t\t\t<Box className='confirm--title'>\n\t\t\t\t\t\t<img src={icon} alt='alert icon' />{' '}\n\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\ttype='s3'\n\t\t\t\t\t\t\tml={1}\n\t\t\t\t\t\t\tweight='medium'\n\t\t\t\t\t\t\tcolor='theme.secondary.1000'>\n\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t</Box>\n\t\t\t\t\t<IconButton disableRipple onClick={onClose} disabled={loading}>\n\t\t\t\t\t\t<CloseIcon />\n\t\t\t\t\t</IconButton>\n\t\t\t\t</DialogTitle>\n\t\t\t\t<Divider />\n\t\t\t\t<DialogContent className='confirm--content'>\n\t\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t\t{description}\n\t\t\t\t\t</Typography>\n\t\t\t\t</DialogContent>\n\t\t\t\t<Divider />\n\t\t\t\t{showAction &&<DialogActions\n\t\t\t\t\tclassName='confirm--actions'\n\t\t\t\t\tsx={{ backgroundColor: 'theme.secondary.200' }}>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant='text'\n\t\t\t\t\t\tonClick={onClose}\n\t\t\t\t\t\tcolor={buttonColors?.cancel}\n\t\t\t\t\t\tdisabled={loading}>\n\t\t\t\t\t\t{buttonTexts.cancel}\n\t\t\t\t\t</Button>\n\t\t\t\t{buttonTexts.confirm &&<Button\n\t\t\t\t\t\tcolor={buttonColors.confirm}\n\t\t\t\t\t\tonClick={onConfirm}\n\t\t\t\t\t\tsx={isRtl?{mr: 1}:{}}\n\t\t\t\t\t\tendIcon={loading && <CircularProgress size={18} color='inherit' />}\n\t\t\t\t\t\tdisabled={loading}>\n\t\t\t\t\t\t{buttonTexts.confirm}\n\t\t\t\t\t</Button>}\n\t\t\t\t</DialogActions>}\n\t\t\t</Dialog>\n\t\t</>\n\t);\n};\n\nexport { ConfirmPopUp };\nexport default ConfirmPopUp;\n"],"names":["ConfirmPopUp","props","t","useTranslation","open","title","description","onClose","onConfirm","modalType","buttonTexts","confirm","cancel","buttonColors","loading","showAction","rest","icon","images","info","alert","isRtl","useLanguage","jsx","Fragment","children","Dialog","className","jsxs","DialogTitle","Box","src","alt","Typography","type","ml","weight","color","IconButton","disableRipple","onClick","disabled","CloseIcon","Divider","DialogContent","DialogActions","sx","backgroundColor","Button","variant","mr","endIcon","CircularProgress","size"],"mappings":"uiCAqCA,MAAMA,EAAgBC,IACrB,MAAMC,EAAEA,GAAMC,oBACRC,KACLA,EAAAC,MACAA,EAAAC,YACAA,EAAAC,QACAA,EAAAC,UACAA,EAAAC,UACAA,EAAY,QAAAC,YACZA,EAAc,CAAEC,QAAST,EAAE,iBAAkBU,OAAQV,EAAE,kBAAeW,aACtEA,EAAe,CAAEF,QAAS,SAAAG,QAC1BA,GAAU,EAAAC,WACVA,GAAW,KACRC,GACAf,EAEEgB,EAAqB,SAAdR,EAAuBS,EAAAA,OAAOC,KAAOD,EAAAA,OAAOE,OAChDC,MAACA,GAAOC;AACjB,SACCC,IAAAC,EAAAA,SAAA,CACCC,+BAACC,EAAAA,QAAA,CAAOtB,OAAYG,UAAkBoB,UAAU,aAAcX,EAC7DS,SAAA;iBAAAG,KAACC,EAAAA,QAAA,CAAYF,UAAU,gBACtBF,SAAA;iBAAAG,KAACE,EAAAA,QAAA,CAAIH,UAAU,iBACdF,SAAA;eAAAF,EAAAA,IAAC,MAAA,CAAIQ,IAAKd,EAAMe,IAAI,eAAgB;eACpCT,EAAAA,IAACU,EAAAA,WAAA,CACAC,KAAK,KACLC,GAAI,EACJC,OAAO,SACPC,MAAM,uBACLZ,SAAApB;iBAGHkB,IAACe,EAAAA,QAAA,CAAWC,eAAa,EAACC,QAASjC,EAASkC,SAAU3B,EACrDW,0BAAAF,IAACmB,EAAAA,QAAA,CAAA;qBAGFC,EAAAA,QAAA;eACDpB,EAAAA,IAACqB,EAAAA,QAAA,CAAcjB,UAAU,mBACxBF,wBAAAF,EAAAA,IAACU,EAAAA,WAAA,CAAWC,KAAK,KAAKG,MAAM,uBAC1BZ,SAAAnB;qBAGFqC,EAAAA,QAAA,IACA5B,kBAAaa,EAAAA,KAACiB,EAAAA,QAAA,CACdlB,UAAU,mBACVmB,GAAI,CAAEC,gBAAiB,uBACvBtB,SAAA;eAAAF,EAAAA,IAACyB,EAAAA,OAAA,CACAC,QAAQ,OACRT,QAASjC,EACT8B,MAAO,MAAAxB,OAAA,EAAAA,EAAcD,OACrB6B,SAAU3B,EACTW,SAAAf,EAAYE,SAEdF,EAAYC,wBAAUY,EAAAA,IAACyB,EAAAA,OAAA,CACtBX,MAAOxB,EAAaF,QACpB6B,QAAShC,EACTsC,GAAIzB,EAAM,CAAC6B,GAAI,GAAG,CAAA,EAClBC,QAASrC,kBAAWS,EAAAA,IAAC6B,EAAAA,SAAiBC,KAAM,GAAIhB,MAAM,YACtDI,SAAU3B,EACTW,SAAAf,EAAYC"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/confirm-modal/confirm-modal.tsx"],"sourcesContent":["import {\n\tBox,\n\tCircularProgress,\n\tDialog,\n\tDialogActions,\n\tDialogContent,\n\tDialogProps,\n\tDialogTitle,\n\tDivider,\n\tIconButton\n} from '@mui/material';\nimport CloseIcon from '@mui/icons-material/Close';\nimport Typography from '../typography/typography';\nimport Button from '../button/button';\nimport './confirm-modal.scss';\nimport images from '../../assets/images';\nimport { useLanguage } from '../../hooks/useLangauge';\nimport { useTranslation } from 'react-i18next';\n\ninterface ConfirmPopUpProps extends DialogProps {\n\ttitle: string;\n\tdescription: string | JSX.Element;\n\tonClose: () => void;\n\tonConfirm: () => void;\n\tbuttonTexts?: {\n\t\tconfirm: string;\n\t\tcancel: string;\n\t};\n\tbuttonColors?: {\n\t\tconfirm: string;\n\t\tcancel?: string;\n\t};\n\tmodalType?: 'alert' | 'info';\n\tloading?: boolean;\n\tshowAction?: boolean;\n}\n\nexport const ConfirmPopUp = (props: ConfirmPopUpProps) => {\n\tconst { t } = useTranslation();\n\tconst {\n\t\topen,\n\t\ttitle,\n\t\tdescription,\n\t\tonClose,\n\t\tonConfirm,\n\t\tmodalType = 'alert',\n\t\tbuttonTexts = { confirm: t('common.delete'), cancel: t('common.cancel') },\n\t\tbuttonColors = { confirm: 'error' },\n\t\tloading = false,\n\t\tshowAction=true,\n\t\t...rest\n\t} = props;\n\n\tconst icon = modalType === 'info' ? images.info : images.alert;\n    const {isRtl}=useLanguage();\n\treturn (\n\t\t<>\n\t\t\t<Dialog open={open} onClose={onClose} className='confirm' {...rest}>\n\t\t\t\t<DialogTitle className='confirm--head'>\n\t\t\t\t\t<Box className='confirm--title'>\n\t\t\t\t\t\t<img src={icon} alt='alert icon' />{' '}\n\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\ttype='s3'\n\t\t\t\t\t\t\tml={1}\n\t\t\t\t\t\t\tweight='medium'\n\t\t\t\t\t\t\tcolor='theme.secondary.1000'>\n\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t</Box>\n\t\t\t\t\t<IconButton disableRipple onClick={onClose} disabled={loading}>\n\t\t\t\t\t\t<CloseIcon />\n\t\t\t\t\t</IconButton>\n\t\t\t\t</DialogTitle>\n\t\t\t\t<Divider />\n\t\t\t\t<DialogContent className='confirm--content'>\n\t\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t\t{description}\n\t\t\t\t\t</Typography>\n\t\t\t\t</DialogContent>\n\t\t\t\t<Divider />\n\t\t\t\t{showAction &&<DialogActions\n\t\t\t\t\tclassName='confirm--actions'\n\t\t\t\t\tsx={{ backgroundColor: 'theme.secondary.200' }}>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant='text'\n\t\t\t\t\t\tonClick={onClose}\n\t\t\t\t\t\tcolor={buttonColors?.cancel}\n\t\t\t\t\t\tdisabled={loading}>\n\t\t\t\t\t\t{buttonTexts.cancel}\n\t\t\t\t\t</Button>\n\t\t\t\t{buttonTexts.confirm &&<Button\n\t\t\t\t\t\tcolor={buttonColors.confirm}\n\t\t\t\t\t\tonClick={onConfirm}\n\t\t\t\t\t\tsx={isRtl?{mr: 1}:{}}\n\t\t\t\t\t\tendIcon={loading && <CircularProgress size={18} color='inherit' />}\n\t\t\t\t\t\tdisabled={loading}>\n\t\t\t\t\t\t{buttonTexts.confirm}\n\t\t\t\t\t</Button>}\n\t\t\t\t</DialogActions>}\n\t\t\t</Dialog>\n\t\t</>\n\t);\n};\n\nexport default ConfirmPopUp;\n"],"names":["ConfirmPopUp","props","t","useTranslation","open","title","description","onClose","onConfirm","modalType","buttonTexts","confirm","cancel","buttonColors","loading","showAction","rest","icon","images","info","alert","isRtl","useLanguage","jsx","Fragment","children","Dialog","className","jsxs","DialogTitle","Box","src","alt","Typography","type","ml","weight","color","IconButton","disableRipple","onClick","disabled","CloseIcon","Divider","DialogContent","DialogActions","sx","backgroundColor","Button","variant","mr","endIcon","CircularProgress","size"],"mappings":"uiCAqCO,MAAMA,EAAgBC,IAC5B,MAAMC,EAAEA,GAAMC,oBACRC,KACLA,EAAAC,MACAA,EAAAC,YACAA,EAAAC,QACAA,EAAAC,UACAA,EAAAC,UACAA,EAAY,QAAAC,YACZA,EAAc,CAAEC,QAAST,EAAE,iBAAkBU,OAAQV,EAAE,kBAAeW,aACtEA,EAAe,CAAEF,QAAS,SAAAG,QAC1BA,GAAU,EAAAC,WACVA,GAAW,KACRC,GACAf,EAEEgB,EAAqB,SAAdR,EAAuBS,EAAAA,OAAOC,KAAOD,EAAAA,OAAOE,OAChDC,MAACA,GAAOC;AACjB,SACCC,IAAAC,EAAAA,SAAA,CACCC,+BAACC,EAAAA,QAAA,CAAOtB,OAAYG,UAAkBoB,UAAU,aAAcX,EAC7DS,SAAA;iBAAAG,KAACC,EAAAA,QAAA,CAAYF,UAAU,gBACtBF,SAAA;iBAAAG,KAACE,EAAAA,QAAA,CAAIH,UAAU,iBACdF,SAAA;eAAAF,EAAAA,IAAC,MAAA,CAAIQ,IAAKd,EAAMe,IAAI,eAAgB;eACpCT,EAAAA,IAACU,EAAAA,WAAA,CACAC,KAAK,KACLC,GAAI,EACJC,OAAO,SACPC,MAAM,uBACLZ,SAAApB;iBAGHkB,IAACe,EAAAA,QAAA,CAAWC,eAAa,EAACC,QAASjC,EAASkC,SAAU3B,EACrDW,0BAAAF,IAACmB,EAAAA,QAAA,CAAA;qBAGFC,EAAAA,QAAA;eACDpB,EAAAA,IAACqB,EAAAA,QAAA,CAAcjB,UAAU,mBACxBF,wBAAAF,EAAAA,IAACU,EAAAA,WAAA,CAAWC,KAAK,KAAKG,MAAM,uBAC1BZ,SAAAnB;qBAGFqC,EAAAA,QAAA,IACA5B,kBAAaa,EAAAA,KAACiB,EAAAA,QAAA,CACdlB,UAAU,mBACVmB,GAAI,CAAEC,gBAAiB,uBACvBtB,SAAA;eAAAF,EAAAA,IAACyB,EAAAA,OAAA,CACAC,QAAQ,OACRT,QAASjC,EACT8B,MAAO,MAAAxB,OAAA,EAAAA,EAAcD,OACrB6B,SAAU3B,EACTW,SAAAf,EAAYE,SAEdF,EAAYC,wBAAUY,EAAAA,IAACyB,EAAAA,OAAA,CACtBX,MAAOxB,EAAaF,QACpB6B,QAAShC,EACTsC,GAAIzB,EAAM,CAAC6B,GAAI,GAAG,CAAA,EAClBC,QAASrC,kBAAWS,EAAAA,IAAC6B,EAAAA,SAAiBC,KAAM,GAAIhB,MAAM,YACtDI,SAAU3B,EACTW,SAAAf,EAAYC"}

package/dist/components/confirm-modal/confirm-modal.d.ts

@@ -17,6 +17,5 @@ interface ConfirmPopUpProps extends DialogProps {
     loading?: boolean;
     showAction?: boolean;
 }
-declare const ConfirmPopUp: (props: ConfirmPopUpProps) => import("react/jsx-runtime").JSX.Element;
-export { ConfirmPopUp };
+export declare const ConfirmPopUp: (props: ConfirmPopUpProps) => import("react/jsx-runtime").JSX.Element;
 export default ConfirmPopUp;

package/dist/components/confirm-modal/index.d.ts

@@ -1,2 +1,3 @@
 export { default as ConfirmPopUp } from './confirm-modal';
+export { default as ConfirmModal } from './confirm-modal';
 export * from './confirm-modal';

package/dist/components/editor/custom-editor/index.esm.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useEffect, useMemo, useCallback } from "react";
+import React__default, { useState, useEffect, useMemo, useCallback } from "react";
 /* empty css                             */
 import { CKEditor } from "../../../node_modules/@ckeditor/ckeditor5-react/dist/index/index.esm.js";
 /* empty css                                                           */
@@ -64,7 +64,10 @@ function PasteImageUrlPlugin(editor) {
             src: url
           });
         });
-        editor.model.insertContent(imageElement, editor.model.document.selection);
+        editor.model.insertContent(
+          imageElement,
+          editor.model.document.selection
+        );
         evt.stop();
       }
     }
@@ -166,7 +169,14 @@ const createEditorConfig = (customConfig = {}) => {
       SimpleUploadAdapter,
       LinkImage
     ],
-    balloonToolbar: ["bold", "italic", "|", "link", "insertImage", "uploadImage"],
+    balloonToolbar: [
+      "bold",
+      "italic",
+      "|",
+      "link",
+      "insertImage",
+      "uploadImage"
+    ],
     blockToolbar: [
       "fontSize",
       "fontColor",
@@ -328,14 +338,14 @@ const createEditorConfig = (customConfig = {}) => {
   };
   return { ...defaultConfig, ...customConfig };
 };
-function CustomEditor({
-  editorRef,
+const CustomEditor = ({
+  editorRef = React__default.createRef(),
   data = "",
   handleEditorReady,
   onError,
   config = {},
   ...rest
-}) {
+}) => {
   const [isReady, setIsReady] = useState(false);
   const [error, setError] = useState(null);
   useEffect(() => {
@@ -349,73 +359,91 @@ function CustomEditor({
     const uFiles = await uploadFiles([file], "document");
     const payload = {
       ...getToken(),
-      "title": file == null ? void 0 : file.name.split(".")[0],
-      "path": "/",
-      "is_private": true,
-      "is_directory": false,
-      "file_size": file.size,
-      "is_child": false,
-      "file_extension": file == null ? void 0 : file.name.split(".")[1],
-      "type": "image",
-      "mime_type": file.type,
-      "url": `${"https://erpforce-dev.s3.eu-west-1.amazonaws.com/"}${uFiles[0]}`
+      title: file == null ? void 0 : file.name.split(".")[0],
+      path: "/",
+      is_private: true,
+      is_directory: false,
+      file_size: file.size,
+      is_child: false,
+      file_extension: file == null ? void 0 : file.name.split(".")[1],
+      type: "image",
+      mime_type: file.type,
+      url: `${"https://erpforce-dev.s3.eu-west-1.amazonaws.com/"}${uFiles[0]}`
     };
     await postV1Drive(payload);
     return { url: payload.url };
   };
-  const handleReady = useCallback((editor) => {
-    try {
-      handleEditorReady == null ? void 0 : handleEditorReady(editor);
-      editor.plugins.get("FileRepository").createUploadAdapter = (loader) => {
-        return new MyUploadAdapter(loader, myUploadFn);
-      };
-    } catch (err) {
-      console.error("Error in editor ready handler:", err);
-      setError(err);
-      onError == null ? void 0 : onError(err);
-    }
-  }, [handleEditorReady, onError]);
-  const handleError = useCallback((error2, { willEditorRestart }) => {
-    console.error("CKEditor error:", error2);
-    if (!willEditorRestart) {
-      setError(error2);
-      onError == null ? void 0 : onError(error2);
-    }
-  }, [onError]);
+  const handleReady = useCallback(
+    (editor) => {
+      try {
+        handleEditorReady == null ? void 0 : handleEditorReady(editor);
+        editor.plugins.get("FileRepository").createUploadAdapter = (loader) => {
+          return new MyUploadAdapter(loader, myUploadFn);
+        };
+      } catch (err) {
+        console.error("Error in editor ready handler:", err);
+        setError(err);
+        onError == null ? void 0 : onError(err);
+      }
+    },
+    [handleEditorReady, onError]
+  );
+  const handleError = useCallback(
+    (error2, { willEditorRestart }) => {
+      console.error("CKEditor error:", error2);
+      if (!willEditorRestart) {
+        setError(error2);
+        onError == null ? void 0 : onError(error2);
+      }
+    },
+    [onError]
+  );
   if (error) {
-    return /* @__PURE__ */ jsxs("div", { style: {
-      padding: "20px",
-      border: "1px solid #red",
-      borderRadius: "4px",
-      backgroundColor: "#fff5f5"
-    }, children: [
-      /* @__PURE__ */ jsxs("div", { style: { color: "#e53e3e", marginBottom: "10px" }, children: [
-        "Editor Error: ",
-        error.message
-      ] }),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          onClick: () => setError(null),
-          style: {
-            padding: "8px 16px",
-            backgroundColor: "#3182ce",
-            color: "white",
-            border: "none",
-            borderRadius: "4px"
-          },
-          children: "Retry"
-        }
-      )
-    ] });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          padding: "20px",
+          border: "1px solid #red",
+          borderRadius: "4px",
+          backgroundColor: "#fff5f5"
+        },
+        children: [
+          /* @__PURE__ */ jsxs("div", { style: { color: "#e53e3e", marginBottom: "10px" }, children: [
+            "Editor Error: ",
+            error.message
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => setError(null),
+              style: {
+                padding: "8px 16px",
+                backgroundColor: "#3182ce",
+                color: "white",
+                border: "none",
+                borderRadius: "4px"
+              },
+              children: "Retry"
+            }
+          )
+        ]
+      }
+    );
   }
   if (!isReady) {
-    return /* @__PURE__ */ jsx("div", { style: {
-      padding: "20px",
-      textAlign: "center",
-      border: "1px solid #dee2e6",
-      borderRadius: "4px"
-    }, children: "Loading editor..." });
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          padding: "20px",
+          textAlign: "center",
+          border: "1px solid #dee2e6",
+          borderRadius: "4px"
+        },
+        children: "Loading editor..."
+      }
+    );
   }
   return /* @__PURE__ */ jsx("div", { ref: editorRef, className: "custom-editor-container", children: /* @__PURE__ */ jsx(
     CKEditor,
@@ -428,8 +456,9 @@ function CustomEditor({
       ...rest
     }
   ) });
-}
+};
 export {
+  CustomEditor,
   CustomEditor as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/editor/custom-editor/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/editor/custom-editor.tsx"],"sourcesContent":["/* eslint-disable unused-imports/no-unused-vars */\n/* eslint-disable @typescript-eslint/no-unused-vars */\n// IsolatedEditor.js - This file should ONLY be imported via React.lazy()\nimport React, { useState, useEffect, useMemo, useCallback } from 'react';\nimport \"./custom-editor.css\"\n\n// Import ALL CKEditor dependencies in this file ONLY\n// Do NOT import these anywhere else in your application\nimport { CKEditor } from '@ckeditor/ckeditor5-react';\nimport {\n  ClassicEditor,\n  Alignment,\n  AutoLink,\n  Autosave,\n  BalloonToolbar,\n  BlockQuote,\n  BlockToolbar,\n  Bold,\n  Code,\n  CodeBlock,\n  Essentials,\n  FontBackgroundColor,\n  FontColor,\n  FontFamily,\n  FontSize,\n  Heading,\n  Highlight,\n  HorizontalLine,\n  ImageEditing,\n  ImageUtils,\n  Indent,\n  IndentBlock,\n  Italic,\n  Link,\n  Paragraph,\n  PlainTableOutput,\n  RemoveFormat,\n  Strikethrough,\n  Subscript,\n  Superscript,\n  Table,\n  TableCaption,\n  TableCellProperties,\n  TableColumnResize,\n  TableProperties,\n  TableToolbar,\n  Underline,\n  GeneralHtmlSupport,\n  SourceEditing,\n  // Image support\n  Image,\n  ImageBlock,\n  ImageInline,\n  ImageToolbar,\n  ImageCaption,\n  ImageStyle,\n  ImageResize,\n  ImageInsert,\n  ImageInsertViaUrl,\n  ImageUpload,\n  ImageTextAlternative,\n  SimpleUploadAdapter,\n  LinkImage,\n  ClipboardPipeline,\n  AutoImage,\n} from 'ckeditor5';\n\nimport 'ckeditor5/ckeditor5.css';\nimport { postV1Drive } from '../../api-client/api.drive/api';\nimport { getToken, uploadFiles } from '../../utils/common';\n\nconst LICENSE_KEY = 'GPL';\n\n\nclass MyUploadAdapter {\n  constructor(loader, uploadFn) {\n    // The file loader instance to use during the upload\n    this.loader = loader;\n    this.uploadFn = uploadFn;\n  }\n\n  // Starts the upload process\n  async upload() {\n    const file = await this.loader.file;\n    try {\n      // 👇 Call your existing function\n      const response = await this.uploadFn(file);\n\n      // CKEditor expects this format:\n      return {\n        default: response.url   // must return final image URL\n      };\n    } catch (error) {\n      console.error(\"Upload failed\", error);\n      throw error;\n    }\n  }\n\n  // Optional abort support\n  abort() {\n    console.log(\"Upload aborted\");\n  }\n}\n\nfunction PasteImageUrlPlugin(editor) {\n  const clipboard = editor.plugins.get(ClipboardPipeline);\n\n  clipboard.on('inputTransformation', (evt, data) => {\n    const content = data.content.getChild(0);\n\n    // Check if pasted content is plain text\n    if (content && content.is('$textProxy')) {\n      const url = content.data.trim();\n\n      // Check if it looks like an image URL\n      if (url.match(/\\.(jpeg|jpg|gif|png|webp|svg)$/i)) {\n        const imageElement = editor.model.change(writer => {\n          return writer.createElement('imageBlock', {\n            src: url\n          });\n        });\n\n        editor.model.insertContent(imageElement, editor.model.document.selection);\n        evt.stop(); // prevent default plain text paste\n      }\n    }\n  });\n}\n\n\n// Create the editor configuration\nconst createEditorConfig = (customConfig = {}) => {\n  const defaultConfig = {\n    extraPlugins: [ PasteImageUrlPlugin, AutoImage ],\n    toolbar: {\n      items: [\n        'sourceEditing',\n        'undo',\n        'redo',\n        '|',\n        'heading',\n        '|',\n        'fontSize',\n        'fontFamily',\n        'fontColor',\n        'fontBackgroundColor',\n        '|',\n        'bold',\n        'italic',\n        'underline',\n        'strikethrough',\n        'subscript',\n        'superscript',\n        'code',\n        'removeFormat',\n        '|',\n        'horizontalLine',\n        'link',\n        'insertImage', 'uploadImage',\n        'insertTable',\n        'highlight',\n        'blockQuote',\n        'codeBlock',\n        '|',\n        'alignment',\n        '|',\n        'outdent',\n        'indent',\n      ],\n      shouldNotGroupWhenFull: false\n    },\n    plugins: [\n      Alignment,\n      AutoLink,\n      Autosave,\n      BalloonToolbar,\n      BlockQuote,\n      BlockToolbar,\n      Bold,\n      Code,\n      CodeBlock,\n      Essentials,\n      FontBackgroundColor,\n      FontColor,\n      FontFamily,\n      FontSize,\n      Heading,\n      Highlight,\n      HorizontalLine,\n      ImageEditing,\n      ImageUtils,\n      Indent,\n      IndentBlock,\n      Italic,\n      Link,\n      Paragraph,\n      PlainTableOutput,\n      RemoveFormat,\n      Strikethrough,\n      Subscript,\n      Superscript,\n      Table,\n      TableCaption,\n      TableCellProperties,\n      TableColumnResize,\n      TableProperties,\n      TableToolbar,\n      Underline,\n      GeneralHtmlSupport,\n      SourceEditing,\n      Image,\n      ImageBlock,\n      ImageCaption,\n      ImageEditing,\n      ImageInline,\n      ImageInsert,\n      ImageInsertViaUrl,\n      ImageResize,\n      ImageStyle,\n      ImageTextAlternative,\n      ImageToolbar,\n      ImageUpload,\n      ImageUtils,\n      SimpleUploadAdapter,\n      LinkImage\n    ],\n    balloonToolbar: ['bold', 'italic', '|', 'link', 'insertImage', 'uploadImage',],\n    blockToolbar: [\n      'fontSize',\n      'fontColor',\n      'fontBackgroundColor',\n      '|',\n      'bold',\n      'italic',\n      '|',\n      'link',\n      'insertImage', 'uploadImage',\n      'insertTable',\n      '|',\n      'outdent',\n      'indent'\n    ],\n    fontFamily: {\n      supportAllValues: true\n    },\n    fontSize: {\n      options: [10, 12, 14, 'default', 18, 20, 22],\n      supportAllValues: true\n    },\n    heading: {\n      options: [\n        {\n          model: 'paragraph',\n          title: 'Paragraph',\n          class: 'ck-heading_paragraph'\n        },\n        {\n          model: 'heading1',\n          view: 'h1',\n          title: 'Heading 1',\n          class: 'ck-heading_heading1'\n        },\n        {\n          model: 'heading2',\n          view: 'h2',\n          title: 'Heading 2',\n          class: 'ck-heading_heading2'\n        },\n        {\n          model: 'heading3',\n          view: 'h3',\n          title: 'Heading 3',\n          class: 'ck-heading_heading3'\n        },\n        {\n          model: 'heading4',\n          view: 'h4',\n          title: 'Heading 4',\n          class: 'ck-heading_heading4'\n        }\n      ]\n    },\n    licenseKey: LICENSE_KEY,\n    link: {\n      addTargetToExternalLinks: true,\n      defaultProtocol: 'https://',\n      decorators: {\n        toggleDownloadable: {\n          mode: 'manual',\n          label: 'Downloadable',\n          attributes: {\n            download: 'file',\n          }\n        }\n      }\n    },\n    menuBar: {\n      isVisible: true\n    },\n    placeholder: 'Type or paste your content here!',\n    table: {\n      contentToolbar: [\n        'tableColumn', \n        'tableRow', \n        'mergeTableCells', \n        'tableProperties', \n        'tableCellProperties'\n      ]\n    },\n    htmlSupport: {\n      allow: [\n        {\n          name: /.*/,\n          attributes: true,\n          classes: true,\n          styles: true\n        }\n      ]\n    },\n    image: {\n      toolbar: [\n        'imageTextAlternative',\n        'toggleImageCaption',\n        '|',\n        'imageStyle:inline',\n        'imageStyle:wrapText',\n        'imageStyle:breakText',\n        '|',\n        'resizeImage',\n        '|',\n        'linkImage'\n      ],\n      styles: {\n        options: [\n          'inline',\n          'alignLeft',\n          'alignRight',\n          'alignCenter',\n          'alignBlockLeft',\n          'alignBlockRight',\n          'block',\n          'side'\n        ]\n      },\n      resizeOptions: [\n        {\n          name: 'resizeImage:original',\n          label: 'Original size',\n          value: null\n        },\n        {\n          name: 'resizeImage:25',\n          label: '25%',\n          value: '25'\n        },\n        {\n          name: 'resizeImage:50',\n          label: '50%',\n          value: '50'\n        },\n        {\n          name: 'resizeImage:75',\n          label: '75%',\n          value: '75'\n        }\n      ],\n      insert: {\n        integrations: ['insertImageViaUrl']\n      }\n    },\n    simpleUpload: {\n      uploadUrl: '/api/upload', // your upload API\n      headers: {\n        Authorization: 'Bearer <token>'\n      }\n    },\n    autosave: {\n      save() {\n        return new Promise(resolve => {\n          setTimeout(resolve, 1000);\n        });\n      }\n    }\n  };\n\n  return { ...defaultConfig, ...customConfig };\n};\n\nexport default function CustomEditor({\n  editorRef,\n  data = '',\n  handleEditorReady,\n  onError,\n  config = {},\n  ...rest\n}) {\n  const [isReady, setIsReady] = useState(false);\n  const [error, setError] = useState(null);\n\n  useEffect(() => {\n    // Small delay to ensure DOM is ready\n    const timer = setTimeout(() => setIsReady(true), 100);\n    return () => clearTimeout(timer);\n  }, []);\n\n  const editorConfig = useMemo(() => {\n    return createEditorConfig(config);\n  }, [config]);\n\n  const myUploadFn = async (file) => {\n    // 👇 Your existing function here\n    const uFiles = await uploadFiles([file], \"document\");\n    const payload = {\n      ...getToken(),\n      \"title\": file?.name.split(\".\")[0],\n      \"path\": \"/\",\n      \"is_private\": true,\n      \"is_directory\": false,\n      \"file_size\": file.size,\n      \"is_child\": false,\n      \"file_extension\": file?.name.split(\".\")[1],\n      \"type\": \"image\",\n      \"mime_type\": file.type,\n      \"url\": `${import.meta.env.VITE_S3_BUCKET_URL}${uFiles[0]}`\n  }\n    // Replace with your actual API endpoint\n    \n    // 👇 Call your existing function\n    await postV1Drive(payload);\n    return { url: payload.url };\n  };\n\n  const handleReady = useCallback((editor) => {\n    try {\n      handleEditorReady?.(editor);\n      editor.plugins.get('FileRepository').createUploadAdapter = (loader) => {\n        return new MyUploadAdapter(loader, myUploadFn);\n      };\n    } catch (err) {\n      console.error('Error in editor ready handler:', err);\n      setError(err);\n      onError?.(err);\n    }\n  }, [handleEditorReady, onError]);\n\n  const handleError = useCallback((error, { willEditorRestart }) => {\n    console.error('CKEditor error:', error);\n    if (!willEditorRestart) {\n      setError(error);\n      onError?.(error);\n    }\n  }, [onError]);\n\n  if (error) {\n    return (\n      <div style={{\n        padding: '20px',\n        border: '1px solid #red',\n        borderRadius: '4px',\n        backgroundColor: '#fff5f5'\n      }}>\n        <div style={{ color: '#e53e3e', marginBottom: '10px' }}>\n          Editor Error: {error.message}\n        </div>\n        <button \n          onClick={() => setError(null)}\n          style={{\n            padding: '8px 16px',\n            backgroundColor: '#3182ce',\n            color: 'white',\n            border: 'none',\n            borderRadius: '4px'\n          }}\n        >\n          Retry\n        </button>\n      </div>\n    );\n  }\n\n  if (!isReady) {\n    return (\n      <div style={{\n        padding: '20px',\n        textAlign: 'center',\n        border: '1px solid #dee2e6',\n        borderRadius: '4px'\n      }}>\n        Loading editor...\n      </div>\n    );\n  }\n\n  return (\n    <div ref={editorRef} className=\"custom-editor-container\">\n      <CKEditor \n        editor={ClassicEditor} \n        config={editorConfig} \n        data={data} \n        onReady={handleReady}\n        onError={handleError}\n        {...rest}\n      />\n    </div>\n  );\n}"],"names":["error"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/editor/custom-editor.tsx"],"sourcesContent":["/* eslint-disable unused-imports/no-unused-vars */\n/* eslint-disable @typescript-eslint/no-unused-vars */\n// IsolatedEditor.js - This file should ONLY be imported via React.lazy()\nimport React, { useState, useEffect, useMemo, useCallback } from 'react';\nimport './custom-editor.css';\n\n// Import ALL CKEditor dependencies in this file ONLY\n// Do NOT import these anywhere else in your application\nimport { CKEditor } from '@ckeditor/ckeditor5-react';\nimport {\n\tClassicEditor,\n\tAlignment,\n\tAutoLink,\n\tAutosave,\n\tBalloonToolbar,\n\tBlockQuote,\n\tBlockToolbar,\n\tBold,\n\tCode,\n\tCodeBlock,\n\tEssentials,\n\tFontBackgroundColor,\n\tFontColor,\n\tFontFamily,\n\tFontSize,\n\tHeading,\n\tHighlight,\n\tHorizontalLine,\n\tImageEditing,\n\tImageUtils,\n\tIndent,\n\tIndentBlock,\n\tItalic,\n\tLink,\n\tParagraph,\n\tPlainTableOutput,\n\tRemoveFormat,\n\tStrikethrough,\n\tSubscript,\n\tSuperscript,\n\tTable,\n\tTableCaption,\n\tTableCellProperties,\n\tTableColumnResize,\n\tTableProperties,\n\tTableToolbar,\n\tUnderline,\n\tGeneralHtmlSupport,\n\tSourceEditing,\n\t// Image support\n\tImage,\n\tImageBlock,\n\tImageInline,\n\tImageToolbar,\n\tImageCaption,\n\tImageStyle,\n\tImageResize,\n\tImageInsert,\n\tImageInsertViaUrl,\n\tImageUpload,\n\tImageTextAlternative,\n\tSimpleUploadAdapter,\n\tLinkImage,\n\tClipboardPipeline,\n\tAutoImage,\n  EditorConfig\n} from 'ckeditor5';\n\nimport 'ckeditor5/ckeditor5.css';\nimport { postV1Drive } from '../../api-client/api.drive/api';\nimport { getToken, uploadFiles } from '../../utils/common';\n\nconst LICENSE_KEY = 'GPL';\n\nclass MyUploadAdapter {\n\tconstructor(loader, uploadFn) {\n\t\t// The file loader instance to use during the upload\n\t\tthis.loader = loader;\n\t\tthis.uploadFn = uploadFn;\n\t}\n\n\t// Starts the upload process\n\tasync upload() {\n\t\tconst file = await this.loader.file;\n\t\ttry {\n\t\t\t// 👇 Call your existing function\n\t\t\tconst response = await this.uploadFn(file);\n\n\t\t\t// CKEditor expects this format:\n\t\t\treturn {\n\t\t\t\tdefault: response.url // must return final image URL\n\t\t\t};\n\t\t} catch (error) {\n\t\t\tconsole.error('Upload failed', error);\n\t\t\tthrow error;\n\t\t}\n\t}\n\n\t// Optional abort support\n\tabort() {\n\t\tconsole.log('Upload aborted');\n\t}\n}\n\nfunction PasteImageUrlPlugin(editor) {\n\tconst clipboard = editor.plugins.get(ClipboardPipeline);\n\n\tclipboard.on('inputTransformation', (evt, data) => {\n\t\tconst content = data.content.getChild(0);\n\n\t\t// Check if pasted content is plain text\n\t\tif (content && content.is('$textProxy')) {\n\t\t\tconst url = content.data.trim();\n\n\t\t\t// Check if it looks like an image URL\n\t\t\tif (url.match(/\\.(jpeg|jpg|gif|png|webp|svg)$/i)) {\n\t\t\t\tconst imageElement = editor.model.change((writer) => {\n\t\t\t\t\treturn writer.createElement('imageBlock', {\n\t\t\t\t\t\tsrc: url\n\t\t\t\t\t});\n\t\t\t\t});\n\n\t\t\t\teditor.model.insertContent(\n\t\t\t\t\timageElement,\n\t\t\t\t\teditor.model.document.selection\n\t\t\t\t);\n\t\t\t\tevt.stop(); // prevent default plain text paste\n\t\t\t}\n\t\t}\n\t});\n}\n\n// Create the editor configuration\nconst createEditorConfig = (customConfig = {}) => {\n\tconst defaultConfig = {\n\t\textraPlugins: [PasteImageUrlPlugin, AutoImage],\n\t\ttoolbar: {\n\t\t\titems: [\n\t\t\t\t'sourceEditing',\n\t\t\t\t'undo',\n\t\t\t\t'redo',\n\t\t\t\t'|',\n\t\t\t\t'heading',\n\t\t\t\t'|',\n\t\t\t\t'fontSize',\n\t\t\t\t'fontFamily',\n\t\t\t\t'fontColor',\n\t\t\t\t'fontBackgroundColor',\n\t\t\t\t'|',\n\t\t\t\t'bold',\n\t\t\t\t'italic',\n\t\t\t\t'underline',\n\t\t\t\t'strikethrough',\n\t\t\t\t'subscript',\n\t\t\t\t'superscript',\n\t\t\t\t'code',\n\t\t\t\t'removeFormat',\n\t\t\t\t'|',\n\t\t\t\t'horizontalLine',\n\t\t\t\t'link',\n\t\t\t\t'insertImage',\n\t\t\t\t'uploadImage',\n\t\t\t\t'insertTable',\n\t\t\t\t'highlight',\n\t\t\t\t'blockQuote',\n\t\t\t\t'codeBlock',\n\t\t\t\t'|',\n\t\t\t\t'alignment',\n\t\t\t\t'|',\n\t\t\t\t'outdent',\n\t\t\t\t'indent'\n\t\t\t],\n\t\t\tshouldNotGroupWhenFull: false\n\t\t},\n\t\tplugins: [\n\t\t\tAlignment,\n\t\t\tAutoLink,\n\t\t\tAutosave,\n\t\t\tBalloonToolbar,\n\t\t\tBlockQuote,\n\t\t\tBlockToolbar,\n\t\t\tBold,\n\t\t\tCode,\n\t\t\tCodeBlock,\n\t\t\tEssentials,\n\t\t\tFontBackgroundColor,\n\t\t\tFontColor,\n\t\t\tFontFamily,\n\t\t\tFontSize,\n\t\t\tHeading,\n\t\t\tHighlight,\n\t\t\tHorizontalLine,\n\t\t\tImageEditing,\n\t\t\tImageUtils,\n\t\t\tIndent,\n\t\t\tIndentBlock,\n\t\t\tItalic,\n\t\t\tLink,\n\t\t\tParagraph,\n\t\t\tPlainTableOutput,\n\t\t\tRemoveFormat,\n\t\t\tStrikethrough,\n\t\t\tSubscript,\n\t\t\tSuperscript,\n\t\t\tTable,\n\t\t\tTableCaption,\n\t\t\tTableCellProperties,\n\t\t\tTableColumnResize,\n\t\t\tTableProperties,\n\t\t\tTableToolbar,\n\t\t\tUnderline,\n\t\t\tGeneralHtmlSupport,\n\t\t\tSourceEditing,\n\t\t\tImage,\n\t\t\tImageBlock,\n\t\t\tImageCaption,\n\t\t\tImageEditing,\n\t\t\tImageInline,\n\t\t\tImageInsert,\n\t\t\tImageInsertViaUrl,\n\t\t\tImageResize,\n\t\t\tImageStyle,\n\t\t\tImageTextAlternative,\n\t\t\tImageToolbar,\n\t\t\tImageUpload,\n\t\t\tImageUtils,\n\t\t\tSimpleUploadAdapter,\n\t\t\tLinkImage\n\t\t],\n\t\tballoonToolbar: [\n\t\t\t'bold',\n\t\t\t'italic',\n\t\t\t'|',\n\t\t\t'link',\n\t\t\t'insertImage',\n\t\t\t'uploadImage'\n\t\t],\n\t\tblockToolbar: [\n\t\t\t'fontSize',\n\t\t\t'fontColor',\n\t\t\t'fontBackgroundColor',\n\t\t\t'|',\n\t\t\t'bold',\n\t\t\t'italic',\n\t\t\t'|',\n\t\t\t'link',\n\t\t\t'insertImage',\n\t\t\t'uploadImage',\n\t\t\t'insertTable',\n\t\t\t'|',\n\t\t\t'outdent',\n\t\t\t'indent'\n\t\t],\n\t\tfontFamily: {\n\t\t\tsupportAllValues: true\n\t\t},\n\t\tfontSize: {\n\t\t\toptions: [10, 12, 14, 'default', 18, 20, 22],\n\t\t\tsupportAllValues: true\n\t\t},\n\t\theading: {\n\t\t\toptions: [\n\t\t\t\t{\n\t\t\t\t\tmodel: 'paragraph',\n\t\t\t\t\ttitle: 'Paragraph',\n\t\t\t\t\tclass: 'ck-heading_paragraph'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tmodel: 'heading1',\n\t\t\t\t\tview: 'h1',\n\t\t\t\t\ttitle: 'Heading 1',\n\t\t\t\t\tclass: 'ck-heading_heading1'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tmodel: 'heading2',\n\t\t\t\t\tview: 'h2',\n\t\t\t\t\ttitle: 'Heading 2',\n\t\t\t\t\tclass: 'ck-heading_heading2'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tmodel: 'heading3',\n\t\t\t\t\tview: 'h3',\n\t\t\t\t\ttitle: 'Heading 3',\n\t\t\t\t\tclass: 'ck-heading_heading3'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tmodel: 'heading4',\n\t\t\t\t\tview: 'h4',\n\t\t\t\t\ttitle: 'Heading 4',\n\t\t\t\t\tclass: 'ck-heading_heading4'\n\t\t\t\t}\n\t\t\t]\n\t\t},\n\t\tlicenseKey: LICENSE_KEY,\n\t\tlink: {\n\t\t\taddTargetToExternalLinks: true,\n\t\t\tdefaultProtocol: 'https://',\n\t\t\tdecorators: {\n\t\t\t\ttoggleDownloadable: {\n\t\t\t\t\tmode: 'manual',\n\t\t\t\t\tlabel: 'Downloadable',\n\t\t\t\t\tattributes: {\n\t\t\t\t\t\tdownload: 'file'\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tmenuBar: {\n\t\t\tisVisible: true\n\t\t},\n\t\tplaceholder: 'Type or paste your content here!',\n\t\ttable: {\n\t\t\tcontentToolbar: [\n\t\t\t\t'tableColumn',\n\t\t\t\t'tableRow',\n\t\t\t\t'mergeTableCells',\n\t\t\t\t'tableProperties',\n\t\t\t\t'tableCellProperties'\n\t\t\t]\n\t\t},\n\t\thtmlSupport: {\n\t\t\tallow: [\n\t\t\t\t{\n\t\t\t\t\tname: /.*/,\n\t\t\t\t\tattributes: true,\n\t\t\t\t\tclasses: true,\n\t\t\t\t\tstyles: true\n\t\t\t\t}\n\t\t\t]\n\t\t},\n\t\timage: {\n\t\t\ttoolbar: [\n\t\t\t\t'imageTextAlternative',\n\t\t\t\t'toggleImageCaption',\n\t\t\t\t'|',\n\t\t\t\t'imageStyle:inline',\n\t\t\t\t'imageStyle:wrapText',\n\t\t\t\t'imageStyle:breakText',\n\t\t\t\t'|',\n\t\t\t\t'resizeImage',\n\t\t\t\t'|',\n\t\t\t\t'linkImage'\n\t\t\t],\n\t\t\tstyles: {\n\t\t\t\toptions: [\n\t\t\t\t\t'inline',\n\t\t\t\t\t'alignLeft',\n\t\t\t\t\t'alignRight',\n\t\t\t\t\t'alignCenter',\n\t\t\t\t\t'alignBlockLeft',\n\t\t\t\t\t'alignBlockRight',\n\t\t\t\t\t'block',\n\t\t\t\t\t'side'\n\t\t\t\t]\n\t\t\t},\n\t\t\tresizeOptions: [\n\t\t\t\t{\n\t\t\t\t\tname: 'resizeImage:original',\n\t\t\t\t\tlabel: 'Original size',\n\t\t\t\t\tvalue: null\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: 'resizeImage:25',\n\t\t\t\t\tlabel: '25%',\n\t\t\t\t\tvalue: '25'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: 'resizeImage:50',\n\t\t\t\t\tlabel: '50%',\n\t\t\t\t\tvalue: '50'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: 'resizeImage:75',\n\t\t\t\t\tlabel: '75%',\n\t\t\t\t\tvalue: '75'\n\t\t\t\t}\n\t\t\t],\n\t\t\tinsert: {\n\t\t\t\tintegrations: ['insertImageViaUrl']\n\t\t\t}\n\t\t},\n\t\tsimpleUpload: {\n\t\t\tuploadUrl: '/api/upload', // your upload API\n\t\t\theaders: {\n\t\t\t\tAuthorization: 'Bearer <token>'\n\t\t\t}\n\t\t},\n\t\tautosave: {\n\t\t\tsave() {\n\t\t\t\treturn new Promise((resolve) => {\n\t\t\t\t\tsetTimeout(resolve, 1000);\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t};\n\n\treturn { ...defaultConfig, ...customConfig };\n};\n\nexport interface CustomEditorProps {\n\teditorRef: React.RefObject<HTMLDivElement>;\n\tdata: string;\n\thandleEditorReady: (editor: ClassicEditor) => void;\n\tonError: (error: Error) => void;\n\tconfig: EditorConfig;\n\trest: any;\n}\nexport const CustomEditor = ({\n\teditorRef = React.createRef<HTMLDivElement>(),\n\tdata = '',\n\thandleEditorReady,\n\tonError,\n\tconfig = {},\n\t...rest\n}: CustomEditorProps) => {\n\tconst [isReady, setIsReady] = useState(false);\n\tconst [error, setError] = useState(null);\n\n\tuseEffect(() => {\n\t\t// Small delay to ensure DOM is ready\n\t\tconst timer = setTimeout(() => setIsReady(true), 100);\n\t\treturn () => clearTimeout(timer);\n\t}, []);\n\n\tconst editorConfig = useMemo(() => {\n\t\treturn createEditorConfig(config);\n\t}, [config]);\n\n\tconst myUploadFn = async (file) => {\n\t\t// 👇 Your existing function here\n\t\tconst uFiles = await uploadFiles([file], 'document');\n\t\tconst payload = {\n\t\t\t...getToken(),\n\t\t\ttitle: file?.name.split('.')[0],\n\t\t\tpath: '/',\n\t\t\tis_private: true,\n\t\t\tis_directory: false,\n\t\t\tfile_size: file.size,\n\t\t\tis_child: false,\n\t\t\tfile_extension: file?.name.split('.')[1],\n\t\t\ttype: 'image',\n\t\t\tmime_type: file.type,\n\t\t\turl: `${import.meta.env.VITE_S3_BUCKET_URL}${uFiles[0]}`\n\t\t};\n\t\t// Replace with your actual API endpoint\n\n\t\t// 👇 Call your existing function\n\t\tawait postV1Drive(payload);\n\t\treturn { url: payload.url };\n\t};\n\n\tconst handleReady = useCallback(\n\t\t(editor) => {\n\t\t\ttry {\n\t\t\t\thandleEditorReady?.(editor);\n\t\t\t\teditor.plugins.get('FileRepository').createUploadAdapter = (loader) => {\n\t\t\t\t\treturn new MyUploadAdapter(loader, myUploadFn);\n\t\t\t\t};\n\t\t\t} catch (err) {\n\t\t\t\tconsole.error('Error in editor ready handler:', err);\n\t\t\t\tsetError(err);\n\t\t\t\tonError?.(err);\n\t\t\t}\n\t\t},\n\t\t[handleEditorReady, onError]\n\t);\n\n\tconst handleError = useCallback(\n\t\t(error, { willEditorRestart }) => {\n\t\t\tconsole.error('CKEditor error:', error);\n\t\t\tif (!willEditorRestart) {\n\t\t\t\tsetError(error);\n\t\t\t\tonError?.(error);\n\t\t\t}\n\t\t},\n\t\t[onError]\n\t);\n\n\tif (error) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tpadding: '20px',\n\t\t\t\t\tborder: '1px solid #red',\n\t\t\t\t\tborderRadius: '4px',\n\t\t\t\t\tbackgroundColor: '#fff5f5'\n\t\t\t\t}}>\n\t\t\t\t<div style={{ color: '#e53e3e', marginBottom: '10px' }}>\n\t\t\t\t\tEditor Error: {error.message}\n\t\t\t\t</div>\n\t\t\t\t<button\n\t\t\t\t\tonClick={() => setError(null)}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tpadding: '8px 16px',\n\t\t\t\t\t\tbackgroundColor: '#3182ce',\n\t\t\t\t\t\tcolor: 'white',\n\t\t\t\t\t\tborder: 'none',\n\t\t\t\t\t\tborderRadius: '4px'\n\t\t\t\t\t}}>\n\t\t\t\t\tRetry\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif (!isReady) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tpadding: '20px',\n\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\tborder: '1px solid #dee2e6',\n\t\t\t\t\tborderRadius: '4px'\n\t\t\t\t}}>\n\t\t\t\tLoading editor...\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div ref={editorRef} className='custom-editor-container'>\n\t\t\t<CKEditor\n\t\t\t\teditor={ClassicEditor}\n\t\t\t\tconfig={editorConfig}\n\t\t\t\tdata={data}\n\t\t\t\tonReady={handleReady}\n\t\t\t\tonError={handleError}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\nexport default CustomEditor;"],"names":["React","error"],"mappings":"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"}

package/dist/components/editor/custom-editor/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react");;/* empty css                          */var o=;/* empty css                                                                */;/* empty css                                                        */var t=,/* empty css                                       */d=,/* empty css                           */r=,/* empty css                                                                         */n=,/* empty css                                                                    */l=,/* empty css                                                               */a=,/* empty css                                                                   */s=,/* empty css                                                             */u=,/* empty css                                                                      */c=,/* empty css                                                                       */m=,/* empty css                                                                     */g=,/* empty css                                                                     */p=,/* empty css                                                               */k=,/* empty css                                                                  */x=,/* empty css                                                                    */h=,/* empty css                                                                          */b=,/* empty css                                                                */f=,/* empty css                                                                 */j=,/* empty css                                                                    */I=,/* empty css                                                                */_=,/* empty css                                                                        */v=,/* empty css                                                                       */y=,/* empty css                                                                         */q=,/* empty css                                                                 */T=;/* empty css                                                                    */class C{constructor(e,i){this.loader=e,this.uploadFn=i}async upload(){const e=await this.loader.file;try{return{default:(await this.uploadFn(e)).url}}catch(i){throw i}}abort(){}}function w(e){e.plugins.get(T.ClipboardPipeline).on("inputTransformation",(i,o)=>{const t=o.content.getChild(0);if(t&&t.is("$textProxy")){const o=t.data.trim();if(o.match(/\.(jpeg|jpg|gif|png|webp|svg)$/i)){const t=e.model.change(e=>e.createElement("imageBlock",{src:o}));e.model.insertContent(t,e.model.document.selection),i.stop()}}})}exports.default=function({editorRef:T,data:z="",handleEditorReady:B,onError:S,config:E={},...R}){const[F,P]=i.useState(!1),[A,L]=i.useState(null);i.useEffect(()=>{const e=setTimeout(()=>P(!0),100);return()=>clearTimeout(e)},[]);const U=i.useMemo(()=>((e={})=>({extraPlugins:[w,b.AutoImage],toolbar:{items:["sourceEditing","undo","redo","|","heading","|","fontSize","fontFamily","fontColor","fontBackgroundColor","|","bold","italic","underline","strikethrough","subscript","superscript","code","removeFormat","|","horizontalLine","link","insertImage","uploadImage","insertTable","highlight","blockQuote","codeBlock","|","alignment","|","outdent","indent"],shouldNotGroupWhenFull:!1},plugins:[n.Alignment,l.AutoLink,a.Autosave,s.BalloonToolbar,u.BlockQuote,s.BlockToolbar,c.Bold,c.Code,m.CodeBlock,g.Essentials,p.FontBackgroundColor,p.FontColor,p.FontFamily,p.FontSize,k.Heading,x.Highlight,h.HorizontalLine,b.ImageEditing,b.ImageUtils,f.Indent,f.IndentBlock,c.Italic,l.Link,j.Paragraph,I.PlainTableOutput,_.RemoveFormat,c.Strikethrough,c.Subscript,c.Superscript,I.Table,I.TableCaption,I.TableCellProperties,I.TableColumnResize,I.TableProperties,I.TableToolbar,c.Underline,v.GeneralHtmlSupport,y.SourceEditing,b.Image,b.ImageBlock,b.ImageCaption,b.ImageEditing,b.ImageInline,b.ImageInsert,b.ImageInsertViaUrl,b.ImageResize,b.ImageStyle,b.ImageTextAlternative,b.ImageToolbar,b.ImageUpload,b.ImageUtils,q.SimpleUploadAdapter,l.LinkImage],balloonToolbar:["bold","italic","|","link","insertImage","uploadImage"],blockToolbar:["fontSize","fontColor","fontBackgroundColor","|","bold","italic","|","link","insertImage","uploadImage","insertTable","|","outdent","indent"],fontFamily:{supportAllValues:!0},fontSize:{options:[10,12,14,"default",18,20,22],supportAllValues:!0},heading:{options:[{model:"paragraph",title:"Paragraph",class:"ck-heading_paragraph"},{model:"heading1",view:"h1",title:"Heading 1",class:"ck-heading_heading1"},{model:"heading2",view:"h2",title:"Heading 2",class:"ck-heading_heading2"},{model:"heading3",view:"h3",title:"Heading 3",class:"ck-heading_heading3"},{model:"heading4",view:"h4",title:"Heading 4",class:"ck-heading_heading4"}]},licenseKey:"GPL",link:{addTargetToExternalLinks:!0,defaultProtocol:"https://",decorators:{toggleDownloadable:{mode:"manual",label:"Downloadable",attributes:{download:"file"}}}},menuBar:{isVisible:!0},placeholder:"Type or paste your content here!",table:{contentToolbar:["tableColumn","tableRow","mergeTableCells","tableProperties","tableCellProperties"]},htmlSupport:{allow:[{name:/.*/,attributes:!0,classes:!0,styles:!0}]},image:{toolbar:["imageTextAlternative","toggleImageCaption","|","imageStyle:inline","imageStyle:wrapText","imageStyle:breakText","|","resizeImage","|","linkImage"],styles:{options:["inline","alignLeft","alignRight","alignCenter","alignBlockLeft","alignBlockRight","block","side"]},resizeOptions:[{name:"resizeImage:original",label:"Original size",value:null},{name:"resizeImage:25",label:"25%",value:"25"},{name:"resizeImage:50",label:"50%",value:"50"},{name:"resizeImage:75",label:"75%",value:"75"}],insert:{integrations:["insertImageViaUrl"]}},simpleUpload:{uploadUrl:"/api/upload",headers:{Authorization:"Bearer <token>"}},autosave:{save:()=>new Promise(e=>{setTimeout(e,1e3)})},...e}))(E),[E]),H=async e=>{const i=await d.uploadFiles([e],"document"),o={...d.getToken(),title:null==e?void 0:e.name.split(".")[0],path:"/",is_private:!0,is_directory:!1,file_size:e.size,is_child:!1,file_extension:null==e?void 0:e.name.split(".")[1],type:"image",mime_type:e.type,url:`https://erpforce-dev.s3.eu-west-1.amazonaws.com/${i[0]}`};return await t.postV1Drive(o),{url:o.url}},V=i.useCallback(e=>{try{null==B||B(e),e.plugins.get("FileRepository").createUploadAdapter=e=>new C(e,H)}catch(i){L(i),null==S||S(i)}},[B,S]),O=i.useCallback((e,{willEditorRestart:i})=>{i||(L(e),null==S||S(e))},[S]);return A?/* @__PURE__ */e.jsxs("div",{style:{padding:"20px",border:"1px solid #red",borderRadius:"4px",backgroundColor:"#fff5f5"},children:[
-/* @__PURE__ */e.jsxs("div",{style:{color:"#e53e3e",marginBottom:"10px"},children:["Editor Error: ",A.message]}),
-/* @__PURE__ */e.jsx("button",{onClick:()=>L(null),style:{padding:"8px 16px",backgroundColor:"#3182ce",color:"white",border:"none",borderRadius:"4px"},children:"Retry"})]}):F?/* @__PURE__ */e.jsx("div",{ref:T,className:"custom-editor-container",children:/* @__PURE__ */e.jsx(o.CKEditor,{editor:r.ClassicEditor,config:U,data:z,onReady:V,onError:O,...R})}):/* @__PURE__ */e.jsx("div",{style:{padding:"20px",textAlign:"center",border:"1px solid #dee2e6",borderRadius:"4px"},children:"Loading editor..."})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react");;/* empty css                          */var o=;/* empty css                                                                */;/* empty css                                                        */var t=,/* empty css                                       */r=,/* empty css                           */d=,/* empty css                                                                         */n=,/* empty css                                                                    */l=,/* empty css                                                               */a=,/* empty css                                                                   */s=,/* empty css                                                             */u=,/* empty css                                                                      */c=,/* empty css                                                                       */m=,/* empty css                                                                     */g=,/* empty css                                                                     */p=,/* empty css                                                               */k=,/* empty css                                                                  */x=,/* empty css                                                                    */h=,/* empty css                                                                          */b=,/* empty css                                                                */f=,/* empty css                                                                 */j=,/* empty css                                                                    */I=,/* empty css                                                                */_=,/* empty css                                                                        */v=,/* empty css                                                                       */y=,/* empty css                                                                         */q=,/* empty css                                                                 */T=;/* empty css                                                                    */function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var w=/* @__PURE__ */C(i);class z{constructor(e,i){this.loader=e,this.uploadFn=i}async upload(){const e=await this.loader.file;try{return{default:(await this.uploadFn(e)).url}}catch(i){throw i}}abort(){}}function B(e){e.plugins.get(T.ClipboardPipeline).on("inputTransformation",(i,o)=>{const t=o.content.getChild(0);if(t&&t.is("$textProxy")){const o=t.data.trim();if(o.match(/\.(jpeg|jpg|gif|png|webp|svg)$/i)){const t=e.model.change(e=>e.createElement("imageBlock",{src:o}));e.model.insertContent(t,e.model.document.selection),i.stop()}}})}const E=({editorRef:T=w.default.createRef(),data:C="",handleEditorReady:E,onError:S,config:R={},...F})=>{const[P,A]=i.useState(!1),[L,U]=i.useState(null);i.useEffect(()=>{const e=setTimeout(()=>A(!0),100);return()=>clearTimeout(e)},[]);const H=i.useMemo(()=>((e={})=>({extraPlugins:[B,b.AutoImage],toolbar:{items:["sourceEditing","undo","redo","|","heading","|","fontSize","fontFamily","fontColor","fontBackgroundColor","|","bold","italic","underline","strikethrough","subscript","superscript","code","removeFormat","|","horizontalLine","link","insertImage","uploadImage","insertTable","highlight","blockQuote","codeBlock","|","alignment","|","outdent","indent"],shouldNotGroupWhenFull:!1},plugins:[n.Alignment,l.AutoLink,a.Autosave,s.BalloonToolbar,u.BlockQuote,s.BlockToolbar,c.Bold,c.Code,m.CodeBlock,g.Essentials,p.FontBackgroundColor,p.FontColor,p.FontFamily,p.FontSize,k.Heading,x.Highlight,h.HorizontalLine,b.ImageEditing,b.ImageUtils,f.Indent,f.IndentBlock,c.Italic,l.Link,j.Paragraph,I.PlainTableOutput,_.RemoveFormat,c.Strikethrough,c.Subscript,c.Superscript,I.Table,I.TableCaption,I.TableCellProperties,I.TableColumnResize,I.TableProperties,I.TableToolbar,c.Underline,v.GeneralHtmlSupport,y.SourceEditing,b.Image,b.ImageBlock,b.ImageCaption,b.ImageEditing,b.ImageInline,b.ImageInsert,b.ImageInsertViaUrl,b.ImageResize,b.ImageStyle,b.ImageTextAlternative,b.ImageToolbar,b.ImageUpload,b.ImageUtils,q.SimpleUploadAdapter,l.LinkImage],balloonToolbar:["bold","italic","|","link","insertImage","uploadImage"],blockToolbar:["fontSize","fontColor","fontBackgroundColor","|","bold","italic","|","link","insertImage","uploadImage","insertTable","|","outdent","indent"],fontFamily:{supportAllValues:!0},fontSize:{options:[10,12,14,"default",18,20,22],supportAllValues:!0},heading:{options:[{model:"paragraph",title:"Paragraph",class:"ck-heading_paragraph"},{model:"heading1",view:"h1",title:"Heading 1",class:"ck-heading_heading1"},{model:"heading2",view:"h2",title:"Heading 2",class:"ck-heading_heading2"},{model:"heading3",view:"h3",title:"Heading 3",class:"ck-heading_heading3"},{model:"heading4",view:"h4",title:"Heading 4",class:"ck-heading_heading4"}]},licenseKey:"GPL",link:{addTargetToExternalLinks:!0,defaultProtocol:"https://",decorators:{toggleDownloadable:{mode:"manual",label:"Downloadable",attributes:{download:"file"}}}},menuBar:{isVisible:!0},placeholder:"Type or paste your content here!",table:{contentToolbar:["tableColumn","tableRow","mergeTableCells","tableProperties","tableCellProperties"]},htmlSupport:{allow:[{name:/.*/,attributes:!0,classes:!0,styles:!0}]},image:{toolbar:["imageTextAlternative","toggleImageCaption","|","imageStyle:inline","imageStyle:wrapText","imageStyle:breakText","|","resizeImage","|","linkImage"],styles:{options:["inline","alignLeft","alignRight","alignCenter","alignBlockLeft","alignBlockRight","block","side"]},resizeOptions:[{name:"resizeImage:original",label:"Original size",value:null},{name:"resizeImage:25",label:"25%",value:"25"},{name:"resizeImage:50",label:"50%",value:"50"},{name:"resizeImage:75",label:"75%",value:"75"}],insert:{integrations:["insertImageViaUrl"]}},simpleUpload:{uploadUrl:"/api/upload",headers:{Authorization:"Bearer <token>"}},autosave:{save:()=>new Promise(e=>{setTimeout(e,1e3)})},...e}))(R),[R]),V=async e=>{const i=await r.uploadFiles([e],"document"),o={...r.getToken(),title:null==e?void 0:e.name.split(".")[0],path:"/",is_private:!0,is_directory:!1,file_size:e.size,is_child:!1,file_extension:null==e?void 0:e.name.split(".")[1],type:"image",mime_type:e.type,url:`https://erpforce-dev.s3.eu-west-1.amazonaws.com/${i[0]}`};return await t.postV1Drive(o),{url:o.url}},O=i.useCallback(e=>{try{null==E||E(e),e.plugins.get("FileRepository").createUploadAdapter=e=>new z(e,V)}catch(i){U(i),null==S||S(i)}},[E,S]),D=i.useCallback((e,{willEditorRestart:i})=>{i||(U(e),null==S||S(e))},[S]);return L?/* @__PURE__ */e.jsxs("div",{style:{padding:"20px",border:"1px solid #red",borderRadius:"4px",backgroundColor:"#fff5f5"},children:[
+/* @__PURE__ */e.jsxs("div",{style:{color:"#e53e3e",marginBottom:"10px"},children:["Editor Error: ",L.message]}),
+/* @__PURE__ */e.jsx("button",{onClick:()=>U(null),style:{padding:"8px 16px",backgroundColor:"#3182ce",color:"white",border:"none",borderRadius:"4px"},children:"Retry"})]}):P?/* @__PURE__ */e.jsx("div",{ref:T,className:"custom-editor-container",children:/* @__PURE__ */e.jsx(o.CKEditor,{editor:d.ClassicEditor,config:H,data:C,onReady:O,onError:D,...F})}):/* @__PURE__ */e.jsx("div",{style:{padding:"20px",textAlign:"center",border:"1px solid #dee2e6",borderRadius:"4px"},children:"Loading editor..."})};exports.CustomEditor=E,exports.default=E;
 //# sourceMappingURL=index.js.map