contentoh-components-library 21.6.57 → 21.6.59

package/dist/components/pages/CreatorsProductEdition/sections/VersionDrawer.js

@@ -0,0 +1,615 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VersionDrawer = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _react = require("react");
+
+var _axios = _interopRequireDefault(require("axios"));
+
+var _material = require("@mui/material");
+
+var _Add = _interopRequireDefault(require("@mui/icons-material/Add"));
+
+var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
+
+var _nullIcon = _interopRequireDefault(require("../../../../assets/images/versionSelector/nullIcon.svg"));
+
+var _acceptIcon = _interopRequireDefault(require("../../../../assets/images/versionSelector/acceptIcon.svg"));
+
+var _versionSelected = _interopRequireDefault(require("../../../../assets/images/versionSelector/versionSelected.svg"));
+
+var _createVersion = _interopRequireDefault(require("../../../../assets/images/versionSelector/createVersion.svg"));
+
+var _genericModalWarning = _interopRequireDefault(require("../../../../assets/images/genericModal/genericModalWarning.svg"));
+
+var _tokens = require("./tokens");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+/*
+  Versiones del producto: lista, cambio de versión y creación de una nueva.
+
+  Reemplaza a `organisms/VersionSelector` (+ VersionItem y CreateVersion) con
+  los mismos props, las mismas llamadas y el mismo diseño oscuro, hecho con el
+  Drawer y el Dialog de MUI. El original era un panel `absolute` de 300px que
+  en celular tapaba media pantalla sin poder cerrarse tocando fuera; aquí en
+  celular ocupa todo el ancho.
+
+  El diálogo de nueva versión va con `disablePortal` para quedar dentro del
+  panel en el DOM.
+*/
+var WHITE_BUTTON = {
+  textTransform: "none",
+  borderRadius: "20px",
+  minHeight: 40,
+  flex: "1 1 0",
+  fontFamily: _tokens.FONTS.Raleway_500,
+  color: _tokens.COLORS.white,
+  border: "1px solid ".concat(_tokens.COLORS.white),
+  "&:hover": {
+    bgcolor: "rgba(255,255,255,0.08)"
+  }
+};
+var PINK_BUTTON = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, WHITE_BUTTON), {}, {
+  border: 0,
+  bgcolor: _tokens.COLORS.magenta_s2,
+  "&:hover": {
+    bgcolor: _tokens.COLORS.secondary_magenta
+  }
+});
+
+var exportedText = function exportedText(timestamp) {
+  return timestamp ? "\xDAltima vez exportado: ".concat(new Date(timestamp).toLocaleDateString()) : "";
+}; // --- Una versión de la lista ----------------------------------------------
+
+
+var VersionRow = function VersionRow(_ref) {
+  var item = _ref.item,
+      isCurrent = _ref.isCurrent,
+      companyName = _ref.companyName,
+      onSelect = _ref.onSelect;
+  var validated = Boolean(item.article_status);
+  var text = {
+    fontFamily: _tokens.FONTS.AvenirNext,
+    fontSize: 12,
+    color: _tokens.COLORS.s2
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+    sx: {
+      pb: "5px",
+      borderBottom: "1px solid ".concat(_tokens.COLORS.s4)
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
+      direction: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
+        title: isCurrent ? "Versión actual" : "Usar esta versión",
+        arrow: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ButtonBase, {
+            "aria-label": "Usar la versi\xF3n ".concat(item.version),
+            disabled: isCurrent,
+            onClick: function onClick() {
+              return onSelect(item.version);
+            },
+            sx: {
+              borderRadius: "50%",
+              opacity: isCurrent ? 0.4 : 1
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+              component: "img",
+              src: _versionSelected.default,
+              alt: "",
+              sx: {
+                width: 30,
+                height: 30
+              }
+            })
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+        component: "img",
+        src: validated ? _acceptIcon.default : _nullIcon.default,
+        alt: validated ? "Versión validada" : "Versión sin validar"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
+      alignItems: "flex-end",
+      gap: "5px",
+      sx: {
+        textAlign: "right"
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Typography, {
+        sx: {
+          fontFamily: _tokens.FONTS.Raleway_600,
+          fontSize: 16,
+          color: _tokens.COLORS.magenta_s2
+        },
+        children: ["Versi\xF3n ", item.version]
+      }), item.timestamp && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+        sx: text,
+        children: exportedText(item.timestamp)
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+        sx: text,
+        children: isCurrent ? "Versión actual" : validated ? "Edición Content-Oh!" : "Versi\xF3n de ".concat(companyName)
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+        sx: text,
+        children: validated ? "Content-Oh! digital" : companyName
+      })]
+    })]
+  });
+}; // --- Nueva versión -------------------------------------------------------
+
+
+var CONTENT_SELECTS = [{
+  id: "datasheet",
+  label: "Ficha técnica"
+}, {
+  id: "description",
+  label: "Descripción"
+}, {
+  id: "image",
+  label: "Imágenes"
+}];
+
+var CreateVersionDialog = function CreateVersionDialog(_ref2) {
+  var open = _ref2.open,
+      onClose = _ref2.onClose,
+      articleId = _ref2.articleId,
+      currentVersion = _ref2.currentVersion,
+      versions = _ref2.versions,
+      jwt = _ref2.jwt,
+      onCreated = _ref2.onCreated;
+
+  var _useState = (0, _react.useState)("options"),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      step = _useState2[0],
+      setStep = _useState2[1];
+
+  var _useState3 = (0, _react.useState)({}),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      selected = _useState4[0],
+      setSelected = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      saving = _useState6[0],
+      setSaving = _useState6[1];
+
+  var isPhone = (0, _material.useMediaQuery)("(max-width:599.95px)");
+  (0, _react.useEffect)(function () {
+    if (open) {
+      setStep("options");
+      setSelected({
+        datasheet: currentVersion,
+        description: currentVersion,
+        image: currentVersion
+      });
+    }
+  }, [open, currentVersion]); // Mismo POST que `CreateVersion`.
+
+  var createVersion = /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(isEmpty) {
+      var data;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              setSaving(true);
+              _context.prev = 1;
+              data = {
+                articleId: articleId,
+                isEmpty: isEmpty
+              };
+              if (!isEmpty) data.version = selected;
+              _context.next = 6;
+              return _axios.default.post(process.env.REACT_APP_VERSIONS_ENDPOINT, data, {
+                headers: {
+                  Authorization: jwt
+                }
+              });
+
+            case 6:
+              onClose();
+              onCreated();
+              _context.next = 13;
+              break;
+
+            case 10:
+              _context.prev = 10;
+              _context.t0 = _context["catch"](1);
+              console.error(_context.t0);
+
+            case 13:
+              _context.prev = 13;
+              setSaving(false);
+              return _context.finish(13);
+
+            case 16:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[1, 10, 13, 16]]);
+    }));
+
+    return function createVersion(_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+
+  var title = function title(text) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+      sx: {
+        fontFamily: _tokens.FONTS.Raleway_500,
+        fontSize: 22,
+        lineHeight: 1.3
+      },
+      children: text
+    });
+  };
+
+  var subtitle = function subtitle(text) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+      sx: {
+        fontFamily: _tokens.FONTS.Raleway,
+        fontSize: 16,
+        lineHeight: 1.4
+      },
+      children: text
+    });
+  };
+
+  var steps = {
+    options: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+        component: "img",
+        src: _createVersion.default,
+        alt: "",
+        sx: {
+          mx: "auto"
+        }
+      }), title("Crea una nueva versión"), subtitle("Puedes elegir el contenido de versiones anteriores o crear una versión desde cero"), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
+        direction: {
+          xs: "column",
+          sm: "row"
+        },
+        gap: 2,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
+          sx: WHITE_BUTTON,
+          onClick: function onClick() {
+            return setStep("empty");
+          },
+          children: "Versi\xF3n desde cero"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
+          sx: PINK_BUTTON,
+          onClick: function onClick() {
+            return setStep("custom");
+          },
+          children: "Versi\xF3n personalizada"
+        })]
+      })]
+    }),
+    empty: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+        component: "img",
+        src: _genericModalWarning.default,
+        alt: "",
+        sx: {
+          mx: "auto"
+        }
+      }), title("Si creas una versión desde cero perderás la información actual"), subtitle("¿Deseas continuar?"), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
+        direction: {
+          xs: "column",
+          sm: "row"
+        },
+        gap: 2,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
+          sx: WHITE_BUTTON,
+          onClick: function onClick() {
+            return setStep("options");
+          },
+          children: "Atr\xE1s"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
+          sx: PINK_BUTTON,
+          disabled: saving,
+          onClick: function onClick() {
+            return createVersion(true);
+          },
+          children: "Continuar"
+        })]
+      })]
+    }),
+    custom: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [subtitle("Elige el contenido que deseas utilizar de versiones anteriores"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Stack, {
+        gap: 2,
+        children: CONTENT_SELECTS.map(function (_ref4) {
+          var _selected$id;
+
+          var id = _ref4.id,
+              label = _ref4.label;
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.FormControl, {
+            size: "small",
+            fullWidth: true,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputLabel, {
+              id: "".concat(id, "-label"),
+              sx: {
+                color: _tokens.COLORS.s3,
+                "&.Mui-focused": {
+                  color: _tokens.COLORS.white
+                }
+              },
+              children: label
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Select, {
+              labelId: "".concat(id, "-label"),
+              label: label,
+              value: (_selected$id = selected[id]) !== null && _selected$id !== void 0 ? _selected$id : "",
+              onChange: function onChange(e) {
+                return setSelected(function (prev) {
+                  return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, (0, _defineProperty2.default)({}, id, parseInt(e.target.value)));
+                });
+              },
+              MenuProps: {
+                disablePortal: true
+              },
+              sx: {
+                color: _tokens.COLORS.white,
+                textAlign: "left",
+                "& .MuiOutlinedInput-notchedOutline": {
+                  borderColor: _tokens.COLORS.s4
+                },
+                "&:hover .MuiOutlinedInput-notchedOutline": {
+                  borderColor: _tokens.COLORS.s3
+                },
+                "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
+                  borderColor: _tokens.COLORS.magenta_s2
+                },
+                "& .MuiSvgIcon-root": {
+                  color: _tokens.COLORS.white
+                }
+              },
+              children: versions.map(function (item) {
+                return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.MenuItem, {
+                  value: item.version,
+                  children: ["Versi\xF3n ", item.version]
+                }, "".concat(id, "-").concat(item.version));
+              })
+            })]
+          }, id);
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
+        direction: {
+          xs: "column",
+          sm: "row"
+        },
+        gap: 2,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
+          sx: WHITE_BUTTON,
+          onClick: function onClick() {
+            return setStep("options");
+          },
+          children: "Atr\xE1s"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
+          sx: PINK_BUTTON,
+          disabled: saving,
+          onClick: function onClick() {
+            return createVersion(false);
+          },
+          children: "Continuar"
+        })]
+      })]
+    })
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Dialog, {
+    open: open,
+    onClose: onClose,
+    disablePortal: true,
+    fullScreen: isPhone,
+    maxWidth: false,
+    PaperProps: {
+      id: "create-version",
+      sx: {
+        width: {
+          sm: "min(600px, calc(100% - 64px))"
+        },
+        bgcolor: _tokens.COLORS.deep_gray,
+        color: _tokens.COLORS.white,
+        borderRadius: {
+          xs: 0,
+          sm: "39px"
+        },
+        p: {
+          xs: "56px 20px 24px",
+          sm: "40px"
+        },
+        justifyContent: {
+          xs: "center",
+          sm: "flex-start"
+        }
+      }
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
+      "aria-label": "Cerrar",
+      onClick: onClose,
+      sx: {
+        position: "absolute",
+        top: 16,
+        right: 16,
+        color: _tokens.COLORS.white
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Close.default, {})
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Stack, {
+      gap: 2.5,
+      sx: {
+        textAlign: "center"
+      },
+      children: steps[step]
+    })]
+  });
+}; // --- Panel ---------------------------------------------------------------
+
+
+var VersionDrawer = function VersionDrawer(_ref5) {
+  var open = _ref5.open,
+      _ref5$modalId = _ref5.modalId,
+      modalId = _ref5$modalId === void 0 ? "version-selector" : _ref5$modalId,
+      articleId = _ref5.articleId,
+      setVersion = _ref5.setVersion,
+      companyName = _ref5.companyName,
+      currentVersion = _ref5.currentVersion,
+      setShowVersionSelector = _ref5.setShowVersionSelector,
+      jwt = _ref5.jwt;
+
+  var _useState7 = (0, _react.useState)([]),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      versions = _useState8[0],
+      setVersions = _useState8[1];
+
+  var _useState9 = (0, _react.useState)(false),
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+      showCreate = _useState10[0],
+      setShowCreate = _useState10[1];
+
+  var _useState11 = (0, _react.useState)(0),
+      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+      reload = _useState12[0],
+      setReload = _useState12[1]; // Misma llamada que `VersionSelector`.
+
+
+  (0, _react.useEffect)(function () {
+    if (!open) return undefined;
+    var active = true;
+
+    _axios.default.get("".concat(process.env.REACT_APP_VERSIONS_ENDPOINT, "?articleId=").concat(articleId, "&provider=true"), {
+      headers: {
+        Authorization: jwt
+      }
+    }).then(function (response) {
+      var _JSON$parse$data;
+
+      return active && setVersions((_JSON$parse$data = JSON.parse(response.data.body).data) !== null && _JSON$parse$data !== void 0 ? _JSON$parse$data : []);
+    }).catch(function (error) {
+      return console.error(error);
+    });
+
+    return function () {
+      active = false;
+    };
+  }, [open, articleId, jwt, reload]);
+  (0, _react.useEffect)(function () {
+    if (!open) setShowCreate(false);
+  }, [open]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Drawer, {
+    anchor: "right",
+    open: open,
+    onClose: function onClose() {
+      return setShowVersionSelector(false);
+    },
+    PaperProps: {
+      id: modalId,
+      sx: {
+        width: {
+          xs: "100%",
+          sm: 300
+        },
+        bgcolor: _tokens.COLORS.deep_gray,
+        color: _tokens.COLORS.white,
+        p: "15px"
+      }
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
+      direction: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
+      sx: {
+        mb: 2
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+        sx: {
+          fontFamily: _tokens.FONTS.Lato,
+          fontSize: 18
+        },
+        children: "Versi\xF3n del producto"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
+        direction: "row",
+        gap: 1,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
+          title: "Nueva versi\xF3n",
+          arrow: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
+            id: "add-version",
+            "aria-label": "Nueva versi\xF3n",
+            onClick: function onClick() {
+              return setShowCreate(true);
+            },
+            sx: {
+              color: _tokens.COLORS.white,
+              border: "1px solid ".concat(_tokens.COLORS.s4),
+              width: 32,
+              height: 32
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Add.default, {
+              fontSize: "small"
+            })
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
+          id: "close-button",
+          "aria-label": "Cerrar",
+          onClick: function onClick() {
+            return setShowVersionSelector(false);
+          },
+          sx: {
+            color: _tokens.COLORS.white,
+            border: "1px solid ".concat(_tokens.COLORS.s4),
+            width: 32,
+            height: 32
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Close.default, {
+            fontSize: "small"
+          })
+        })]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Stack, {
+      gap: "18px",
+      children: versions.map(function (item) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(VersionRow, {
+          item: item,
+          isCurrent: item.version === currentVersion,
+          companyName: companyName,
+          onSelect: setVersion
+        }, item.version);
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CreateVersionDialog, {
+      open: showCreate,
+      onClose: function onClose() {
+        return setShowCreate(false);
+      },
+      articleId: articleId,
+      currentVersion: currentVersion,
+      versions: versions,
+      jwt: jwt,
+      onCreated: function onCreated() {
+        return setReload(function (n) {
+          return n + 1;
+        });
+      }
+    })]
+  });
+};
+
+exports.VersionDrawer = VersionDrawer;

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.SinImagenes = exports.HijoDeOtro = exports.EspecialistaTextosCelular = exports.EspecialistaTextos = exports.EspecialistaImagenesTablet = exports.EspecialistaImagenesCelular = exports.EspecialistaImagenes = exports.ErrorAlCargar = exports.ConVariantesCelular = exports.ConVariantes = exports.AuditorQATablet = exports.AuditorQACelular = exports.AuditorQA = exports.AuditorPorEvaluarCelular = exports.AuditorPorEvaluar = void 0;
+exports.default = exports.SinImagenes = exports.HijoDeOtro = exports.EspecialistaTextosCelular = exports.EspecialistaTextos = exports.EspecialistaImagenesCelular = exports.EspecialistaImagenes = exports.ErrorAlCargar = exports.ConVariantes = exports.AuditorQACelular = exports.AuditorQA = exports.AuditorPorEvaluar = void 0;
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
@@ -68,11 +68,6 @@ var celular = {
   viewport: {
     defaultViewport: "mobile2"
   }
-};
-var tablet = {
-  viewport: {
-    defaultViewport: "tablet"
-  }
 }; // --- Especialista de edición (rol 8): pestaña de imágenes -------------------
 
 var EspecialistaImagenes = Template.bind({});
@@ -81,10 +76,6 @@ EspecialistaImagenes.args = (0, _objectSpread2.default)((0, _objectSpread2.defau
   tabsSections: _ImageEditor.ImageEditor.args.tabsSections,
   user: _ImageEditor.ImageEditor.args.user
 });
-var EspecialistaImagenesTablet = Template.bind({});
-exports.EspecialistaImagenesTablet = EspecialistaImagenesTablet;
-EspecialistaImagenesTablet.args = EspecialistaImagenes.args;
-EspecialistaImagenesTablet.parameters = tablet;
 var EspecialistaImagenesCelular = Template.bind({});
 exports.EspecialistaImagenesCelular = EspecialistaImagenesCelular;
 EspecialistaImagenesCelular.args = EspecialistaImagenes.args;
@@ -107,10 +98,6 @@ AuditorQA.args = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, bas
   tabsSections: TODAS_LAS_PESTAÑAS,
   user: _Auditor.Auditor.args.user
 });
-var AuditorQATablet = Template.bind({});
-exports.AuditorQATablet = AuditorQATablet;
-AuditorQATablet.args = AuditorQA.args;
-AuditorQATablet.parameters = tablet;
 var AuditorQACelular = Template.bind({});
 exports.AuditorQACelular = AuditorQACelular;
 AuditorQACelular.args = AuditorQA.args;
@@ -121,14 +108,7 @@ exports.AuditorPorEvaluar = AuditorPorEvaluar;
 AuditorPorEvaluar.args = AuditorQA.args;
 AuditorPorEvaluar.decorators = [(0, _mockApi.withMockApi)({
   delSolStatus: "AC"
-})];
-var AuditorPorEvaluarCelular = Template.bind({});
-exports.AuditorPorEvaluarCelular = AuditorPorEvaluarCelular;
-AuditorPorEvaluarCelular.args = AuditorQA.args;
-AuditorPorEvaluarCelular.decorators = [(0, _mockApi.withMockApi)({
-  delSolStatus: "AC"
-})];
-AuditorPorEvaluarCelular.parameters = celular; // --- Variantes ---------------------------------------------------------------
+})]; // --- Variantes ---------------------------------------------------------------
 // Padre con dos hijos y en un grupo de variantes.
 
 var ConVariantes = Template.bind({});
@@ -137,15 +117,7 @@ ConVariantes.args = EspecialistaTextos.args;
 ConVariantes.decorators = [(0, _mockApi.withMockApi)({
   familia: "padre",
   grupo: true
-})];
-var ConVariantesCelular = Template.bind({});
-exports.ConVariantesCelular = ConVariantesCelular;
-ConVariantesCelular.args = EspecialistaTextos.args;
-ConVariantesCelular.decorators = [(0, _mockApi.withMockApi)({
-  familia: "padre",
-  grupo: true
-})];
-ConVariantesCelular.parameters = celular; // Hijo de otro producto: no ofrece ligar ni agrupar.
+})]; // Hijo de otro producto: no ofrece ligar ni agrupar.
 
 var HijoDeOtro = Template.bind({});
 exports.HijoDeOtro = HijoDeOtro;