@sparrowengg/integrations-templates-frontend 1.9.84-beta.9 → 2.1.0-beta.1

package/dist/es/commons/icons/sync.js

@@ -1,8 +1,115 @@
 import React__default from 'react';
+import { ATTRIBUTES, ARIA_LABELS, COMPONENT_DISPLAY_NAMES, COLORS } from '../constants/strings.js';
 
-const Sync = () => {
-  return /* @__PURE__ */ React__default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React__default.createElement("path", { d: "M12 3.99687C14.9302 3.99663 17.626 5.59833 19.027 8.17188", stroke: "#6A6A6A", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__default.createElement("path", { d: "M20 11.9961C20 16.4144 16.4183 19.9961 12 19.9961", stroke: "#6A6A6A", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__default.createElement("path", { d: "M11.9997 19.9961C9.06949 19.9963 6.37365 18.3946 4.97266 15.8211", stroke: "#6A6A6A", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__default.createElement("path", { d: "M4 11.9961C4 7.57781 7.58172 3.99609 12 3.99609", stroke: "#6A6A6A", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__default.createElement("path", { d: "M4.97266 15.8223C7.08447 19.7032 11.9425 21.1373 15.8235 19.0255C18.3979 17.6246 20.0001 14.9281 19.9997 11.9973", stroke: "#6A6A6A", strokeWidth: "1.5", "stroke-linecap": "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__default.createElement("path", { d: "M4 11.9961V11.9949C4 7.57659 7.58172 3.99487 12 3.99487C14.9309 3.99487 17.6271 5.59755 19.0276 8.17217", stroke: "#6A6A6A", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__default.createElement("path", { d: "M8.04672 15.8234H4.51172V19.3594", stroke: "#6A6A6A", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__default.createElement("path", { d: "M15.9531 8.17188H19.4881V4.63587", stroke: "#6A6A6A", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }));
+const DEFAULT_CONFIG = {
+  width: 24,
+  height: 24,
+  color: COLORS.ICON_GRAY,
+  strokeWidth: 1.5
 };
+const SyncIcon = ({
+  width = DEFAULT_CONFIG.width,
+  height = DEFAULT_CONFIG.height,
+  color = DEFAULT_CONFIG.color,
+  strokeWidth = DEFAULT_CONFIG.strokeWidth,
+  className,
+  ariaLabel = ARIA_LABELS.SYNC
+}) => {
+  return /* @__PURE__ */ React__default.createElement(
+    "svg",
+    {
+      width,
+      height,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      "aria-label": ariaLabel,
+      role: ATTRIBUTES.IMG
+    },
+    /* @__PURE__ */ React__default.createElement(
+      "path",
+      {
+        d: "M12 3.99687C14.9302 3.99663 17.626 5.59833 19.027 8.17188",
+        stroke: color,
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ React__default.createElement(
+      "path",
+      {
+        d: "M20 11.9961C20 16.4144 16.4183 19.9961 12 19.9961",
+        stroke: color,
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ React__default.createElement(
+      "path",
+      {
+        d: "M11.9997 19.9961C9.06949 19.9963 6.37365 18.3946 4.97266 15.8211",
+        stroke: color,
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ React__default.createElement(
+      "path",
+      {
+        d: "M4 11.9961C4 7.57781 7.58172 3.99609 12 3.99609",
+        stroke: color,
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ React__default.createElement(
+      "path",
+      {
+        d: "M4.97266 15.8223C7.08447 19.7032 11.9425 21.1373 15.8235 19.0255C18.3979 17.6246 20.0001 14.9281 19.9997 11.9973",
+        stroke: color,
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ React__default.createElement(
+      "path",
+      {
+        d: "M4 11.9961V11.9949C4 7.57659 7.58172 3.99487 12 3.99487C14.9309 3.99487 17.6271 5.59755 19.0276 8.17217",
+        stroke: color,
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ React__default.createElement(
+      "path",
+      {
+        d: "M8.04672 15.8234H4.51172V19.3594",
+        stroke: color,
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ React__default.createElement(
+      "path",
+      {
+        d: "M15.9531 8.17188H19.4881V4.63587",
+        stroke: color,
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  );
+};
+SyncIcon.displayName = COMPONENT_DISPLAY_NAMES.SYNC_ICON;
 
-export { Sync as default };
+export { SyncIcon as default };
 //# sourceMappingURL=sync.js.map

package/dist/es/commons/icons/sync.js.map

@@ -1 +1 @@
-{"version":3,"file":"sync.js","sources":["../../../../src/commons/icons/sync.tsx"],"sourcesContent":["import React from \"react\";\n\nconst Sync = () => {\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M12 3.99687C14.9302 3.99663 17.626 5.59833 19.027 8.17188\" stroke=\"#6A6A6A\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n    <path d=\"M20 11.9961C20 16.4144 16.4183 19.9961 12 19.9961\" stroke=\"#6A6A6A\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n    <path d=\"M11.9997 19.9961C9.06949 19.9963 6.37365 18.3946 4.97266 15.8211\" stroke=\"#6A6A6A\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n    <path d=\"M4 11.9961C4 7.57781 7.58172 3.99609 12 3.99609\" stroke=\"#6A6A6A\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n    <path d=\"M4.97266 15.8223C7.08447 19.7032 11.9425 21.1373 15.8235 19.0255C18.3979 17.6246 20.0001 14.9281 19.9997 11.9973\" stroke=\"#6A6A6A\" strokeWidth=\"1.5\" stroke-linecap=\"round\" strokeLinejoin=\"round\"/>\n    <path d=\"M4 11.9961V11.9949C4 7.57659 7.58172 3.99487 12 3.99487C14.9309 3.99487 17.6271 5.59755 19.0276 8.17217\" stroke=\"#6A6A6A\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n    <path d=\"M8.04672 15.8234H4.51172V19.3594\" stroke=\"#6A6A6A\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n    <path d=\"M15.9531 8.17188H19.4881V4.63587\" stroke=\"#6A6A6A\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n    </svg>\n    \n  );\n};\n\nexport default Sync;\n"],"names":["React"],"mappings":";;AAEA,MAAM,OAAO,MAAM;AACjB,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,KAAA,EAAM,IAAK,EAAA,MAAA,EAAO,MAAK,OAAQ,EAAA,WAAA,EAAY,IAAK,EAAA,MAAA,EAAO,KAAM,EAAA,4BAAA,EAAA,+CACjE,MAAK,EAAA,EAAA,CAAA,EAAE,2DAA4D,EAAA,MAAA,EAAO,SAAU,EAAA,WAAA,EAAY,KAAM,EAAA,aAAA,EAAc,OAAQ,EAAA,cAAA,EAAe,OAAO,EAAA,CAAA,kBAClJA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAK,GAAE,mDAAoD,EAAA,MAAA,EAAO,SAAU,EAAA,WAAA,EAAY,KAAM,EAAA,aAAA,EAAc,OAAQ,EAAA,cAAA,EAAe,OAAO,EAAA,CAAA,kBAC1IA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAK,CAAE,EAAA,kEAAA,EAAmE,QAAO,SAAU,EAAA,WAAA,EAAY,KAAM,EAAA,aAAA,EAAc,OAAQ,EAAA,cAAA,EAAe,OAAO,EAAA,CAAA,kBACzJA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAK,CAAE,EAAA,iDAAA,EAAkD,MAAO,EAAA,SAAA,EAAU,aAAY,KAAM,EAAA,aAAA,EAAc,OAAQ,EAAA,cAAA,EAAe,OAAO,EAAA,CAAA,kBACxIA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAK,CAAE,EAAA,kHAAA,EAAmH,MAAO,EAAA,SAAA,EAAU,WAAY,EAAA,KAAA,EAAM,kBAAe,OAAQ,EAAA,cAAA,EAAe,OAAO,EAAA,CAAA,kBAC1MA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAK,CAAE,EAAA,yGAAA,EAA0G,MAAO,EAAA,SAAA,EAAU,WAAY,EAAA,KAAA,EAAM,aAAc,EAAA,OAAA,EAAQ,gBAAe,OAAO,EAAA,CAAA,kBAChMA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAK,CAAE,EAAA,kCAAA,EAAmC,MAAO,EAAA,SAAA,EAAU,WAAY,EAAA,KAAA,EAAM,aAAc,EAAA,OAAA,EAAQ,cAAe,EAAA,OAAA,EAAO,mBACzHA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAK,CAAE,EAAA,kCAAA,EAAmC,MAAO,EAAA,SAAA,EAAU,WAAY,EAAA,KAAA,EAAM,aAAc,EAAA,OAAA,EAAQ,cAAe,EAAA,OAAA,EAAO,CAC1H,CAAA,CAAA;AAGJ;;;;"}
+{"version":3,"file":"sync.js","sources":["../../../../src/commons/icons/sync.tsx"],"sourcesContent":["import React from 'react';\nimport { COLORS, ARIA_LABELS, ATTRIBUTES, COMPONENT_DISPLAY_NAMES } from '../constants/strings';\n\n/**\n * Props for the SyncIcon component\n */\nexport interface SyncIconProps {\n  /** Width of the icon */\n  width?: number | string;\n  /** Height of the icon */\n  height?: number | string;\n  /** Stroke color of the icon */\n  color?: string;\n  /** Stroke width */\n  strokeWidth?: number | string;\n  /** Optional: Additional CSS class name */\n  className?: string;\n  /** Optional: ARIA label for accessibility */\n  ariaLabel?: string;\n}\n\n/**\n * Default configuration for the sync icon\n */\nconst DEFAULT_CONFIG = {\n  width: 24,\n  height: 24,\n  color: COLORS.ICON_GRAY,\n  strokeWidth: 1.5,\n} as const;\n\n/**\n * SyncIcon Component\n * \n * A circular sync/refresh icon with customizable size and color.\n * \n * @example\n * ```tsx\n * <SyncIcon width={28} height={28} color=\"#3B82F6\" />\n * ```\n */\nconst SyncIcon: React.FC<SyncIconProps> = ({\n  width = DEFAULT_CONFIG.width,\n  height = DEFAULT_CONFIG.height,\n  color = DEFAULT_CONFIG.color,\n  strokeWidth = DEFAULT_CONFIG.strokeWidth,\n  className,\n  ariaLabel = ARIA_LABELS.SYNC,\n}) => {\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n      aria-label={ariaLabel}\n      role={ATTRIBUTES.IMG}\n    >\n      <path\n        d=\"M12 3.99687C14.9302 3.99663 17.626 5.59833 19.027 8.17188\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M20 11.9961C20 16.4144 16.4183 19.9961 12 19.9961\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M11.9997 19.9961C9.06949 19.9963 6.37365 18.3946 4.97266 15.8211\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M4 11.9961C4 7.57781 7.58172 3.99609 12 3.99609\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M4.97266 15.8223C7.08447 19.7032 11.9425 21.1373 15.8235 19.0255C18.3979 17.6246 20.0001 14.9281 19.9997 11.9973\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M4 11.9961V11.9949C4 7.57659 7.58172 3.99487 12 3.99487C14.9309 3.99487 17.6271 5.59755 19.0276 8.17217\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M8.04672 15.8234H4.51172V19.3594\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M15.9531 8.17188H19.4881V4.63587\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n};\n\nSyncIcon.displayName = COMPONENT_DISPLAY_NAMES.SYNC_ICON;\n\nexport default SyncIcon;\n"],"names":["React"],"mappings":"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"}

package/dist/es/commons/icons/trash.js

@@ -1,21 +1,38 @@
 import React__default from 'react';
+import { ATTRIBUTES, ARIA_LABELS, COMPONENT_DISPLAY_NAMES, COLORS } from '../constants/strings.js';
 
-const Trash = () => {
+const DEFAULT_CONFIG = {
+  width: 16,
+  height: 18,
+  color: COLORS.ICON_GRAY_DARK,
+  strokeWidth: 1.2
+};
+const TrashIcon = ({
+  width = DEFAULT_CONFIG.width,
+  height = DEFAULT_CONFIG.height,
+  color = DEFAULT_CONFIG.color,
+  strokeWidth = DEFAULT_CONFIG.strokeWidth,
+  className,
+  ariaLabel = ARIA_LABELS.DELETE
+}) => {
   return /* @__PURE__ */ React__default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      width: "16",
-      height: "18",
+      width,
+      height,
       viewBox: "0 0 16 18",
-      fill: "none"
+      fill: "none",
+      className,
+      "aria-label": ariaLabel,
+      role: ATTRIBUTES.IMG
     },
     /* @__PURE__ */ React__default.createElement(
       "path",
       {
         d: "M11.7842 16.5H4.21518C3.74279 16.5 3.28781 16.3217 2.94121 16.0007C2.59461 15.6798 2.38193 15.2398 2.3457 14.7688L2.3747 4.3125H13.6247L13.6537 14.7688C13.6175 15.2398 13.4048 15.6798 13.0582 16.0007C12.7116 16.3217 12.2566 16.5 11.7842 16.5Z",
-        stroke: "#64748B",
-        strokeWidth: "1.2",
+        stroke: color,
+        strokeWidth,
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
@@ -24,8 +41,8 @@ const Trash = () => {
       "path",
       {
         d: "M14.6663 4.3125H1.33301",
-        stroke: "#64748B",
-        strokeWidth: "1.2",
+        stroke: color,
+        strokeWidth,
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
@@ -34,8 +51,8 @@ const Trash = () => {
       "path",
       {
         d: "M5.65625 1.5H10.3437C10.5924 1.5 10.8308 1.59877 11.0067 1.77459C11.1825 1.9504 11.2812 2.18886 11.2812 2.4375V4.3125H4.71875V2.4375C4.71875 2.18886 4.81752 1.9504 4.99334 1.77459C5.16915 1.59877 5.40761 1.5 5.65625 1.5V1.5Z",
-        stroke: "#64748B",
-        strokeWidth: "1.2",
+        stroke: color,
+        strokeWidth,
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
@@ -44,8 +61,8 @@ const Trash = () => {
       "path",
       {
         d: "M9.64062 8.0625V12.75",
-        stroke: "#64748B",
-        strokeWidth: "1.2",
+        stroke: color,
+        strokeWidth,
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
@@ -54,14 +71,15 @@ const Trash = () => {
       "path",
       {
         d: "M6.3584 8.0625V12.75",
-        stroke: "#64748B",
-        strokeWidth: "1.2",
+        stroke: color,
+        strokeWidth,
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
     )
   );
 };
+TrashIcon.displayName = COMPONENT_DISPLAY_NAMES.TRASH_ICON;
 
-export { Trash as default };
+export { TrashIcon as default };
 //# sourceMappingURL=trash.js.map

package/dist/es/commons/icons/trash.js.map

@@ -1 +1 @@
-{"version":3,"file":"trash.js","sources":["../../../../src/commons/icons/trash.tsx"],"sourcesContent":["import React from \"react\";\n\nconst Trash = () => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"18\"\n      viewBox=\"0 0 16 18\"\n      fill=\"none\"\n    >\n      <path\n        d=\"M11.7842 16.5H4.21518C3.74279 16.5 3.28781 16.3217 2.94121 16.0007C2.59461 15.6798 2.38193 15.2398 2.3457 14.7688L2.3747 4.3125H13.6247L13.6537 14.7688C13.6175 15.2398 13.4048 15.6798 13.0582 16.0007C12.7116 16.3217 12.2566 16.5 11.7842 16.5Z\"\n        stroke=\"#64748B\"\n        strokeWidth=\"1.2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M14.6663 4.3125H1.33301\"\n        stroke=\"#64748B\"\n        strokeWidth=\"1.2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M5.65625 1.5H10.3437C10.5924 1.5 10.8308 1.59877 11.0067 1.77459C11.1825 1.9504 11.2812 2.18886 11.2812 2.4375V4.3125H4.71875V2.4375C4.71875 2.18886 4.81752 1.9504 4.99334 1.77459C5.16915 1.59877 5.40761 1.5 5.65625 1.5V1.5Z\"\n        stroke=\"#64748B\"\n        strokeWidth=\"1.2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M9.64062 8.0625V12.75\"\n        stroke=\"#64748B\"\n        strokeWidth=\"1.2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M6.3584 8.0625V12.75\"\n        stroke=\"#64748B\"\n        strokeWidth=\"1.2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n};\n\nexport default Trash;"],"names":["React"],"mappings":";;AAEA,MAAM,QAAQ,MAAM;AAClB,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,4BAAA;AAAA,MACN,KAAM,EAAA,IAAA;AAAA,MACN,MAAO,EAAA,IAAA;AAAA,MACP,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,KAAA;AAAA,oBAELA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,oPAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,WAAY,EAAA,KAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,yBAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,WAAY,EAAA,KAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,kOAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,WAAY,EAAA,KAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,uBAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,WAAY,EAAA,KAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,sBAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,WAAY,EAAA,KAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,GACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"trash.js","sources":["../../../../src/commons/icons/trash.tsx"],"sourcesContent":["import React from 'react';\nimport { COLORS, ARIA_LABELS, ATTRIBUTES, COMPONENT_DISPLAY_NAMES } from '../constants/strings';\n\n/**\n * Props for the TrashIcon component\n */\nexport interface TrashIconProps {\n  /** Width of the icon */\n  width?: number | string;\n  /** Height of the icon */\n  height?: number | string;\n  /** Stroke color of the icon */\n  color?: string;\n  /** Stroke width */\n  strokeWidth?: number | string;\n  /** Optional: Additional CSS class name */\n  className?: string;\n  /** Optional: ARIA label for accessibility */\n  ariaLabel?: string;\n}\n\n/**\n * Default configuration for the trash icon\n */\nconst DEFAULT_CONFIG = {\n  width: 16,\n  height: 18,\n  color: COLORS.ICON_GRAY_DARK,\n  strokeWidth: 1.2,\n} as const;\n\n/**\n * TrashIcon Component\n * \n * A trash/delete icon with customizable size and color.\n * \n * @example\n * ```tsx\n * <TrashIcon width={20} height={22} color=\"#EF4444\" />\n * ```\n */\nconst TrashIcon: React.FC<TrashIconProps> = ({\n  width = DEFAULT_CONFIG.width,\n  height = DEFAULT_CONFIG.height,\n  color = DEFAULT_CONFIG.color,\n  strokeWidth = DEFAULT_CONFIG.strokeWidth,\n  className,\n  ariaLabel = ARIA_LABELS.DELETE,\n}) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width}\n      height={height}\n      viewBox=\"0 0 16 18\"\n      fill=\"none\"\n      className={className}\n      aria-label={ariaLabel}\n      role={ATTRIBUTES.IMG}\n    >\n      <path\n        d=\"M11.7842 16.5H4.21518C3.74279 16.5 3.28781 16.3217 2.94121 16.0007C2.59461 15.6798 2.38193 15.2398 2.3457 14.7688L2.3747 4.3125H13.6247L13.6537 14.7688C13.6175 15.2398 13.4048 15.6798 13.0582 16.0007C12.7116 16.3217 12.2566 16.5 11.7842 16.5Z\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M14.6663 4.3125H1.33301\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M5.65625 1.5H10.3437C10.5924 1.5 10.8308 1.59877 11.0067 1.77459C11.1825 1.9504 11.2812 2.18886 11.2812 2.4375V4.3125H4.71875V2.4375C4.71875 2.18886 4.81752 1.9504 4.99334 1.77459C5.16915 1.59877 5.40761 1.5 5.65625 1.5V1.5Z\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M9.64062 8.0625V12.75\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M6.3584 8.0625V12.75\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n};\n\nTrashIcon.displayName = COMPONENT_DISPLAY_NAMES.TRASH_ICON;\n\nexport default TrashIcon;"],"names":["React"],"mappings":";;;AAwBA,MAAM,cAAiB,GAAA;AAAA,EACrB,KAAO,EAAA,EAAA;AAAA,EACP,MAAQ,EAAA,EAAA;AAAA,EACR,OAAO,MAAO,CAAA,cAAA;AAAA,EACd,WAAa,EAAA,GAAA;AACf,CAAA,CAAA;AAYA,MAAM,YAAsC,CAAC;AAAA,EAC3C,QAAQ,cAAe,CAAA,KAAA;AAAA,EACvB,SAAS,cAAe,CAAA,MAAA;AAAA,EACxB,QAAQ,cAAe,CAAA,KAAA;AAAA,EACvB,cAAc,cAAe,CAAA,WAAA;AAAA,EAC7B,SAAA;AAAA,EACA,YAAY,WAAY,CAAA,MAAA;AAC1B,CAAM,KAAA;AACJ,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,4BAAA;AAAA,MACN,KAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,MACL,SAAA;AAAA,MACA,YAAY,EAAA,SAAA;AAAA,MACZ,MAAM,UAAW,CAAA,GAAA;AAAA,KAAA;AAAA,oBAEjBA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,oPAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,QACA,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,yBAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,QACA,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,kOAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,QACA,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,uBAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,QACA,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,sBAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,QACA,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,GACF,CAAA;AAEJ,EAAA;AAEA,SAAA,CAAU,cAAc,uBAAwB,CAAA,UAAA;;;;"}

package/dist/es/commons/icons/whatsapp.js

@@ -1,79 +1,97 @@
 import React__default from 'react';
+import { ATTRIBUTES, ARIA_LABELS, COMPONENT_DISPLAY_NAMES, COLORS } from '../constants/strings.js';
 
-const WhatsappIcon = () => {
+const DEFAULT_CONFIG = {
+  width: 20,
+  height: 20,
+  color: COLORS.ICON_GRAY,
+  strokeWidth: 1.5
+};
+const WhatsAppIcon = ({
+  width = DEFAULT_CONFIG.width,
+  height = DEFAULT_CONFIG.height,
+  color = DEFAULT_CONFIG.color,
+  strokeWidth = DEFAULT_CONFIG.strokeWidth,
+  className,
+  ariaLabel = ARIA_LABELS.WHATSAPP
+}) => {
   return /* @__PURE__ */ React__default.createElement(
     "svg",
     {
-      width: "20",
-      height: "20",
+      width,
+      height,
       viewBox: "0 0 20 20",
       fill: "none",
-      xmlns: "http://www.w3.org/2000/svg"
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      "aria-label": ariaLabel,
+      role: ATTRIBUTES.IMG
     },
     /* @__PURE__ */ React__default.createElement(
       "path",
       {
-        "fill-rule": "evenodd",
-        "clip-rule": "evenodd",
+        fillRule: "evenodd",
+        clipRule: "evenodd",
         d: "M15.17 4.80163C13.7984 3.42913 11.9742 2.67246 10.0309 2.67163C6.02504 2.67163 2.76587 5.92913 2.76504 9.9333C2.76337 11.2075 3.09754 12.46 3.7342 13.5641L2.70337 17.3275L6.55504 16.3175C7.62087 16.8975 8.8142 17.2016 10.0275 17.2016H10.0309C14.035 17.2016 17.2942 13.9433 17.2959 9.93913C17.2967 7.99913 16.5417 6.17496 15.17 4.80163Z",
-        stroke: "#6A6A6A",
-        "stroke-width": "1.5",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round"
+        stroke: color,
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
       }
     ),
     /* @__PURE__ */ React__default.createElement(
       "path",
       {
         d: "M10.9126 11.2999L11.2509 10.9641C11.5618 10.6558 12.0534 10.6166 12.4118 10.8683C12.7584 11.1116 13.0718 11.3299 13.3634 11.5333C13.8268 11.8549 13.8826 12.5149 13.4834 12.9133L13.1843 13.2124",
-        stroke: "#6A6A6A",
-        "stroke-width": "1.5",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round"
+        stroke: color,
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
       }
     ),
     /* @__PURE__ */ React__default.createElement(
       "path",
       {
         d: "M6.7876 6.81583L7.08676 6.51666C7.4851 6.11833 8.1451 6.17416 8.46676 6.63666C8.66926 6.92833 8.8876 7.24166 9.13176 7.58833C9.38343 7.94666 9.3451 8.43833 9.03593 8.74916L8.7001 9.08749",
-        stroke: "#6A6A6A",
-        "stroke-width": "1.5",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round"
+        stroke: color,
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
       }
     ),
     /* @__PURE__ */ React__default.createElement(
       "path",
       {
         d: "M13.1842 13.2126C11.9501 14.4409 9.8759 13.3976 8.2384 11.7593",
-        stroke: "#6A6A6A",
-        "stroke-width": "1.5",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round"
+        stroke: color,
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
       }
     ),
     /* @__PURE__ */ React__default.createElement(
       "path",
       {
         d: "M8.24006 11.7618C6.60256 10.1234 5.55922 8.05008 6.78756 6.81592",
-        stroke: "#6A6A6A",
-        "stroke-width": "1.5",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round"
+        stroke: color,
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
       }
     ),
     /* @__PURE__ */ React__default.createElement(
       "path",
       {
         d: "M8.70007 9.0874C8.96591 9.50657 9.30674 9.92157 9.69174 10.3066L9.69341 10.3082C10.0784 10.6932 10.4934 11.0341 10.9126 11.2999",
-        stroke: "#6A6A6A",
-        "stroke-width": "1.5",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round"
+        stroke: color,
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
       }
     )
   );
 };
+WhatsAppIcon.displayName = COMPONENT_DISPLAY_NAMES.WHATSAPP_ICON;
 
-export { WhatsappIcon as default };
+export { WhatsAppIcon as default };
 //# sourceMappingURL=whatsapp.js.map

package/dist/es/commons/icons/whatsapp.js.map

@@ -1 +1 @@
-{"version":3,"file":"whatsapp.js","sources":["../../../../src/commons/icons/whatsapp.tsx"],"sourcesContent":["import React from \"react\";\n\nconst WhatsappIcon = () => {\n  return (\n    <svg\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M15.17 4.80163C13.7984 3.42913 11.9742 2.67246 10.0309 2.67163C6.02504 2.67163 2.76587 5.92913 2.76504 9.9333C2.76337 11.2075 3.09754 12.46 3.7342 13.5641L2.70337 17.3275L6.55504 16.3175C7.62087 16.8975 8.8142 17.2016 10.0275 17.2016H10.0309C14.035 17.2016 17.2942 13.9433 17.2959 9.93913C17.2967 7.99913 16.5417 6.17496 15.17 4.80163Z\"\n        stroke=\"#6A6A6A\"\n        stroke-width=\"1.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n      <path\n        d=\"M10.9126 11.2999L11.2509 10.9641C11.5618 10.6558 12.0534 10.6166 12.4118 10.8683C12.7584 11.1116 13.0718 11.3299 13.3634 11.5333C13.8268 11.8549 13.8826 12.5149 13.4834 12.9133L13.1843 13.2124\"\n        stroke=\"#6A6A6A\"\n        stroke-width=\"1.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n      <path\n        d=\"M6.7876 6.81583L7.08676 6.51666C7.4851 6.11833 8.1451 6.17416 8.46676 6.63666C8.66926 6.92833 8.8876 7.24166 9.13176 7.58833C9.38343 7.94666 9.3451 8.43833 9.03593 8.74916L8.7001 9.08749\"\n        stroke=\"#6A6A6A\"\n        stroke-width=\"1.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n      <path\n        d=\"M13.1842 13.2126C11.9501 14.4409 9.8759 13.3976 8.2384 11.7593\"\n        stroke=\"#6A6A6A\"\n        stroke-width=\"1.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n      <path\n        d=\"M8.24006 11.7618C6.60256 10.1234 5.55922 8.05008 6.78756 6.81592\"\n        stroke=\"#6A6A6A\"\n        stroke-width=\"1.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n      <path\n        d=\"M8.70007 9.0874C8.96591 9.50657 9.30674 9.92157 9.69174 10.3066L9.69341 10.3082C10.0784 10.6932 10.4934 11.0341 10.9126 11.2999\"\n        stroke=\"#6A6A6A\"\n        stroke-width=\"1.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n    </svg>\n  );\n};\n\nexport default WhatsappIcon;\n"],"names":["React"],"mappings":";;AAEA,MAAM,eAAe,MAAM;AACzB,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,IAAA;AAAA,MACN,MAAO,EAAA,IAAA;AAAA,MACP,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,MACL,KAAM,EAAA,4BAAA;AAAA,KAAA;AAAA,oBAENA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,WAAU,EAAA,SAAA;AAAA,QACV,WAAU,EAAA,SAAA;AAAA,QACV,CAAE,EAAA,iVAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,cAAa,EAAA,KAAA;AAAA,QACb,gBAAe,EAAA,OAAA;AAAA,QACf,iBAAgB,EAAA,OAAA;AAAA,OAAA;AAAA,KAClB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,kMAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,cAAa,EAAA,KAAA;AAAA,QACb,gBAAe,EAAA,OAAA;AAAA,QACf,iBAAgB,EAAA,OAAA;AAAA,OAAA;AAAA,KAClB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,4LAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,cAAa,EAAA,KAAA;AAAA,QACb,gBAAe,EAAA,OAAA;AAAA,QACf,iBAAgB,EAAA,OAAA;AAAA,OAAA;AAAA,KAClB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,gEAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,cAAa,EAAA,KAAA;AAAA,QACb,gBAAe,EAAA,OAAA;AAAA,QACf,iBAAgB,EAAA,OAAA;AAAA,OAAA;AAAA,KAClB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,kEAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,cAAa,EAAA,KAAA;AAAA,QACb,gBAAe,EAAA,OAAA;AAAA,QACf,iBAAgB,EAAA,OAAA;AAAA,OAAA;AAAA,KAClB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,iIAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,cAAa,EAAA,KAAA;AAAA,QACb,gBAAe,EAAA,OAAA;AAAA,QACf,iBAAgB,EAAA,OAAA;AAAA,OAAA;AAAA,KAClB;AAAA,GACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"whatsapp.js","sources":["../../../../src/commons/icons/whatsapp.tsx"],"sourcesContent":["import React from 'react';\nimport { COLORS, ARIA_LABELS, ATTRIBUTES, COMPONENT_DISPLAY_NAMES } from '../constants/strings';\n\n/**\n * Props for the WhatsAppIcon component\n */\nexport interface WhatsAppIconProps {\n  /** Width of the icon */\n  width?: number | string;\n  /** Height of the icon */\n  height?: number | string;\n  /** Stroke color of the icon */\n  color?: string;\n  /** Stroke width */\n  strokeWidth?: number | string;\n  /** Optional: Additional CSS class name */\n  className?: string;\n  /** Optional: ARIA label for accessibility */\n  ariaLabel?: string;\n}\n\n/**\n * Default configuration for the WhatsApp icon\n */\nconst DEFAULT_CONFIG = {\n  width: 20,\n  height: 20,\n  color: COLORS.ICON_GRAY,\n  strokeWidth: 1.5,\n} as const;\n\n/**\n * WhatsAppIcon Component\n * \n * A WhatsApp messenger icon with customizable size and color.\n * \n * @example\n * ```tsx\n * <WhatsAppIcon width={24} height={24} color=\"#25D366\" />\n * ```\n */\nconst WhatsAppIcon: React.FC<WhatsAppIconProps> = ({\n  width = DEFAULT_CONFIG.width,\n  height = DEFAULT_CONFIG.height,\n  color = DEFAULT_CONFIG.color,\n  strokeWidth = DEFAULT_CONFIG.strokeWidth,\n  className,\n  ariaLabel = ARIA_LABELS.WHATSAPP,\n}) => {\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 20 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n      aria-label={ariaLabel}\n      role={ATTRIBUTES.IMG}\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M15.17 4.80163C13.7984 3.42913 11.9742 2.67246 10.0309 2.67163C6.02504 2.67163 2.76587 5.92913 2.76504 9.9333C2.76337 11.2075 3.09754 12.46 3.7342 13.5641L2.70337 17.3275L6.55504 16.3175C7.62087 16.8975 8.8142 17.2016 10.0275 17.2016H10.0309C14.035 17.2016 17.2942 13.9433 17.2959 9.93913C17.2967 7.99913 16.5417 6.17496 15.17 4.80163Z\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M10.9126 11.2999L11.2509 10.9641C11.5618 10.6558 12.0534 10.6166 12.4118 10.8683C12.7584 11.1116 13.0718 11.3299 13.3634 11.5333C13.8268 11.8549 13.8826 12.5149 13.4834 12.9133L13.1843 13.2124\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M6.7876 6.81583L7.08676 6.51666C7.4851 6.11833 8.1451 6.17416 8.46676 6.63666C8.66926 6.92833 8.8876 7.24166 9.13176 7.58833C9.38343 7.94666 9.3451 8.43833 9.03593 8.74916L8.7001 9.08749\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M13.1842 13.2126C11.9501 14.4409 9.8759 13.3976 8.2384 11.7593\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M8.24006 11.7618C6.60256 10.1234 5.55922 8.05008 6.78756 6.81592\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M8.70007 9.0874C8.96591 9.50657 9.30674 9.92157 9.69174 10.3066L9.69341 10.3082C10.0784 10.6932 10.4934 11.0341 10.9126 11.2999\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n};\n\nWhatsAppIcon.displayName = COMPONENT_DISPLAY_NAMES.WHATSAPP_ICON;\n\nexport default WhatsAppIcon;\n"],"names":["React"],"mappings":";;;AAwBA,MAAM,cAAiB,GAAA;AAAA,EACrB,KAAO,EAAA,EAAA;AAAA,EACP,MAAQ,EAAA,EAAA;AAAA,EACR,OAAO,MAAO,CAAA,SAAA;AAAA,EACd,WAAa,EAAA,GAAA;AACf,CAAA,CAAA;AAYA,MAAM,eAA4C,CAAC;AAAA,EACjD,QAAQ,cAAe,CAAA,KAAA;AAAA,EACvB,SAAS,cAAe,CAAA,MAAA;AAAA,EACxB,QAAQ,cAAe,CAAA,KAAA;AAAA,EACvB,cAAc,cAAe,CAAA,WAAA;AAAA,EAC7B,SAAA;AAAA,EACA,YAAY,WAAY,CAAA,QAAA;AAC1B,CAAM,KAAA;AACJ,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,MACL,KAAM,EAAA,4BAAA;AAAA,MACN,SAAA;AAAA,MACA,YAAY,EAAA,SAAA;AAAA,MACZ,MAAM,UAAW,CAAA,GAAA;AAAA,KAAA;AAAA,oBAEjBA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,QAAS,EAAA,SAAA;AAAA,QACT,QAAS,EAAA,SAAA;AAAA,QACT,CAAE,EAAA,iVAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,QACA,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,kMAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,QACA,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,4LAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,QACA,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,gEAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,QACA,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,kEAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,QACA,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,iIAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,QACA,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,GACF,CAAA;AAEJ,EAAA;AAEA,YAAA,CAAa,cAAc,uBAAwB,CAAA,aAAA;;;;"}

package/dist/es/contact-import/components/ContactImportConfigure.js

@@ -0,0 +1,111 @@
+import React__default, { useState, useCallback } from 'react';
+import ImportSchedules from './ImportSchedules.js';
+import { IMPORT_CONFIG_TYPE, UI_CONSTANTS, LABELS, PLACEHOLDERS } from '../constants/index.js';
+import { Flex } from '../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
+import { Box } from '../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js';
+import { Heading } from '../../node_modules/@sparrowengg/twigs-react/dist/es/heading/heading.js';
+import { RadioGroup, Radio } from '../../node_modules/@sparrowengg/twigs-react/dist/es/radio/radio.js';
+import { Select } from '../../node_modules/@sparrowengg/twigs-react/dist/es/select/select.js';
+import { Button } from '../../node_modules/@sparrowengg/twigs-react/dist/es/button/button.js';
+import { ChevronRightIcon } from '../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/chevron-right.js';
+
+const ContactImportConfigure = ({
+  handleConfigureField,
+  listSegmentOptions,
+  contactImportField
+}) => {
+  var _a, _b, _c;
+  const [currentConfig, setCurrentConfig] = useState(
+    ((_a = contactImportField == null ? void 0 : contactImportField.configure) == null ? void 0 : _a.type) || IMPORT_CONFIG_TYPE.LIST
+  );
+  const [currentList, setCurrentList] = useState(
+    (_c = (_b = contactImportField == null ? void 0 : contactImportField.configure) == null ? void 0 : _b.listSegmentValue) != null ? _c : null
+  );
+  const handleConfigChange = useCallback((value) => {
+    setCurrentConfig(value);
+    setCurrentList(null);
+  }, []);
+  const handleListChange = useCallback((value) => {
+    setCurrentList(value);
+  }, []);
+  const handleNextClick = useCallback(() => {
+    handleConfigureField({
+      type: currentConfig,
+      listSegmentValue: currentList
+    });
+  }, [currentConfig, currentList, handleConfigureField]);
+  const isNextDisabled = currentConfig === IMPORT_CONFIG_TYPE.LIST && !(currentList == null ? void 0 : currentList.value);
+  const isListConfig = currentConfig === IMPORT_CONFIG_TYPE.LIST;
+  return /* @__PURE__ */ React__default.createElement(Flex, { justifyContent: "center" }, /* @__PURE__ */ React__default.createElement(
+    Box,
+    {
+      css: {
+        marginTop: "$40",
+        maxWidth: UI_CONSTANTS.CONFIGURE_MAX_WIDTH,
+        width: "100%"
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(Heading, { size: "h5" }, LABELS.IMPORT_CONTACTS),
+    /* @__PURE__ */ React__default.createElement(RadioGroup, { defaultValue: currentConfig, onChange: handleConfigChange }, /* @__PURE__ */ React__default.createElement(
+      Flex,
+      {
+        css: {
+          marginTop: "$12",
+          "& label": { color: "$neutral800" }
+        },
+        alignItems: "center",
+        gap: "$12"
+      },
+      /* @__PURE__ */ React__default.createElement(
+        Radio,
+        {
+          size: "md",
+          value: IMPORT_CONFIG_TYPE.LIST,
+          css: { cursor: "pointer" }
+        },
+        LABELS.IMPORT_FROM_LIST_SEGMENT
+      ),
+      /* @__PURE__ */ React__default.createElement(
+        Radio,
+        {
+          size: "md",
+          value: IMPORT_CONFIG_TYPE.ALL,
+          css: { cursor: "pointer" }
+        },
+        LABELS.IMPORT_ALL_CONTACTS
+      )
+    )),
+    isListConfig && /* @__PURE__ */ React__default.createElement(
+      Select,
+      {
+        css: { marginTop: "$12" },
+        onChange: handleListChange,
+        size: "lg",
+        placeholder: PLACEHOLDERS.CHOOSE_LIST_SEGMENT,
+        options: listSegmentOptions,
+        value: currentList
+      }
+    ),
+    /* @__PURE__ */ React__default.createElement(Box, { css: { marginBlock: "$16" } }, /* @__PURE__ */ React__default.createElement(
+      ImportSchedules,
+      {
+        currentList,
+        setCurrentList
+      }
+    )),
+    /* @__PURE__ */ React__default.createElement(
+      Button,
+      {
+        css: { marginTop: "$16" },
+        disabled: isNextDisabled,
+        size: "lg",
+        onClick: handleNextClick,
+        rightIcon: /* @__PURE__ */ React__default.createElement(ChevronRightIcon, null)
+      },
+      LABELS.NEXT_MAPPING
+    )
+  ));
+};
+
+export { ContactImportConfigure as default };
+//# sourceMappingURL=ContactImportConfigure.js.map

package/dist/es/contact-import/components/ContactImportConfigure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactImportConfigure.js","sources":["../../../../src/contact-import/components/ContactImportConfigure.tsx"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport {\n  Box,\n  Button,\n  Flex,\n  Heading,\n  Radio,\n  RadioGroup,\n  Select,\n} from '@sparrowengg/twigs-react';\nimport { ChevronRightIcon } from '@sparrowengg/twigs-react-icons';\nimport ImportSchedules from './ImportSchedules';\nimport { ContactImportConfigureProps, SelectOption } from '../types';\nimport { UI_CONSTANTS, LABELS, PLACEHOLDERS, IMPORT_CONFIG_TYPE } from '../constants';\n\n/**\n * Component for configuring contact import settings\n * Handles list/segment selection and scheduling\n */\nconst ContactImportConfigure: React.FC<ContactImportConfigureProps> = ({\n  handleConfigureField,\n  listSegmentOptions,\n  contactImportField,\n}) => {\n  const [currentConfig, setCurrentConfig] = useState<string>(\n    contactImportField?.configure?.type || IMPORT_CONFIG_TYPE.LIST\n  );\n  const [currentList, setCurrentList] = useState<SelectOption | null>(\n    contactImportField?.configure?.listSegmentValue ?? null\n  );\n\n  const handleConfigChange = useCallback((value: string) => {\n    setCurrentConfig(value);\n    setCurrentList(null);\n  }, []);\n\n  const handleListChange = useCallback((value: SelectOption) => {\n    setCurrentList(value);\n  }, []);\n\n  const handleNextClick = useCallback(() => {\n    handleConfigureField({\n      type: currentConfig as 'LIST' | 'ALL',\n      listSegmentValue: currentList,\n    });\n  }, [currentConfig, currentList, handleConfigureField]);\n\n  const isNextDisabled = currentConfig === IMPORT_CONFIG_TYPE.LIST && !currentList?.value;\n  const isListConfig = currentConfig === IMPORT_CONFIG_TYPE.LIST;\n\n  return (\n    <Flex justifyContent=\"center\">\n      <Box\n        css={{\n          marginTop: '$40',\n          maxWidth: UI_CONSTANTS.CONFIGURE_MAX_WIDTH,\n          width: '100%',\n        }}\n      >\n        {/* Title */}\n        <Heading size=\"h5\">{LABELS.IMPORT_CONTACTS}</Heading>\n\n        {/* Import Type Selection */}\n        <RadioGroup defaultValue={currentConfig} onChange={handleConfigChange}>\n          <Flex\n            css={{\n              marginTop: '$12',\n              '& label': { color: '$neutral800' },\n            }}\n            alignItems=\"center\"\n            gap=\"$12\"\n          >\n            <Radio\n              size=\"md\"\n              value={IMPORT_CONFIG_TYPE.LIST}\n              css={{ cursor: 'pointer' }}\n            >\n              {LABELS.IMPORT_FROM_LIST_SEGMENT}\n            </Radio>\n            <Radio\n              size=\"md\"\n              value={IMPORT_CONFIG_TYPE.ALL}\n              css={{ cursor: 'pointer' }}\n            >\n              {LABELS.IMPORT_ALL_CONTACTS}\n            </Radio>\n          </Flex>\n        </RadioGroup>\n\n        {/* List/Segment Selection */}\n        {isListConfig && (\n          <Select\n            css={{ marginTop: '$12' }}\n            onChange={handleListChange}\n            size=\"lg\"\n            placeholder={PLACEHOLDERS.CHOOSE_LIST_SEGMENT}\n            options={listSegmentOptions}\n            value={currentList}\n          />\n        )}\n\n        {/* Import Schedule Configuration */}\n        <Box css={{ marginBlock: '$16' }}>\n          <ImportSchedules\n            currentList={currentList}\n            setCurrentList={setCurrentList}\n          />\n        </Box>\n\n        {/* Next Button */}\n        <Button\n          css={{ marginTop: '$16' }}\n          disabled={isNextDisabled}\n          size=\"lg\"\n          onClick={handleNextClick}\n          rightIcon={<ChevronRightIcon />}\n        >\n          {LABELS.NEXT_MAPPING}\n        </Button>\n      </Box>\n    </Flex>\n  );\n};\n\nexport default ContactImportConfigure;\n\n"],"names":["React"],"mappings":"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"}