contentoh-components-library 21.0.31 → 21.0.34

package/dist/index.js

@@ -1,9 +1,19 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _App = _interopRequireDefault(require("./App.jsx"));
+
+var _awsAmplify = _interopRequireDefault(require("aws-amplify"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _index = require("./components/atoms/ActivedFilter/index");
 
 Object.keys(_index).forEach(function (key) {
@@ -160,7 +170,7 @@ Object.keys(_index12).forEach(function (key) {
   });
 });
 
-var _index13 = require("./components/atoms/PriorityFlag/index");
+var _index13 = require("./components/atoms/Loading/index");
 
 Object.keys(_index13).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -173,7 +183,7 @@ Object.keys(_index13).forEach(function (key) {
   });
 });
 
-var _index14 = require("./components/atoms/ProductImage/index");
+var _index14 = require("./components/atoms/PriorityFlag/index");
 
 Object.keys(_index14).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -186,7 +196,7 @@ Object.keys(_index14).forEach(function (key) {
   });
 });
 
-var _index15 = require("./components/atoms/ProgressBar/index");
+var _index15 = require("./components/atoms/ProductImage/index");
 
 Object.keys(_index15).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -199,7 +209,7 @@ Object.keys(_index15).forEach(function (key) {
   });
 });
 
-var _index16 = require("./components/atoms/ScreenHeader/index");
+var _index16 = require("./components/atoms/ProgressBar/index");
 
 Object.keys(_index16).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -212,7 +222,7 @@ Object.keys(_index16).forEach(function (key) {
   });
 });
 
-var _index17 = require("./components/atoms/SideMenuButton/index");
+var _index17 = require("./components/atoms/ScreenHeader/index");
 
 Object.keys(_index17).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -225,7 +235,7 @@ Object.keys(_index17).forEach(function (key) {
   });
 });
 
-var _index18 = require("./components/atoms/StatusTag/index");
+var _index18 = require("./components/atoms/SideMenuButton/index");
 
 Object.keys(_index18).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -238,7 +248,7 @@ Object.keys(_index18).forEach(function (key) {
   });
 });
 
-var _index19 = require("./components/atoms/TabSection/index");
+var _index19 = require("./components/atoms/StatusTag/index");
 
 Object.keys(_index19).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -251,7 +261,7 @@ Object.keys(_index19).forEach(function (key) {
   });
 });
 
-var _index20 = require("./components/atoms/ValidationPanel/index");
+var _index20 = require("./components/atoms/TabSection/index");
 
 Object.keys(_index20).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -264,7 +274,7 @@ Object.keys(_index20).forEach(function (key) {
   });
 });
 
-var _index21 = require("./components/molecules/AvatarAndValidation/index");
+var _index21 = require("./components/atoms/ValidationPanel/index");
 
 Object.keys(_index21).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -277,7 +287,7 @@ Object.keys(_index21).forEach(function (key) {
   });
 });
 
-var _index22 = require("./components/molecules/EditionActiveImage/index");
+var _index22 = require("./components/molecules/AvatarAndValidation/index");
 
 Object.keys(_index22).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -290,7 +300,20 @@ Object.keys(_index22).forEach(function (key) {
   });
 });
 
-var _index23 = require("./components/molecules/FeaturesBar/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 _index23 = require("./components/molecules/EditionActiveImage/index");
 
 Object.keys(_index23).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -303,7 +326,7 @@ Object.keys(_index23).forEach(function (key) {
   });
 });
 
-var _index24 = require("./components/molecules/GalleryElement/index");
+var _index24 = require("./components/molecules/EmailResetPasswordLogin/index");
 
 Object.keys(_index24).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -316,7 +339,7 @@ Object.keys(_index24).forEach(function (key) {
   });
 });
 
-var _index25 = require("./components/molecules/HeaderTop/index");
+var _index25 = require("./components/molecules/FeaturesBar/index");
 
 Object.keys(_index25).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -329,7 +352,7 @@ Object.keys(_index25).forEach(function (key) {
   });
 });
 
-var _index26 = require("./components/molecules/ImageSelector/index");
+var _index26 = require("./components/molecules/GalleryElement/index");
 
 Object.keys(_index26).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -342,7 +365,7 @@ Object.keys(_index26).forEach(function (key) {
   });
 });
 
-var _index27 = require("./components/molecules/PlanSelection/index");
+var _index27 = require("./components/molecules/HeaderTop/index");
 
 Object.keys(_index27).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -355,7 +378,7 @@ Object.keys(_index27).forEach(function (key) {
   });
 });
 
-var _index28 = require("./components/molecules/ProductNameHeader/index");
+var _index28 = require("./components/molecules/ImageSelector/index");
 
 Object.keys(_index28).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -368,7 +391,20 @@ Object.keys(_index28).forEach(function (key) {
   });
 });
 
-var _index29 = require("./components/molecules/StatusAsignationInfo/index");
+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 _index29 = require("./components/molecules/PlanSelection/index");
 
 Object.keys(_index29).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -381,7 +417,7 @@ Object.keys(_index29).forEach(function (key) {
   });
 });
 
-var _index30 = require("./components/molecules/TableHeader/index");
+var _index30 = require("./components/molecules/ProductNameHeader/index");
 
 Object.keys(_index30).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -394,7 +430,7 @@ Object.keys(_index30).forEach(function (key) {
   });
 });
 
-var _index31 = require("./components/molecules/TableRow/index");
+var _index31 = require("./components/molecules/RegistrationFirstStep/index");
 
 Object.keys(_index31).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -407,7 +443,7 @@ Object.keys(_index31).forEach(function (key) {
   });
 });
 
-var _index32 = require("./components/molecules/TabsMenu/index");
+var _index32 = require("./components/molecules/RegistrationSecondStep/index");
 
 Object.keys(_index32).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -420,7 +456,7 @@ Object.keys(_index32).forEach(function (key) {
   });
 });
 
-var _index33 = require("./components/molecules/TagAndInput/index");
+var _index33 = require("./components/molecules/RegistrationThirdStep/index");
 
 Object.keys(_index33).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -433,7 +469,7 @@ Object.keys(_index33).forEach(function (key) {
   });
 });
 
-var _index34 = require("./components/molecules/TextAndGradient/index");
+var _index34 = require("./components/molecules/SignInLogin/index");
 
 Object.keys(_index34).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -446,7 +482,7 @@ Object.keys(_index34).forEach(function (key) {
   });
 });
 
-var _index35 = require("./components/organisms/Fullplan/index");
+var _index35 = require("./components/molecules/StatusAsignationInfo/index");
 
 Object.keys(_index35).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -459,7 +495,7 @@ Object.keys(_index35).forEach(function (key) {
   });
 });
 
-var _index36 = require("./components/organisms/FullProductNameHeader/index");
+var _index36 = require("./components/molecules/TableHeader/index");
 
 Object.keys(_index36).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -472,7 +508,7 @@ Object.keys(_index36).forEach(function (key) {
   });
 });
 
-var _index37 = require("./components/organisms/FullTabsMenu/index");
+var _index37 = require("./components/molecules/TableRow/index");
 
 Object.keys(_index37).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -485,7 +521,7 @@ Object.keys(_index37).forEach(function (key) {
   });
 });
 
-var _index38 = require("./components/organisms/ImageDataTable/index");
+var _index38 = require("./components/molecules/TabsMenu/index");
 
 Object.keys(_index38).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -498,7 +534,7 @@ Object.keys(_index38).forEach(function (key) {
   });
 });
 
-var _index39 = require("./components/organisms/ImagePreviewer/index");
+var _index39 = require("./components/molecules/TagAndInput/index");
 
 Object.keys(_index39).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -511,7 +547,7 @@ Object.keys(_index39).forEach(function (key) {
   });
 });
 
-var _index40 = require("./components/organisms/ImagesGroup/index");
+var _index40 = require("./components/molecules/VerificationCodeResetPasswordLogin/index");
 
 Object.keys(_index40).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -524,7 +560,7 @@ Object.keys(_index40).forEach(function (key) {
   });
 });
 
-var _index41 = require("./components/organisms/InputGroup/index");
+var _index41 = require("./components/organisms/ChangePassword/index");
 
 Object.keys(_index41).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -537,7 +573,7 @@ Object.keys(_index41).forEach(function (key) {
   });
 });
 
-var _index42 = require("./components/organisms/ProductImageModal/index");
+var _index42 = require("./components/organisms/Fullplan/index");
 
 Object.keys(_index42).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -550,6 +586,123 @@ Object.keys(_index42).forEach(function (key) {
   });
 });
 
+var _index43 = require("./components/organisms/FullProductNameHeader/index");
+
+Object.keys(_index43).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index43[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index43[key];
+    }
+  });
+});
+
+var _index44 = require("./components/organisms/FullTabsMenu/index");
+
+Object.keys(_index44).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index44[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index44[key];
+    }
+  });
+});
+
+var _index45 = require("./components/organisms/ImageDataTable/index");
+
+Object.keys(_index45).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index45[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index45[key];
+    }
+  });
+});
+
+var _index46 = require("./components/organisms/ImagePreviewer/index");
+
+Object.keys(_index46).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index46[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index46[key];
+    }
+  });
+});
+
+var _index47 = require("./components/organisms/ImagesGroup/index");
+
+Object.keys(_index47).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index47[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index47[key];
+    }
+  });
+});
+
+var _index48 = require("./components/organisms/InputGroup/index");
+
+Object.keys(_index48).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index48[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index48[key];
+    }
+  });
+});
+
+var _index49 = require("./components/organisms/ProductImageModal/index");
+
+Object.keys(_index49).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index49[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index49[key];
+    }
+  });
+});
+
+var _ChangePasswordLogin = require("./components/pages/ChangePasswordLogin");
+
+Object.keys(_ChangePasswordLogin).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChangePasswordLogin[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      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];
+    }
+  });
+});
+
 var _CustomerType = require("./components/pages/CustomerType");
 
 Object.keys(_CustomerType).forEach(function (key) {
@@ -563,6 +716,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 +742,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 +792,28 @@ 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];
+    }
+  });
+});
+
+_reactDom.default.render( /*#__PURE__*/(0, _jsxRuntime.jsx)(_App.default, {}), document.getElementById("root"));
+
+_awsAmplify.default.configure({
+  Auth: {
+    region: "us-east-1",
+    userPoolId: process.env.REACT_APP_USER_POOL_ID,
+    userPoolWebClientId: process.env.REACT_APP_USER_POOL_WEB_CLIENT_ID,
+    mandatorySignIn: true
+  }
+}); //atoms

package/package.json

@@ -1,35 +1,35 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.0.31",
+  "version": "21.0.34",
   "dependencies": {
+    "@aws-amplify/auth": "^4.5.3",
+    "@aws-amplify/datastore": "^3.11.0",
+    "@aws-amplify/ui-react": "^2.17.0",
     "@babel/runtime": "^7.17.2",
     "@storybook/addon-postcss": "^2.0.0",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.1.0",
     "@testing-library/user-event": "^12.1.10",
-    "aws-sdk": "^2.1088.0",
+    "aws-amplify": "^4.3.21",
+    "aws-sdk": "^2.959.0",
     "axios": "^0.25.0",
     "babel-preset-react-app": "^10.0.1",
     "chart.js": "^3.7.1",
-    "draft-js": "^0.11.7",
-    "file-saver": "^2.0.5",
     "js-base64": "^3.7.2",
     "prop-types": "^15.7.2",
     "react": "^17.0.2",
-    "react-chartjs-2": "^4.0.1",
+    "react-chartjs-2": "^4.1.0",
     "react-dom": "^17.0.2",
-    "react-draft-wysiwyg": "^1.14.7",
-    "react-dropzone": "^12.0.4",
     "react-image-fallback": "^8.0.0",
-    "react-quill": "^1.3.5",
+    "react-router-dom": "^6.3.0",
     "styled-components": "^5.3.3",
-    "uuid": "^8.3.2",
     "web-vitals": "^1.0.1"
   },
   "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": [
@@ -67,21 +67,23 @@
     ]
   },
   "devDependencies": {
-    "@babel/cli": "^7.17.6",
+    "@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",
+    "auth": "^0.0.9",
     "auto": "^10.36.5",
     "babel-loader": "^8.2.3",
     "chromatic": "^6.3.3",
+    "contentoh-components-library": "^21.0.26",
     "cross-env": "^7.0.3",
     "storybook-css-modules-preset": "^1.1.1"
   },
   "description": "contentoh components packed library.",
   "main": "dist/index.js",
-  "repository": "https://git@github.com:Content-oh/components-library.git",
+  "repository": "git@github.com:Content-oh/components-library.git",
   "author": "asael06 <asael.mb@hotmail.com>",
   "license": "MIT"
 }

package/src/components/atoms/AsignationOption/index.js

@@ -9,15 +9,13 @@ import availableIcon from "../../../assets/images/asignationOptions/availableIco
 export const AsignationOption = ({
   profileImage,
   asignationType = "available",
-  imageType = "profile-image",
   name,
   team,
   onClick,
-  btnOnClick,
 }) => {
   const iconsAsignation = {
     assigned: (
-      <button onClick={btnOnClick}>
+      <button onClick={onClick}>
         <img src={removeAsigned} alt="remove asigned" />
       </button>
     ),
@@ -27,17 +25,17 @@ export const AsignationOption = ({
   };
 
   return (
-    <Container onClick={onClick}>
+    <Container>
       <Avatar
-        imageType={imageType}
-        image={profileImage}
+        imageType={"profile-image"}
+        image={profileImage?.image}
         altText={"profile image"}
       />
       <div className="labels-container">
         <p className="name-label">{name}</p>
         <p className="team-label">{team}</p>
       </div>
-      {asignationType && iconsAsignation[asignationType]}
+      {iconsAsignation[asignationType]}
     </Container>
   );
 };

package/src/components/atoms/AsignationOption/styles.js

@@ -5,12 +5,8 @@ export const Container = styled.div`
   display: flex;
   width: fit-content;
   align-items: center;
-  cursor: pointer;
-  border-radius: 3px;
-  padding: 5px;
 
-  .profile-image,
-  .medium-image {
+  .profile-image {
     & + * {
       margin-left: 15px;
     }
@@ -47,10 +43,6 @@ export const Container = styled.div`
     border: none;
   }
 
-  &:hover {
-    background-color: ${GlobalColors.s3};
-  }
-
   & + * {
     margin-top: 10px;
   }

package/src/components/atoms/CheckBox/index.js

@@ -1,15 +1,9 @@
 import { Container } from "./styles";
 
-export const CheckBox = ({ id, label, onChange, isFilter, defaultChecked }) => {
+export const CheckBox = ({ id, label, onChange, isFilter }) => {
   return (
     <Container key={`check-${id}`}>
-      <input
-        type="checkbox"
-        name={id}
-        id={id}
-        onChange={onChange}
-        defaultChecked={defaultChecked}
-      />
+      <input type="checkbox" name={id} id={id} onChange={onChange} />
       <label htmlFor={id}>
         {label && <p className={isFilter && "filter-text"}>{label}</p>}
       </label>