contentoh-components-library 21.2.101 → 21.2.103

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

@@ -1,298 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SelectV2 = void 0;
-
-var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createForOfIteratorHelper"));
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _material = require("@mui/material");
-
-var _styles = require("./styles");
-
-var _ButtonV = require("../../atoms/ButtonV2");
-
-var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
-
-var _utils = require("../../../global-files/utils");
-
-var _SelectItemV = require("../../atoms/SelectItemV2");
-
-var _InputText = require("../../atoms/InputText");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var SelectV2 = function SelectV2(props) {
-  var _positions$positionDr;
-
-  var items = props.items,
-      triggerType = props.triggerType,
-      selectButton = props.selectButton,
-      defaultItem = props.defaultItem,
-      inputSearch = props.inputSearch,
-      maxWidthSelect = props.maxWidthSelect,
-      maxWidthDropdown = props.maxWidthDropdown,
-      maxHeightDropdown = props.maxHeightDropdown,
-      maxWidthItems = props.maxWidthItems,
-      alignmentItemsOverflow = props.alignmentItemsOverflow,
-      typeSelectItems = props.typeSelectItems,
-      multiple = props.multiple,
-      borderType = props.borderType,
-      classNameSelect = props.classNameSelect,
-      classNameDropdown = props.classNameDropdown,
-      positionDropdown = props.positionDropdown,
-      onChange = props.onChange;
-  var positions = {
-    topStart: "top-start",
-    topEnd: "top-end",
-    topCenter: "top",
-    rightStart: "right-start",
-    rightEnd: "right-end",
-    rightCenter: "right",
-    bottomStart: "bottom-start",
-    bottomEnd: "bottom-end",
-    bottomCenter: "bottom",
-    leftStart: "left-start",
-    leftEnd: "left-end",
-    leftCenter: "left"
-  };
-
-  var _useState = (0, _react.useState)(),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      selectedItems = _useState2[0],
-      setSelectedItems = _useState2[1]; // { .. }
-
-
-  var _useState3 = (0, _react.useState)([]),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      customItems = _useState4[0],
-      setCustomItems = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(false),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      showDropdown = _useState6[0],
-      setShowDropdown = _useState6[1];
-
-  var _useState7 = (0, _react.useState)("Sin titulo"),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      labelSelect = _useState8[0],
-      setLabelSelect = _useState8[1];
-
-  var _useState9 = (0, _react.useState)(""),
-      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      textInputSearch = _useState10[0],
-      setTextInputSearch = _useState10[1];
-
-  var refInputTextSearch = (0, _react.useRef)(); // cada que cambie la lista de items
-
-  (0, _react.useEffect)(function () {
-    if ((0, _utils.isArrayEmpty)(items)) {
-      setSelectedItems({});
-      return;
-    } // items iniciales seleccionados
-
-
-    var initialSelectedItems = {};
-    items.forEach(function (item) {
-      if (item.selected) {
-        if (multiple) initialSelectedItems[item.value] = item.value;else initialSelectedItems = (0, _defineProperty2.default)({}, item.value, item.value);
-      }
-    });
-    setSelectedItems(initialSelectedItems);
-  }, [items]); // cada que cambien los items seleccionados
-
-  (0, _react.useEffect)(function () {
-    if (!selectedItems) return;
-    renderItems();
-    renderLabelSelect();
-    onChange && onChange(Object.values(selectedItems));
-  }, [selectedItems]); // evento click de cada item de la lista
-
-  var onClickItem = function onClickItem(isSelected, value) {
-    var selectedItemsCopy = (0, _objectSpread2.default)({}, selectedItems);
-
-    if (isSelected) {
-      multiple ? selectedItemsCopy[value] = value : selectedItemsCopy = (0, _defineProperty2.default)({}, value, value);
-    } else delete selectedItemsCopy[value];
-
-    setSelectedItems(selectedItemsCopy);
-  };
-
-  var onClickSearch = function onClickSearch() {
-    setTextInputSearch(textInputSearch.trim());
-    (refInputTextSearch === null || refInputTextSearch === void 0 ? void 0 : refInputTextSearch.current) && refInputTextSearch.current.blur();
-    renderItems(textInputSearch.trim());
-  };
-
-  var renderLabelSelect = function renderLabelSelect() {
-    if (!selectedItems) return;
-    var selectedItemsCopy = Object.values(selectedItems);
-
-    if (selectedItemsCopy.length > 1) {
-      setLabelSelect("Personalizado");
-    } else if (selectedItemsCopy.length === 1) {
-      var labelItem = undefined;
-
-      var _iterator = (0, _createForOfIteratorHelper2.default)(items),
-          _step;
-
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var item = _step.value;
-
-          if (item.value == selectedItemsCopy[0]) {
-            labelItem = item.label;
-            break;
-          }
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-
-      !(0, _utils.isStringEmpty)(labelItem) ? setLabelSelect(labelItem) : setLabelSelect("Sin titulo");
-    } else {
-      if (!(0, _utils.isStringEmpty)(defaultItem === null || defaultItem === void 0 ? void 0 : defaultItem.label) && defaultItem !== null && defaultItem !== void 0 && defaultItem.showLabelInSelect) {
-        setLabelSelect(defaultItem.label);
-      } else if (!(0, _utils.isStringEmpty)(selectButton === null || selectButton === void 0 ? void 0 : selectButton.label)) {
-        setLabelSelect(selectButton.label);
-      } else {
-        setLabelSelect("Sin titulo");
-      }
-    }
-  };
-
-  var renderItems = function renderItems() {
-    var textSearch = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
-    if ((0, _utils.isArrayEmpty)(items)) setCustomItems([]);
-    setCustomItems(items.map(function (item, index) {
-      if (!(0, _utils.isStringEmpty)(textSearch) && !item.label.trim().toLowerCase().includes(textSearch.trim().toLowerCase())) {
-        return null;
-      }
-
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectItemV.SelectItemV2, {
-        label: item.label,
-        value: item.value,
-        checkbox: typeSelectItems === "checkbox" ? true : typeSelectItems === "marginCheckbox" ? false : undefined,
-        selected: selectedItems && selectedItems[item.value] ? true : false,
-        onClick: onClickItem
-      }, classNameSelect + "_item" + index);
-    }));
-  };
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ClickAwayListener, {
-    onClickAway: function onClickAway(event) {
-      if (triggerType !== "hover") setShowDropdown(false);
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-      className: !(0, _utils.isStringEmpty)(classNameSelect) ? classNameSelect : "",
-      borderType: borderType,
-      maxWidthSelect: maxWidthSelect,
-      maxWidthDropdown: maxWidthDropdown,
-      maxHeightDropdown: maxHeightDropdown,
-      alignmentItemsOverflow: alignmentItemsOverflow,
-      maxWidthItems: maxWidthItems,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
-        placement: (_positions$positionDr = positions[positionDropdown]) !== null && _positions$positionDr !== void 0 ? _positions$positionDr : positions.bottomCenter,
-        open: triggerType !== "hover" ? showDropdown : undefined,
-        arrow: false,
-        componentsProps: {
-          tooltip: {
-            className: "dropdownSelect" + ((0, _utils.isStringEmpty)(classNameDropdown) ? "" : " " + classNameDropdown)
-          },
-          popper: {
-            disablePortal: true
-          },
-          transition: {
-            timeout: 300
-          }
-        },
-        TransitionComponent: _material.Fade,
-        enterDelay: 100,
-        followCursor: false,
-        disableFocusListener: true,
-        disableTouchListener: true,
-        disableHoverListener: triggerType !== "hover",
-        title: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [inputSearch && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: "container-inputSearch" + (!(0, _utils.isStringEmpty)(inputSearch === null || inputSearch === void 0 ? void 0 : inputSearch.className) ? " " + inputSearch.className : ""),
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
-              className: "buttonSearch",
-              type: "gray",
-              transparent: true,
-              size: 14,
-              icon: _freeSolidSvgIcons.faSearch,
-              onClick: function onClick(event) {
-                if ((0, _utils.isStringEmpty)(textInputSearch) && refInputTextSearch !== null && refInputTextSearch !== void 0 && refInputTextSearch.current) {
-                  setTextInputSearch("");
-                  refInputTextSearch.current.focus();
-                } else {
-                  onClickSearch();
-                }
-              }
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputText.InputText, {
-              className: "inputSearch",
-              type: "black",
-              transparent: true,
-              size: 12,
-              placeHolder: (0, _utils.isStringEmpty)(inputSearch === null || inputSearch === void 0 ? void 0 : inputSearch.defaultText) ? "Texto a buscar" : inputSearch.defaultText,
-              text: textInputSearch,
-              onChangeText: function onChangeText(newValue) {
-                return setTextInputSearch(newValue);
-              },
-              onEnter: function onEnter(event) {
-                return onClickSearch();
-              },
-              refInputText: refInputTextSearch
-            })]
-          }), defaultItem && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectItemV.SelectItemV2, {
-            label: defaultItem.label,
-            value: null,
-            checkbox: defaultItem.itemType === "checkbox" ? true : defaultItem.itemType === "marginCheckbox" ? false : undefined,
-            selected: selectedItems && Object.keys(selectedItems).length ? false : true,
-            onClick: function onClick(isSelected, value) {
-              selectedItems && Object.keys(selectedItems).length && setSelectedItems({});
-            }
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "container-items",
-            children: customItems
-          })]
-        }),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ContainerSelect, {
-          className: "container-buttonSelect",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
-            className: "buttonSelect" + (!(0, _utils.isStringEmpty)(selectButton === null || selectButton === void 0 ? void 0 : selectButton.className) ? " " + selectButton.className : ""),
-            disabled: selectButton === null || selectButton === void 0 ? void 0 : selectButton.disabled,
-            type: selectButton === null || selectButton === void 0 ? void 0 : selectButton.type,
-            transparent: selectButton === null || selectButton === void 0 ? void 0 : selectButton.transparent,
-            label: labelSelect,
-            size: selectButton === null || selectButton === void 0 ? void 0 : selectButton.size,
-            icon: _freeSolidSvgIcons.faCaretDown,
-            iconPosition: "end",
-            onClick: function onClick(event) {
-              if (triggerType !== "hover") setShowDropdown(function (prev) {
-                return !prev;
-              });
-            }
-          })
-        })
-      }))
-    })
-  });
-};
-
-exports.SelectV2 = SelectV2;

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

@@ -1,42 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ContainerSelect = exports.Container = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
-
-var _variables = require("../../../global-files/variables");
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _templateObject, _templateObject2;
-
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: fit-content;\n  max-width: ", ";\n  //border: 1px solid red;\n  border-radius: ", ";\n"])), function (_ref) {
-  var maxWidthSelect = _ref.maxWidthSelect;
-  return maxWidthSelect ? maxWidthSelect : "unset";
-}, function (_ref2) {
-  var borderType = _ref2.borderType;
-  return (borderType === null || borderType === void 0 ? void 0 : borderType.toLowerCase()) === "rectangle" ? "6px" : (borderType === null || borderType === void 0 ? void 0 : borderType.toLowerCase()) === "oval" ? "17px" : "0px"; // default none
-});
-
-exports.Container = Container;
-
-var ContainerSelect = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  border-radius: inherit;\n\n  .buttonSelect {\n    width: 100%;\n    border-radius: inherit;\n\n    .button {\n      padding: 10px 16px;\n      gap: 10px;\n      .icon {\n        font-size: 13px;\n      }\n    }\n  }\n\n  + .MuiTooltip-popper {\n    background-color: transparent;\n\n    .dropdownSelect {\n      --background: white;\n      box-shadow: 0px 0px 10px 1px gray;\n      background-color: var(--background);\n      padding: 6px 0px;\n      border-radius: 7px;\n      display: flex;\n      flex-direction: column;\n      gap: 0px;\n      max-width: ", ";\n      max-height: ", ";\n\n      .container-inputSearch {\n        width: 100%;\n        display: flex;\n        flex-direction: row;\n        flex-wrap: nowrap;\n        align-items: center;\n        gap: 0px;\n        padding: 0px 10px 8px 10px;\n        border-bottom: 1px solid #f0f0f0;\n\n        .inputSearch {\n          padding-left: 8px;\n          flex-grow: 2;\n        }\n      }\n\n      .selectItemV2 {\n        width: 100%;\n      }\n\n      .container-items {\n        flex-grow: 2;\n        display: flex;\n        flex-direction: column;\n        flex-wrap: ", ";\n        overflow: auto;\n\n        .selectItemV2 {\n          width: ", ";\n        }\n      }\n    }\n\n    &[data-popper-placement*=\"bottom\"] .dropdownSelect {\n      margin-top: 10px;\n    }\n    &[data-popper-placement*=\"top\"] .dropdownSelect {\n      margin-bottom: 10px;\n    }\n    &[data-popper-placement*=\"left\"] .dropdownSelect {\n      margin-right: 10px;\n    }\n    &[data-popper-placement*=\"right\"] .dropdownSelect {\n      margin-left: 10px;\n    }\n  }\n"])), function (_ref3) {
-  var maxWidthDropdown = _ref3.maxWidthDropdown;
-  return maxWidthDropdown ? maxWidthDropdown : "400px";
-}, function (_ref4) {
-  var maxHeightDropdown = _ref4.maxHeightDropdown;
-  return maxHeightDropdown ? maxHeightDropdown : "80vh";
-}, function (_ref5) {
-  var alignmentItemsOverflow = _ref5.alignmentItemsOverflow;
-  return alignmentItemsOverflow === "columns" ? "wrap" : "nowrap";
-}, function (_ref6) {
-  var maxWidthItems = _ref6.maxWidthItems;
-  return maxWidthItems ? maxWidthItems : "100%";
-});
-
-exports.ContainerSelect = ContainerSelect;

package/dist/components/organisms/Chat/Chat.stories.js

@@ -1,215 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.chatTECH_ticketOpen_user65 = exports.chatTECH_ticketOpenOwn_user66 = exports.chatTECH_ticketClosed_user65 = exports.chatTECH_ticketClosedOwn_user66 = exports.chatPROV_orderProduct = exports.chatFAB_ticketOpen_user49 = exports.chatFAB_ticketClosed_user49 = exports.chatFAB_orderProduct_user49 = exports.chatFAB_orderProduct_user37 = exports.chatCAD_orderProduct = exports.chatCAD_merchantsProduct = 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/organisms/Chat",
-  component: _index.Chat,
-  argTypes: {
-    chatContainerType: {
-      options: ["popUp", "fixed"],
-      control: {
-        type: "select"
-      }
-    },
-    chatType: {
-      options: ["order_product", "merchant_product", "ticket"],
-      control: {
-        type: "select"
-      }
-    }
-  }
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Chat, (0, _objectSpread2.default)({}, args));
-}; // ejemplo del chat orderProduct con user CADENA
-
-
-var chatCAD_orderProduct = Template.bind({});
-exports.chatCAD_orderProduct = chatCAD_orderProduct;
-chatCAD_orderProduct.args = {
-  chatType: "order_product",
-  chatContainerType: "popUp",
-  chatData: {
-    userToken: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI1ODg0YWUzNC01OWQ2LTQ0NTQtYjk4ZS04MjE1MThiY2MzYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjU4ODRhZTM0LTU5ZDYtNDQ1NC1iOThlLTgyMTUxOGJjYzNhNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI2YmI0NzExMi03ZTNiLTRjYzUtYmVhZS02MzMxZjEwYjk3MzIiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2NTYxNjI0MSwibmFtZSI6IkNhZGVuYSBJc21hZWwiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMzY2MzM2IiwiZXhwIjoxNjY1NjE5ODQxLCJpYXQiOjE2NjU2MTYyNDEsImVtYWlsIjoiY2FkZW5hLmlzbWFlbEBhbGxmcmVlbWFpbC5uZXQifQ.gi1Jiua_O175vHLy-CYXOR945IRcObIj5j1LNk4_EhcKPz-MzPnfWDLH7L3sTiNS-VUhIRtAhtUVPUSYv0oP1qfJwFHomerxJvYgJge8SLWPjL6yGBnTxAvHVbuLU8kcaoZup2eNMV6XOIAEBAHeCDm4vW0rYWwfrKADPyYGZQF2si14o3wtgSMX5a4ccxGwikT3to3HttWBhmJs_I1Xr_BvBxePc4WghjQr5GVGbq8vhr4HwdkTmlcJAnQsc_fmIdbJ_ACyTa1wr343KYYOQVwBjAmZDa6rU16y0yTr_J4IVWY3aS5UpBEBHy4XE0c76UaN-_DcGiVl4ayWQIUz8A",
-    id: 84311,
-    retailerId: 68,
-    orderId: 3118
-  }
-}; // ejemplo del chat orderProduct con user PROVEEDOR
-
-var chatPROV_orderProduct = Template.bind({});
-exports.chatPROV_orderProduct = chatPROV_orderProduct;
-chatPROV_orderProduct.args = {
-  chatType: "order_product",
-  chatContainerType: "popUp",
-  chatData: {
-    userToken: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5ZDBjYzVjOC1hODllLTRiZGQtOWUyZC0zNThhMDFjYzlhNjIiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjp0cnVlLCJjb2duaXRvOnVzZXJuYW1lIjoiOWQwY2M1YzgtYTg5ZS00YmRkLTllMmQtMzU4YTAxY2M5YTYyIiwiYXVkIjoiNTJkOXNra2RjZzhxanA4OG9vazF1c2U2bWsiLCJldmVudF9pZCI6IjU1NDQ5NzhmLWExMGEtNGE5Ni05M2NkLWY5Y2ZmNTFlNWRlOCIsInRva2VuX3VzZSI6ImlkIiwiYXV0aF90aW1lIjoxNjY1NjI0MjYyLCJuYW1lIjoiSXNtYWVsIExvcGV6IiwicGhvbmVfbnVtYmVyIjoiKzUyMzExMTM2NjMzNiIsImV4cCI6MTY2NTYyNzg2MiwiaWF0IjoxNjY1NjI0MjYyLCJlbWFpbCI6Imlsb3BlekBjb250ZW50b2guY29tIn0.bIDIv57LRgafkymcUY4DqFRxR91iTBlZ7H7v1o3TnwJpIFPUEvzfvHObDR534xfa-R5ZRz46YCjsV6yQ-2hd8OA97VFLrqyC8Yqx_hjoIA1QxX_5_-b4UWaIib_1wSkrWd2gQtuKAUucfzAisZp1UNiY6Sm4VPGXsc5Lk6kLo1X_rctLUlQMhl5KaMNaSWqvbcYZLz5XSpbJR_MHegkdquKBaQJVKl76TkvDT8Eyr6rPUUAtnRBAPfnP4dW82HgT-aZp-0wUH5fYcb02agPg4-wqVsxPr8WxihATqn9rVfR5CjZWYOGPdSw7AUS33yYAkx5Nmnz4oIcRlPsvF5U62g",
-    id: 84311,
-    retailerId: 68,
-    orderId: 3118
-  }
-}; // ejemplo del chat orderProduct con user FABRICA 37
-
-var chatFAB_orderProduct_user37 = Template.bind({});
-exports.chatFAB_orderProduct_user37 = chatFAB_orderProduct_user37;
-chatFAB_orderProduct_user37.args = {
-  chatType: "order_product",
-  chatContainerType: "popUp",
-  chatData: {
-    userToken: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5YTIxMzEyOC02NDgyLTRjMTYtYTRiNi02ZTY0ZjIyNWIxYmQiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjlhMjEzMTI4LTY0ODItNGMxNi1hNGI2LTZlNjRmMjI1YjFiZCIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI1YTg4MmFkMS04OWFjLTQwYTYtYWRhMi02NzgyNWNjMzNiZTciLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2NjIwNTg2NSwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2NjIwOTQ2NSwiaWF0IjoxNjY2MjA1ODY1LCJlbWFpbCI6ImlzbWFlbDk3bG9wZXpAZ21haWwuY29tIn0.HOsBuNBBeDL4Vwhi5Rou0jzZqOO_n_AIvoFOVRuFFiVppzaTDFNEVcapq9hCLIGQZT5NK8Arwo-nZkcVVAqHMsu8KKJsPQZIkGbHI6CVD7IkBBfm756e-tTuHHBYd4ND3HifVDWwno8mEODLZdaWRcy5MN3TErqCEy8cf1u7CQSguKmjeElL-8DHtNfLKMnxJOGGW_JAEa1JVWninzekPAeFKmWFOtByFCJZT1HBmL9XERIXXN6qWU_g0KlUm_wBWkmIDxuVRPorFEPinh0ETAGkGa5mf1SPaibXXSEoiF58DkFRyrOcTVKnV7Dixjo6DvBwN98fYW0zaeo3G5nSXw",
-    id: 84311,
-    retailerId: 68,
-    orderId: 3118
-  }
-}; // ejemplo del chat orderProduct con user FABRICA 49
-
-var chatFAB_orderProduct_user49 = Template.bind({});
-exports.chatFAB_orderProduct_user49 = chatFAB_orderProduct_user49;
-chatFAB_orderProduct_user49.args = {
-  chatType: "order_product",
-  chatContainerType: "popUp",
-  chatData: {
-    userToken: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIxODA1MDQ1Mi0xOGQ0LTQxM2ItYjg2MC1iMWMyMzZmMTM5OWYiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjE4MDUwNDUyLTE4ZDQtNDEzYi1iODYwLWIxYzIzNmYxMzk5ZiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJkYmU1ODRmOS0xOTJmLTRkNDEtOWMxMS0xMzRkMDgzODVjMDQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2NTcxNjI3NywibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2NTcxOTg3NywiaWF0IjoxNjY1NzE2Mjc3LCJlbWFpbCI6Im16dW5pZ2FAY29udGVudG9oLmNvbSJ9.KoPNFy9gZYoYjiCGanSe_MvnuX7rSvNTXqQVffXSzGYeb4R3G6yDWrWItjHfgFmmo1jLlTmLT_yiVC4g9Vpo9WxebPwZA9rFwKDbc3vKeAs1JSUfaatQOwIqS1NsHwEkAM-agsO2s2Rnqq4h-FCcURqjiknbvHXUjcXqSea-3JlxtVFw3x7NLG3bUPqfPyVV1N5jR-XMrDOSZctS2k4WvPqhxf75Iv77U23YNFRoOIUZIAYx8SmSw792h4YwmJqMUuZlo48aBaaZO3NE83KdMR-mYvvoa-TDIE2d9ww-vPctauVL9ydB5ISSB8gUz90o8IZIWjrwQgbzE7eRPKxPWw",
-    id: 84311,
-    retailerId: 68,
-    orderId: 3118
-  }
-}; // ejemplo del chat merchantProduct con user CADENA
-
-var chatCAD_merchantsProduct = Template.bind({});
-exports.chatCAD_merchantsProduct = chatCAD_merchantsProduct;
-chatCAD_merchantsProduct.args = {
-  chatType: "merchant_product",
-  chatContainerType: "popUp",
-  chatData: {
-    userToken: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI1ODg0YWUzNC01OWQ2LTQ0NTQtYjk4ZS04MjE1MThiY2MzYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjU4ODRhZTM0LTU5ZDYtNDQ1NC1iOThlLTgyMTUxOGJjYzNhNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI2YmI0NzExMi03ZTNiLTRjYzUtYmVhZS02MzMxZjEwYjk3MzIiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2NTYxNjI0MSwibmFtZSI6IkNhZGVuYSBJc21hZWwiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMzY2MzM2IiwiZXhwIjoxNjY1NjE5ODQxLCJpYXQiOjE2NjU2MTYyNDEsImVtYWlsIjoiY2FkZW5hLmlzbWFlbEBhbGxmcmVlbWFpbC5uZXQifQ.gi1Jiua_O175vHLy-CYXOR945IRcObIj5j1LNk4_EhcKPz-MzPnfWDLH7L3sTiNS-VUhIRtAhtUVPUSYv0oP1qfJwFHomerxJvYgJge8SLWPjL6yGBnTxAvHVbuLU8kcaoZup2eNMV6XOIAEBAHeCDm4vW0rYWwfrKADPyYGZQF2si14o3wtgSMX5a4ccxGwikT3to3HttWBhmJs_I1Xr_BvBxePc4WghjQr5GVGbq8vhr4HwdkTmlcJAnQsc_fmIdbJ_ACyTa1wr343KYYOQVwBjAmZDa6rU16y0yTr_J4IVWY3aS5UpBEBHy4XE0c76UaN-_DcGiVl4ayWQIUz8A",
-    id: 84300,
-    version: 1
-  }
-};
-/*
-export const chatPROV_merchantsProduct = Template.bind({});
-chatPROV_merchantsProduct.args = {
-  userToken:
-    "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5ZDBjYzVjOC1hODllLTRiZGQtOWUyZC0zNThhMDFjYzlhNjIiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjp0cnVlLCJjb2duaXRvOnVzZXJuYW1lIjoiOWQwY2M1YzgtYTg5ZS00YmRkLTllMmQtMzU4YTAxY2M5YTYyIiwiYXVkIjoiNTJkOXNra2RjZzhxanA4OG9vazF1c2U2bWsiLCJldmVudF9pZCI6IjU1NDQ5NzhmLWExMGEtNGE5Ni05M2NkLWY5Y2ZmNTFlNWRlOCIsInRva2VuX3VzZSI6ImlkIiwiYXV0aF90aW1lIjoxNjY1NjI0MjYyLCJuYW1lIjoiSXNtYWVsIExvcGV6IiwicGhvbmVfbnVtYmVyIjoiKzUyMzExMTM2NjMzNiIsImV4cCI6MTY2NTYyNzg2MiwiaWF0IjoxNjY1NjI0MjYyLCJlbWFpbCI6Imlsb3BlekBjb250ZW50b2guY29tIn0.bIDIv57LRgafkymcUY4DqFRxR91iTBlZ7H7v1o3TnwJpIFPUEvzfvHObDR534xfa-R5ZRz46YCjsV6yQ-2hd8OA97VFLrqyC8Yqx_hjoIA1QxX_5_-b4UWaIib_1wSkrWd2gQtuKAUucfzAisZp1UNiY6Sm4VPGXsc5Lk6kLo1X_rctLUlQMhl5KaMNaSWqvbcYZLz5XSpbJR_MHegkdquKBaQJVKl76TkvDT8Eyr6rPUUAtnRBAPfnP4dW82HgT-aZp-0wUH5fYcb02agPg4-wqVsxPr8WxihATqn9rVfR5CjZWYOGPdSw7AUS33yYAkx5Nmnz4oIcRlPsvF5U62g",
-  chatType: "merchants_products",
-  articleId: "84300",
-  articleVersion: "1",
-};*/
-// ejemplo del chat ticket con user FAB
-
-var chatFAB_ticketClosed_user49 = Template.bind({});
-exports.chatFAB_ticketClosed_user49 = chatFAB_ticketClosed_user49;
-chatFAB_ticketClosed_user49.args = {
-  chatType: "ticket",
-  chatContainerType: "fixed",
-  chatData: {
-    id: 10,
-    ticketOwnerUserId: 23,
-    statusTicket: "COMPLETED",
-    currentUser: {
-      id: 49,
-      companyId: 2,
-      isUserTech: false
-    }
-  }
-}; // ejemplo del chat ticket con user TECH
-
-var chatTECH_ticketClosed_user65 = Template.bind({});
-exports.chatTECH_ticketClosed_user65 = chatTECH_ticketClosed_user65;
-chatTECH_ticketClosed_user65.args = {
-  chatType: "ticket",
-  chatContainerType: "fixed",
-  chatData: {
-    id: 10,
-    ticketOwnerUserId: 23,
-    statusTicket: "COMPLETED",
-    currentUser: {
-      id: 65,
-      companyId: 2,
-      isUserTech: true
-    }
-  }
-}; // ejemplo del chat ticket con user TECH propietario del ticket
-
-var chatTECH_ticketClosedOwn_user66 = Template.bind({});
-exports.chatTECH_ticketClosedOwn_user66 = chatTECH_ticketClosedOwn_user66;
-chatTECH_ticketClosedOwn_user66.args = {
-  chatType: "ticket",
-  chatContainerType: "fixed",
-  chatData: {
-    id: 10,
-    ticketOwnerUserId: 66,
-    statusTicket: "COMPLETED",
-    currentUser: {
-      id: 66,
-      companyId: 2,
-      isUserTech: true
-    }
-  }
-}; // ejemplo del chat ticket con user FAB
-
-var chatFAB_ticketOpen_user49 = Template.bind({});
-exports.chatFAB_ticketOpen_user49 = chatFAB_ticketOpen_user49;
-chatFAB_ticketOpen_user49.args = {
-  chatType: "ticket",
-  chatContainerType: "fixed",
-  chatData: {
-    id: 11,
-    ticketOwnerUserId: 23,
-    statusTicket: "PENDING",
-    currentUser: {
-      id: 49,
-      companyId: 2,
-      isUserTech: false
-    }
-  }
-}; // ejemplo del chat ticket con user TECH
-
-var chatTECH_ticketOpen_user65 = Template.bind({});
-exports.chatTECH_ticketOpen_user65 = chatTECH_ticketOpen_user65;
-chatTECH_ticketOpen_user65.args = {
-  chatType: "ticket",
-  chatContainerType: "fixed",
-  chatData: {
-    id: 11,
-    ticketOwnerUserId: 23,
-    statusTicket: "PENDING",
-    currentUser: {
-      id: 65,
-      companyId: 2,
-      isUserTech: true
-    }
-  }
-}; // ejemplo del chat ticket con user TECH propietario del ticket
-
-var chatTECH_ticketOpenOwn_user66 = Template.bind({});
-exports.chatTECH_ticketOpenOwn_user66 = chatTECH_ticketOpenOwn_user66;
-chatTECH_ticketOpenOwn_user66.args = {
-  chatType: "ticket",
-  chatContainerType: "fixed",
-  chatData: {
-    id: 11,
-    ticketOwnerUserId: 66,
-    statusTicket: "PENDING",
-    currentUser: {
-      id: 66,
-      companyId: 2,
-      isUserTech: true
-    }
-  }
-};

package/dist/components/organisms/Chat/ChatLists/ChatLists.stories.js

@@ -1,83 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.onlyOpenChatLists = exports.exampleChatLists = exports.default = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _index = require("./index");
-
-var _THD = _interopRequireDefault(require("./THD.png"));
-
-var _Rotoplas = _interopRequireDefault(require("./Rotoplas.jpeg"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
-  title: "Components/organisms/Chat/ChatLists",
-  component: _index.ChatLists
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ChatLists, (0, _objectSpread2.default)({}, args));
-}; // companies de prueba
-
-
-var companies = {
-  200: {
-    name: "The Home Depot",
-    src: _THD.default,
-    lastChatDate: "2022-11-4 21:01:00",
-    statusChat: "disabled"
-  },
-  300: {
-    name: "Rotoplas",
-    src: _Rotoplas.default,
-    lastChatDate: "2022-11-03 21:01:00",
-    statusChat: "enabled"
-  },
-  100: {
-    name: "Content-oh!",
-    src: "",
-    lastChatDate: "2022-11-02 21:01:00",
-    statusChat: "current"
-  }
-}; // companies de prueba sin chats cerrados
-
-var companies2 = {
-  300: {
-    name: "Rotoplas",
-    src: _Rotoplas.default,
-    lastChatDate: "2022-10-27 21:01:00",
-    statusChat: "enabled"
-  },
-  100: {
-    name: "Content-oh!",
-    src: "",
-    lastChatDate: "2022-9-27 21:01:00",
-    statusChat: "current"
-  }
-};
-var exampleChatLists = Template.bind({});
-exports.exampleChatLists = exampleChatLists;
-exampleChatLists.args = {
-  companies: companies,
-  currentCompanyId: 100,
-  onClickCompany: function onClickCompany(companyId) {
-    console.log("click en company:", companyId);
-  }
-};
-var onlyOpenChatLists = Template.bind({});
-exports.onlyOpenChatLists = onlyOpenChatLists;
-onlyOpenChatLists.args = {
-  companies: companies2,
-  currentCompanyId: 100,
-  onClickCompany: function onClickCompany(companyId) {
-    console.log("click en company:", companyId);
-  }
-};