contentoh-components-library 21.0.65 → 21.0.66

package/src/components/atoms/Select/style.js

@@ -1,76 +0,0 @@
-import styled from "styled-components";
-
-export const Container = styled.div`
-  position: relative;
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  height: 21px;
-  line-height: 3;
-  width: ${({ width }) => width || "100%"};
-  overflow: hidden;
-  border-radius: 0.25em;
-  &::after {
-    border-left: 1px solid #e33aa9;
-    border-top: 1px solid #e33aa9;
-    width: 4px;
-    content: "";
-    height: 4px;
-    position: absolute;
-    right: 7px;
-    -webkit-transform: rotate(-135deg);
-    -ms-transform: rotate(-135deg);
-    transform: rotate(-135deg);
-    top: 35%;
-  }
-  &::before {
-    border-left: 1px solid #e33aa9;
-    width: 1px;
-    content: "";
-    height: 15px;
-    right: 15px;
-    position: absolute;
-    z-index: 2;
-  }
-`;
-
-export const BackgroundEnd = styled.div`
-  position: absolute;
-  left: calc(100% - 18px);
-  height: 100%;
-  width: 18px;
-  background-color: #fafafa;
-`;
-
-export const SelectCustom = styled.select`
-  background: #fafafa;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  -ms-appearance: none;
-  appearance: none;
-  outline: 0;
-  box-shadow: none;
-  border: 0 !important;
-  background-image: none;
-  width: ${({ width }) => width || "100%"};
-  cursor: pointer;
-  height: 21px;
-  font-family: Avenir Next;
-  font-style: normal;
-  font-weight: normal;
-  font-size: 12px;
-  line-height: 21px;
-  padding: 0 5px;
-  box-sizing: border-box;
-  &::-ms-expand {
-    display: none;
-  }
-  option {
-    &:disabled {
-      color: #d4d1d7;
-    }
-    &:invalid {
-      color: gray;
-    }
-  }
-`;

package/src/components/molecules/RetailerSelector/RetailerSelector.stories.js

@@ -1,35 +0,0 @@
-import { RetailerSelector } from "./index";
-
-export default {
-  title: "Components/molecules/RetailerSelector",
-  component: RetailerSelector,
-};
-
-const Template = (args) => <RetailerSelector {...args} />;
-
-export const RetailerSelectorDefault = Template.bind({});
-RetailerSelectorDefault.args = {
-  retailers: [
-    {
-      id: 2,
-      name: "Walmart Mercancías Generales",
-      country: "México",
-      id_region: 1,
-      active: 1,
-    },
-    {
-      id: 3,
-      name: "Sam´s Club",
-      country: "México",
-      id_region: 1,
-      active: 1,
-    },
-    {
-      id: 14,
-      name: "Maskota y Petsy",
-      country: "México",
-      id_region: 1,
-      active: 1,
-    },
-  ],
-};

package/src/components/molecules/RetailerSelector/index.js

@@ -1,63 +0,0 @@
-import { Container } from "./styles";
-import { Avatar } from "../../atoms/Avatar";
-import { useEffect, useState } from "react";
-import { AsignationOption } from "../../atoms/AsignationOption";
-
-export const RetailerSelector = ({
-  retailers,
-  activeRetailer,
-  setActiveRetailer,
-}) => {
-  const [retailersPanel, setRetailersPanel] = useState(false);
-
-  const closeRetailersPanel = (e) => {
-    if (!e.target.closest("#retailers-assignation") && retailersPanel) {
-      document.removeEventListener("click", closeRetailersPanel, false);
-      setRetailersPanel(false);
-    }
-  };
-
-  useEffect(() => {
-    if (retailersPanel) {
-      document.addEventListener("click", closeRetailersPanel, false);
-    }
-  }, [retailersPanel]);
-
-  return (
-    <Container id="retailers-assignation">
-      <Avatar
-        image={activeRetailer?.image}
-        altText={activeRetailer?.name}
-        imageType={"medium-image"}
-        onClick={() => {
-          retailers.length > 1 && setRetailersPanel(!retailersPanel);
-          if (retailersPanel)
-            document.removeEventListener("click", closeRetailersPanel, false);
-        }}
-      />
-      {retailersPanel && (
-        <div className="retailers-panel">
-          {retailers.map((retailer, index) => (
-            <AsignationOption
-              key={`${index}-${retailer?.name}`}
-              profileImage={retailer?.image}
-              imageType={"medium-image"}
-              asignationType={null}
-              name={retailer?.name}
-              team={retailer?.team}
-              onClick={() => {
-                setActiveRetailer(retailer);
-                document.removeEventListener(
-                  "click",
-                  closeRetailersPanel,
-                  false
-                );
-                setRetailersPanel(false);
-              }}
-            />
-          ))}
-        </div>
-      )}
-    </Container>
-  );
-};

package/src/components/molecules/RetailerSelector/styles.js

@@ -1,18 +0,0 @@
-import styled from "styled-components";
-import { GlobalColors } from "../../../global-files/variables";
-
-export const Container = styled.div`
-  position: relative;
-  .retailers-panel {
-    background: ${GlobalColors.s2};
-    border: 1px solid ${GlobalColors.s3};
-    box-sizing: border-box;
-    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
-    border-radius: 4px;
-    padding: 10px;
-    position: absolute;
-    top: calc(100% + 10px);
-    right: 0;
-    z-index: 10;
-  }
-`;

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

@@ -1,89 +0,0 @@
-import { ProviderProductEdition } from "./index";
-
-export default {
-  title: "Components/pages/ProviderProductEdition",
-  component: ProviderProductEdition,
-};
-
-const Template = (args) => <ProviderProductEdition {...args} />;
-
-export const ProviderProductEditionDefault = Template.bind({});
-
-ProviderProductEditionDefault.args = {
-  tabsSections: {
-    Descripción: true,
-    "Ficha técnica": false,
-    Imágenes: false,
-  },
-  token:
-    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJjOTRhNzMwNS05MzY1LTQ2ZmYtYTQyMy00YjRiYzNiOGIxODAiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjp0cnVlLCJjb2duaXRvOnVzZXJuYW1lIjoiYzk0YTczMDUtOTM2NS00NmZmLWE0MjMtNGI0YmMzYjhiMTgwIiwiY29nbml0bzpyb2xlcyI6WyJhcm46YXdzOmlhbTo6ODk4NjcwMjMyODA3OnJvbGVcL2NvbnRlbnRvaC1kZXYtdXMtZWFzdC0xLWxhbWJkYVJvbGUiXSwiYXVkIjoiNWFjOHRwZ3M2Z2JzcTEzZnJ2cnBpZWVwNDAiLCJldmVudF9pZCI6IjcxNWU4ZTc3LTAwMmMtNGMyNC1hNjM2LTYxNDkxYzQ0MzI2MSIsInRva2VuX3VzZSI6ImlkIiwiYXV0aF90aW1lIjoxNjUyMzA3MTUzLCJuYW1lIjoiQ29sYWJvcmFkb3IiLCJwaG9uZV9udW1iZXIiOiIrNTIxMTExIiwiZXhwIjoxNjUyMzEwNzUzLCJpYXQiOjE2NTIzMDcxNTMsImVtYWlsIjoic2FsbWVyb24uNUBob3RtYWlsLmNvbSJ9.Ov1kjVt1sWrNu-8gPhBvnS6SpCuPmOYcqBwJVIoz-YJvuyNx0lMeRflG99cpgj4SojZqgMfPMQ8gJg5263fhj9oynolP7kh08AS_uoTf6_FK2KCaY8gVF4OJnoJJaX7J12JxzmRMI-lQJftvvoPxo5KYHCf7uZSj-5C5z6yIdk59T3U7vziYiKVtJFvVpA6IEB-oIS57MSdg27kwOtYjWvkfZ5vDRfkoOBGmBBELI9uFbKQS0cmWaLSBhd8ptbXWkAprxm-nkJnH9KQKmCsCLBthqmZTsMDw3ok0RsVpEE7_x4X0Hg0756ebqDe1kLCVuTIBpPx4ySvCdlewvi9bYA",
-  articleId: 238,
-  category: 846,
-  version: 2,
-  productSelected: {
-    id_article: 109492,
-    id_category: "636",
-    name: "Playera negra básica",
-    upc: "23802394",
-    timestamp: "2022-05-05T16:45:25.000Z",
-    status: "NULL",
-    categoryName:
-      "ROPA, ACCESORIOS, FRAGANCIAS Y JOYERÍA|ROPA CABALLERO|CASUAL",
-    asignations: [],
-    version: 2,
-    version_status: "RF",
-    retailersAvailable: [
-      {
-        id: 2,
-        name: "Walmart Mercancías Generales",
-        country: "México",
-        id_region: 1,
-        active: 1,
-      },
-    ],
-    missing: {},
-  },
-  location: {
-    product: { articleId: 109485, versionId: 3 },
-  },
-  assignations: [
-    {
-      id_user: 25,
-      name: "Proveedor",
-      last_name: "Uriel",
-      position: "Prov Admin",
-    },
-  ],
-  user: {
-    id_user: 54,
-    name: "ESPECIALISTA TXTS PRUEBA",
-    last_name: "",
-    email: "rlegorreta@contentoh.com",
-    position: null,
-    telephone: null,
-    country: null,
-    id_company: 2,
-    id_cognito: "ca1d24ab-e992-4c19-b4e1-2fe6f720c16b",
-    birth_Date: null,
-    about_me: null,
-    zip_code: null,
-    address: null,
-    job: null,
-    id_stripe: null,
-    id_role: 7,
-    active: 1,
-    is_retailer: 0,
-    membership: {
-      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.s3.amazonaws.com/id-54/54.png?1653425316222",
-  },
-};