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

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';\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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"}
+{"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;;;;"}

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

@@ -1,38 +1,21 @@
 import React__default from 'react';
-import { ATTRIBUTES, ARIA_LABELS, COMPONENT_DISPLAY_NAMES, COLORS } from '../constants/strings.js';
 
-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
-}) => {
+const Trash = () => {
   return /* @__PURE__ */ React__default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      width,
-      height,
+      width: "16",
+      height: "18",
       viewBox: "0 0 16 18",
-      fill: "none",
-      className,
-      "aria-label": ariaLabel,
-      role: ATTRIBUTES.IMG
+      fill: "none"
     },
     /* @__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: color,
-        strokeWidth,
+        stroke: "#64748B",
+        strokeWidth: "1.2",
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
@@ -41,8 +24,8 @@ const TrashIcon = ({
       "path",
       {
         d: "M14.6663 4.3125H1.33301",
-        stroke: color,
-        strokeWidth,
+        stroke: "#64748B",
+        strokeWidth: "1.2",
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
@@ -51,8 +34,8 @@ const TrashIcon = ({
       "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: color,
-        strokeWidth,
+        stroke: "#64748B",
+        strokeWidth: "1.2",
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
@@ -61,8 +44,8 @@ const TrashIcon = ({
       "path",
       {
         d: "M9.64062 8.0625V12.75",
-        stroke: color,
-        strokeWidth,
+        stroke: "#64748B",
+        strokeWidth: "1.2",
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
@@ -71,15 +54,14 @@ const TrashIcon = ({
       "path",
       {
         d: "M6.3584 8.0625V12.75",
-        stroke: color,
-        strokeWidth,
+        stroke: "#64748B",
+        strokeWidth: "1.2",
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
     )
   );
 };
-TrashIcon.displayName = COMPONENT_DISPLAY_NAMES.TRASH_ICON;
 
-export { TrashIcon as default };
+export { Trash 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';\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;;;;"}
+{"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;;;;"}

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

@@ -1,97 +1,79 @@
 import React__default from 'react';
-import { ATTRIBUTES, ARIA_LABELS, COMPONENT_DISPLAY_NAMES, COLORS } from '../constants/strings.js';
 
-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
-}) => {
+const WhatsappIcon = () => {
   return /* @__PURE__ */ React__default.createElement(
     "svg",
     {
-      width,
-      height,
+      width: "20",
+      height: "20",
       viewBox: "0 0 20 20",
       fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className,
-      "aria-label": ariaLabel,
-      role: ATTRIBUTES.IMG
+      xmlns: "http://www.w3.org/2000/svg"
     },
     /* @__PURE__ */ React__default.createElement(
       "path",
       {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
+        "fill-rule": "evenodd",
+        "clip-rule": "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: color,
-        strokeWidth,
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
+        stroke: "#6A6A6A",
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "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: color,
-        strokeWidth,
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
+        stroke: "#6A6A6A",
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "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: color,
-        strokeWidth,
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
+        stroke: "#6A6A6A",
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
       }
     ),
     /* @__PURE__ */ React__default.createElement(
       "path",
       {
         d: "M13.1842 13.2126C11.9501 14.4409 9.8759 13.3976 8.2384 11.7593",
-        stroke: color,
-        strokeWidth,
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
+        stroke: "#6A6A6A",
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
       }
     ),
     /* @__PURE__ */ React__default.createElement(
       "path",
       {
         d: "M8.24006 11.7618C6.60256 10.1234 5.55922 8.05008 6.78756 6.81592",
-        stroke: color,
-        strokeWidth,
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
+        stroke: "#6A6A6A",
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "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: color,
-        strokeWidth,
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
+        stroke: "#6A6A6A",
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "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';\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;;;;"}
+{"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;;;;"}

package/dist/es/contact-import/components/ManageImport/Completed.js

@@ -1,6 +1,5 @@
 import React__default, { useState } from 'react';
 import moment from '../../../node_modules/moment/moment.js';
-import { COMPLETED_TABLE_COLUMNS, DATE_FORMAT, LABELS } from '../../constants/index.js';
 import { TooltipProvider } from '../../../node_modules/@sparrowengg/twigs-react/dist/es/tooltip/tooltip.js';
 import { Box } from '../../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js';
 import { Grid } from '../../../node_modules/@sparrowengg/twigs-react/dist/es/grid/grid.js';
@@ -14,11 +13,11 @@ import { EllipsisVerticalIcon } from '../../../node_modules/@sparrowengg/twigs-r
 import { DeleteIcon } from '../../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/delete.js';
 
 const Completed = ({ completed }) => {
-  const [hoveredRowId, setHoveredRowId] = useState(null);
-  return /* @__PURE__ */ React__default.createElement(TooltipProvider, null, /* @__PURE__ */ React__default.createElement(Box, { css: { width: "100%", height: "100%", overflow: "scroll" } }, /* @__PURE__ */ React__default.createElement(
+  const [currentRow, setCurrentRow] = useState(0);
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(TooltipProvider, null, /* @__PURE__ */ React__default.createElement(Box, { css: { width: "100%", height: "100%", overflow: "scroll" } }, /* @__PURE__ */ React__default.createElement(
     Grid,
     {
-      templateColumns: COMPLETED_TABLE_COLUMNS.map((col) => col.width).join(" "),
+      templateColumns: "25% 25% 25% 13% 12%",
       css: {
         borderTop: "$borderWidths$xs solid $neutral200",
         borderBottom: "$borderWidths$xs solid $neutral200",
@@ -31,29 +30,44 @@ const Completed = ({ completed }) => {
         zIndex: "2"
       }
     },
-    COMPLETED_TABLE_COLUMNS.map((column) => /* @__PURE__ */ React__default.createElement(Text, { key: column.key, weight: "medium" }, column.label))
-  ), completed.map((item) => /* @__PURE__ */ React__default.createElement(
-    Grid,
-    {
-      key: item.id,
-      onMouseEnter: () => setHoveredRowId(item.id),
-      onMouseLeave: () => setHoveredRowId(null),
-      templateColumns: COMPLETED_TABLE_COLUMNS.map((col) => col.width).join(" "),
-      css: {
-        borderBottom: "$borderWidths$xs solid $neutral100",
-        padding: "$9 $12",
-        fontWeight: "$4",
-        color: "$neutral700",
-        alignItems: "center"
-      }
-    },
-    /* @__PURE__ */ React__default.createElement(Text, { weight: "bold", css: { color: "$neutral900" } }, item.name),
-    /* @__PURE__ */ React__default.createElement(Text, { css: { color: "$neutral900" } }, item.type),
-    /* @__PURE__ */ React__default.createElement(Text, null, item.importedOn ? moment(item.importedOn).format(DATE_FORMAT.DISPLAY) : "-"),
-    /* @__PURE__ */ React__default.createElement(Text, null, item.status === "success" ? /* @__PURE__ */ React__default.createElement(TickCircleFillIcon, { color: "#5EA130", size: 24 }) : /* @__PURE__ */ React__default.createElement(AlertFillIcon, { color: "#F65633", size: 24 })),
-    /* @__PURE__ */ React__default.createElement(Flex, { justifyContent: "center" }, hoveredRowId === item.id && /* @__PURE__ */ React__default.createElement(DropdownMenu, { size: "sm" }, /* @__PURE__ */ React__default.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement(IconButton, { size: "md", variant: "ghost", color: "secondary", icon: /* @__PURE__ */ React__default.createElement(EllipsisVerticalIcon, null) })), /* @__PURE__ */ React__default.createElement(DropdownMenuContent, { onCloseAutoFocus: (e) => e.preventDefault(), side: "bottom", align: "end", css: { minWidth: "128px", padding: "$4 0" } }, /* @__PURE__ */ React__default.createElement(DropdownMenuItem, { css: { cursor: "pointer" } }, /* @__PURE__ */ React__default.createElement(Flex, { alignItems: "center", gap: "$2" }, /* @__PURE__ */ React__default.createElement(DeleteIcon, { color: "#6A6A6A", size: 20 }), /* @__PURE__ */ React__default.createElement(Text, { size: "sm" }, LABELS.DELETE))))))
-  ))));
+    /* @__PURE__ */ React__default.createElement(Text, { weight: "medium" }, "Import Name"),
+    /* @__PURE__ */ React__default.createElement(Text, { weight: "medium" }, "Contact Type"),
+    /* @__PURE__ */ React__default.createElement(Text, { weight: "medium" }, "Imported on"),
+    /* @__PURE__ */ React__default.createElement(Text, { weight: "medium" }, "Status"),
+    /* @__PURE__ */ React__default.createElement(Text, { weight: "medium" })
+  ), completed == null ? void 0 : completed.map((item) => {
+    return /* @__PURE__ */ React__default.createElement(
+      Grid,
+      {
+        onMouseOver: () => setCurrentRow(item.id),
+        templateColumns: "25% 25% 25% 13% 12%",
+        css: {
+          borderBottom: "$borderWidths$xs solid $neutral100",
+          padding: "$9 $12",
+          fontWeight: "$4",
+          color: "$neutral700",
+          alignItems: "center"
+        }
+      },
+      /* @__PURE__ */ React__default.createElement(Text, { weight: "bold", css: { color: "$neutral900" } }, item.name),
+      /* @__PURE__ */ React__default.createElement(Text, { css: { color: "$neutral900" } }, item.type),
+      /* @__PURE__ */ React__default.createElement(Text, null, moment(item.importedOn).format("MMM D, YYYY | h:mm A")),
+      /* @__PURE__ */ React__default.createElement(Text, null, item.status === "success" ? /* @__PURE__ */ React__default.createElement(TickCircleFillIcon, { color: "#5EA130", size: "24" }) : /* @__PURE__ */ React__default.createElement(AlertFillIcon, { color: "#F65633", size: "24" })),
+      /* @__PURE__ */ React__default.createElement(Flex, { justifyContent: "center" }, currentRow === item.id ? /* @__PURE__ */ React__default.createElement(DropdownMenu, { size: "sm" }, /* @__PURE__ */ React__default.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement(IconButton, { size: "md", variant: "ghost", color: "secondary" }, /* @__PURE__ */ React__default.createElement(EllipsisVerticalIcon, null))), /* @__PURE__ */ React__default.createElement(
+        DropdownMenuContent,
+        {
+          onCloseAutoFocus: (e) => {
+            e.preventDefault();
+          },
+          side: "bottom",
+          align: "end",
+          css: { minWidth: "128px", padding: "$4 0" }
+        },
+        /* @__PURE__ */ React__default.createElement(DropdownMenuItem, { css: { cursor: "pointer" } }, /* @__PURE__ */ React__default.createElement(Flex, { alignItems: "center", gap: "$2" }, /* @__PURE__ */ React__default.createElement(DeleteIcon, { color: "#6A6A6A", size: 20 }), /* @__PURE__ */ React__default.createElement(Text, { size: "sm" }, "Delete")))
+      )) : null)
+    );
+  }))));
 };
 
 export { Completed as default };
-//# sourceMappingURL=Completed.js.map
+//# sourceMappingURL=completed.js.map

package/dist/es/contact-import/components/ManageImport/Completed.js.map

@@ -1 +1 @@
-{"version":3,"file":"Completed.js","sources":["../../../../../src/contact-import/components/ManageImport/Completed.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Box,\n  Grid,\n  Text,\n  TooltipProvider,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  IconButton,\n  Flex,\n} from '@sparrowengg/twigs-react';\nimport moment from 'moment';\nimport {\n  AlertFillIcon,\n  DeleteIcon,\n  EllipsisVerticalIcon,\n  TickCircleFillIcon,\n} from '@sparrowengg/twigs-react-icons';\nimport { CompletedImportsProps } from '../../types';\nimport { COMPLETED_TABLE_COLUMNS, DATE_FORMAT, LABELS } from '../../constants';\n\nconst Completed: React.FC<CompletedImportsProps> = ({ completed }) => {\n  const [hoveredRowId, setHoveredRowId] = useState<string | null>(null);\n\n  return (\n    <TooltipProvider>\n      <Box css={{ width: '100%', height: '100%', overflow: 'scroll' }}>\n        <Grid\n          templateColumns={COMPLETED_TABLE_COLUMNS.map((col) => col.width).join(' ')}\n          css={{\n            borderTop: '$borderWidths$xs solid $neutral200',\n            borderBottom: '$borderWidths$xs solid $neutral200',\n            padding: '$7 $12',\n            color: '$neutral900',\n            alignItems: 'center',\n            position: 'sticky',\n            top: '0',\n            background: 'white',\n            zIndex: '2',\n          }}\n        >\n          {COMPLETED_TABLE_COLUMNS.map((column) => (\n            <Text key={column.key} weight=\"medium\">{column.label}</Text>\n          ))}\n        </Grid>\n        {completed.map((item) => (\n          <Grid\n            key={item.id}\n            onMouseEnter={() => setHoveredRowId(item.id)}\n            onMouseLeave={() => setHoveredRowId(null)}\n            templateColumns={COMPLETED_TABLE_COLUMNS.map((col) => col.width).join(' ')}\n            css={{\n              borderBottom: '$borderWidths$xs solid $neutral100',\n              padding: '$9 $12',\n              fontWeight: '$4',\n              color: '$neutral700',\n              alignItems: 'center',\n            }}\n          >\n            <Text weight=\"bold\" css={{ color: '$neutral900' }}>{item.name}</Text>\n            <Text css={{ color: '$neutral900' }}>{item.type}</Text>\n            <Text>{item.importedOn ? moment(item.importedOn).format(DATE_FORMAT.DISPLAY) : '-'}</Text>\n            <Text>\n              {item.status === 'success' ? (\n                <TickCircleFillIcon color=\"#5EA130\" size={24} />\n              ) : (\n                <AlertFillIcon color=\"#F65633\" size={24} />\n              )}\n            </Text>\n            <Flex justifyContent=\"center\">\n              {hoveredRowId === item.id && (\n                <DropdownMenu size=\"sm\">\n                  <DropdownMenuTrigger asChild>\n                    <IconButton size=\"md\" variant=\"ghost\" color=\"secondary\" icon={<EllipsisVerticalIcon />} />\n                  </DropdownMenuTrigger>\n                  <DropdownMenuContent onCloseAutoFocus={(e) => e.preventDefault()} side=\"bottom\" align=\"end\" css={{ minWidth: '128px', padding: '$4 0' }}>\n                    <DropdownMenuItem css={{ cursor: 'pointer' }}>\n                      <Flex alignItems=\"center\" gap=\"$2\">\n                        <DeleteIcon color=\"#6A6A6A\" size={20} />\n                        <Text size=\"sm\">{LABELS.DELETE}</Text>\n                      </Flex>\n                    </DropdownMenuItem>\n                  </DropdownMenuContent>\n                </DropdownMenu>\n              )}\n            </Flex>\n          </Grid>\n        ))}\n      </Box>\n    </TooltipProvider>\n  );\n};\n\nexport default Completed;\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"completed.js","sources":["../../../../../src/contact-import/components/ManageImport/completed.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport {\n  Box,\n  Grid,\n  Text,\n  TooltipProvider,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  IconButton,\n  Flex,\n} from \"@sparrowengg/twigs-react\";\nimport moment from \"moment\";\nimport {\n  AlertFillIcon,\n  DeleteIcon,\n  EllipsisVerticalIcon,\n  TickCircleFillIcon,\n} from \"@sparrowengg/twigs-react-icons\";\nimport { CompletedImportTypes } from \"../../types\";\n\nconst Completed = ({ completed }: { completed: Array<CompletedImportTypes> }) => {\n  const [currentRow, setCurrentRow] = useState(0);\n  return (\n    <>\n      <TooltipProvider>\n        <Box css={{ width: \"100%\", height: \"100%\", overflow: \"scroll\" }}>\n          <Grid\n            templateColumns=\"25% 25% 25% 13% 12%\"\n            css={{\n              borderTop: \"$borderWidths$xs solid $neutral200\",\n              borderBottom: \"$borderWidths$xs solid $neutral200\",\n              padding: \"$7 $12\",\n              color: \"$neutral900\",\n              alignItems: \"center\",\n              position: \"sticky\",\n              top: \"0\",\n              background: \"white\",\n              zIndex: \"2\",\n            }}\n          >\n            <Text weight=\"medium\">Import Name</Text>\n            <Text weight=\"medium\">Contact Type</Text>\n            <Text weight=\"medium\">Imported on</Text>\n            <Text weight=\"medium\">Status</Text>\n            <Text weight=\"medium\"></Text>\n          </Grid>\n          {completed?.map((item: CompletedImportTypes) => {\n            return (\n              <Grid\n                onMouseOver={() => setCurrentRow(item.id)}\n                templateColumns=\"25% 25% 25% 13% 12%\"\n                css={{\n                  borderBottom: \"$borderWidths$xs solid $neutral100\",\n                  padding: \"$9 $12\",\n                  fontWeight: \"$4\",\n                  color: \"$neutral700\",\n                  alignItems: \"center\",\n                }}\n              >\n                <Text weight=\"bold\" css={{ color: \"$neutral900\" }}>\n                  {item.name}\n                </Text>\n                <Text css={{ color: \"$neutral900\" }}>{item.type}</Text>\n                <Text>\n                  {moment(item.importedOn).format(\"MMM D, YYYY | h:mm A\")}\n                </Text>\n                <Text>\n                  {item.status === \"success\" ? (\n                    <TickCircleFillIcon color=\"#5EA130\" size=\"24\" />\n                  ) : (\n                    <AlertFillIcon color=\"#F65633\" size=\"24\" />\n                  )}\n                </Text>\n\n                <Flex justifyContent=\"center\">\n                  {currentRow === item.id ? (\n                    <DropdownMenu size=\"sm\">\n                      <DropdownMenuTrigger asChild>\n                        <IconButton size=\"md\" variant=\"ghost\" color=\"secondary\">\n                          <EllipsisVerticalIcon />\n                        </IconButton>\n                      </DropdownMenuTrigger>\n                      <DropdownMenuContent\n                        onCloseAutoFocus={(e) => {\n                          e.preventDefault();\n                        }}\n                        side=\"bottom\"\n                        align=\"end\"\n                        css={{ minWidth: \"128px\", padding: \"$4 0\" }}\n                      >\n                        <DropdownMenuItem css={{ cursor: \"pointer\" }}>\n                          <Flex alignItems=\"center\" gap=\"$2\">\n                            <DeleteIcon color=\"#6A6A6A\" size={20} />\n                            <Text size=\"sm\">Delete</Text>\n                          </Flex>\n                        </DropdownMenuItem>\n                      </DropdownMenuContent>\n                    </DropdownMenu>\n                  ) : null}\n                </Flex>\n              </Grid>\n            );\n          })}\n        </Box>\n      </TooltipProvider>\n    </>\n  );\n};\n\nexport default Completed;\n"],"names":["React"],"mappings":"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"}

package/dist/es/contact-import/components/ManageImport/Dashboard.js

@@ -1,9 +1,7 @@
-import React__default, { useMemo } from 'react';
-import Completed from './Completed.js';
-import Scheduled from './Scheduled.js';
-import NoDataState from './NoDataState.js';
-import { isScheduledImport } from '../../types/index.js';
-import { UI_CONSTANTS, LABELS } from '../../constants/index.js';
+import Completed from './completed.js';
+import Scheduled from './scheduled.js';
+import React__default from 'react';
+import NoLogsState from './NoDataState.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';
@@ -12,29 +10,51 @@ import { Button } from '../../../node_modules/@sparrowengg/twigs-react/dist/es/b
 import { PlusIcon } from '../../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/plus.js';
 import { Tabs, TabsList, TabsTrigger, TabsContent } from '../../../node_modules/@sparrowengg/twigs-react/dist/es/tabs/tabs.js';
 
-const Dashboard = ({
+function Dashboard({
   dashboardDescription,
   setNewImport,
   integrationName,
   imports
-}) => {
-  const { completedImports, scheduledImports } = useMemo(() => {
-    const completed = [];
-    const scheduled = [];
-    imports.forEach((importItem) => {
-      if (isScheduledImport(importItem)) {
-        scheduled.push(importItem);
-      } else {
-        completed.push(importItem);
+}) {
+  const completedImport = imports.filter(
+    (item) => !item.isRecuring
+  );
+  const scheduledImport = imports.filter(
+    (item) => item.isRecuring
+  );
+  return /* @__PURE__ */ React__default.createElement(Flex, { justifyContent: "center" }, /* @__PURE__ */ React__default.createElement(Box, { css: { maxWidth: "1120px", width: "100%" } }, /* @__PURE__ */ React__default.createElement(
+    Flex,
+    {
+      css: { marginTop: "$40" },
+      justifyContent: "space-between",
+      alignItems: "center"
+    },
+    /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", gap: "$2" }, /* @__PURE__ */ React__default.createElement(Heading, { size: "h5" }, integrationName), /* @__PURE__ */ React__default.createElement(Text, { size: "sm", css: { color: "$neutral600" } }, dashboardDescription)),
+    /* @__PURE__ */ React__default.createElement(
+      Button,
+      {
+        leftIcon: /* @__PURE__ */ React__default.createElement(PlusIcon, { size: 20 }),
+        onClick: () => {
+          setNewImport(true);
+        },
+        size: "lg"
+      },
+      "New Import"
+    )
+  ), /* @__PURE__ */ React__default.createElement(
+    Tabs,
+    {
+      defaultValue: "completed",
+      css: {
+        marginTop: "$16",
+        padding: "0 !important"
       }
-    });
-    return {
-      completedImports: completed,
-      scheduledImports: scheduled
-    };
-  }, [imports]);
-  return /* @__PURE__ */ React__default.createElement(Flex, { justifyContent: "center" }, /* @__PURE__ */ React__default.createElement(Box, { css: { maxWidth: UI_CONSTANTS.DASHBOARD_MAX_WIDTH, width: "100%" } }, /* @__PURE__ */ React__default.createElement(Flex, { css: { marginTop: "$40" }, justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", gap: "$2" }, /* @__PURE__ */ React__default.createElement(Heading, { size: "h5" }, integrationName), /* @__PURE__ */ React__default.createElement(Text, { size: "sm", css: { color: "$neutral600" } }, dashboardDescription)), /* @__PURE__ */ React__default.createElement(Button, { leftIcon: /* @__PURE__ */ React__default.createElement(PlusIcon, { size: 20 }), onClick: () => setNewImport(true), size: "lg" }, LABELS.NEW_IMPORT)), /* @__PURE__ */ React__default.createElement(Tabs, { defaultValue: "completed", css: { marginTop: "$16", padding: "0 !important" } }, /* @__PURE__ */ React__default.createElement(TabsList, { "aria-label": LABELS.CONTACT_IMPORTS }, /* @__PURE__ */ React__default.createElement(TabsTrigger, { value: "completed" }, LABELS.COMPLETED), /* @__PURE__ */ React__default.createElement(TabsTrigger, { value: "scheduled" }, LABELS.SCHEDULED)), /* @__PURE__ */ React__default.createElement(TabsContent, { value: "completed", css: { padding: "0", height: "100%" } }, completedImports.length > 0 ? /* @__PURE__ */ React__default.createElement(Completed, { completed: completedImports }) : /* @__PURE__ */ React__default.createElement(NoDataState, null)), /* @__PURE__ */ React__default.createElement(TabsContent, { value: "scheduled", css: { padding: "0", height: "100%" } }, scheduledImports.length > 0 ? /* @__PURE__ */ React__default.createElement(Scheduled, { scheduled: scheduledImports }) : /* @__PURE__ */ React__default.createElement(NoDataState, null)))));
-};
+    },
+    /* @__PURE__ */ React__default.createElement(TabsList, { "aria-label": "contact-imports" }, /* @__PURE__ */ React__default.createElement(TabsTrigger, { value: "completed" }, "Completed "), /* @__PURE__ */ React__default.createElement(TabsTrigger, { value: "scheduled" }, " Scheduled ")),
+    /* @__PURE__ */ React__default.createElement(TabsContent, { value: "completed", css: { padding: "0", height: "100%" } }, (completedImport == null ? void 0 : completedImport.length) ? /* @__PURE__ */ React__default.createElement(Completed, { completed: completedImport }) : /* @__PURE__ */ React__default.createElement(NoLogsState, null)),
+    /* @__PURE__ */ React__default.createElement(TabsContent, { css: { padding: "0", height: "100%" }, value: "scheduled" }, (scheduledImport == null ? void 0 : scheduledImport.length) ? /* @__PURE__ */ React__default.createElement(Scheduled, { scheduled: scheduledImport }) : /* @__PURE__ */ React__default.createElement(NoLogsState, null))
+  )));
+}
 
 export { Dashboard as default };
-//# sourceMappingURL=Dashboard.js.map
+//# sourceMappingURL=dashboard.js.map

package/dist/es/contact-import/components/ManageImport/Dashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dashboard.js","sources":["../../../../../src/contact-import/components/ManageImport/Dashboard.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport {\n  Box,\n  Heading,\n  Button,\n  TabsTrigger,\n  Tabs,\n  TabsList,\n  TabsContent,\n  Flex,\n  Text,\n} from '@sparrowengg/twigs-react';\nimport { PlusIcon } from '@sparrowengg/twigs-react-icons';\nimport Completed from './Completed';\nimport Scheduled from './Scheduled';\nimport NoDataState from './NoDataState';\nimport { DashboardProps, CompletedImport, ScheduledImport } from '../../types';\nimport { isScheduledImport } from '../../types';\nimport { UI_CONSTANTS, LABELS } from '../../constants';\n\nconst Dashboard: React.FC<DashboardProps> = ({\n  dashboardDescription,\n  setNewImport,\n  integrationName,\n  imports,\n}) => {\n  const { completedImports, scheduledImports } = useMemo(() => {\n    const completed: CompletedImport[] = [];\n    const scheduled: ScheduledImport[] = [];\n    imports.forEach((importItem) => {\n      if (isScheduledImport(importItem)) {\n        scheduled.push(importItem);\n      } else {\n        completed.push(importItem);\n      }\n    });\n    return {\n      completedImports: completed,\n      scheduledImports: scheduled,\n    };\n  }, [imports]);\n\n  return (\n    <Flex justifyContent=\"center\">\n      <Box css={{ maxWidth: UI_CONSTANTS.DASHBOARD_MAX_WIDTH, width: '100%' }}>\n        <Flex css={{ marginTop: '$40' }} justifyContent=\"space-between\" alignItems=\"center\">\n          <Flex flexDirection=\"column\" gap=\"$2\">\n            <Heading size=\"h5\">{integrationName}</Heading>\n            <Text size=\"sm\" css={{ color: '$neutral600' }}>{dashboardDescription}</Text>\n          </Flex>\n          <Button leftIcon={<PlusIcon size={20} />} onClick={() => setNewImport(true)} size=\"lg\">\n            {LABELS.NEW_IMPORT}\n          </Button>\n        </Flex>\n        <Tabs defaultValue=\"completed\" css={{ marginTop: '$16', padding: '0 !important' }}>\n          <TabsList aria-label={LABELS.CONTACT_IMPORTS}>\n            <TabsTrigger value=\"completed\">{LABELS.COMPLETED}</TabsTrigger>\n            <TabsTrigger value=\"scheduled\">{LABELS.SCHEDULED}</TabsTrigger>\n          </TabsList>\n          <TabsContent value=\"completed\" css={{ padding: '0', height: '100%' }}>\n            {completedImports.length > 0 ? <Completed completed={completedImports} /> : <NoDataState />}\n          </TabsContent>\n          <TabsContent value=\"scheduled\" css={{ padding: '0', height: '100%' }}>\n            {scheduledImports.length > 0 ? <Scheduled scheduled={scheduledImports} /> : <NoDataState />}\n          </TabsContent>\n        </Tabs>\n      </Box>\n    </Flex>\n  );\n};\n\nexport default Dashboard;\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"dashboard.js","sources":["../../../../../src/contact-import/components/ManageImport/dashboard.tsx"],"sourcesContent":["import {\n  Box,\n  Heading,\n  Button,\n  TabsTrigger,\n  Tabs,\n  TabsList,\n  TabsContent,\n} from \"@sparrowengg/twigs-react\";\nimport { Flex, Text } from \"@sparrowengg/twigs-react\";\nimport Completed from \"./completed\";\nimport Scheduled from \"./scheduled\";\nimport React from \"react\";\nimport NoLogsState from \"./NoDataState\";\nimport { PlusIcon } from \"@sparrowengg/twigs-react-icons\";\nimport { DashboardProps, CompletedImportTypes, ScheduledImportTypes } from \"../../types\";\nexport default function Dashboard({\n  dashboardDescription,\n  setNewImport,\n  integrationName,\n  imports,\n}: DashboardProps) {\n  const completedImport = imports.filter(\n    (item: CompletedImportTypes | ScheduledImportTypes) =>\n      !item.isRecuring\n  );\n  const scheduledImport = imports.filter(\n    (item: CompletedImportTypes | ScheduledImportTypes) =>\n      item.isRecuring\n  );\n\n  return (\n    <Flex justifyContent=\"center\">\n      <Box css={{ maxWidth: \"1120px\", width: \"100%\" }}>\n        <Flex\n          css={{ marginTop: \"$40\" }}\n          justifyContent=\"space-between\"\n          alignItems=\"center\"\n        >\n          <Flex flexDirection=\"column\" gap=\"$2\">\n            <Heading size=\"h5\">{integrationName}</Heading>\n            <Text size=\"sm\" css={{ color: \"$neutral600\" }}>\n              {dashboardDescription}\n            </Text>\n          </Flex>\n          <Button leftIcon={<PlusIcon size={20} />}\n            onClick={() => {\n              setNewImport(true);\n            }}\n            size=\"lg\"\n          >\n            New Import\n          </Button>\n        </Flex>\n        <Tabs\n          defaultValue=\"completed\"\n          css={{\n            marginTop: \"$16\",\n            padding: \"0 !important\",\n          }}\n        >\n          <TabsList aria-label=\"contact-imports\">\n            <TabsTrigger value=\"completed\">Completed </TabsTrigger>\n            <TabsTrigger value=\"scheduled\"> Scheduled </TabsTrigger>\n          </TabsList>\n          <TabsContent value=\"completed\" css={{ padding: \"0\", height: \"100%\" }}>\n            {completedImport?.length ? (\n              <Completed completed={completedImport} />\n            ) : (\n              <NoLogsState />\n            )}\n          </TabsContent>\n          <TabsContent css={{ padding: \"0\", height: \"100%\" }} value=\"scheduled\">\n            {scheduledImport?.length ? (\n              <Scheduled scheduled={scheduledImport} />\n            ) : (\n              <NoLogsState />\n            )}\n          </TabsContent>\n        </Tabs>\n      </Box>\n    </Flex>\n  );\n}\n"],"names":["React"],"mappings":";;;;;;;;;;;;AAgBA,SAAwB,SAAU,CAAA;AAAA,EAChC,oBAAA;AAAA,EACA,YAAA;AAAA,EACA,eAAA;AAAA,EACA,OAAA;AACF,CAAmB,EAAA;AACjB,EAAA,MAAM,kBAAkB,OAAQ,CAAA,MAAA;AAAA,IAC9B,CAAC,IACC,KAAA,CAAC,IAAK,CAAA,UAAA;AAAA,GACV,CAAA;AACA,EAAA,MAAM,kBAAkB,OAAQ,CAAA,MAAA;AAAA,IAC9B,CAAC,SACC,IAAK,CAAA,UAAA;AAAA,GACT,CAAA;AAEA,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,cAAe,EAAA,QAAA,EAAA,kBAClBA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,GAAK,EAAA,EAAE,QAAU,EAAA,QAAA,EAAU,KAAO,EAAA,MAAA,EACrC,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,EAAE,SAAA,EAAW,KAAM,EAAA;AAAA,MACxB,cAAe,EAAA,eAAA;AAAA,MACf,UAAW,EAAA,QAAA;AAAA,KAAA;AAAA,oBAEXA,cAAA,CAAA,aAAA,CAAC,QAAK,aAAc,EAAA,QAAA,EAAS,KAAI,IAC/B,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,IAAA,EAAK,IAAM,EAAA,EAAA,eAAgB,mBACnCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAK,IAAK,EAAA,GAAA,EAAK,EAAE,KAAO,EAAA,aAAA,EAC3B,EAAA,EAAA,oBACH,CACF,CAAA;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QAAO,QAAU,kBAAAA,cAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,IAAA,EAAM,EAAI,EAAA,CAAA;AAAA,QACpC,SAAS,MAAM;AACb,UAAA,YAAA,CAAa,IAAI,CAAA,CAAA;AAAA,SACnB;AAAA,QACA,IAAK,EAAA,IAAA;AAAA,OAAA;AAAA,MACN,YAAA;AAAA,KAED;AAAA,GAEF,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,YAAa,EAAA,WAAA;AAAA,MACb,GAAK,EAAA;AAAA,QACH,SAAW,EAAA,KAAA;AAAA,QACX,OAAS,EAAA,cAAA;AAAA,OACX;AAAA,KAAA;AAAA,oBAECA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,YAAW,EAAA,iBAAA,EAAA,+CAClB,WAAY,EAAA,EAAA,KAAA,EAAM,WAAY,EAAA,EAAA,YAAU,mBACxCA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,KAAM,EAAA,WAAA,EAAA,EAAY,aAAW,CAC5C,CAAA;AAAA,oBACAA,cAAA,CAAA,aAAA,CAAC,eAAY,KAAM,EAAA,WAAA,EAAY,KAAK,EAAE,OAAA,EAAS,KAAK,MAAQ,EAAA,MAAA,OACzD,eAAiB,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,eAAA,CAAA,MAAA,iDACf,SAAU,EAAA,EAAA,SAAA,EAAW,iBAAiB,CAEvC,mBAAAA,cAAA,CAAA,aAAA,CAAC,iBAAY,CAEjB,CAAA;AAAA,oBACAA,cAAA,CAAA,aAAA,CAAC,eAAY,GAAK,EAAA,EAAE,SAAS,GAAK,EAAA,MAAA,EAAQ,QAAU,EAAA,KAAA,EAAM,gBACvD,eAAiB,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,eAAA,CAAA,MAAA,iDACf,SAAU,EAAA,EAAA,SAAA,EAAW,iBAAiB,CAEvC,mBAAAA,cAAA,CAAA,aAAA,CAAC,iBAAY,CAEjB,CAAA;AAAA,GAEJ,CACF,CAAA,CAAA;AAEJ;;;;"}