contentoh-components-library 21.6.18 → 21.6.20

package/.env.test

@@ -72,4 +72,5 @@ SKIP_PREFLIGHT_CHECK=true
 
 REACT_APP_ID_AWS=7o2hp8msfl
 REACT_APP_ENVIRONMENT=test
-REACT_APP_REGION=us-east-1
+REACT_APP_REGION=us-east-1
+REACT_APP_VARIANTS_ENDPOINT=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/variants

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

@@ -23,6 +23,8 @@ var _styles = require("./styles");
 
 var _index = require("../../atoms/ScreenHeader/index");
 
+var _InheritanceTag = require("../../atoms/InheritanceTag");
+
 var _index2 = require("../../atoms/GeneralInput/index");
 
 var _react = require("react");
@@ -74,7 +76,11 @@ var TagAndInput = function TagAndInput(_ref) {
       onChange = _ref.onChange,
       dataInputs = _ref.dataInputs,
       inputGroup = _ref.inputGroup,
-      boxOnboardingData = _ref.boxOnboardingData;
+      boxOnboardingData = _ref.boxOnboardingData,
+      isVariant = _ref.isVariant,
+      isOverridden = _ref.isOverridden,
+      parentUpc = _ref.parentUpc,
+      onRestoreInheritance = _ref.onRestoreInheritance;
 
   var _useState = (0, _react.useState)(boxOnboardingData || []),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -421,6 +427,13 @@ var TagAndInput = function TagAndInput(_ref) {
           text: label,
           headerType: "input-name-header",
           color: color
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_InheritanceTag.InheritanceTag, {
+          isVariant: isVariant,
+          isOverridden: isOverridden,
+          parentUpc: parentUpc,
+          onRestore: onRestoreInheritance ? function () {
+            return onRestoreInheritance(inputId);
+          } : undefined
         }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
           componentTooltip: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {

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

@@ -58,7 +58,9 @@ var InputGroup = function InputGroup(_ref) {
       groupData = _ref$groupData === void 0 ? [] : _ref$groupData,
       setUpdatedBoxData = _ref.setUpdatedBoxData,
       activeRetailer = _ref.activeRetailer,
-      updateApprovedInputs = _ref.updateApprovedInputs;
+      updateApprovedInputs = _ref.updateApprovedInputs,
+      variant = _ref.variant,
+      onRestoreInheritance = _ref.onRestoreInheritance;
 
   var InputReviewSection = function InputReviewSection(_ref2) {
     var inputId = _ref2.inputId,
@@ -183,7 +185,7 @@ var InputGroup = function InputGroup(_ref) {
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "inputs-container",
         children: inputGroup === null || inputGroup === void 0 ? void 0 : (_inputGroup$inputs = inputGroup.inputs) === null || _inputGroup$inputs === void 0 ? void 0 : _inputGroup$inputs.map(function (input, index) {
-          var _dataInputs$input, _dataInputs$input2, _dataInputs$input3, _dataInputs$input4, _dataInputs$input5, _dataInputs$input6, _dataInputs$input7, _dataInputs$input8, _dataInputs$input9, _dataInputs$input10, _dataInputs$input11, _dataInputs$input12, _dataInputs$input13, _dataInputs$input14, _dataInputs$input15, _dataInputs$input16, _auditInputs$input, _dataInputs$input17, _dataInputs$input18, _dataInputs$input19, _dataInputs$input20, _dataInputs$input21, _dataInputs$input22, _dataInputs$input23, _auditInputGroup$inpu, _auditInputGroup$inpu2;
+          var _dataInputs$input, _dataInputs$input2, _dataInputs$input3, _dataInputs$input4, _dataInputs$input5, _dataInputs$input6, _dataInputs$input7, _dataInputs$input8, _dataInputs$input9, _dataInputs$input10, _dataInputs$input11, _dataInputs$input12, _dataInputs$input13, _dataInputs$input14, _dataInputs$input15, _dataInputs$input16, _auditInputs$input, _dataInputs$input17, _dataInputs$input18, _dataInputs$input19, _dataInputs$input20, _dataInputs$input21, _dataInputs$input22, _dataInputs$input23, _dataInputs$input24, _variant$parent, _auditInputGroup$inpu, _auditInputGroup$inpu2;
 
           return activeSection === "Ficha técnica" ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             className: ((_dataInputs$input = dataInputs[input]) === null || _dataInputs$input === void 0 ? void 0 : _dataInputs$input.id) === 6700 || ((_dataInputs$input2 = dataInputs[input]) === null || _dataInputs$input2 === void 0 ? void 0 : _dataInputs$input2.id) === 6701 ? "inputs-validation-onboarding" : "inputs-validation",
@@ -213,6 +215,10 @@ var InputGroup = function InputGroup(_ref) {
               optionList: (_dataInputs$input22 = dataInputs[input]) === null || _dataInputs$input22 === void 0 ? void 0 : _dataInputs$input22.option_list,
               description: (_dataInputs$input23 = dataInputs[input]) === null || _dataInputs$input23 === void 0 ? void 0 : _dataInputs$input23.description,
               showTooltip: true,
+              isVariant: variant === null || variant === void 0 ? void 0 : variant.isVariant,
+              isOverridden: (_dataInputs$input24 = dataInputs[input]) === null || _dataInputs$input24 === void 0 ? void 0 : _dataInputs$input24.isOverridden,
+              parentUpc: variant === null || variant === void 0 ? void 0 : (_variant$parent = variant.parent) === null || _variant$parent === void 0 ? void 0 : _variant$parent.upc,
+              onRestoreInheritance: onRestoreInheritance,
               auditClass: compare && !isEquals(dataInputs[input].value, auditInputs[input].value) ? "audit-class" : ""
             }, index + "-" + ((_dataInputs$input10 = dataInputs[input]) === null || _dataInputs$input10 === void 0 ? void 0 : _dataInputs$input10.value) + "-" + ((_dataInputs$input11 = dataInputs[input]) === null || _dataInputs$input11 === void 0 ? void 0 : _dataInputs$input11.id) + "-" + compare)]
           }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
@@ -255,35 +261,35 @@ var InputGroup = function InputGroup(_ref) {
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "inputs-container",
         children: inputGroup === null || inputGroup === void 0 ? void 0 : (_inputGroup$inputs2 = inputGroup.inputs) === null || _inputGroup$inputs2 === void 0 ? void 0 : _inputGroup$inputs2.map(function (input, index) {
-          var _dataInputs$input24, _dataInputs$input25, _dataInputs$input26, _dataInputs$input27, _dataInputs$input28, _dataInputs$input29, _dataInputs$input30, _dataInputs$input31, _dataInputs$input32, _auditInputs$input2, _dataInputs$input33, _dataInputs$input34, _dataInputs$input35, _dataInputs$input36, _dataInputs$input37, _dataInputs$input38, _dataInputs$input39, _dataInputs$input40, _dataInputs$input41, _dataInputs$input42, _dataInputs$input43, _auditInputGroup$inpu3, _auditInputGroup$inpu4;
+          var _dataInputs$input25, _dataInputs$input26, _dataInputs$input27, _dataInputs$input28, _dataInputs$input29, _dataInputs$input30, _dataInputs$input31, _dataInputs$input32, _dataInputs$input33, _auditInputs$input2, _dataInputs$input34, _dataInputs$input35, _dataInputs$input36, _dataInputs$input37, _dataInputs$input38, _dataInputs$input39, _dataInputs$input40, _dataInputs$input41, _dataInputs$input42, _dataInputs$input43, _dataInputs$input44, _auditInputGroup$inpu3, _auditInputGroup$inpu4;
 
           return activeSection === "Ficha técnica" ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
               //disabled={input === 40001}
-              disabled: (_dataInputs$input26 = dataInputs[input]) === null || _dataInputs$input26 === void 0 ? void 0 : _dataInputs$input26.isApproved,
-              inputId: (_dataInputs$input27 = dataInputs[input]) === null || _dataInputs$input27 === void 0 ? void 0 : _dataInputs$input27.id,
+              disabled: (_dataInputs$input27 = dataInputs[input]) === null || _dataInputs$input27 === void 0 ? void 0 : _dataInputs$input27.isApproved,
+              inputId: (_dataInputs$input28 = dataInputs[input]) === null || _dataInputs$input28 === void 0 ? void 0 : _dataInputs$input28.id,
               version: version,
-              inputType: inputTypeValue((_dataInputs$input28 = dataInputs[input]) === null || _dataInputs$input28 === void 0 ? void 0 : _dataInputs$input28.type),
-              label: ((_dataInputs$input29 = dataInputs[input]) === null || _dataInputs$input29 === void 0 ? void 0 : _dataInputs$input29.name) + ((_dataInputs$input30 = dataInputs[input]) !== null && _dataInputs$input30 !== void 0 && _dataInputs$input30.required ? "*" : ""),
-              value: (_dataInputs$input31 = dataInputs[input]) !== null && _dataInputs$input31 !== void 0 && _dataInputs$input31.box ? Object.values((_dataInputs$input32 = dataInputs[input]) === null || _dataInputs$input32 === void 0 ? void 0 : _dataInputs$input32.box)[0] : compare ? (_auditInputs$input2 = auditInputs[input]) === null || _auditInputs$input2 === void 0 ? void 0 : _auditInputs$input2.value : (_dataInputs$input33 = dataInputs[input]) === null || _dataInputs$input33 === void 0 ? void 0 : _dataInputs$input33.value,
+              inputType: inputTypeValue((_dataInputs$input29 = dataInputs[input]) === null || _dataInputs$input29 === void 0 ? void 0 : _dataInputs$input29.type),
+              label: ((_dataInputs$input30 = dataInputs[input]) === null || _dataInputs$input30 === void 0 ? void 0 : _dataInputs$input30.name) + ((_dataInputs$input31 = dataInputs[input]) !== null && _dataInputs$input31 !== void 0 && _dataInputs$input31.required ? "*" : ""),
+              value: (_dataInputs$input32 = dataInputs[input]) !== null && _dataInputs$input32 !== void 0 && _dataInputs$input32.box ? Object.values((_dataInputs$input33 = dataInputs[input]) === null || _dataInputs$input33 === void 0 ? void 0 : _dataInputs$input33.box)[0] : compare ? (_auditInputs$input2 = auditInputs[input]) === null || _auditInputs$input2 === void 0 ? void 0 : _auditInputs$input2.value : (_dataInputs$input34 = dataInputs[input]) === null || _dataInputs$input34 === void 0 ? void 0 : _dataInputs$input34.value,
               inputPlaceHolder: input === null || input === void 0 ? void 0 : input.placeholder,
               articleId: articleId,
-              isRequired: (_dataInputs$input34 = dataInputs[input]) === null || _dataInputs$input34 === void 0 ? void 0 : _dataInputs$input34.required,
-              aiGenerated: (_dataInputs$input35 = dataInputs[input]) === null || _dataInputs$input35 === void 0 ? void 0 : _dataInputs$input35.ai_generated,
+              isRequired: (_dataInputs$input35 = dataInputs[input]) === null || _dataInputs$input35 === void 0 ? void 0 : _dataInputs$input35.required,
+              aiGenerated: (_dataInputs$input36 = dataInputs[input]) === null || _dataInputs$input36 === void 0 ? void 0 : _dataInputs$input36.ai_generated,
               updatedDatasheets: updatedDatasheets,
               setUpdatedDatasheets: setUpdatedDatasheets,
-              maxChar: (_dataInputs$input36 = dataInputs[input]) !== null && _dataInputs$input36 !== void 0 && _dataInputs$input36.max_chars ? (_dataInputs$input37 = dataInputs[input]) === null || _dataInputs$input37 === void 0 ? void 0 : _dataInputs$input37.max_chars : 999,
-              optionList: (_dataInputs$input38 = dataInputs[input]) === null || _dataInputs$input38 === void 0 ? void 0 : _dataInputs$input38.option_list,
-              description: (_dataInputs$input39 = dataInputs[input]) === null || _dataInputs$input39 === void 0 ? void 0 : _dataInputs$input39.description,
+              maxChar: (_dataInputs$input37 = dataInputs[input]) !== null && _dataInputs$input37 !== void 0 && _dataInputs$input37.max_chars ? (_dataInputs$input38 = dataInputs[input]) === null || _dataInputs$input38 === void 0 ? void 0 : _dataInputs$input38.max_chars : 999,
+              optionList: (_dataInputs$input39 = dataInputs[input]) === null || _dataInputs$input39 === void 0 ? void 0 : _dataInputs$input39.option_list,
+              description: (_dataInputs$input40 = dataInputs[input]) === null || _dataInputs$input40 === void 0 ? void 0 : _dataInputs$input40.description,
               showTooltip: true,
               inputGroup: inputGroup,
               dataInputs: dataInputs,
               onChange: setUpdatedBoxData,
               auditClass: compare && !isEquals(dataInputs[input].value, auditInputs[input].value) ? "audit-class" : ""
-            }, index + "-" + ((_dataInputs$input24 = dataInputs[input]) === null || _dataInputs$input24 === void 0 ? void 0 : _dataInputs$input24.value) + "-" + ((_dataInputs$input25 = dataInputs[input]) === null || _dataInputs$input25 === void 0 ? void 0 : _dataInputs$input25.id) + "-" + compare), ((_dataInputs$input40 = dataInputs[input]) === null || _dataInputs$input40 === void 0 ? void 0 : _dataInputs$input40.isApproved) === false && /*#__PURE__*/(0, _jsxRuntime.jsx)(InputReviewSection, {
-              inputId: (_dataInputs$input41 = dataInputs[input]) === null || _dataInputs$input41 === void 0 ? void 0 : _dataInputs$input41.id,
-              isApproved: (_dataInputs$input42 = dataInputs[input]) === null || _dataInputs$input42 === void 0 ? void 0 : _dataInputs$input42.isApproved,
-              comment: (_dataInputs$input43 = dataInputs[input]) === null || _dataInputs$input43 === void 0 ? void 0 : _dataInputs$input43.comment,
+            }, index + "-" + ((_dataInputs$input25 = dataInputs[input]) === null || _dataInputs$input25 === void 0 ? void 0 : _dataInputs$input25.value) + "-" + ((_dataInputs$input26 = dataInputs[input]) === null || _dataInputs$input26 === void 0 ? void 0 : _dataInputs$input26.id) + "-" + compare), ((_dataInputs$input41 = dataInputs[input]) === null || _dataInputs$input41 === void 0 ? void 0 : _dataInputs$input41.isApproved) === false && /*#__PURE__*/(0, _jsxRuntime.jsx)(InputReviewSection, {
+              inputId: (_dataInputs$input42 = dataInputs[input]) === null || _dataInputs$input42 === void 0 ? void 0 : _dataInputs$input42.id,
+              isApproved: (_dataInputs$input43 = dataInputs[input]) === null || _dataInputs$input43 === void 0 ? void 0 : _dataInputs$input43.isApproved,
+              comment: (_dataInputs$input44 = dataInputs[input]) === null || _dataInputs$input44 === void 0 ? void 0 : _dataInputs$input44.comment,
               handleImgClick: handleImgClick,
               changeImageBtn: changeImageBtn,
               showDivState: showDivStates,

package/dist/components/organisms/LinkVariantsModal/api.js

@@ -0,0 +1,102 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.unwrap = exports.readPayload = exports.ApiError = void 0;
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
+
+var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/wrapNativeSuper"));
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
+
+/*
+  Las lambdas de este API están declaradas con `integration: lambda`, no con
+  lambda-proxy. Eso tiene dos consecuencias que se pagan caras si se ignoran:
+
+  1. La respuesta llega ENVUELTA: axios entrega { statusCode, headers, body },
+     con `body` en texto. Leer `res.data.candidates` da undefined.
+  2. El HTTP siempre es 200, incluso cuando la lambda respondió 400 o 500. Un
+     try/catch alrededor de axios NUNCA se dispara por un error de negocio: el
+     error viaja dentro del cuerpo y hay que mirar `statusCode` a mano.
+
+  El repo ya vive con esto —provider-product-edition.context.jsx hace
+  JSON.parse(res.data.body)— pero sin un lugar común cada llamada nueva vuelve a
+  tropezar. Esto lo centraliza.
+*/
+var unwrap = function unwrap(res) {
+  var _res$status;
+
+  var payload = res === null || res === void 0 ? void 0 : res.data;
+  var envuelto = payload && (0, _typeof2.default)(payload) === "object" && "statusCode" in payload && "body" in payload;
+  if (!envuelto) return {
+    status: (_res$status = res === null || res === void 0 ? void 0 : res.status) !== null && _res$status !== void 0 ? _res$status : 200,
+    body: payload
+  };
+  var body = typeof payload.body === "string" ? safeParse(payload.body) : payload.body;
+  return {
+    status: Number(payload.statusCode),
+    body: body
+  };
+};
+
+exports.unwrap = unwrap;
+
+var safeParse = function safeParse(text) {
+  try {
+    return JSON.parse(text);
+  } catch (error) {
+    return {
+      message: text
+    };
+  }
+};
+/*
+  Error de negocio con el código estable que manda el backend
+  (VARIANT_CROSS_COMPANY, VARIANT_ALREADY_LINKED, ...). Se lanza para que el
+  llamador use un try/catch normal, aunque el transporte haya dicho 200.
+*/
+
+
+var ApiError = /*#__PURE__*/function (_Error) {
+  (0, _inherits2.default)(ApiError, _Error);
+
+  var _super = (0, _createSuper2.default)(ApiError);
+
+  function ApiError(code, message) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, ApiError);
+    _this = _super.call(this, message);
+    _this.name = "ApiError";
+    _this.code = code;
+    return _this;
+  }
+
+  return (0, _createClass2.default)(ApiError);
+}( /*#__PURE__*/(0, _wrapNativeSuper2.default)(Error));
+
+exports.ApiError = ApiError;
+
+var readPayload = function readPayload(res) {
+  var _unwrap = unwrap(res),
+      status = _unwrap.status,
+      body = _unwrap.body;
+
+  if (status >= 400) {
+    throw new ApiError(body === null || body === void 0 ? void 0 : body.code, (body === null || body === void 0 ? void 0 : body.message) || "La operación falló.");
+  }
+
+  return body !== null && body !== void 0 ? body : {};
+};
+
+exports.readPayload = readPayload;