contentoh-components-library 21.6.19 → 21.6.21

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

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Section = exports.SearchRow = exports.Panel = exports.Overlay = exports.ModeSwitch = exports.Message = exports.List = exports.Header = exports.Footer = exports.Body = exports.AttributeList = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+require("../../../global-files/global-styles.css");
+
+var _variables = require("../../../global-files/variables");
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+
+var Overlay = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: fixed;\n  inset: 0;\n  z-index: 100;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: rgba(40, 31, 51, 0.45);\n"])));
+
+exports.Overlay = Overlay;
+
+var Panel = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  width: min(680px, 92vw);\n  max-height: 86vh;\n  border-radius: 10px;\n  background-color: ", ";\n  font-family: ", ";\n  overflow: hidden;\n"])), _variables.GlobalColors.white, _variables.FontFamily.Raleway);
+
+exports.Panel = Panel;
+
+var Header = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 16px;\n  padding: 20px 24px 12px;\n\n  h2 {\n    margin: 0;\n    font-family: ", ";\n    font-size: 16px;\n    color: ", ";\n  }\n\n  p {\n    margin: 4px 0 0;\n    font-size: 12px;\n    color: ", ";\n  }\n\n  .close {\n    border: none;\n    background: none;\n    cursor: pointer;\n    font-size: 20px;\n    line-height: 1;\n    color: ", ";\n  }\n"])), _variables.FontFamily.Raleway_700, _variables.GlobalColors.deep_gray, _variables.GlobalColors.gray, _variables.GlobalColors.gray);
+
+exports.Header = Header;
+
+var ModeSwitch = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  gap: 8px;\n  padding: 0 24px 16px;\n\n  button {\n    flex: 1;\n    padding: 10px 12px;\n    border-radius: 6px;\n    border: 1px solid ", ";\n    background-color: ", ";\n    font-family: ", ";\n    font-size: 12px;\n    color: ", ";\n    cursor: pointer;\n    text-align: left;\n  }\n\n  button.active {\n    border-color: ", ";\n    color: ", ";\n    background-color: rgba(", ", 0.08);\n  }\n"])), _variables.GlobalColors.s2, _variables.GlobalColors.white, _variables.FontFamily.Raleway_600, _variables.GlobalColors.gray, _variables.GlobalColors.original_magenta, _variables.GlobalColors.original_magenta, _variables.GlobalColors.rgb_color_pink);
+
+exports.ModeSwitch = ModeSwitch;
+
+var Body = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  flex: 1;\n  overflow-y: auto;\n  padding: 0 24px;\n"])));
+
+exports.Body = Body;
+
+var SearchRow = _styledComponents.default.form(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  gap: 8px;\n  margin-bottom: 12px;\n\n  input {\n    flex: 1;\n    height: 36px;\n    padding: 0 12px;\n    border: 1px solid ", ";\n    border-radius: 6px;\n    font-family: ", ";\n    font-size: 12px;\n    color: ", ";\n  }\n\n  button {\n    height: 36px;\n    padding: 0 18px;\n    border: none;\n    border-radius: 6px;\n    background-color: ", ";\n    color: ", ";\n    font-family: ", ";\n    font-size: 12px;\n    cursor: pointer;\n  }\n\n  button:disabled {\n    opacity: 0.5;\n    cursor: default;\n  }\n"])), _variables.GlobalColors.s2, _variables.FontFamily.Raleway, _variables.GlobalColors.deep_gray, _variables.GlobalColors.original_magenta, _variables.GlobalColors.white, _variables.FontFamily.Raleway_600);
+
+exports.SearchRow = SearchRow;
+
+var List = _styledComponents.default.ul(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  list-style: none;\n  margin: 0 0 16px;\n  padding: 0;\n  border: 1px solid ", ";\n  border-radius: 6px;\n\n  li + li {\n    border-top: 1px solid ", ";\n  }\n\n  label {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 12px;\n    cursor: pointer;\n    font-size: 12px;\n    color: ", ";\n  }\n\n  .meta {\n    display: block;\n    font-size: 11px;\n    color: ", ";\n  }\n\n  .count {\n    margin-left: auto;\n    font-size: 11px;\n    color: ", ";\n    white-space: nowrap;\n  }\n"])), _variables.GlobalColors.s2, _variables.GlobalColors.s2, _variables.GlobalColors.deep_gray, _variables.GlobalColors.gray, _variables.GlobalColors.original_magenta);
+
+exports.List = List;
+var AttributeList = (0, _styledComponents.default)(List)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  max-height: 220px;\n  overflow-y: auto;\n\n  .note {\n    display: block;\n    font-size: 10px;\n    font-style: italic;\n    color: ", ";\n  }\n\n  .value {\n    margin-left: auto;\n    max-width: 45%;\n    font-size: 11px;\n    color: ", ";\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n"])), _variables.GlobalColors.gray, _variables.GlobalColors.gray);
+exports.AttributeList = AttributeList;
+
+var Section = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  margin-bottom: 16px;\n\n  h3 {\n    margin: 0 0 8px;\n    font-family: ", ";\n    font-size: 13px;\n    color: ", ";\n  }\n\n  label.choice {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n    padding: 6px 0;\n    font-size: 12px;\n    color: ", ";\n    cursor: pointer;\n  }\n\n  label.choice span.hint {\n    display: block;\n    font-size: 11px;\n    color: ", ";\n  }\n"])), _variables.FontFamily.Raleway_600, _variables.GlobalColors.deep_gray, _variables.GlobalColors.deep_gray, _variables.GlobalColors.gray);
+
+exports.Section = Section;
+
+var Message = _styledComponents.default.p(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  margin: 0 0 12px;\n  padding: 10px 12px;\n  border-radius: 6px;\n  font-size: 12px;\n  line-height: 1.4;\n  background-color: ", ";\n  color: ", ";\n\n  &.error {\n    background-color: rgba(", ", 0.1);\n    color: ", ";\n  }\n"])), _variables.GlobalColors.s2, _variables.GlobalColors.deep_gray, _variables.GlobalColors.rgb_color_pink, _variables.GlobalColors.original_magenta);
+
+exports.Message = Message;
+
+var Footer = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  padding: 16px 24px;\n  border-top: 1px solid ", ";\n\n  .summary {\n    font-size: 12px;\n    color: ", ";\n  }\n\n  .actions {\n    display: flex;\n    gap: 8px;\n    margin-left: auto;\n  }\n\n  button {\n    height: 36px;\n    padding: 0 18px;\n    border-radius: 6px;\n    font-family: ", ";\n    font-size: 12px;\n    cursor: pointer;\n  }\n\n  button.secondary {\n    border: 1px solid ", ";\n    background-color: ", ";\n    color: ", ";\n  }\n\n  button.primary {\n    border: none;\n    background-color: ", ";\n    color: ", ";\n  }\n\n  button:disabled {\n    opacity: 0.5;\n    cursor: default;\n  }\n"])), _variables.GlobalColors.s2, _variables.GlobalColors.gray, _variables.FontFamily.Raleway_600, _variables.GlobalColors.s2, _variables.GlobalColors.white, _variables.GlobalColors.gray, _variables.GlobalColors.original_magenta, _variables.GlobalColors.white);
+
+exports.Footer = Footer;

package/dist/components/pages/ProviderProductEdition/context/reducers/inputs.js

@@ -98,11 +98,14 @@ var inputsReducer = function inputsReducer(state, action) {
         var updatedServiceInputs = (0, _objectSpread2.default)({}, state.services.datasheets.inputs);
         action.payload.forEach(function (_ref) {
           var attributeId = _ref.attributeId,
-              value = _ref.value;
+              value = _ref.value,
+              isOverridden = _ref.isOverridden;
           var key = "".concat(attributeId, "_").concat(_retailerId);
           if (!updatedServiceInputs[key]) return;
           updatedServiceInputs[key] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, updatedServiceInputs[key]), {}, {
             value: value
+          }, isOverridden === undefined ? {} : {
+            isOverridden: isOverridden
           });
         });
         /* ---------- 2. Actualizar datasheets_inputs ---------- */
@@ -111,11 +114,14 @@ var inputsReducer = function inputsReducer(state, action) {
           if (index !== 1) return group;
           return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, group), action.payload.reduce(function (acc, _ref2) {
             var attributeId = _ref2.attributeId,
-                value = _ref2.value;
+                value = _ref2.value,
+                isOverridden = _ref2.isOverridden;
             var key = "".concat(attributeId, "_").concat(_retailerId);
             if (!group[key]) return acc;
             acc[key] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, group[key]), {}, {
               value: value
+            }, isOverridden === undefined ? {} : {
+              isOverridden: isOverridden
             });
             return acc;
           }, {}));