contentoh-components-library 21.4.124 → 21.4.126

package/dist/index.js

@@ -446,7 +446,7 @@ Object.keys(_index34).forEach(function (key) {
   });
 });
 
-var _index35 = require("./components/molecules/AvatarAndValidation/index");
+var _index35 = require("./components/atoms/UserOption/index");
 
 Object.keys(_index35).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -459,20 +459,7 @@ Object.keys(_index35).forEach(function (key) {
   });
 });
 
-var _CarouselImagesLogin = require("./components/molecules/CarouselImagesLogin");
-
-Object.keys(_CarouselImagesLogin).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _CarouselImagesLogin[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _CarouselImagesLogin[key];
-    }
-  });
-});
-
-var _index36 = require("./components/molecules/EditionActiveImage/index");
+var _index36 = require("./components/atoms/UserCatalog/index");
 
 Object.keys(_index36).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -485,7 +472,7 @@ Object.keys(_index36).forEach(function (key) {
   });
 });
 
-var _index37 = require("./components/molecules/EmailResetPasswordLogin/index");
+var _index37 = require("./components/atoms/UserSelector/index");
 
 Object.keys(_index37).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -498,7 +485,7 @@ Object.keys(_index37).forEach(function (key) {
   });
 });
 
-var _index38 = require("./components/molecules/FeaturesBar/index");
+var _index38 = require("./components/atoms/ImageCarousel/index");
 
 Object.keys(_index38).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -511,7 +498,7 @@ Object.keys(_index38).forEach(function (key) {
   });
 });
 
-var _index39 = require("./components/molecules/GalleryElement/index");
+var _index39 = require("./components/atoms/RetailersList/index");
 
 Object.keys(_index39).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -524,7 +511,7 @@ Object.keys(_index39).forEach(function (key) {
   });
 });
 
-var _index40 = require("./components/molecules/HeaderTop/index");
+var _index40 = require("./components/atoms/RetailerOption/index");
 
 Object.keys(_index40).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -537,7 +524,7 @@ Object.keys(_index40).forEach(function (key) {
   });
 });
 
-var _index41 = require("./components/molecules/ImageSelector/index");
+var _index41 = require("./components/atoms/RetailerCatalog/index");
 
 Object.keys(_index41).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -550,7 +537,7 @@ Object.keys(_index41).forEach(function (key) {
   });
 });
 
-var _index42 = require("./components/molecules/LoginPasswordStrength/index");
+var _index42 = require("./components/molecules/AvatarAndValidation/index");
 
 Object.keys(_index42).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -563,7 +550,20 @@ Object.keys(_index42).forEach(function (key) {
   });
 });
 
-var _index43 = require("./components/molecules/LogoLoading/index");
+var _CarouselImagesLogin = require("./components/molecules/CarouselImagesLogin");
+
+Object.keys(_CarouselImagesLogin).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CarouselImagesLogin[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _CarouselImagesLogin[key];
+    }
+  });
+});
+
+var _index43 = require("./components/molecules/EditionActiveImage/index");
 
 Object.keys(_index43).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -576,7 +576,7 @@ Object.keys(_index43).forEach(function (key) {
   });
 });
 
-var _index44 = require("./components/molecules/PlanSelection/index");
+var _index44 = require("./components/molecules/EmailResetPasswordLogin/index");
 
 Object.keys(_index44).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -589,7 +589,7 @@ Object.keys(_index44).forEach(function (key) {
   });
 });
 
-var _index45 = require("./components/molecules/ProductNameHeader/index");
+var _index45 = require("./components/molecules/FeaturesBar/index");
 
 Object.keys(_index45).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -602,7 +602,7 @@ Object.keys(_index45).forEach(function (key) {
   });
 });
 
-var _index46 = require("./components/molecules/RegistrationFirstStep/index");
+var _index46 = require("./components/molecules/GalleryElement/index");
 
 Object.keys(_index46).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -615,7 +615,7 @@ Object.keys(_index46).forEach(function (key) {
   });
 });
 
-var _index47 = require("./components/molecules/RegistrationSecondStep/index");
+var _index47 = require("./components/molecules/HeaderTop/index");
 
 Object.keys(_index47).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -628,7 +628,7 @@ Object.keys(_index47).forEach(function (key) {
   });
 });
 
-var _index48 = require("./components/molecules/RegistrationThirdStep/index");
+var _index48 = require("./components/molecules/ImageSelector/index");
 
 Object.keys(_index48).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -641,7 +641,7 @@ Object.keys(_index48).forEach(function (key) {
   });
 });
 
-var _index49 = require("./components/molecules/SignInLogin/index");
+var _index49 = require("./components/molecules/LoginPasswordStrength/index");
 
 Object.keys(_index49).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -654,7 +654,7 @@ Object.keys(_index49).forEach(function (key) {
   });
 });
 
-var _index50 = require("./components/molecules/StatusAsignationInfo/index");
+var _index50 = require("./components/molecules/LogoLoading/index");
 
 Object.keys(_index50).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -667,7 +667,7 @@ Object.keys(_index50).forEach(function (key) {
   });
 });
 
-var _index51 = require("./components/molecules/TableHeader/index");
+var _index51 = require("./components/molecules/PlanSelection/index");
 
 Object.keys(_index51).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -680,7 +680,7 @@ Object.keys(_index51).forEach(function (key) {
   });
 });
 
-var _index52 = require("./components/molecules/TableRow/index");
+var _index52 = require("./components/molecules/ProductNameHeader/index");
 
 Object.keys(_index52).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -693,7 +693,7 @@ Object.keys(_index52).forEach(function (key) {
   });
 });
 
-var _index53 = require("./components/molecules/TabsMenu/index");
+var _index53 = require("./components/molecules/RegistrationFirstStep/index");
 
 Object.keys(_index53).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -706,7 +706,7 @@ Object.keys(_index53).forEach(function (key) {
   });
 });
 
-var _index54 = require("./components/molecules/TagAndInput/index");
+var _index54 = require("./components/molecules/RegistrationSecondStep/index");
 
 Object.keys(_index54).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -719,7 +719,7 @@ Object.keys(_index54).forEach(function (key) {
   });
 });
 
-var _index55 = require("./components/molecules/VerificationCodeResetPasswordLogin/index");
+var _index55 = require("./components/molecules/RegistrationThirdStep/index");
 
 Object.keys(_index55).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -732,7 +732,7 @@ Object.keys(_index55).forEach(function (key) {
   });
 });
 
-var _index56 = require("./components/molecules/RetailerSelector/index");
+var _index56 = require("./components/molecules/SignInLogin/index");
 
 Object.keys(_index56).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -745,7 +745,7 @@ Object.keys(_index56).forEach(function (key) {
   });
 });
 
-var _index57 = require("./components/molecules/CustomSelect/index");
+var _index57 = require("./components/molecules/StatusAsignationInfo/index");
 
 Object.keys(_index57).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -758,7 +758,7 @@ Object.keys(_index57).forEach(function (key) {
   });
 });
 
-var _index58 = require("./components/molecules/ButtonDownloadFile/index");
+var _index58 = require("./components/molecules/TableHeader/index");
 
 Object.keys(_index58).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -771,7 +771,7 @@ Object.keys(_index58).forEach(function (key) {
   });
 });
 
-var _index59 = require("./components/molecules/ImageTooltip/index");
+var _index59 = require("./components/molecules/TableRow/index");
 
 Object.keys(_index59).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -784,7 +784,7 @@ Object.keys(_index59).forEach(function (key) {
   });
 });
 
-var _index60 = require("./components/molecules/SelectV2/index");
+var _index60 = require("./components/molecules/TabsMenu/index");
 
 Object.keys(_index60).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -797,7 +797,7 @@ Object.keys(_index60).forEach(function (key) {
   });
 });
 
-var _index61 = require("./components/molecules/Dropdown/index");
+var _index61 = require("./components/molecules/TagAndInput/index");
 
 Object.keys(_index61).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -810,7 +810,7 @@ Object.keys(_index61).forEach(function (key) {
   });
 });
 
-var _index62 = require("./components/molecules/StripeCardForm/index");
+var _index62 = require("./components/molecules/VerificationCodeResetPasswordLogin/index");
 
 Object.keys(_index62).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -823,7 +823,7 @@ Object.keys(_index62).forEach(function (key) {
   });
 });
 
-var _index63 = require("./components/molecules/StripeCardSelector/index");
+var _index63 = require("./components/molecules/RetailerSelector/index");
 
 Object.keys(_index63).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -836,7 +836,7 @@ Object.keys(_index63).forEach(function (key) {
   });
 });
 
-var _index64 = require("./components/organisms/ChangePassword/index");
+var _index64 = require("./components/molecules/CustomSelect/index");
 
 Object.keys(_index64).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -849,7 +849,7 @@ Object.keys(_index64).forEach(function (key) {
   });
 });
 
-var _index65 = require("./components/organisms/Fullplan/index");
+var _index65 = require("./components/molecules/ButtonDownloadFile/index");
 
 Object.keys(_index65).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -862,7 +862,7 @@ Object.keys(_index65).forEach(function (key) {
   });
 });
 
-var _index66 = require("./components/organisms/FullProductNameHeader/index");
+var _index66 = require("./components/molecules/ImageTooltip/index");
 
 Object.keys(_index66).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -875,7 +875,7 @@ Object.keys(_index66).forEach(function (key) {
   });
 });
 
-var _index67 = require("./components/organisms/FullTabsMenu/index");
+var _index67 = require("./components/molecules/SelectV2/index");
 
 Object.keys(_index67).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -888,7 +888,7 @@ Object.keys(_index67).forEach(function (key) {
   });
 });
 
-var _index68 = require("./components/organisms/ImageDataTable/index");
+var _index68 = require("./components/molecules/Dropdown/index");
 
 Object.keys(_index68).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -901,7 +901,7 @@ Object.keys(_index68).forEach(function (key) {
   });
 });
 
-var _index69 = require("./components/organisms/ImagePreviewer/index");
+var _index69 = require("./components/molecules/StripeCardForm/index");
 
 Object.keys(_index69).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -914,7 +914,7 @@ Object.keys(_index69).forEach(function (key) {
   });
 });
 
-var _index70 = require("./components/organisms/ImagesGroup/index");
+var _index70 = require("./components/molecules/StripeCardSelector/index");
 
 Object.keys(_index70).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -927,7 +927,7 @@ Object.keys(_index70).forEach(function (key) {
   });
 });
 
-var _index71 = require("./components/organisms/InputGroup/index");
+var _index71 = require("./components/molecules/GridItem/index");
 
 Object.keys(_index71).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -940,7 +940,7 @@ Object.keys(_index71).forEach(function (key) {
   });
 });
 
-var _index72 = require("./components/organisms/ProductImageModal/index");
+var _index72 = require("./components/molecules/HeaderItem/index");
 
 Object.keys(_index72).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -953,7 +953,7 @@ Object.keys(_index72).forEach(function (key) {
   });
 });
 
-var _index73 = require("./components/organisms/Chat/index");
+var _index73 = require("./components/molecules/RowItem/index");
 
 Object.keys(_index73).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -966,7 +966,7 @@ Object.keys(_index73).forEach(function (key) {
   });
 });
 
-var _index74 = require("./components/organisms/Modal/index");
+var _index74 = require("./components/organisms/ChangePassword/index");
 
 Object.keys(_index74).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -979,7 +979,7 @@ Object.keys(_index74).forEach(function (key) {
   });
 });
 
-var _index75 = require("./components/organisms/OrderDetail/index");
+var _index75 = require("./components/organisms/Fullplan/index");
 
 Object.keys(_index75).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -992,6 +992,136 @@ Object.keys(_index75).forEach(function (key) {
   });
 });
 
+var _index76 = require("./components/organisms/FullProductNameHeader/index");
+
+Object.keys(_index76).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index76[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index76[key];
+    }
+  });
+});
+
+var _index77 = require("./components/organisms/FullTabsMenu/index");
+
+Object.keys(_index77).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index77[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index77[key];
+    }
+  });
+});
+
+var _index78 = require("./components/organisms/ImageDataTable/index");
+
+Object.keys(_index78).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index78[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index78[key];
+    }
+  });
+});
+
+var _index79 = require("./components/organisms/ImagePreviewer/index");
+
+Object.keys(_index79).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index79[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index79[key];
+    }
+  });
+});
+
+var _index80 = require("./components/organisms/ImagesGroup/index");
+
+Object.keys(_index80).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index80[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index80[key];
+    }
+  });
+});
+
+var _index81 = require("./components/organisms/InputGroup/index");
+
+Object.keys(_index81).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index81[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index81[key];
+    }
+  });
+});
+
+var _index82 = require("./components/organisms/ProductImageModal/index");
+
+Object.keys(_index82).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index82[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index82[key];
+    }
+  });
+});
+
+var _index83 = require("./components/organisms/Chat/index");
+
+Object.keys(_index83).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index83[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index83[key];
+    }
+  });
+});
+
+var _index84 = require("./components/organisms/Modal/index");
+
+Object.keys(_index84).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index84[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index84[key];
+    }
+  });
+});
+
+var _index85 = require("./components/organisms/OrderDetail/index");
+
+Object.keys(_index85).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index85[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index85[key];
+    }
+  });
+});
+
 var _RangeCalendar = require("./components/organisms/RangeCalendar");
 
 Object.keys(_RangeCalendar).forEach(function (key) {
@@ -1018,15 +1148,28 @@ Object.keys(_TableResizable).forEach(function (key) {
   });
 });
 
-var _index76 = require("./components/organisms/SideModal/index");
+var _index86 = require("./components/organisms/SideModal/index");
 
-Object.keys(_index76).forEach(function (key) {
+Object.keys(_index86).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _index76[key]) return;
+  if (key in exports && exports[key] === _index86[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _index76[key];
+      return _index86[key];
+    }
+  });
+});
+
+var _index87 = require("./components/organisms/GridProducts/index");
+
+Object.keys(_index87).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index87[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index87[key];
     }
   });
 });
@@ -1187,6 +1330,19 @@ Object.keys(_VerificationCodeResetPassword).forEach(function (key) {
   });
 });
 
+var _MultipleEdition = require("./components/pages/MultipleEdition");
+
+Object.keys(_MultipleEdition).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MultipleEdition[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MultipleEdition[key];
+    }
+  });
+});
+
 var _dashboardUtils = require("./components/pages/Dashboard/dashboardUtils");
 
 Object.keys(_dashboardUtils).forEach(function (key) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.4.124",
+  "version": "21.4.126",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",
@@ -27,9 +27,12 @@
     "babel-preset-react-app": "^10.0.1",
     "caniuse-lite": "^1.0.30001472",
     "chart.js": "^3.7.1",
+    "contentoh-components-library": "^21.4.75",
     "draft-js": "^0.11.7",
     "file-saver": "^2.0.5",
+    "infinite-react-carousel": "^1.2.11",
     "js-base64": "^3.7.2",
+    "mapbox-gl": "^1.13.3",
     "moment": "^2.29.4",
     "prop-types": "^15.7.2",
     "react": "^17.0.2",

package/src/assets/images/Icons/addv2.svg

@@ -0,0 +1,8 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_343_348" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="14" height="14">
+<rect width="14" height="14" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_343_348)">
+<path d="M6.25 7.75H0V6.25H6.25V0H7.75V6.25H14V7.75H7.75V14H6.25V7.75Z" fill="#E33AA9"/>
+</g>
+</svg>

package/src/assets/images/Icons/beenhere.svg

@@ -0,0 +1,9 @@
+<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="33" height="33" rx="16.5" fill="white" stroke="#E33AA9"/>
+<mask id="mask0_387_1148" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="10" y="10" width="14" height="14">
+<rect x="10" y="10" width="14" height="14" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_387_1148)">
+<path d="M17.0833 24L12.15 20.3C12.025 20.2083 11.9271 20.0917 11.8563 19.95C11.7854 19.8083 11.75 19.6583 11.75 19.5V11C11.75 10.7333 11.85 10.5 12.05 10.3C12.25 10.1 12.4833 10 12.75 10H21.4167C21.6833 10 21.9167 10.1 22.1167 10.3C22.3167 10.5 22.4167 10.7333 22.4167 11V19.5C22.4167 19.6583 22.3813 19.8083 22.3104 19.95C22.2396 20.0917 22.1417 20.2083 22.0167 20.3L17.0833 24ZM17.0833 22.75L21.4167 19.4167V11H12.75V19.4167L17.0833 22.75ZM16.3833 18.6667L20.15 14.9L19.4333 14.2L16.3667 17.2667L14.7167 15.6167L14.0167 16.3167L16.3833 18.6667Z" fill="#E33AA9"/>
+</g>
+</svg>

package/src/assets/images/Icons/checkv2.svg

@@ -0,0 +1,8 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_372_2690" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="48" height="48">
+<rect width="48" height="48" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_372_2690)">
+<path d="M20.46 34.92L37.44 17.94L34.68 15.24L20.46 29.46L13.26 22.26L10.56 24.96L20.46 34.92ZM24 48C20.72 48 17.62 47.37 14.7 46.11C11.78 44.85 9.23 43.13 7.05 40.95C4.87 38.77 3.15 36.22 1.89 33.3C0.63 30.38 0 27.28 0 24C0 20.68 0.63 17.56 1.89 14.64C3.15 11.72 4.87 9.18 7.05 7.02C9.23 4.86 11.78 3.15 14.7 1.89C17.62 0.63 20.72 0 24 0C27.32 0 30.44 0.63 33.36 1.89C36.28 3.15 38.82 4.86 40.98 7.02C43.14 9.18 44.85 11.72 46.11 14.64C47.37 17.56 48 20.68 48 24C48 27.28 47.37 30.38 46.11 33.3C44.85 36.22 43.14 38.77 40.98 40.95C38.82 43.13 36.28 44.85 33.36 46.11C30.44 47.37 27.32 48 24 48ZM24 44.4C29.68 44.4 34.5 42.41 38.46 38.43C42.42 34.45 44.4 29.64 44.4 24C44.4 18.32 42.42 13.5 38.46 9.54C34.5 5.58 29.68 3.6 24 3.6C18.36 3.6 13.55 5.58 9.57 9.54C5.59 13.5 3.6 18.32 3.6 24C3.6 29.64 5.59 34.45 9.57 38.43C13.55 42.41 18.36 44.4 24 44.4Z" fill="#85BC5B"/>
+</g>
+</svg>

package/src/assets/images/Icons/close-magenta.svg

@@ -0,0 +1,9 @@
+<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="33" height="33" rx="16.5" fill="white" stroke="#E33AA9"/>
+<mask id="mask0_346_668" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="10" y="10" width="14" height="14">
+<rect x="10" y="10" width="14" height="14" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_346_668)">
+<path d="M11.077 24L10 22.9231L15.9231 17L10 11.0769L11.077 10L17 15.9231L22.9231 10L24 11.0769L18.077 17L24 22.9231L22.9231 24L17 18.0769L11.077 24Z" fill="#E33AA9"/>
+</g>
+</svg>

package/src/assets/images/Icons/close.svg

@@ -0,0 +1,8 @@
+<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_731_2487" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="10" height="10">
+<rect width="10" height="10" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_731_2487)">
+<path d="M0.769231 10L0 9.23077L4.23077 5L0 0.769231L0.769231 0L5 4.23077L9.23077 0L10 0.769231L5.76923 5L10 9.23077L9.23077 10L5 5.76923L0.769231 10Z" fill="#B64545"/>
+</g>
+</svg>

package/src/assets/images/Icons/closeCircle.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
+  <mask id="mask0_336_331" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="10" height="10">
+    <rect x="0.0588379" y="0.0588226" width="9.88235" height="9.88235" fill="#D9D9D9"/>
+  </mask>
+  <g mask="url(#mask0_336_331)">
+    <path d="M0.819019 9.94121L0.0588379 9.18103L4.23983 5.00003L0.0588379 0.819034L0.819019 0.0588531L5.00001 4.23985L9.18101 0.0588531L9.94119 0.819034L5.7602 5.00003L9.94119 9.18103L9.18101 9.94121L5.00001 5.76021L0.819019 9.94121Z" fill="white"/>
+  </g>
+</svg>

package/src/assets/images/Icons/delete-forever-red.svg

@@ -0,0 +1,9 @@
+<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="33" height="33" rx="16.5" fill="white" stroke="#B64545"/>
+<mask id="mask0_346_669" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="10" y="10" width="14" height="14">
+<rect x="10" y="10" width="14" height="14" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_346_669)">
+<path d="M14.7833 20.5194L17.0972 18.1667L19.4306 20.5194L20.3444 19.5861L18.0306 17.2333L20.3444 14.8806L19.4306 13.9472L17.0972 16.3L14.7833 13.9472L13.85 14.8806L16.1833 17.2333L13.85 19.5861L14.7833 20.5194ZM12.8389 24C12.5278 24 12.2556 23.8833 12.0222 23.65C11.7889 23.4167 11.6722 23.1444 11.6722 22.8333V11.75H10.875V10.5833H14.5306V10H19.6639V10.5833H23.3194V11.75H22.5222V22.8333C22.5222 23.1444 22.4056 23.4167 22.1722 23.65C21.9389 23.8833 21.6667 24 21.3556 24H12.8389ZM21.3556 11.75H12.8389V22.8333H21.3556V11.75Z" fill="#B64545"/>
+</g>
+</svg>