contentoh-components-library 21.4.102 → 21.4.104

package/dist/components/organisms/VersionSelectorv2/index.js

@@ -1,55 +1,115 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.VersionSelectorv2 = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
 var _styles = require("./styles");
+
 var _axios = _interopRequireDefault(require("axios"));
+
 var _react = require("react");
+
 var _ScreenHeader = require("../../atoms/ScreenHeader");
+
 var _GeneralButton = require("../../atoms/GeneralButton");
+
 var _addVersion = _interopRequireDefault(require("../../../assets/images/versionSelector/addVersion.svg"));
+
 var _closeVersionSelector = _interopRequireDefault(require("../../../assets/images/versionSelector/closeVersionSelector.svg"));
+
 var _variables = require("../../../global-files/variables");
+
 var _VersionItemv = require("../../molecules/VersionItemv2");
+
 var _CreateVersion = require("../../organisms/CreateVersion");
+
 var _customHooks = require("../../../global-files/customHooks");
+
 var _jsxRuntime = require("react/jsx-runtime");
-const VersionSelectorv2 = _ref => {
-  let {
-    modalId,
-    articleId,
-    setVersion,
-    companyName,
-    currentVersion,
-    setShowVersionSelector,
-    jwt
-  } = _ref;
-  const [versions, setVersions] = (0, _react.useState)([]);
-  const [showCreateVersion, setShowCreateVersion] = (0, _customHooks.useCloseModal)("create-version");
-  const [reload, setReload] = (0, _react.useState)(false);
-  const loadProductVersions = async articleId => {
-    try {
-      const response = await _axios.default.get("".concat(process.env.REACT_APP_VERSIONS_ENDPOINT, "?articleId=").concat(articleId, "&provider=true"), {
-        headers: {
-          Authorization: jwt
+
+var VersionSelectorv2 = function VersionSelectorv2(_ref) {
+  var modalId = _ref.modalId,
+      articleId = _ref.articleId,
+      setVersion = _ref.setVersion,
+      companyName = _ref.companyName,
+      currentVersion = _ref.currentVersion,
+      setShowVersionSelector = _ref.setShowVersionSelector,
+      jwt = _ref.jwt;
+
+  var _useState = (0, _react.useState)([]),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      versions = _useState2[0],
+      setVersions = _useState2[1];
+
+  var _useCloseModal = (0, _customHooks.useCloseModal)("create-version"),
+      _useCloseModal2 = (0, _slicedToArray2.default)(_useCloseModal, 2),
+      showCreateVersion = _useCloseModal2[0],
+      setShowCreateVersion = _useCloseModal2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      reload = _useState4[0],
+      setReload = _useState4[1];
+
+  var loadProductVersions = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(articleId) {
+      var response, versionList;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return _axios.default.get("".concat(process.env.REACT_APP_VERSIONS_ENDPOINT, "?articleId=").concat(articleId, "&provider=true"), {
+                headers: {
+                  Authorization: jwt
+                }
+              });
+
+            case 3:
+              response = _context.sent;
+              versionList = JSON.parse(response.data.body).data;
+              setVersions(versionList);
+              _context.next = 11;
+              break;
+
+            case 8:
+              _context.prev = 8;
+              _context.t0 = _context["catch"](0);
+              console.log(_context.t0);
+
+            case 11:
+            case "end":
+              return _context.stop();
+          }
         }
-      });
-      const versionList = JSON.parse(response.data.body).data;
-      setVersions(versionList);
-    } catch (error) {
-      console.log(error);
-    }
-  };
-  (0, _react.useEffect)(() => {
-    const ac = new AbortController();
+      }, _callee, null, [[0, 8]]);
+    }));
+
+    return function loadProductVersions(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  (0, _react.useEffect)(function () {
+    var ac = new AbortController();
     loadProductVersions(articleId);
-    return () => {
+    return function () {
       setVersions([]);
       setShowCreateVersion(false);
-      return () => ac.abort(); // Abort both fetches on unmount
+      return function () {
+        return ac.abort();
+      }; // Abort both fetches on unmount
     };
   }, [reload]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
@@ -66,32 +126,41 @@ const VersionSelectorv2 = _ref => {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
           image: _addVersion.default,
           buttonType: "circular-button",
-          onClick: () => setShowCreateVersion(true),
+          onClick: function onClick() {
+            return setShowCreateVersion(true);
+          },
           id: "add-version"
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
           buttonType: "general-white-button close-button",
-          onClick: () => setShowVersionSelector(false),
+          onClick: function onClick() {
+            return setShowVersionSelector(false);
+          },
           id: "close-button"
         })]
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "versions-container",
-      children: versions === null || versions === void 0 ? void 0 : versions.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_VersionItemv.VersionItemv2, {
-        version: item.version,
-        articleStatus: item.article_status,
-        currentVersion: item.version === currentVersion,
-        productOwner: companyName,
-        setVersion: setVersion,
-        timestamp: item.timestamp
-      }, item.version))
+      children: versions === null || versions === void 0 ? void 0 : versions.map(function (item) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_VersionItemv.VersionItemv2, {
+          version: item.version,
+          articleStatus: item.article_status,
+          currentVersion: item.version === currentVersion,
+          productOwner: companyName,
+          setVersion: setVersion,
+          timestamp: item.timestamp
+        }, item.version);
+      })
     }), showCreateVersion && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CreateVersion.CreateVersion, {
       articleId: articleId,
       version: currentVersion,
       versionsList: versions,
       setShowCreateVersion: setShowCreateVersion,
-      realoadVersion: () => setReload(!reload),
+      realoadVersion: function realoadVersion() {
+        return setReload(!reload);
+      },
       jwt: jwt
     })]
   });
 };
+
 exports.VersionSelectorv2 = VersionSelectorv2;

package/dist/components/organisms/VersionSelectorv2/styles.js

@@ -1,12 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Container = void 0;
+
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _variables = require("../../../global-files/variables");
+
 var _templateObject;
-const Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 300px;\n  height: 100%;\n  background-color: ", ";\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);\n  overflow: auto;\n  position: absolute;\n  right: 20px;\n  top: 0;\n  z-index: 500;\n\n  .versions-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    height: 44px;\n    border-radius: 10px 10px 0 0;\n    background: #F9F9F9;\n    padding:5px 10px;\n\n    .buttons-container {\n      display: flex;\n      align-items: center;\n\n      button + * {\n        margin-left: 10px;\n        width: 24px;\n        height: 24px;\n        border: 1px solid ", ";\n        background-size: 12px;\n        padding: 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    }\n  }\n  .versions-container{\n    padding:5px 10px;\n  }\n    \n"])), _variables.GlobalColors.white, _variables.GlobalColors.magenta_s2);
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 300px;\n  height: 100%;\n  background-color: ", ";\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);\n  overflow: auto;\n  position: absolute;\n  right: 20px;\n  top: 0;\n  z-index: 500;\n\n  .versions-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    height: 44px;\n    border-radius: 10px 10px 0 0;\n    background: #F9F9F9;\n    padding:5px 10px;\n\n    .buttons-container {\n      display: flex;\n      align-items: center;\n\n      button + * {\n        margin-left: 10px;\n        width: 24px;\n        height: 24px;\n        border: 1px solid ", ";\n        background-size: 12px;\n        padding: 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    }\n  }\n  .versions-container{\n    padding:5px 10px;\n  }\n    \n"])), _variables.GlobalColors.white, _variables.GlobalColors.magenta_s2);
+
+exports.Container = Container;

package/dist/components/pages/ChangePasswordLogin/ChangePasswordLogin.stories.js

@@ -1,23 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ChangePasswordLoginDefault = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
+
 var _loginImage = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/loginImage.svg"));
+
 var _login = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/login2.svg"));
+
 var _login2 = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/login3.svg"));
+
 var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = {
+
+var _default = {
   title: "Components/pages/ChangePasswordLogin",
   component: _index.ChangePasswordLogin
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ChangePasswordLogin, {
-  ...args
-});
-const ChangePasswordLoginDefault = exports.ChangePasswordLoginDefault = Template.bind({});
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ChangePasswordLogin, (0, _objectSpread2.default)({}, args));
+};
+
+var ChangePasswordLoginDefault = Template.bind({});
+exports.ChangePasswordLoginDefault = ChangePasswordLoginDefault;
 ChangePasswordLoginDefault.args = {
   imageArrayCarousel: [_loginImage.default, _login.default, _login2.default],
   textCarousel: "Elige la plataforma que conecta proovedores y retailers",

package/dist/components/pages/ChangePasswordLogin/index.js

@@ -1,41 +1,70 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ChangePasswordLogin = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
 var _styles = require("./styles");
+
 var _CarouselImagesLogin = require("../../molecules/CarouselImagesLogin");
+
 var _LoginPasswordStrength = require("../../molecules/LoginPasswordStrength");
+
 var _react = require("react");
+
 var _GeneralButton = require("../../atoms/GeneralButton");
+
 var _LogoImage = require("../../atoms/LogoImage");
+
 var _ScreenHeader = require("../../atoms/ScreenHeader");
+
 var _variables = require("../../../global-files/variables");
+
 var _GradientPanel = require("../../atoms/GradientPanel");
+
 var _jsxRuntime = require("react/jsx-runtime");
-const ChangePasswordLogin = _ref => {
-  let {
-    imageArrayCarousel = [],
-    textCarousel,
-    backogroundColorCarousel,
-    textHeaderRight
-  } = _ref;
-  const [emptyPassword, setEmptyPassword] = (0, _react.useState)(false);
-  const [emptyConfirmPassword, setEmptyConfirmPassword] = (0, _react.useState)(false);
-  const [matchPasswords, setMatchPasswords] = (0, _react.useState)(true);
-  const validate = e => {
-    const password = document.querySelector("#newPasswordInput").value;
+
+var ChangePasswordLogin = function ChangePasswordLogin(_ref) {
+  var _ref$imageArrayCarous = _ref.imageArrayCarousel,
+      imageArrayCarousel = _ref$imageArrayCarous === void 0 ? [] : _ref$imageArrayCarous,
+      textCarousel = _ref.textCarousel,
+      backogroundColorCarousel = _ref.backogroundColorCarousel,
+      textHeaderRight = _ref.textHeaderRight;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      emptyPassword = _useState2[0],
+      setEmptyPassword = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      emptyConfirmPassword = _useState4[0],
+      setEmptyConfirmPassword = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(true),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      matchPasswords = _useState6[0],
+      setMatchPasswords = _useState6[1];
+
+  var validate = function validate(e) {
+    var password = document.querySelector("#newPasswordInput").value;
     password.length < 8 ? setEmptyPassword(true) : setEmptyPassword(false);
-    const confirmPassword = document.querySelector("#confirmPasswordInput").value;
+    var confirmPassword = document.querySelector("#confirmPasswordInput").value;
     confirmPassword === "" ? setEmptyConfirmPassword(true) : setEmptyConfirmPassword(false);
+
     if (password === confirmPassword) {
       setMatchPasswords(true);
     } else {
       setMatchPasswords(false);
     }
   };
-  const loginRight = [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LogoImage.LogoImage, {}, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+
+  var loginRight = [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LogoImage.LogoImage, {}, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "credenciales",
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
       fontFamily: _variables.FontFamily.AvenirNext,
@@ -52,7 +81,9 @@ const ChangePasswordLogin = _ref => {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
       buttonType: "general-default-button",
       label: "Enviar",
-      onClick: e => validate(e)
+      onClick: function onClick(e) {
+        return validate(e);
+      }
     })
   }, "4")];
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
@@ -73,4 +104,5 @@ const ChangePasswordLogin = _ref => {
     })]
   });
 };
+
 exports.ChangePasswordLogin = ChangePasswordLogin;

package/dist/components/pages/ChangePasswordLogin/styles.js

@@ -1,11 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Container = void 0;
+
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _templateObject;
-const Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  width: 100%;\n  height: 100vh;\n  .home-login-retailer,\n  .home-retailer {\n    width: 50%;\n    .button-center {\n      text-align: center;\n      position: absolute;\n      bottom: 5%;\n      left: calc(75% - 80px);\n      .general-default-button {\n        width: 160px;\n      }\n    }\n  }\n"])));
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  width: 100%;\n  height: 100vh;\n  .home-login-retailer,\n  .home-retailer {\n    width: 50%;\n    .button-center {\n      text-align: center;\n      position: absolute;\n      bottom: 5%;\n      left: calc(75% - 80px);\n      .general-default-button {\n        width: 160px;\n      }\n    }\n  }\n"])));
+
+exports.Container = Container;

package/dist/components/pages/CustomerLogin/CustomerLogin.stories.js

@@ -1,26 +1,44 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.CustomerLoginDefault = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
+
 var _variables = require("../../../global-files/variables");
+
 var _CustomerTypeImage = require("../../atoms/CustomerTypeImage");
+
 var _ScreenHeader = require("../../atoms/ScreenHeader");
+
 var _index2 = require("../../atoms/LogoImage/index");
+
 var _index3 = require("../../atoms/CheckBox/index");
+
 var _index4 = require("../../atoms/GeneralButton/index");
+
 var _TagAndInput = require("../../molecules/TagAndInput");
+
 var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = {
+
+var _default = {
   title: "Components/pages/CustomerLogin",
   component: _index.CustomerLogin
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.CustomerLogin, {
-  ...args
-});
-const CustomerLoginDefault = exports.CustomerLoginDefault = Template.bind({});
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.CustomerLogin, (0, _objectSpread2.default)({}, args));
+};
+
+var CustomerLoginDefault = Template.bind({});
+exports.CustomerLoginDefault = CustomerLoginDefault;
 CustomerLoginDefault.args = {
   loginLeft: {
     componentsArray: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {

package/dist/components/pages/CustomerLogin/index.js

@@ -4,14 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CustomerLogin = void 0;
+
 var _GradientPanel = require("../../atoms/GradientPanel");
+
 var _styles = require("./styles");
+
 var _jsxRuntime = require("react/jsx-runtime");
-const CustomerLogin = _ref => {
-  let {
-    loginLeft,
-    loginRight
-  } = _ref;
+
+var CustomerLogin = function CustomerLogin(_ref) {
+  var loginLeft = _ref.loginLeft,
+      loginRight = _ref.loginRight;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "home-retailer",
@@ -29,4 +31,5 @@ const CustomerLogin = _ref => {
     })]
   });
 };
+
 exports.CustomerLogin = CustomerLogin;

package/dist/components/pages/CustomerLogin/styles.js

@@ -1,11 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Container = void 0;
+
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _templateObject;
-const Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  width: 100%;\n  height: 100vh;\n\n  .home-login-retailer,\n  .home-retailer {\n    width: 50%;\n  }\n"])));
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  width: 100%;\n  height: 100vh;\n\n  .home-login-retailer,\n  .home-retailer {\n    width: 50%;\n  }\n"])));
+
+exports.Container = Container;

package/dist/components/pages/CustomerPayMethod/CustomerPayMethod.stories.js

@@ -1,23 +1,38 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.CustomerPayMethodDefault = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
+
 var _ScreenHeader = require("../../atoms/ScreenHeader");
+
 var _variables = require("../../../global-files/variables");
+
 var _PayMethod = require("../../molecules/PayMethod");
+
 var _GeneralButton = require("../../atoms/GeneralButton");
+
 var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = {
+
+var _default = {
   title: "Components/pages/CustomerPayMethod",
   component: _index.CustomerPayMethod
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.CustomerPayMethod, {
-  ...args
-});
-const CustomerPayMethodDefault = exports.CustomerPayMethodDefault = Template.bind({});
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.CustomerPayMethod, (0, _objectSpread2.default)({}, args));
+};
+
+var CustomerPayMethodDefault = Template.bind({});
+exports.CustomerPayMethodDefault = CustomerPayMethodDefault;
 CustomerPayMethodDefault.args = {
   left: {
     componentsArray: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {

package/dist/components/pages/CustomerPayMethod/index.js

@@ -4,14 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CustomerPayMethod = void 0;
+
 var _styles = require("./styles");
+
 var _GradientPanel = require("../../atoms/GradientPanel");
+
 var _jsxRuntime = require("react/jsx-runtime");
-const CustomerPayMethod = _ref => {
-  let {
-    left,
-    homeRegister
-  } = _ref;
+
+var CustomerPayMethod = function CustomerPayMethod(_ref) {
+  var left = _ref.left,
+      homeRegister = _ref.homeRegister;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "general-left",
@@ -29,4 +31,5 @@ const CustomerPayMethod = _ref => {
     })]
   });
 };
+
 exports.CustomerPayMethod = CustomerPayMethod;

package/dist/components/pages/CustomerPayMethod/styles.js

@@ -1,11 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Container = void 0;
+
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _templateObject;
-const Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  width: 100%;\n  height: 100vh;\n  .register-payment-method,\n  .general-left {\n    width: 50%;\n  }\n  .register-payment-method {\n    position: relative;\n    .arrowimage {\n      width: 26px;\n      height: 26px;\n      position: absolute;\n      top: 50px;\n      left: 40px;\n    }\n  }\n"])));
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  width: 100%;\n  height: 100vh;\n  .register-payment-method,\n  .general-left {\n    width: 50%;\n  }\n  .register-payment-method {\n    position: relative;\n    .arrowimage {\n      width: 26px;\n      height: 26px;\n      position: absolute;\n      top: 50px;\n      left: 40px;\n    }\n  }\n"])));
+
+exports.Container = Container;

package/dist/components/pages/CustomerType/CustomerType.stories.js

@@ -1,23 +1,38 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.CustomerTypeDefault = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
+
 var _ScreenHeader = require("../../atoms/ScreenHeader");
+
 var _CustomerTypeImage = require("../../atoms/CustomerTypeImage");
+
 var _GeneralButton = require("../../atoms/GeneralButton");
+
 var _variables = require("../../../global-files/variables");
+
 var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = {
+
+var _default = {
   title: "Components/pages/CustomerType",
   component: _index.CustomerType
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.CustomerType, {
-  ...args
-});
-const CustomerTypeDefault = exports.CustomerTypeDefault = Template.bind({});
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.CustomerType, (0, _objectSpread2.default)({}, args));
+};
+
+var CustomerTypeDefault = Template.bind({});
+exports.CustomerTypeDefault = CustomerTypeDefault;
 CustomerTypeDefault.args = {
   homeLeft: {
     componentsArray: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {

package/dist/components/pages/CustomerType/index.js

@@ -4,14 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CustomerType = void 0;
+
 var _styles = require("./styles");
+
 var _GradientPanel = require("../../atoms/GradientPanel");
+
 var _jsxRuntime = require("react/jsx-runtime");
-const CustomerType = _ref => {
-  let {
-    homeLeft,
-    homeRight
-  } = _ref;
+
+var CustomerType = function CustomerType(_ref) {
+  var homeLeft = _ref.homeLeft,
+      homeRight = _ref.homeRight;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "home-retailer",
@@ -29,4 +31,5 @@ const CustomerType = _ref => {
     })]
   });
 };
+
 exports.CustomerType = CustomerType;