contentoh-components-library 21.2.9 → 21.2.12

package/src/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js

@@ -16,96 +16,92 @@ RetailerProductEditionDefault.args = {
     Imágenes: false,
   },
   token:
-    "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIwYjY2YTRhOS03NzkwLTQwMzQtYTMwYS1jMDA4MDg5NjI4NjciLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwiY29nbml0bzp1c2VybmFtZSI6IjBiNjZhNGE5LTc3OTAtNDAzNC1hMzBhLWMwMDgwODk2Mjg2NyIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiIzNmIxMmUwMy0xOWJhLTRiMDktYWJiYS1kZjk3ZTFkNThjZTQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2MDE4MjgzNywibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2MDE4NjQzNywiaWF0IjoxNjYwMTgyODM3LCJlbWFpbCI6ImJheWFkaTE1MzhAbW5xbG0uY29tIn0.MM9nIHkrRIS2o8_s4BR6VTLgyw3ryvPrr-mf6RtnQ4smng2Q3fmtK07zInNcvcrv8EXO5J9z47_NZ5MOJDo1Pz1CV2cOYM7PT5tEn3F-W4SitqDbBw3KxfkqSMxdZUIHLWECGL-u2ATCYU2J4KRVQi8XSP1qbfv1hu9dh-vID8Fq641ccQwEqUDC13pshDPlR08legg7AAPJqoilV7wuvxqTYAK6fGqMS5jcdW2iDmU0ti9gkydXkYRIC-jg446VOmRCpwzKsk4UAPwlrGeodQ0LV1bfWn_-KVspWCRQd6U5WbFxHn0umYe3CvvPpyVmHzD3F_EMxaVyqV5aW5IoIQ",
+    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI3MTNhNzQ1Ny1mOTQzLTRiYzktOGViMC04NmI0MWY1YmQ0ZjgiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjcxM2E3NDU3LWY5NDMtNGJjOS04ZWIwLTg2YjQxZjViZDRmOCIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJlM2ExZmQ2OC02OTAwLTRjNWYtYjM5MC1jNjY0MDZhZjkyMGYiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2MTU0ODI4NSwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2MTU1MTg4NSwiaWF0IjoxNjYxNTQ4Mjg1LCJlbWFpbCI6ImhjYXJyaWxsb0Bjb250ZW50b2guY29tIn0.GUmPbOrd8-llRODdaidjReKHBwrVbGV5LP37aD_o14BQ67VSmH2pxLvrZRBNsZhvP0vZuetXt19pyiFgCr1-SF5CMHD3dcnPq2Ka0PUEf8raNEoseCPGaDUugu-waz1qPadZN1OrlhQTm9mOWoGj4u0gQv5FGAbC6xMcRernAo4QX41-Pfjvp2u7p62BYkp6rafzTjazUHZiG-ueqPI9QQQ-2zkbTo46l7TFYz6ATNSiZEvezc52L1nzWDhI5Q8xbNA546WC-leLr30SV9vrXBTGdvLdCKeqEYPrVG1L3nXXZ9CvtHJjdkb60irWZjXT1LbpulfL3IqO2_PKHTUpHQ",
   productSelected: {
-    "services": {
-        "datasheets": 1,
-        "descriptions": 1,
-        "images": 1
+    services: {
+      datasheets: 1,
+      descriptions: 1,
+      images: 1,
     },
-    "orderId": 1810,
-    "status": "RP",
-    "datasheet_status": "RP",
-    "prio": "none",
-    "version": 2,
-    "description_status": "RP",
-    "images_status": "RP",
-    "article": {
-        "id_article": 68934,
-        "id_category": "2290",
-        "name": "SCOTCHBLUE  3PACK MASKING TAPE 24MMX55M",
-        "upc": "167907",
-        "timestamp": "2022-06-22T15:44:57.000Z",
-        "id_user": 704,
-        "status": "NULL",
-        "active": 1,
-        "company_id": 437,
-        "SKU": null,
-        "Descripcion": null,
-        "Proveedor": null,
-        "id_proveedor": 0,
-        "company_name": "",
-        "country": null,
-        "id_order": 1810,
-        "id_datasheet_especialist": 1248,
-        "id_datasheet_facilitator": 1252,
-        "id_description_especialist": 1248,
-        "id_description_facilitator": 1252,
-        "id_images_especialist": 1251,
-        "id_images_facilitator": 1286,
-        "id_auditor": 514,
-        "id_recepcionist": null,
-        "category": "Pinturas|Herramientas y accesorios para pintar|Cintas",
-        "missingAttributes": null,
-        "missingDescriptions": null,
-        "missingImages": null
+    orderId: 127,
+    status: "AS",
+    datasheet_status: "AS",
+    prio: "none",
+    version: 2,
+    description_status: "AS",
+    images_status: "AS",
+    article: {
+      id_article: 76186,
+      id_category: "399",
+      name: "Croquetas Dog Chow",
+      upc: "4535354",
+      timestamp: "2022-07-21T15:20:25.000Z",
+      id_user: 28,
+      status: "NULL",
+      active: 1,
+      company_id: 1,
+      company_name: "COMPANY DEV",
+      country: "México",
+      id_order: 127,
+      id_datasheet_especialist: 54,
+      id_datasheet_facilitator: 52,
+      id_description_especialist: 54,
+      id_description_facilitator: 52,
+      id_images_especialist: 55,
+      id_images_facilitator: 53,
+      id_auditor: 30,
+      id_recepcionist: null,
+      category: "Mascotas|Alimentos y Premios|Alimento para Perros",
+      missingAttributes: null,
+      missingDescriptions: null,
+      missingImages: null,
     },
-    "retailers": [
-        {
-            "id": 58,
-            "name": "The Home Depot Golden",
-            "country": "México",
-            "id_region": 1,
-            "active": 1
-        }
+    retailers: [
+      {
+        id: 2,
+        name: "Walmart Mercancías Generales",
+        country: "México",
+        id_region: 1,
+        active: 1,
+      },
     ],
-    "country": null,
-    "upc": "167907"
-},
+    country: "México",
+    upc: "4535354",
+  },
   location: {
     product: { articleId: 109485, versionId: 3 },
   },
   user: {
-    id_user: 1248,
-    name: "Facilitador Textos",
-    last_name: " ",
-    email: "bayadi1538@mnqlm.com",
-    position: "Tester",
+    id_user: 65,
+    name: "Oscar",
+    last_name: "Arenas",
+    email: "oarenas@contentoh.com",
+    position: null,
     telephone: null,
     country: null,
-    id_company: 254,
-    id_cognito: "0b66a4a9-7790-4034-a30a-c00808962867",
+    id_company: 2,
+    id_cognito: "73cc8d40-c841-422a-a2f2-e69d7fe26ebf",
     birth_Date: null,
     about_me: null,
     zip_code: null,
     address: null,
     job: null,
     id_stripe: null,
-    id_role: 7,
+    id_role: 1,
     active: 1,
     is_retailer: 0,
-    email_notify: null,
+    email_notify: 0,
     membership: {
-      id: 750,
-      start_date: "2022-01-07T21:32:54.000Z",
-      end_date: "2023-01-07T21:32:54.000Z",
-      planID: 6,
-      plan: "prod_KvGd6YSTJyR3AP",
-      name: "Plan Small",
-      user_limit: "10",
-      products_limit: "1000",
-      type: "Enterprise",
+      id: 2,
+      start_date: "2021-11-05T02:35:12.000Z",
+      end_date: "2022-11-05T02:34:49.000Z",
+      planID: 1,
+      plan: "prod_KtkvuFFLpOdP6e",
+      name: "Plan Free",
+      user_limit: "1",
+      products_limit: "3",
+      type: "PyMES",
     },
-    src: "https://content-management-profile-prod.s3.amazonaws.com/id-423/423.png?1660182839373",
+    src: "https://content-management-profile.s3.amazonaws.com/id-65/65.png?1661554813155",
   },
 };

package/src/components/pages/RetailerProductEdition/index.js

@@ -59,6 +59,10 @@ const reducerImages = (state, action) => {
     case "changeImageInfo":
       values[action.index][action.attribute] = action.value;
       return { ...state, values };
+    case "changeShotType":
+      values[action.index][action.attribute] = action.value;
+      return { ...state, values };
+
     case "changeAttrValue":
       const index = attrForImgs.general.findIndex((f) => f.id === action.id);
       if (index !== -1) {
@@ -209,6 +213,7 @@ export const RetailerProductEdition = ({
   const [showCreateVersion, setShowCreateVersion] = useState(false);
   const [showVersionSelector, setShowVersionSelector] =
     useCloseModal("version-selector");
+  const shotThd = [58, 59, 60, 61].includes(activeRetailer.id);
 
   useEffect(() => {
     checkAll && setSelectedImages(images.values);
@@ -409,6 +414,10 @@ export const RetailerProductEdition = ({
       value: e?.id,
       name: e?.name,
     }));
+    const imageShotType = images?.imageShotType?.map((e) => ({
+      value: e?.id,
+      name: e?.type_shot,
+    }));
     return images?.values?.map((image, index) => (
       <GalleryElement
         setCheckAll={setCheckAll}
@@ -421,10 +430,12 @@ export const RetailerProductEdition = ({
         imageType={imageType}
         imagePackagingType={imagePackagingType}
         imageInputs={imageInputs}
+        imageShotType={imageShotType}
         setSocketType={setSocketType}
         changeImage={setImages}
         selectedImages={selectedImages}
         setSelectedImages={setSelectedImages}
+        shotThd={shotThd}
       />
     ));
   };
@@ -645,11 +656,11 @@ export const RetailerProductEdition = ({
       case 7:
       case 8:
         return (
-          statusArray.includes(srvActive) &&
-          (["RA", "RC"].includes(product?.status) ||
-            srv.filter((serv) =>
-              ["CA"].includes(serv.status?.replace(/.*\//, ""))
-            ).length === srv.length)
+          (statusArray.includes(srvActive) &&
+            statusArray.includes(product?.status)) ||
+          srv.filter((serv) =>
+            statusArray.includes(serv.status?.replace(/.*\//, ""))
+          ).length === srv.length
         );
       case 4:
       case 5:
@@ -1187,6 +1198,7 @@ export const RetailerProductEdition = ({
             showSaveButton={auditorAssigned() || userAssigned()}
             setShowVersionSelector={setShowVersionSelector}
             version={version}
+            shotThd={shotThd}
           />
         </div>
         <div className="product-information">
@@ -1330,6 +1342,7 @@ export const RetailerProductEdition = ({
                       setSelectedImages={setSelectedImages}
                       checkAll={checkAll}
                       setCheckAll={setCheckAll}
+                      shotThd={shotThd}
                     />
                   )}
                 {activeTab === "Ficha técnica" &&

package/dist/components/atoms/StatusTag/StatusTag.stories.js

@@ -1,48 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.StatusTagDefault = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _index = require("./index");
-
-var _variables = require("../../../global-files/variables");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var status = _variables.GlobalStatus;
-var _default = {
-  title: "Components/atoms/StatusTag",
-  component: _index.StatusTag,
-  argTypes: {
-    statusType: {
-      options: status,
-      control: {
-        type: "select"
-      }
-    },
-    ovalForm: {
-      options: [true, false],
-      control: {
-        type: "boolean"
-      }
-    }
-  }
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StatusTag, (0, _objectSpread2.default)({}, args));
-};
-
-var StatusTagDefault = Template.bind({});
-exports.StatusTagDefault = StatusTagDefault;
-StatusTagDefault.args = {
-  statusType: "-",
-  ovalForm: false
-};

package/dist/components/atoms/StatusTag/index.js

@@ -1,58 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StatusTag = void 0;
-
-var _styles = require("./styles");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var StatusTag = function StatusTag(_ref) {
-  var statusType = _ref.statusType,
-      ovalForm = _ref.ovalForm;
-
-  var getShortStatus = function getShortStatus(status) {
-    switch (status) {
-      case "COMPLETED":
-        return "C";
-
-      case "RECEPTION":
-        return "Pr";
-
-      case "NULL":
-        return "-";
-
-      case "RECEIVED":
-        return "Rc";
-
-      case "IN_PROGRESS":
-        return "P";
-
-      case "ASSIGNED":
-        return "As";
-
-      case "APPROVED":
-        return "Ap";
-
-      case "VALIDATING":
-        return "V";
-
-      case "PAID_OUT":
-        return "Po";
-
-      default:
-        return status;
-    }
-  };
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-    className: "status-".concat(getShortStatus(statusType), " ").concat(ovalForm && "oval-form"),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      children: getShortStatus(statusType)
-    })
-  });
-};
-
-exports.StatusTag = StatusTag;

package/dist/components/atoms/StatusTag/styles.js

@@ -1,20 +0,0 @@
-"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 _variables = require("../../../global-files/variables");
-
-var _templateObject;
-
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: fit-content;\n  padding: 0 10px;\n  height: 20px;\n  background-color: ", ";\n  border-radius: 3px;\n\n  p {\n    text-align: center;\n    color: ", ";\n    font-family: ", ";\n    font-size: 12px;\n    line-height: 20px;\n  }\n\n  &.status-As,\n  &.status-P,\n  &.status-IN_PROGRESS,\n  &.status-QF {\n    background-color: ", ";\n  }\n\n  &.status-Pr,\n  &.status-Rr,\n  &.status-Rc {\n    background-color: ", ";\n  }\n\n  &.status-AA,\n  &.status-AP,\n  &.status-AC,\n  &.status-AF {\n    background-color: ", ";\n  }\n\n  &.status-RA,\n  &.status-RF,\n  &.status-RP,\n  &.status-RC {\n    background-color: ", ";\n  }\n\n  &.status-Dat,\n  &.status-Dsc,\n  &.status-Imgs {\n    background-color: ", ";\n  }\n\n  &.status-Ex {\n    background-color: ", ";\n  }\n\n  &.status-DDI {\n    background-color: ", ";\n  }\n\n  &.status-GLD {\n    background-color: ", ";\n  }\n\n  &.status-TAB {\n    background-color: ", ";\n  }\n\n  &.status-Pt {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &.oval-form {\n    border-radius: 10px;\n  }\n"])), _variables.GlobalColors.s3, _variables.GlobalColors.white, _variables.FontFamily.Lato, _variables.GlobalColors.in_progress, _variables.GlobalColors.reception, _variables.GlobalColors.finished, _variables.GlobalColors.rejected_status, _variables.GlobalColors.s4, _variables.GlobalColors.exported, _variables.GlobalColors.original_purpura, _variables.GlobalColors.in_progress, _variables.GlobalColors.deep_gray, _variables.GlobalColors.s2, _variables.GlobalColors.s4);
-
-exports.Container = Container;

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

@@ -1,37 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.RegistrationLoginFirstStepDefault = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _index = require("./index");
-
-var _loginImage = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/loginImage.svg"));
-
-var _login = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/login2.svg"));
-
-var _login2 = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/login3.svg"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
-  title: "Components/pages/RegistrationLoginFirstStep",
-  component: _index.RegistrationLoginFirstStep
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.RegistrationLoginFirstStep, (0, _objectSpread2.default)({}, args));
-};
-
-var RegistrationLoginFirstStepDefault = Template.bind({});
-exports.RegistrationLoginFirstStepDefault = RegistrationLoginFirstStepDefault;
-RegistrationLoginFirstStepDefault.args = {
-  imageArrayCarousel: [_loginImage.default, _login.default, _login2.default],
-  textCarousel: "Elige la plataforma que conecta proovedores y retailers"
-};