contentoh-components-library 21.4.136 → 21.4.138

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

@@ -0,0 +1,123 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HeaderTopv2 = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _styles = require("./styles");
+
+var _index = require("../../atoms/GeneralButton/index");
+
+var _react = require("react");
+
+var _Chat = require("../../organisms/Chat");
+
+var _IconoAB = _interopRequireDefault(require("../../../../src/assets/images/generalButton/Icono AB.svg"));
+
+var _react2 = require("@testing-library/react");
+
+var _ScreenHeaderv = require("../../atoms/ScreenHeaderv2");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var HeaderTopv2 = function HeaderTopv2(_ref) {
+  var setHeaderTop = _ref.setHeaderTop,
+      withChat = _ref.withChat,
+      chatType = _ref.chatType,
+      productSelected = _ref.productSelected,
+      token = _ref.token,
+      auditableVersion = _ref.auditableVersion,
+      setCompare = _ref.setCompare,
+      isAuditor = _ref.isAuditor,
+      activeRetailer = _ref.activeRetailer;
+  var HeaderTopv2 = (0, _react.useRef)();
+
+  var _useState = (0, _react.useState)(null),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      chat = _useState2[0],
+      setChat = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(null),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      chatData = _useState4[0],
+      setChatData = _useState4[1];
+
+  (0, _react.useEffect)(function () {
+    if (activeRetailer.id && productSelected && token.length) {
+      var _productSelected$arti;
+
+      setChatData({
+        id: (productSelected === null || productSelected === void 0 ? void 0 : (_productSelected$arti = productSelected.article) === null || _productSelected$arti === void 0 ? void 0 : _productSelected$arti.id_article) || (productSelected === null || productSelected === void 0 ? void 0 : productSelected.id_article),
+        version: productSelected === null || productSelected === void 0 ? void 0 : productSelected.version,
+        retailerId: activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id,
+        status: productSelected === null || productSelected === void 0 ? void 0 : productSelected.status,
+        userToken: token
+      });
+    }
+  }, [activeRetailer, productSelected, token]);
+  (0, _react.useEffect)(function () {
+    if (chatType) renderChat(chatType);
+  }, [chatData, chatType]);
+  (0, _react.useEffect)(function () {
+    setHeaderTop && setHeaderTop(HeaderTopv2.current.clientHeight);
+  }, []);
+
+  var renderChat = function renderChat(chatType) {
+    switch (chatType) {
+      case "product_status":
+        chatData && setChat( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chat.Chat, {
+          chatType: "product_status",
+          chatContainerType: "popUp",
+          chatData: {
+            id: chatData === null || chatData === void 0 ? void 0 : chatData.id,
+            version: chatData === null || chatData === void 0 ? void 0 : chatData.version,
+            retailerId: chatData === null || chatData === void 0 ? void 0 : chatData.retailerId,
+            status: chatData === null || chatData === void 0 ? void 0 : chatData.status,
+            userToken: chatData === null || chatData === void 0 ? void 0 : chatData.userToken
+          },
+          size: 18,
+          activeRetailer: activeRetailer
+        }));
+        break;
+
+      default:
+        setChat( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chat.Chat, {
+          chatType: "merchant_product",
+          chatContainerType: "popUp",
+          chatData: {
+            userToken: token,
+            id: productSelected.id_article,
+            version: productSelected.version
+          },
+          size: 18,
+          activeRetailer: activeRetailer
+        }));
+        break;
+    }
+  };
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    ref: HeaderTopv2,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeaderv.ScreenHeaderv2, {
+      text: "Edici\xF3n de producto"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "buttons-container",
+      children: [withChat && chat, isAuditor && auditableVersion && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Button, {
+        buttonType: "general-white-button circular-button",
+        onClick: function onClick() {
+          setCompare(function (current) {
+            return !current;
+          });
+        },
+        image: _IconoAB.default
+      })]
+    })]
+  });
+};
+
+exports.HeaderTopv2 = HeaderTopv2;

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

@@ -0,0 +1,18 @@
+"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 _templateObject;
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n  .buttons-top {\n    display: flex;\n    align-items: center;\n    padding-top: 10px;\n  }\n\n  .buttons-container {\n    display: flex;\n\n    button {\n      width: 30px;\n      height: 30px;\n      border: 1px solid #f0f0f0;\n      background-size: 20px;\n      padding: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      img {\n        height: 15px;\n      }\n\n      & + * {\n        margin-left: 10px;\n      }\n    }\n  }\n"])));
+
+exports.Container = Container;

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

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ImageSelectorlDefault = 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/molecules/ImageSelectorl",
+  component: _index.ImageSelector,
+  images: {},
+  argTypes: {
+    modalSelector: {
+      options: [true, false],
+      type: "boolean"
+    }
+  }
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ImageSelector, (0, _objectSpread2.default)({}, args));
+};
+
+var ImageSelectorlDefault = Template.bind({});
+exports.ImageSelectorlDefault = ImageSelectorlDefault;
+ImageSelectorlDefault.args = {
+  images: [{
+    img: "https://image.shutterstock.com/image-illustration/3d-render-generic-drug-pills-260nw-709112806.jpg",
+    alt: "img"
+  }, {
+    img: "https://image.shutterstock.com/image-illustration/3d-render-generic-drug-pills-260nw-709112806.jpg",
+    alt: "img"
+  }, {
+    img: "https://image.shutterstock.com/image-illustration/3d-render-generic-drug-pills-260nw-709112806.jpg",
+    alt: "img"
+  }, {
+    img: "https://image.shutterstock.com/image-illustration/3d-render-generic-drug-pills-260nw-709112806.jpg",
+    alt: "img"
+  }, {
+    img: "https://image.shutterstock.com/image-illustration/3d-render-generic-drug-pills-260nw-709112806.jpg",
+    alt: "img"
+  }, {
+    img: "https://image.shutterstock.com/image-illustration/3d-render-generic-drug-pills-260nw-709112806.jpg",
+    alt: "img"
+  }]
+};

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

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ImageSelector = void 0;
+
+var _styles = require("./styles");
+
+var _index = require("../../atoms/ProductImage/index");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var ImageSelector = function ImageSelector(_ref) {
+  var _images$values;
+
+  var _ref$images = _ref.images,
+      images = _ref$images === void 0 ? [] : _ref$images,
+      setActiveImage = _ref.setActiveImage,
+      modalSelector = _ref.modalSelector;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    className: modalSelector && "modal-image-selector",
+    children: images === null || images === void 0 ? void 0 : (_images$values = images.values) === null || _images$values === void 0 ? void 0 : _images$values.map(function (image, index) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProductImage, {
+        img: image.src,
+        altText: image.altText,
+        imageType: modalSelector ? "catalogue-modal-image" : "carousel-image",
+        onClick: function onClick() {
+          return setActiveImage(index);
+        }
+      }, index);
+    })
+  });
+};
+
+exports.ImageSelector = ImageSelector;

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

@@ -0,0 +1,18 @@
+"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 _templateObject;
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 340px;\n  display: flex;\n  overflow: auto;\n\n  &.modal-image-selector {\n    width: 345px;\n    height: 218px;\n    flex-wrap: wrap;\n  }\n"])));
+
+exports.Container = Container;

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

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ImageSelectorv2Default = 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/molecules/ImageSelectorv2",
+  component: _index.ImageSelectorv2,
+  images: {},
+  argTypes: {
+    modalSelector: {
+      options: [true, false],
+      type: "boolean"
+    }
+  }
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ImageSelectorv2, (0, _objectSpread2.default)({}, args));
+};
+
+var ImageSelectorv2Default = Template.bind({});
+exports.ImageSelectorv2Default = ImageSelectorv2Default;
+ImageSelectorv2Default.args = {
+  images: [{
+    img: "https://image.shutterstock.com/image-illustration/3d-render-generic-drug-pills-260nw-709112806.jpg",
+    alt: "img"
+  }, {
+    img: "https://image.shutterstock.com/image-illustration/3d-render-generic-drug-pills-260nw-709112806.jpg",
+    alt: "img"
+  }, {
+    img: "https://image.shutterstock.com/image-illustration/3d-render-generic-drug-pills-260nw-709112806.jpg",
+    alt: "img"
+  }, {
+    img: "https://image.shutterstock.com/image-illustration/3d-render-generic-drug-pills-260nw-709112806.jpg",
+    alt: "img"
+  }, {
+    img: "https://image.shutterstock.com/image-illustration/3d-render-generic-drug-pills-260nw-709112806.jpg",
+    alt: "img"
+  }, {
+    img: "https://image.shutterstock.com/image-illustration/3d-render-generic-drug-pills-260nw-709112806.jpg",
+    alt: "img"
+  }]
+};

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

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ImageSelectorv2 = void 0;
+
+var _styles = require("./styles");
+
+var _ProductImagev = require("../../atoms/ProductImagev2");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var ImageSelectorv2 = function ImageSelectorv2(_ref) {
+  var _images$values;
+
+  var _ref$images = _ref.images,
+      images = _ref$images === void 0 ? [] : _ref$images,
+      setActiveImage = _ref.setActiveImage,
+      modalSelector = _ref.modalSelector;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    className: modalSelector && "modal-image-selector",
+    children: images === null || images === void 0 ? void 0 : (_images$values = images.values) === null || _images$values === void 0 ? void 0 : _images$values.map(function (image, index) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProductImagev.ProductImagev2, {
+        img: image.src,
+        altText: image.altText,
+        imageType: modalSelector ? "catalogue-modal-image" : "carousel-image",
+        onClick: function onClick() {
+          return setActiveImage(index);
+        }
+      }, index);
+    })
+  });
+};
+
+exports.ImageSelectorv2 = ImageSelectorv2;

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

@@ -0,0 +1,18 @@
+"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 _templateObject;
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 340px;\n  display: flex;\n  overflow: auto;\n  gap: 10px;\n\n  &.modal-image-selector {\n    width: 377px;\n    height: auto;\n    background: #ffff;\n    border-radius: 10px;\n  }\n"])));
+
+exports.Container = Container;

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

@@ -0,0 +1,82 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ImageTooltipTest = exports.ImageTooltipOK = exports.ImageTooltipERROR = 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/molecules/ImageTooltip",
+  component: _index.ImageTooltip,
+  argTypes: {
+    position: {
+      options: [undefined, "topStart", "topEnd", "topCenter", "rightStart", "rightEnd", "rightCenter", "bottomStart", "bottomEnd", "bottomCenter", "leftStart", "leftEnd", "leftCenter"],
+      control: {
+        type: "select"
+      }
+    }
+  }
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ImageTooltip, (0, _objectSpread2.default)({}, args));
+};
+
+var keyS3_test = "84300/1/chat/playa-213f791b-d890-48e1-be19-28bf5a95d517.jpeg";
+var srcTest = "https://content-management-images.s3.amazonaws.com/".concat(keyS3_test);
+var ImageTooltipTest = Template.bind({});
+exports.ImageTooltipTest = ImageTooltipTest;
+ImageTooltipTest.args = {
+  width: "200px",
+  sizeLoading: "50",
+  colorLoading: "#bbbbbb",
+  src: "bn",
+  componentDefault: /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+    children: "test error"
+  }),
+  componentTooltip: /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+    children: " mensaje del tooltip test "
+  }),
+  position: undefined
+};
+var keyS3_OK = "84300/1/chat/f6579ed5-16e5-48d8-ace5-6be8e8e68f53-38896acf-9179-4686-9088-9784df624ab8.png";
+var srcOK = "https://content-management-images.s3.amazonaws.com/".concat(keyS3_OK);
+var ImageTooltipOK = Template.bind({});
+exports.ImageTooltipOK = ImageTooltipOK;
+ImageTooltipOK.args = {
+  width: "250px",
+  sizeLoading: "40",
+  src: srcOK,
+  componentDefault: /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+    children: " img no cargada "
+  }),
+  componentTooltip: /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+    children: " mensaje del tooltip OK "
+  }),
+  position: undefined
+};
+var keyS3_ERROR = "84300/1/chat/21dba1da-3c60-42c4-97bd-033664808256-fb19ff57-b91c-4ef2-ba2a-d857b55fb33b.svg";
+var srcERROR = "https://content-management-images.s3.amazonaws.com/".concat(keyS3_ERROR);
+var ImageTooltipERROR = Template.bind({});
+exports.ImageTooltipERROR = ImageTooltipERROR;
+ImageTooltipERROR.args = {
+  width: "300px",
+  sizeLoading: "60",
+  src: srcERROR,
+  componentDefault: /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+    children: " ERROR al cargar "
+  }),
+  componentTooltip: /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+    children: " mensaje del tooltip ERROR "
+  }),
+  position: undefined
+};

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

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ImageTooltip = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _styles = require("./styles");
+
+var _reactFontawesome = require("@fortawesome/react-fontawesome");
+
+var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
+
+var _react = require("react");
+
+var _Tooltip = require("../../atoms/Tooltip");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var ImageTooltip = function ImageTooltip(props) {
+  var className = props.className,
+      sizeLoading = props.sizeLoading,
+      colorLoading = props.colorLoading,
+      classNameLoading = props.classNameLoading,
+      src = props.src,
+      componentDefault = props.componentDefault,
+      classNameImg = props.classNameImg,
+      classNameTooltip = props.classNameTooltip,
+      componentTooltip = props.componentTooltip,
+      position = props.position;
+
+  var _useState = (0, _react.useState)(),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      imgLoad = _useState2[0],
+      setImgLoad = _useState2[1];
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Tooltip.Tooltip, {
+    position: position !== null && position !== void 0 ? position : "topCenter",
+    addArrow: false,
+    transitionType: "zoom",
+    followCursor: false,
+    className: className,
+    classNameTooltip: classNameTooltip,
+    componentTooltip: imgLoad !== undefined && componentTooltip,
+    children: [src && imgLoad === undefined && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ContainerLoading, {
+      className: classNameLoading,
+      sizeLoading: sizeLoading,
+      colorLoading: colorLoading,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFontawesome.FontAwesomeIcon, {
+        pulse: true,
+        icon: _freeSolidSvgIcons.faSpinner
+      })
+    }), (!src || imgLoad === false) && componentDefault, /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Img, {
+      className: classNameImg,
+      src: "".concat(src, "?").concat(new Date().getMilliseconds()),
+      onLoad: function onLoad() {
+        return setImgLoad(true);
+      },
+      onError: function onError() {
+        return setImgLoad(false);
+      },
+      show: imgLoad === true
+    })]
+  });
+};
+
+exports.ImageTooltip = ImageTooltip;

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

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Img = exports.ContainerLoading = 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, _templateObject2;
+
+var ContainerLoading = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  display: grid;\n  place-items: center;\n  min-width: min-content;\n  font-size: ", "px;\n  color: ", ";\n  padding: 5px;\n"])), function (_ref) {
+  var sizeLoading = _ref.sizeLoading;
+  return sizeLoading ? sizeLoading : "30";
+}, function (_ref2) {
+  var colorLoading = _ref2.colorLoading;
+  return colorLoading ? colorLoading : "#9e2674";
+});
+
+exports.ContainerLoading = ContainerLoading;
+
+var Img = _styledComponents.default.img(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: ", ";\n  width: 100%;\n  object-fit: contain;\n"])), function (_ref3) {
+  var show = _ref3.show;
+  return show ? "grid" : "none";
+});
+
+exports.Img = Img;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.LoginPasswordStrengthDefault = 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/molecules/LoginPasswordStrength",
+  component: _index.LoginPasswordStrength
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.LoginPasswordStrength, (0, _objectSpread2.default)({}, args));
+};
+
+var LoginPasswordStrengthDefault = Template.bind({});
+exports.LoginPasswordStrengthDefault = LoginPasswordStrengthDefault;
+LoginPasswordStrengthDefault.args = {};