contentoh-components-library 21.0.15 → 21.0.19

package/CHANGELOG.md

@@ -1,3 +1,33 @@
+# v21.0.19 (Tue May 03 2022)
+
+
+
+---
+
+# v21.0.17 (Tue May 03 2022)
+
+
+
+---
+
+# v21.0.17 (Tue May 03 2022)
+
+
+
+---
+
+# v21.0.17 (Tue May 03 2022)
+
+
+
+---
+
+# v21.0.17 (Tue May 03 2022)
+
+
+
+---
+
 # v0.1.1 (Thu Feb 10 2022)
 
 #### 🐛 Bug Fix

package/dist/global-files/fonts.css

@@ -0,0 +1,45 @@
+@font-face {
+  font-family: "Avenir Next";
+  src: url("../assets/fonts/avenirnext/AvenirNextLTPro-Regular.otf");
+}
+
+@font-face {
+  font-family: "Lato";
+  src: url("../assets/fonts/lato/Lato-Regular.ttf");
+}
+
+@font-face {
+  font-family: "Raleway";
+  src: url("../assets/fonts/raleway/Raleway-Regular.ttf");
+  font-weight: 400;
+}
+
+@font-face {
+  font-family: "Raleway-500";
+  src: url("../assets/fonts/raleway/Raleway-Medium.ttf");
+  font-weight: 500;
+}
+
+@font-face {
+  font-family: "Raleway-600";
+  src: url("../assets/fonts/raleway/Raleway-SemiBold.ttf");
+  font-weight: 600;
+}
+
+@font-face {
+  font-family: "Raleway-700";
+  src: url("../assets/fonts/raleway/Raleway-Bold.ttf");
+  font-weight: 700;
+}
+
+@font-face {
+  font-family: "Raleway-800";
+  src: url("../assets/fonts/raleway/Raleway-ExtraBold.ttf");
+  font-weight: 800;
+}
+
+@font-face {
+  font-family: "Raleway-900";
+  src: url("../assets/fonts/raleway/Raleway-Black.ttf");
+  font-weight: 900;
+}

package/dist/global-files/global-styles.css

@@ -0,0 +1,40 @@
+@import "./fonts.css";
+
+*,
+*::after,
+*::before {
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+}
+
+body.sb-main-padded.sb-show-main {
+  padding: 0;
+  height: 100vh;
+}
+
+.sb-main-padded.sb-show-main #root {
+  height: 100%;
+}
+
+/* width */
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+/* Track */
+::-webkit-scrollbar-track {
+  background: white;
+}
+
+/* Handle */
+::-webkit-scrollbar-thumb {
+  border-radius: 15px;
+  background: #f0eef2;
+}
+
+/* Handle on hover */
+::-webkit-scrollbar-thumb:hover {
+  background: #d4d1d7;
+}

package/dist/index.js

@@ -277,6 +277,19 @@ Object.keys(_index21).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 _index22 = require("./components/molecules/EditionActiveImage/index");
 
 Object.keys(_index22).forEach(function (key) {
@@ -342,6 +355,19 @@ Object.keys(_index26).forEach(function (key) {
   });
 });
 
+var _LoginPasswordStrength = require("./components/molecules/LoginPasswordStrength");
+
+Object.keys(_LoginPasswordStrength).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LoginPasswordStrength[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _LoginPasswordStrength[key];
+    }
+  });
+});
+
 var _index27 = require("./components/molecules/PlanSelection/index");
 
 Object.keys(_index27).forEach(function (key) {
@@ -433,7 +459,7 @@ Object.keys(_index33).forEach(function (key) {
   });
 });
 
-var _index34 = require("./components/molecules/TextAndGradient/index");
+var _index34 = require("./components/organisms/Fullplan/index");
 
 Object.keys(_index34).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -446,7 +472,7 @@ Object.keys(_index34).forEach(function (key) {
   });
 });
 
-var _index35 = require("./components/organisms/Fullplan/index");
+var _index35 = require("./components/organisms/FullProductNameHeader/index");
 
 Object.keys(_index35).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -459,7 +485,7 @@ Object.keys(_index35).forEach(function (key) {
   });
 });
 
-var _index36 = require("./components/organisms/FullProductNameHeader/index");
+var _index36 = require("./components/organisms/FullTabsMenu/index");
 
 Object.keys(_index36).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -472,7 +498,7 @@ Object.keys(_index36).forEach(function (key) {
   });
 });
 
-var _index37 = require("./components/organisms/FullTabsMenu/index");
+var _index37 = require("./components/organisms/ImageDataTable/index");
 
 Object.keys(_index37).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -485,7 +511,7 @@ Object.keys(_index37).forEach(function (key) {
   });
 });
 
-var _index38 = require("./components/organisms/ImageDataTable/index");
+var _index38 = require("./components/organisms/ImagePreviewer/index");
 
 Object.keys(_index38).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -498,7 +524,7 @@ Object.keys(_index38).forEach(function (key) {
   });
 });
 
-var _index39 = require("./components/organisms/ImagePreviewer/index");
+var _index39 = require("./components/organisms/ImagesGroup/index");
 
 Object.keys(_index39).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -511,7 +537,7 @@ Object.keys(_index39).forEach(function (key) {
   });
 });
 
-var _index40 = require("./components/organisms/ImagesGroup/index");
+var _index40 = require("./components/organisms/InputGroup/index");
 
 Object.keys(_index40).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -524,7 +550,7 @@ Object.keys(_index40).forEach(function (key) {
   });
 });
 
-var _index41 = require("./components/organisms/InputGroup/index");
+var _index41 = require("./components/organisms/ProductImageModal/index");
 
 Object.keys(_index41).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -537,15 +563,28 @@ Object.keys(_index41).forEach(function (key) {
   });
 });
 
-var _index42 = require("./components/organisms/ProductImageModal/index");
+var _ChangePasswordLogin = require("./components/pages/ChangePasswordLogin");
 
-Object.keys(_index42).forEach(function (key) {
+Object.keys(_ChangePasswordLogin).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _index42[key]) return;
+  if (key in exports && exports[key] === _ChangePasswordLogin[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _index42[key];
+      return _ChangePasswordLogin[key];
+    }
+  });
+});
+
+var _CustomerLogin = require("./components/pages/CustomerLogin");
+
+Object.keys(_CustomerLogin).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CustomerLogin[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _CustomerLogin[key];
     }
   });
 });
@@ -563,6 +602,19 @@ Object.keys(_CustomerType).forEach(function (key) {
   });
 });
 
+var _EmailResetPassword = require("./components/pages/EmailResetPassword");
+
+Object.keys(_EmailResetPassword).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _EmailResetPassword[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _EmailResetPassword[key];
+    }
+  });
+});
+
 var _OnboardPlan = require("./components/pages/OnboardPlan");
 
 Object.keys(_OnboardPlan).forEach(function (key) {
@@ -576,6 +628,45 @@ Object.keys(_OnboardPlan).forEach(function (key) {
   });
 });
 
+var _RegistrationLoginFirstStep = require("./components/pages/RegistrationLoginFirstStep");
+
+Object.keys(_RegistrationLoginFirstStep).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RegistrationLoginFirstStep[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _RegistrationLoginFirstStep[key];
+    }
+  });
+});
+
+var _RegistrationLoginSecondStep = require("./components/pages/RegistrationLoginSecondStep");
+
+Object.keys(_RegistrationLoginSecondStep).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RegistrationLoginSecondStep[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _RegistrationLoginSecondStep[key];
+    }
+  });
+});
+
+var _RegistrationLoginThirdStep = require("./components/pages/RegistrationLoginThirdStep");
+
+Object.keys(_RegistrationLoginThirdStep).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RegistrationLoginThirdStep[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _RegistrationLoginThirdStep[key];
+    }
+  });
+});
+
 var _RetailerProductEdition = require("./components/pages/RetailerProductEdition");
 
 Object.keys(_RetailerProductEdition).forEach(function (key) {
@@ -587,4 +678,17 @@ Object.keys(_RetailerProductEdition).forEach(function (key) {
       return _RetailerProductEdition[key];
     }
   });
+});
+
+var _VerificationCodeResetPassword = require("./components/pages/VerificationCodeResetPassword");
+
+Object.keys(_VerificationCodeResetPassword).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _VerificationCodeResetPassword[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _VerificationCodeResetPassword[key];
+    }
+  });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.0.15",
+  "version": "21.0.19",
   "dependencies": {
     "@babel/runtime": "^7.17.2",
     "@storybook/addon-postcss": "^2.0.0",
@@ -10,6 +10,7 @@
     "axios": "^0.25.0",
     "babel-preset-react-app": "^10.0.1",
     "chart.js": "^3.7.1",
+    "contentoh-components-library": "^21.0.18",
     "js-base64": "^3.7.2",
     "prop-types": "^15.7.2",
     "react": "^17.0.2",
@@ -22,7 +23,8 @@
   "scripts": {
     "start": "start-storybook  -p 6006",
     "build": "cross-env BABEL_ENV=production babel src -d dist",
-    "chromatic": "npx chromatic --project-token=d7bb0c8ba831"
+    "chromatic": "npx chromatic --project-token=d7bb0c8ba831",
+    "release": "auto shipit --base-branch=main"
   },
   "eslintConfig": {
     "extends": [
@@ -53,13 +55,13 @@
     ]
   },
   "devDependencies": {
-    "@babel/cli": "^7.17.0",
+    "@babel/cli": "^7.17.10",
     "@babel/core": "^7.16.0",
     "@storybook/addon-actions": "^6.4.1",
     "@storybook/addon-essentials": "^6.4.1",
     "@storybook/addon-links": "^6.4.1",
     "@storybook/react": "^6.4.1",
-    "auto": "^10.32.6",
+    "auto": "^10.36.5",
     "babel-loader": "^8.2.3",
     "chromatic": "^6.3.3",
     "cross-env": "^7.0.3",

package/src/index.js

@@ -22,11 +22,13 @@ export * from "./components/atoms/ValidationPanel/index";
 
 //molecules
 export * from "./components/molecules/AvatarAndValidation/index";
+export * from "./components/molecules/CarouselImagesLogin"
 export * from "./components/molecules/EditionActiveImage/index";
 export * from "./components/molecules/FeaturesBar/index";
 export * from "./components/molecules/GalleryElement/index";
 export * from "./components/molecules/HeaderTop/index";
 export * from "./components/molecules/ImageSelector/index";
+export * from "./components/molecules/LoginPasswordStrength"
 export * from "./components/molecules/PlanSelection/index";
 export * from "./components/molecules/ProductNameHeader/index";
 export * from "./components/molecules/StatusAsignationInfo/index";
@@ -34,7 +36,6 @@ export * from "./components/molecules/TableHeader/index";
 export * from "./components/molecules/TableRow/index";
 export * from "./components/molecules/TabsMenu/index";
 export * from "./components/molecules/TagAndInput/index";
-export * from "./components/molecules/TextAndGradient/index";
 
 //organisms
 export * from "./components/organisms/Fullplan/index";
@@ -47,6 +48,13 @@ export * from "./components/organisms/InputGroup/index";
 export * from "./components/organisms/ProductImageModal/index";
 
 //pages
+export * from "./components/pages/ChangePasswordLogin"
+export * from "./components/pages/CustomerLogin"
 export * from "./components/pages/CustomerType";
+export * from "./components/pages/EmailResetPassword"
 export * from "./components/pages/OnboardPlan";
+export * from "./components/pages/RegistrationLoginFirstStep"
+export * from "./components/pages/RegistrationLoginSecondStep"
+export * from "./components/pages/RegistrationLoginThirdStep"
 export * from "./components/pages/RetailerProductEdition";
+export * from "./components/pages/VerificationCodeResetPassword"

package/src/assets/images/approveRejetPanel/approveRejetPanelCancel.svg

@@ -1,4 +0,0 @@
-<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15 0C6.72867 0 0 6.72867 0 15C0 23.2713 6.72867 30 15 30C23.2713 30 30 23.2713 30 15C30 6.72867 23.2713 0 15 0Z" fill="#FC3030"/>
-<path d="M15.4023 17.6258L19.8513 22.0748L22.0758 19.8503L17.6268 15.4013L22.0758 10.9523L19.8513 8.7278L15.4023 13.1768L10.9533 8.7278L8.72885 10.9523L13.1778 15.4013L8.72885 19.8503L10.9533 22.0748L15.4023 17.6258Z" fill="#FAFAFA"/>
-</svg>

package/src/assets/images/approveRejetPanel/approveRejetPanelDelete.svg

@@ -1,14 +0,0 @@
-<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="0.5" y="0.5" width="29" height="29" rx="14.5" stroke="#EDEDED"/>
-<g clip-path="url(#clip0_320_8163)">
-<path d="M21.5798 9.94227L21.2034 8.73157C21.0601 8.27045 20.6594 7.96062 20.2066 7.96062H17.0435V6.85543C17.0435 6.30305 16.625 5.85352 16.1104 5.85352H13.2137C12.6993 5.85352 12.2806 6.30305 12.2806 6.85543V7.96062H9.11766C8.6647 7.96062 8.26403 8.27045 8.12072 8.73157L7.74437 9.94227C7.65866 10.2179 7.7021 10.5231 7.86037 10.7588C8.01863 10.9946 8.2747 11.1354 8.54545 11.1354H8.93884L9.80469 22.6257C9.86907 23.4783 10.5432 24.1462 11.3398 24.1462H18.1601C18.9565 24.1462 19.6307 23.4783 19.695 22.6255L20.5608 11.1354H20.7787C21.0494 11.1354 21.3055 10.9946 21.4638 10.759C21.622 10.5233 21.6655 10.2179 21.5798 9.94227V9.94227ZM13.2794 6.92535H16.0447V7.96062H13.2794V6.92535ZM18.6995 22.5391C18.6769 22.8393 18.4399 23.0744 18.1601 23.0744H11.3398C11.0599 23.0744 10.823 22.8393 10.8003 22.5391L9.94085 11.1354H19.5588L18.6995 22.5391ZM8.75964 10.0635L9.06824 9.0707C9.07526 9.04781 9.09516 9.03246 9.11766 9.03246H20.2066C20.2291 9.03246 20.2489 9.04781 20.256 9.0707L20.5646 10.0635H8.75964Z" fill="#817393"/>
-<path d="M17.1062 22.501C17.1151 22.5016 17.1238 22.5017 17.1326 22.5017C17.3965 22.5017 17.617 22.2798 17.6308 21.9937L18.0998 12.3329C18.1141 12.0374 17.9024 11.7852 17.6271 11.7698C17.351 11.754 17.1168 11.9815 17.1023 12.2771L16.6335 21.9379C16.6192 22.2335 16.8308 22.4857 17.1062 22.501V22.501Z" fill="#817393"/>
-<path d="M11.7145 21.9949C11.729 22.2806 11.9493 22.5016 12.2127 22.5016C12.2218 22.5016 12.2311 22.5013 12.2404 22.5008C12.5157 22.4847 12.7267 22.2321 12.7118 21.9365L12.2206 12.2758C12.2056 11.9802 11.9703 11.7537 11.6948 11.7699C11.4195 11.7859 11.2084 12.0385 11.2234 12.3341L11.7145 21.9949Z" fill="#817393"/>
-<path d="M14.6673 22.5016C14.9432 22.5016 15.1667 22.2617 15.1667 21.9657V12.305C15.1667 12.009 14.9432 11.769 14.6673 11.769C14.3915 11.769 14.168 12.009 14.168 12.305V21.9657C14.168 22.2617 14.3915 22.5016 14.6673 22.5016Z" fill="#817393"/>
-</g>
-<defs>
-<clipPath id="clip0_320_8163">
-<rect width="17.0455" height="18.2927" fill="white" transform="translate(6.13672 5.85352)"/>
-</clipPath>
-</defs>
-</svg>

package/src/assets/images/approveRejetPanel/approveRejetPanelExclude.svg

@@ -1,3 +0,0 @@
-<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M0 15C0 6.72867 6.72867 0 15 0C23.2713 0 30 6.72867 30 15C30 23.2713 23.2713 30 15 30C6.72867 30 0 23.2713 0 15ZM7.53658 16.9742V13.8283L23.2661 13.8283V16.9742H7.53658Z" fill="#D4D1D7"/>
-</svg>

package/src/assets/images/approveRejetPanel/approveRejetPanelSave.svg

@@ -1,4 +0,0 @@
-<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15 0C6.72867 0 0 6.72867 0 15C0 23.2713 6.72867 30 15 30C23.2713 30 30 23.2713 30 15C30 6.72867 23.2713 0 15 0Z" fill="#71DE56"/>
-<path d="M22.6028 11.8211L14.4778 19.946C14.234 20.1897 13.914 20.3124 13.5941 20.3124C13.2741 20.3124 12.9541 20.1897 12.7103 19.946L8.64792 15.8835C8.15903 15.3949 8.15903 14.6048 8.64792 14.1161C9.13658 13.6272 9.92645 13.6272 10.4153 14.1161L13.5941 17.2948L20.8354 10.0537C21.3241 9.56479 22.114 9.56479 22.6028 10.0537C23.0915 10.5423 23.0915 11.3322 22.6028 11.8211Z" fill="#F0EEF2"/>
-</svg>

package/src/assets/images/listCommercialRetailers/listCommercialRetailers.svg

@@ -1,3 +0,0 @@
-<svg width="7" height="5" viewBox="0 0 7 5" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.09884 4.60084C6.2926 4.79759 6.60918 4.80001 6.80592 4.60624C7.00267 4.41248 7.00509 4.0959 6.81132 3.89916L6.09884 4.60084ZM3.50053 1.25L3.85677 0.899156L3.50053 0.537433L3.14429 0.899156L3.50053 1.25ZM0.189745 3.89916C-0.00402068 4.0959 -0.00160409 4.41248 0.195143 4.60624C0.39189 4.80001 0.708463 4.79759 0.902229 4.60084L0.189745 3.89916ZM6.81132 3.89916L3.85677 0.899156L3.14429 1.60084L6.09884 4.60084L6.81132 3.89916ZM3.14429 0.899156L0.189745 3.89916L0.902229 4.60084L3.85677 1.60084L3.14429 0.899156Z" fill="#E33AA9"/>
-</svg>