contentoh-components-library 21.1.70 → 21.1.71

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

@@ -21,7 +21,7 @@ var _availableIcon = _interopRequireDefault(require("../../../assets/images/asig
 
 var _data = require("../../../global-files/data");
 
-var _StatusTag = require("../StatusTag");
+var _Status = require("../Status");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
@@ -84,7 +84,7 @@ var AsignationOption = function AsignationOption(_ref) {
       })]
     }), asignationType && iconsAsignation[asignationType], services && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "status-container",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatusTag.StatusTag, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Status.Status, {
         statusType: getStatus()
       })
     }), active && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/dist/components/atoms/ProductPercentCard/Percent.stories.js

@@ -13,7 +13,7 @@ var _index = require("./index");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var status = ["-", "Pr", "Rc", "As", "P", "QF", "AF", "AA", "AP", "AC", "RA", "RF", "RP", "RC", "Ex"];
+var status = ["-", "Pr", "R", "AS", "CA", "IE", "AC", "AA", "AP", "ACA", "RA", "RC", "RP", "RCA", "Ex"];
 var _default = {
   title: "Components/atoms/ProductPercentCard",
   component: _index.ProductPercentCard,

package/dist/components/atoms/ProductPercentCard/styles.js

@@ -15,6 +15,6 @@ var _variables = require("../../../global-files/variables");
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: 7px;\n  max-width: fit-content;\n  flex-direction: column;\n  height: 83px;\n  padding: 10px;\n\n  &.status-Pr,\n  &.status-Rc {\n    border: 1px solid ", ";\n    .span {\n      color: ", ";\n    }\n  }\n  &.status-- {\n    border: 1px solid ", ";\n    .span {\n      color: ", ";\n    }\n  }\n\n  &.status-As,\n  &.status-P,\n  &.status-QF {\n    border: 1px solid ", ";\n    .span {\n      color: ", ";\n    }\n  }\n\n  &.status-AF,\n  &.status-AA,\n  &.status-AP,\n  &.status-AC {\n    border: 1px solid ", ";\n    .span {\n      color: ", ";\n    }\n  }\n\n  &.status-RA,\n  &.status-RF,\n  &.status-RP,\n  &.status-RC {\n    border: 1px solid #d74ded;\n    .span {\n      color: #d74ded;\n    }\n  }\n\n  &.status-Ex {\n    border: 1px solid ", ";\n    .span {\n      color: ", ";\n    }\n  }\n\n  .text {\n    color: ", ";\n    text-align: center;\n    font-size: 12px;\n    width: 70px;\n    font-family: ", ";\n    line-height: 14px;\n    margin: auto;\n  }\n  .percent-text {\n    display: flex;\n    font-family: ", ";\n    align-items: center;\n    .number {\n      font-size: 28px;\n      color: ", ";\n    }\n    .span {\n      padding-top: 8px;\n      font-size: 18px;\n    }\n  }\n"])), _variables.GlobalColors.reception, _variables.GlobalColors.reception, _variables.GlobalColors.s3, _variables.GlobalColors.s3, _variables.GlobalColors.in_progress, _variables.GlobalColors.in_progress, _variables.GlobalColors.finished, _variables.GlobalColors.finished, _variables.GlobalColors.exported, _variables.GlobalColors.exported, _variables.GlobalColors.s4, _variables.FontFamily.Raleway, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4);
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: 7px;\n  max-width: fit-content;\n  flex-direction: column;\n  height: 83px;\n  padding: 10px;\n\n  &.status-PA,\n  &.status-RC {\n    border: 1px solid ", ";\n    .span {\n      color: ", ";\n    }\n  }\n  &.status-- {\n    border: 1px solid ", ";\n    .span {\n      color: ", ";\n    }\n  }\n\n  &.status-AS,\n  &.status-CA,\n  &.status-IE {\n    border: 1px solid ", ";\n    .span {\n      color: ", ";\n    }\n  }\n\n  &.status-AC,\n  &.status-AA,\n  &.status-AP,\n  &.status-ACA {\n    border: 1px solid ", ";\n    .span {\n      color: ", ";\n    }\n  }\n\n  &.status-RA,\n  &.status-RC,\n  &.status-RP,\n  &.status-RCA {\n    border: 1px solid #d74ded;\n    .span {\n      color: #d74ded;\n    }\n  }\n\n  &.status-Ex {\n    border: 1px solid ", ";\n    .span {\n      color: ", ";\n    }\n  }\n\n  .text {\n    color: ", ";\n    text-align: center;\n    font-size: 12px;\n    width: 70px;\n    font-family: ", ";\n    line-height: 14px;\n    margin: auto;\n  }\n  .percent-text {\n    display: flex;\n    font-family: ", ";\n    align-items: center;\n    .number {\n      font-size: 28px;\n      color: ", ";\n    }\n    .span {\n      padding-top: 8px;\n      font-size: 18px;\n    }\n  }\n"])), _variables.GlobalColors.reception, _variables.GlobalColors.reception, _variables.GlobalColors.s3, _variables.GlobalColors.s3, _variables.GlobalColors.in_progress, _variables.GlobalColors.in_progress, _variables.GlobalColors.finished, _variables.GlobalColors.finished, _variables.GlobalColors.exported, _variables.GlobalColors.exported, _variables.GlobalColors.s4, _variables.FontFamily.Raleway, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4);
 
 exports.Container = Container;

package/dist/components/atoms/Status/Status.stories.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.StatusDefault = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _index = require("./index");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _default = {
+  title: "Components/atoms/Status",
+  component: _index.Status
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Status, (0, _objectSpread2.default)({}, args));
+};
+
+var StatusDefault = Template.bind({});
+exports.StatusDefault = StatusDefault;
+StatusDefault.args = {
+  statusType: "IE",
+  ovalForm: false
+};

package/dist/components/atoms/Status/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Status = void 0;
+
+var _styles = require("./styles");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var Status = function Status(_ref) {
+  var statusType = _ref.statusType,
+      ovalForm = _ref.ovalForm;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    className: "status-".concat(statusType, " ").concat(ovalForm && "oval-form"),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      children: statusType
+    })
+  });
+};
+
+exports.Status = Status;

package/dist/components/atoms/Status/styles.js

@@ -0,0 +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;
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: fit-content;\n  padding: 0 10px;\n  height: 20px;\n  background-color: ", ";\n  border-radius: 3px;\n\n  p {\n    text-align: center;\n    color: ", ";\n    font-family: ", ";\n    font-size: 12px;\n    line-height: 20px;\n  }\n\n  &.status-CA,\n  &.status-IE {\n    background-color: ", ";\n  }\n\n  &.status-R,\n  &.status-AS {\n    background-color: ", ";\n  }\n\n  &.status-AA,\n  &.status-AP,\n  &.status-AC,\n  &.status-ACA {\n    background-color: ", ";\n  }\n\n  &.status-RA,\n  &.status-RC,\n  &.status-RP,\n  &.status-RCA {\n    background-color: ", ";\n  }\n\n  &.status-Dat,\n  &.status-Dsc,\n  &.status-Imgs {\n    background-color: ", ";\n  }\n\n  &.status-Ex {\n    background-color: ", ";\n  }\n\n  &.status-DDI {\n    background-color: ", ";\n  }\n\n  &.status-GLD {\n    background-color: ", ";\n  }\n\n  &.status-TAB {\n    background-color: ", ";\n  }\n\n  &.status-Pt {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &.oval-form {\n    border-radius: 10px;\n  }\n"])), _variables.GlobalColors.s3, _variables.GlobalColors.white, _variables.FontFamily.Lato, _variables.GlobalColors.in_progress, _variables.GlobalColors.reception, _variables.GlobalColors.finished, _variables.GlobalColors.rejected_status, _variables.GlobalColors.s4, _variables.GlobalColors.exported, _variables.GlobalColors.original_purpura, _variables.GlobalColors.in_progress, _variables.GlobalColors.deep_gray, _variables.GlobalColors.s2, _variables.GlobalColors.s4);
+
+exports.Container = Container;

package/dist/components/molecules/AssignedWork/AssignedWork.stories.js

@@ -17,7 +17,7 @@ var _assignedImage2 = _interopRequireDefault(require("../../../assets/images/com
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var status = ["-", "Pr", "Rc", "As", "P", "QF", "AF", "AA", "AP", "AC", "RA", "RF", "RP", "RC", "Ex"];
+var status = ["-", "Pr", "R", "AS", "CA", "IE", "AC", "AA", "AP", "ACA", "RA", "RC", "RP", "RCA", "Ex"];
 var _default = {
   title: "Components/molecules/AssignedWork",
   component: _index.AssignedWork,

package/dist/components/molecules/AssignedWork/styles.js

@@ -15,6 +15,6 @@ var _variables = require("../../../global-files/variables");
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: 4px;\n  background-color: transparent;\n  padding: 8px;\n  width: 250px;\n  padding-bottom: 5px;\n  position: relative;\n\n  &.status-Pr,\n  &.status-Rc {\n    border: 1px solid ", ";\n    .header-and-paragraph {\n      color: ", ";\n    }\n  }\n  &.status-- {\n    border: 1px solid ", ";\n    .header-and-paragraph {\n      color: ", ";\n    }\n  }\n\n  &.status-As,\n  &.status-P,\n  &.status-QF {\n    border: 1px solid ", ";\n    .header-and-paragraph {\n      color: ", ";\n    }\n  }\n\n  &.status-AF,\n  &.status-AA,\n  &.status-AP,\n  &.status-AC {\n    border: 1px solid ", ";\n    .header-and-paragraph {\n      color: ", ";\n    }\n  }\n\n  &.status-RA,\n  &.status-RF,\n  &.status-RP,\n  &.status-RC {\n    border: 1px solid #d74ded;\n    .header-and-paragraph {\n      color: #d74ded;\n    }\n  }\n\n  &.status-Ex {\n    border: 1px solid ", ";\n    .header-and-paragraph {\n      color: ", ";\n      \n    }\n  }\n\n  .header-flag {\n    display: flex;\n    justify-content: space-between;\n    .flag {\n      position: absolute;\n      right: 1px;\n      top: 0px;\n    }\n  }\n  .header-and-paragraph {\n    font-size: 12px;\n    line-height: 13px;\n    p {\n      line-height: 11px;\n      font-size: 10px;\n      color: ", ";\n    }\n  }\n\n  .clock-assigned {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    .assigned {\n      display: flex;\n      flex-direction: row-reverse;\n      .big-image {\n        & + .big-image {\n          margin-right: -5px;\n        }\n      }\n    }\n  }\n  .clock-header {\n    display: flex;\n    border-radius: 4px;\n    background: ", ";\n    padding: 3px 10px;\n    .clock {\n      & + * {\n        margin-left: 10px;\n      }\n    }\n    .date-header {\n      font-size: 11px;\n      line-height: 13px;\n    }\n  }\n"])), _variables.GlobalColors.reception, _variables.GlobalColors.reception, _variables.GlobalColors.s3, _variables.GlobalColors.s3, _variables.GlobalColors.in_progress, _variables.GlobalColors.in_progress, _variables.GlobalColors.finished, _variables.GlobalColors.finished, _variables.GlobalColors.exported, _variables.GlobalColors.exported, _variables.GlobalColors.s4, _variables.GlobalColors.s2);
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: 4px;\n  background-color: transparent;\n  padding: 8px;\n  width: 250px;\n  padding-bottom: 5px;\n  position: relative;\n\n  &.status-PA,\n  &.status-R {\n    border: 1px solid ", ";\n    .header-and-paragraph {\n      color: ", ";\n    }\n  }\n  &.status-- {\n    border: 1px solid ", ";\n    .header-and-paragraph {\n      color: ", ";\n    }\n  }\n\n  &.status-AA,\n  &.status-CA,\n  &.status-IE {\n    border: 1px solid ", ";\n    .header-and-paragraph {\n      color: ", ";\n    }\n  }\n\n  &.status-AC,\n  &.status-AA,\n  &.status-AP,\n  &.status-ACA {\n    border: 1px solid ", ";\n    .header-and-paragraph {\n      color: ", ";\n    }\n  }\n\n  &.status-RA,\n  &.status-RC,\n  &.status-RP,\n  &.status-RCA {\n    border: 1px solid #d74ded;\n    .header-and-paragraph {\n      color: #d74ded;\n    }\n  }\n\n  &.status-Ex {\n    border: 1px solid ", ";\n    .header-and-paragraph {\n      color: ", ";\n    }\n  }\n\n  .header-flag {\n    display: flex;\n    justify-content: space-between;\n    .flag {\n      position: absolute;\n      right: 1px;\n      top: 0px;\n    }\n  }\n  .header-and-paragraph {\n    font-size: 12px;\n    line-height: 13px;\n    p {\n      line-height: 11px;\n      font-size: 10px;\n      color: ", ";\n    }\n  }\n\n  .clock-assigned {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    .assigned {\n      display: flex;\n      flex-direction: row-reverse;\n      .big-image {\n        & + .big-image {\n          margin-right: -5px;\n        }\n      }\n    }\n  }\n  .clock-header {\n    display: flex;\n    border-radius: 4px;\n    background: ", ";\n    padding: 3px 10px;\n    .clock {\n      & + * {\n        margin-left: 10px;\n      }\n    }\n    .date-header {\n      font-size: 11px;\n      line-height: 13px;\n    }\n  }\n"])), _variables.GlobalColors.reception, _variables.GlobalColors.reception, _variables.GlobalColors.s3, _variables.GlobalColors.s3, _variables.GlobalColors.in_progress, _variables.GlobalColors.in_progress, _variables.GlobalColors.finished, _variables.GlobalColors.finished, _variables.GlobalColors.exported, _variables.GlobalColors.exported, _variables.GlobalColors.s4, _variables.GlobalColors.s2);
 
 exports.Container = Container;

package/dist/components/molecules/ProductNameHeader/index.js

@@ -9,7 +9,7 @@ var _styles = require("./styles");
 
 var _index = require("../../atoms/ScreenHeader/index");
 
-var _index2 = require("../../atoms/StatusTag/index");
+var _index2 = require("../../atoms/Status/index");
 
 var _index3 = require("../../atoms/ProgressBar/index");
 
@@ -27,7 +27,7 @@ var ProductNameHeader = function ProductNameHeader(_ref) {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
       headerType: "product-name-header",
       text: productName
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.StatusTag, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Status, {
       statusType: statusType
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.ProgressBar, {
       percent: percent,

package/dist/components/molecules/StatusAsignationInfo/index.js

@@ -15,7 +15,7 @@ var _index = require("../../atoms/ScreenHeader/index");
 
 var _Avatar = require("../../atoms/Avatar");
 
-var _index2 = require("../../atoms/StatusTag/index");
+var _index2 = require("../../atoms/Status/index");
 
 var _GeneralButton = require("../../atoms/GeneralButton");
 
@@ -112,7 +112,7 @@ var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
         setShowVersionSelector(true);
       },
       label: "V".concat(version)
-    }), status !== "-" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.StatusTag, {
+    }), status !== "-" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Status, {
       statusType: status,
       ovalForm: true
     }), showSaveButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
@@ -163,7 +163,7 @@ var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
           className: "asignation-status",
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
             children: "Estatus"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.StatusTag, {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Status, {
             statusType: status,
             ovalForm: true
           })]

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

@@ -47,7 +47,7 @@ var FullProductNameHeader = function FullProductNameHeader(_ref) {
       var element = [];
       servicesData.forEach(function (sd) {
         if (sd.id_retailer === rt.id) {
-          element.push(sd.status ? sd.status : "RECEIVED");
+          element.push(sd.status ? sd.status : "R");
         } else element.push("NA");
 
         rt["services"] = element;

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

@@ -28,8 +28,8 @@ exports.ProviderProductEditionDefault = ProviderProductEditionDefault;
 ProviderProductEditionDefault.args = {
   tabsSections: {
     Descripción: true,
-    "Ficha técnica": false,
-    Imágenes: false
+    "Ficha técnica": true,
+    Imágenes: true
   },
   token: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5ZTQ0OGMwZS0xOGVkLTRlYWYtOWY4OC0zYjMxOTdkNGEyZmQiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjllNDQ4YzBlLTE4ZWQtNGVhZi05Zjg4LTNiMzE5N2Q0YTJmZCIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiI5ODg5YTFhYi1mMTljLTRiNzQtYjQ5Ni0xZDM3YzZjY2U3YmQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NjQzMTQ5OCwibmFtZSI6IkdlcnNvbiBNYXJ0w61uZXoiLCJwaG9uZV9udW1iZXIiOiIrNTIxMjMxMjMxMjMiLCJleHAiOjE2NTY0MzUwOTgsImlhdCI6MTY1NjQzMTQ5OCwiZW1haWwiOiJnbWFydGluZXpAY29udGVudG9oLmNvbSJ9.qMBMYKxcaQrXT-3373y3K4eX73vgRApuFsT9-FVl9AuP_BKy51nHReEvwWHO4SMVpFxf3eHoQhUHG2PTl8qlvnoXlLqfCdgJEnq5DMFIOqcs_WzUHfb3k4r3y66DMzPwQI0aEk35ZYsAvkxd9m6Ax9fwJBuMCpb3jf7Az0SBpDvUgT7iRvS2b09UTwkW3ZIxfnaUE4uoqacoTUm7239AjuNe5Qh3UZl0rVvZ-mnh3SmAcNpxl-RtUEdcw4gO0MbIch39gIJ_1CcvBxXR2tVSUILZWfbpXI2ubA_sQZ0VJy5kWpe4pYF5beJISZ7sZ0Fzrv2ftE7poEtueYloftRfng",
   articleId: 238,
@@ -102,10 +102,6 @@ ProviderProductEditionDefault.args = {
     }]
   },
   location: {
-    product: {
-      articleId: 109485,
-      versionId: 3
-    },
     state: {
       origin: "Contentoh"
     }