{"version":3,"sources":["aws-exports.js","components/Pagination.js","components/AccountRepresentative.js","components/Customer.js","components/Dashboard.js","components/Employee.js","graphql/queries.js","components/LoginForm.js","components/LoginPage.js","components/Order.js","components/Pedido.js","components/Product.js","graphql/subscriptions.js","components/ShopCart.js","components/Refill.js","components/User.js","graphql/mutations.js","App.js","serviceWorker.js","index.js"],"names":["awsmobile","emptyArray","Pagination","React","memo","loading","page","perPage","rowsPerPageOptions","total","setPage","setPerPage","actions","limit","rest","useEffect","isNaN","translate","useTranslate","isSmall","useMediaQuery","theme","breakpoints","down","handlePageChange","useCallback","event","stopPropagation","Math","ceil","Error","handlePerPageChange","target","value","labelDisplayedRows","from","to","count","offsetBegin","offsetEnd","Toolbar","variant","TablePagination","rowsPerPage","onChangePage","component","sanitizeListRestProps","onChangeRowsPerPage","ActionsComponent","labelRowsPerPage","defaultProps","PaginationActions","PaginationLimit","required","Dashboard","Card","Title","title","CardContent","Typography","gutterBottom","color","Link","href","getTodo","listTodos","getPedido","listPedidos","getShopCart","listShopCarts","getRefill","listRefills","getUser","listUsers","getPicture","listPictures","pedidoByStatus","pedidoByStatusByOrderId","PedidobyUser","ShopCartbyUser","shopCartbyUserbyDate","refillByUser","refillByUserByDate","usersByUsername","getProduct","listProducts","productsByNameF","productsByNameC","productsByName","useStyles","makeStyles","form","padding","input","marginTop","button","width","icon","marginRight","spacing","name","Input","meta","touched","error","inputProps","props","helperText","fullWidth","LoginForm","redirectTo","useSafeSetState","setLoading","login","useLogin","notify","useNotify","classes","useState","onSubmit","values","then","e","console","log","catch","message","validate","errors","username","undefined","password","render","handleSubmit","noValidate","className","id","label","disabled","type","autoComplete","CardActions","Button","CircularProgress","size","thickness","LoginPage","Login","PedidoList","setQuery","MyUrlField","record","source","PedidoFilter","defaultQuery","ReferenceInput","reference","filterToQuery","searchText","status","AutocompleteInput","optionText","optionValue","List","filters","pagination","Datagrid","TextField","sortBy","sortable","ReferenceField","ImageField","NumberField","DateField","showTime","ShowButton","EditButton","ColorTextField","statusColor","style","PedidoShow","Show","SimpleShowLayout","PedidoEdit","theCant","setTheCant","theWidth","setTheWidth","theHeight","setTheHeight","theDepth","setTheDepth","theWeight","setTheWeight","theDelivery","setTheDelivery","theGestion","setTheGestion","theDeliSelection","setTheDeliSelection","ChangeDimensions","item","prerecargos","ancho","parseFloat","alto","largo","kg","dim_a_kg","pesoReal","Base","onChange","setter","text","replace","split","shift","length","join","onChangeWidth","onChangeHeight","onChangeDepth","onChangeWeight","Edit","SimpleForm","FormDataConsumer","formData","cant","height","depth","weight","delivery","gestion","deliselection","TextInput","NumberInput","SelectInput","choices","PedidoCreate","Create","ProductFilter","alwaysOn","allowEmpty","resettable","suggestionLimit","ProductList","API","graphql","graphqlOperation","subscribe","next","productData","ProductShow","ReferenceManyField","validateUrl","ProductEdit","transform","data","orders","ProductCreate","ShopCartFilter","elreturn","userID","ShopCartList","ShopCartShow","ShopCartEdit","BooleanInput","ShopCartCreate","RefillList","RefillFilter","email","Aside","useListContext","ids","margin","Object","keys","map","key","reduce","sum","refills","refillamount","aside","bulkActionButtons","validateRefill","RefillCreate","UserList","UserShow","validateUsername","validatePassword","UserCreate","createTodo","updateTodo","deleteTodo","createPedido","updatePedido","deletePedido","createShopCart","updateShopCart","deleteShopCart","createRefill","updateRefill","deleteRefill","createProduct","updateProduct","deleteProduct","createUser","updateUser","deleteUser","createPicture","updatePicture","deletePicture","Amplify","configure","awsExports","dataProvider","buildDataProvider","queries","mutations","myDataProvider","getList","resource","params","getOne","create","update","__typename","owner","delete","App","Admin","operations","loginPage","dashboard","authProvider","buildAuthProvider","authGroups","permissions","Resource","options","list","show","edit","EditGuesser","Boolean","window","location","hostname","match","ReactDOM","StrictMode","document","getElementById","navigator","serviceWorker","ready","registration","unregister"],"mappings":"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","file":"static/js/main.623d989b.chunk.js","sourcesContent":["/* eslint-disable */\n// WARNING: DO NOT EDIT. This file is automatically generated by AWS Amplify. It will be overwritten.\n\nconst awsmobile = {\n    \"aws_project_region\": \"us-east-1\",\n    \"aws_appsync_graphqlEndpoint\": \"https://l4m7gligrvhynbfixgiy7dzvfq.appsync-api.us-east-1.amazonaws.com/graphql\",\n    \"aws_appsync_region\": \"us-east-1\",\n    \"aws_appsync_authenticationType\": \"AMAZON_COGNITO_USER_POOLS\",\n    \"aws_appsync_apiKey\": \"da2-r7h5qkdr7vbjhdbmbaq4q6dbtq\",\n    \"aws_cognito_identity_pool_id\": \"us-east-1:d4dce6b7-a50e-4f5f-8ba0-8d4358908c65\",\n    \"aws_cognito_region\": \"us-east-1\",\n    \"aws_user_pools_id\": \"us-east-1_ltmOEjnQy\",\n    \"aws_user_pools_web_client_id\": \"758lthvphf80ku9sf2d74bu641\",\n    \"oauth\": {},\n    \"aws_cognito_username_attributes\": [],\n    \"aws_cognito_social_providers\": [],\n    \"aws_cognito_signup_attributes\": [\n        \"EMAIL\"\n    ],\n    \"aws_cognito_mfa_configuration\": \"OFF\",\n    \"aws_cognito_mfa_types\": [\n        \"SMS\"\n    ],\n    \"aws_cognito_password_protection_settings\": {\n        \"passwordPolicyMinLength\": 8,\n        \"passwordPolicyCharacters\": []\n    },\n    \"aws_cognito_verification_mechanisms\": [\n        \"EMAIL\"\n    ]\n};\n\n\nexport default awsmobile;\n","import { TablePagination, Toolbar, useMediaQuery } from \"@material-ui/core\";\nimport { sanitizeListRestProps, useTranslate } from \"ra-core\";\nimport React, { useCallback, useEffect } from \"react\";\nimport { PaginationActions, PaginationLimit } from \"react-admin\";\n\nconst emptyArray = [];\n\nexport const Pagination = React.memo(\n  ({\n    loading,\n    page,\n    perPage,\n    rowsPerPageOptions,\n    total,\n    setPage,\n    setPerPage,\n    actions,\n    limit,\n    ...rest\n  }) => {\n    useEffect(() => {\n      if (page < 1 || isNaN(page)) {\n        setPage(1);\n      }\n    }, [page, setPage]);\n    const translate = useTranslate();\n    const isSmall = useMediaQuery((theme) => theme.breakpoints.down(\"sm\"));\n\n    const getNbPages = () => Math.ceil(total / perPage) || 1;\n\n    /**\n     * Warning: material-ui's page is 0-based\n     */\n    const handlePageChange = useCallback(\n      (event, page) => {\n        event && event.stopPropagation();\n        if (page < 0 || page > getNbPages() - 1) {\n          throw new Error(\n            translate(\"ra.navigation.page_out_of_boundaries\", {\n              page: page + 1,\n            })\n          );\n        }\n        setPage(page + 1);\n      },\n      [total, perPage, setPage, translate] // eslint-disable-line react-hooks/exhaustive-deps\n    );\n\n    const handlePerPageChange = useCallback(\n      (event) => {\n        setPerPage(event.target.value);\n      },\n      [setPerPage]\n    );\n\n    const labelDisplayedRows = useCallback(\n      ({ from, to, count }) =>\n        translate(\"ra.navigation.page_range_info\", {\n          offsetBegin: from,\n          offsetEnd: to,\n          total: to === count ? count : \"-\",\n        }),\n      [translate]\n    );\n\n    if (total === 0) {\n      return loading ? <Toolbar variant=\"dense\" /> : limit;\n    }\n\n    if (isSmall) {\n      return (\n        <TablePagination\n          count={total}\n          rowsPerPage={perPage}\n          page={page - 1}\n          onChangePage={handlePageChange}\n          rowsPerPageOptions={emptyArray}\n          component=\"span\"\n          labelDisplayedRows={labelDisplayedRows}\n          {...sanitizeListRestProps(rest)}\n        />\n      );\n    }\n\n    return (\n      <TablePagination\n        count={total}\n        rowsPerPage={perPage}\n        page={page - 1}\n        onChangePage={handlePageChange}\n        onChangeRowsPerPage={handlePerPageChange}\n        ActionsComponent={actions}\n        component=\"span\"\n        labelRowsPerPage={translate(\"ra.navigation.page_rows_per_page\")}\n        labelDisplayedRows={labelDisplayedRows}\n        rowsPerPageOptions={rowsPerPageOptions}\n        {...sanitizeListRestProps(rest)}\n      />\n    );\n  }\n);\n\nPagination.defaultProps = {\n  rowsPerPageOptions: [5, 10, 25],\n  actions: PaginationActions,\n  limit: <PaginationLimit />,\n};\n","import React, { useState } from \"react\";\nimport {\n  Create,\n  Datagrid,\n  DateField,\n  Edit,\n  EditButton,\n  List,\n  NumberField,\n  NumberInput,\n  ReferenceManyField,\n  Show,\n  ShowButton,\n  SimpleForm,\n  SimpleShowLayout,\n  TextField,\n  TextInput,\n} from \"react-admin\";\nimport { AmplifyFilter } from \"react-admin-amplify\";\nimport { Pagination } from \"./Pagination\";\n\nconst defaultQuery = \"listAccountRepresentatives\";\n\nconst AccountRepresentativeFilter = (props) => (\n  <AmplifyFilter {...props} defaultQuery={defaultQuery}>\n    <TextInput\n      source=\"repsByPeriodAndTotal.salesPeriod\"\n      label=\"Sales period\"\n      alwaysOn\n      resettable\n    />\n    <NumberInput\n      source=\"repsByPeriodAndTotal.orderTotal.gt\"\n      label=\"Order total >\"\n      alwaysOn\n    />\n  </AmplifyFilter>\n);\n\nexport const AccountRepresentativeList = (props) => {\n  const [query, setQuery] = useState(defaultQuery);\n\n  return (\n    <List\n      {...props}\n      title=\"Account Representatives\"\n      filters={<AccountRepresentativeFilter setQuery={setQuery} />}\n      pagination={<Pagination />}\n    >\n      <Datagrid>\n        <TextField source=\"id\" sortable={false} />\n        <NumberField\n          source=\"orderTotal\"\n          sortBy={query}\n          sortable={query === \"repsByPeriodAndTotal\"}\n        />\n        <TextField source=\"salesPeriod\" sortable={false} />\n        <DateField source=\"createdAt\" sortable={false} />\n        <DateField source=\"updatedAt\" sortable={false} />\n        <ShowButton />\n        <EditButton />\n      </Datagrid>\n    </List>\n  );\n};\n\nconst AccountRepresentativeShowTitle = ({ record }) => {\n  return <span>Account Representative{record ? ` #${record.id}` : \"\"}</span>;\n};\n\nexport const AccountRepresentativeShow = (props) => (\n  <Show {...props} title={<AccountRepresentativeShowTitle />}>\n    <SimpleShowLayout>\n      <TextField source=\"id\" />\n      <ReferenceManyField\n        reference=\"customers\"\n        target=\"customersByRepresentative.accountRepresentativeID\"\n        label=\"Customers\"\n        perPage={10}\n        filter={{}}\n        pagination={<Pagination />}\n      >\n        <Datagrid>\n          <TextField\n            source=\"id\"\n            sortBy=\"customersByRepresentative\"\n            sortable={true}\n          />\n          <TextField source=\"name\" sortable={false} />\n          <TextField source=\"phoneNumber\" sortable={false} />\n          <TextField\n            source=\"accountRepresentativeID\"\n            label=\"Account representative\"\n            sortable={false}\n          />\n          <DateField source=\"createdAt\" sortable={false} />\n          <DateField source=\"updatedAt\" sortable={false} />\n          <ShowButton />\n          <EditButton />\n        </Datagrid>\n      </ReferenceManyField>\n      <ReferenceManyField\n        reference=\"orders\"\n        target=\"ordersByRepresentativeByDate.accountRepresentativeID\"\n        label=\"Orders\"\n        perPage={10}\n        filter={{}}\n        pagination={<Pagination />}\n      >\n        <Datagrid>\n          <TextField source=\"id\" sortable={false} />\n          <TextField source=\"customerID\" label=\"Customer\" sortable={false} />\n          <TextField\n            source=\"accountRepresentativeID\"\n            label=\"Account representative\"\n            sortable={false}\n          />\n          <TextField source=\"productID\" label=\"Product\" sortable={false} />\n          <TextField source=\"status\" sortable={false} />\n          <NumberField source=\"amount\" sortable={false} />\n          <DateField\n            source=\"date\"\n            sortBy=\"ordersByRepresentativeByDate\"\n            sortable={true}\n          />\n          <DateField source=\"createdAt\" sortable={false} />\n          <DateField source=\"updatedAt\" sortable={false} />\n          <ShowButton />\n          <EditButton />\n        </Datagrid>\n      </ReferenceManyField>\n      <NumberField source=\"orderTotal\" />\n      <TextField source=\"salesPeriod\" />\n      <DateField source=\"createdAt\" />\n      <DateField source=\"updatedAt\" />\n    </SimpleShowLayout>\n  </Show>\n);\n\nconst AccountRepresentativeEditTitle = ({ record }) => {\n  return (\n    <span>Edit Account Representative{record ? ` #${record.id}` : \"\"}</span>\n  );\n};\n\nexport const AccountRepresentativeEdit = (props) => (\n  <Edit\n    {...props}\n    title={<AccountRepresentativeEditTitle />}\n    transform={(data) => {\n      const { customers, orders, ...rest } = data;\n      return rest;\n    }}\n  >\n    <SimpleForm>\n      <TextInput source=\"id\" disabled />\n      <NumberInput source=\"orderTotal\" />\n      <TextInput source=\"salesPeriod\" />\n    </SimpleForm>\n  </Edit>\n);\n\nexport const AccountRepresentativeCreate = (props) => (\n  <Create {...props} title=\"Create Account Representative\">\n    <SimpleForm>\n      <TextInput source=\"id\" />\n      <NumberInput source=\"orderTotal\" />\n      <TextInput source=\"salesPeriod\" />\n    </SimpleForm>\n  </Create>\n);\n","import React, { useState } from \"react\";\nimport {\n  Create,\n  Datagrid,\n  DateField,\n  Edit,\n  EditButton,\n  List,\n  NumberField,\n  ReferenceField,\n  ReferenceManyField,\n  required,\n  Show,\n  ShowButton,\n  SimpleForm,\n  SimpleShowLayout,\n  TextField,\n  TextInput,\n} from \"react-admin\";\nimport { AmplifyFilter } from \"react-admin-amplify\";\nimport { Pagination } from \"./Pagination\";\n\nconst defaultQuery = \"listCustomers\";\n\nconst CustomerFilter = (props) => (\n  <AmplifyFilter {...props} defaultQuery={defaultQuery}>\n    <TextInput\n      source=\"customersByRepresentative.accountRepresentativeID\"\n      label=\"Account representative id\"\n      alwaysOn\n      resettable\n    />\n  </AmplifyFilter>\n);\n\nexport const CustomerList = (props) => {\n  const [query, setQuery] = useState(defaultQuery);\nconsole.log(\"CustromerList\")\n  return (\n    <List\n      {...props}\n      filters={<CustomerFilter setQuery={setQuery} />}\n      pagination={<Pagination />}\n    >\n      <Datagrid>\n        <TextField\n          source=\"id\"\n          sortBy={query}\n          sortable={query === \"customersByRepresentative\"}\n        />\n        <TextField source=\"name\" sortable={false} />\n        <TextField source=\"phoneNumber\" sortable={false} />\n        <TextField\n          source=\"accountRepresentativeID\"\n          label=\"Account representative id\"\n          sortable={false}\n        />\n        <DateField source=\"createdAt\" sortable={false} />\n        <DateField source=\"updatedAt\" sortable={false} />\n        <ShowButton />\n        <EditButton />\n      </Datagrid>\n    </List>\n  );\n};\n\nexport const CustomerShow = (props) => (\n  <Show {...props}>\n    <SimpleShowLayout>\n      <TextField source=\"id\" />\n      <TextField source=\"name\" />\n      <TextField source=\"phoneNumber\" />\n      <ReferenceField\n        source=\"accountRepresentativeID\"\n        reference=\"accountRepresentatives\"\n        label=\"Account representative\"\n        link=\"show\"\n      >\n        <TextField source=\"id\" />\n      </ReferenceField>\n      <ReferenceManyField\n        reference=\"orders\"\n        target=\"ordersByCustomerByDate.customerID\"\n        label=\"Orders\"\n        perPage={10}\n        pagination={<Pagination />}\n      >\n        <Datagrid>\n          <TextField source=\"id\" sortable={false} />\n          <TextField source=\"customerID\" label=\"Customer id\" sortable={false} />\n          <TextField\n            source=\"accountRepresentativeID\"\n            label=\"Account representative id\"\n            sortable={false}\n          />\n          <TextField source=\"productID\" label=\"Product id\" sortable={false} />\n          <TextField source=\"status\" sortable={false} />\n          <NumberField source=\"amount\" sortable={false} />\n          <DateField\n            source=\"date\"\n            sortBy=\"ordersByCustomerByDate\"\n            sortable={true}\n          />\n          <DateField source=\"createdAt\" sortable={false} />\n          <DateField source=\"updatedAt\" sortable={false} />\n          <ShowButton />\n          <EditButton />\n        </Datagrid>\n      </ReferenceManyField>\n      <DateField source=\"createdAt\" />\n      <DateField source=\"updatedAt\" />\n    </SimpleShowLayout>\n  </Show>\n);\n\nconst validateName = [required()];\nconst validateAccountRepresentative = [required()];\n\nexport const CustomerEdit = (props) => (\n  <Edit\n    {...props}\n    transform={(data) => {\n      const { ordersByDate, ordersByStatusDate, ...rest } = data;\n      return rest;\n    }}\n  >\n    <SimpleForm>\n      <TextInput source=\"id\" disabled />\n      <TextInput source=\"name\" validate={validateName} />\n      <TextInput source=\"phoneNumber\" />\n      <TextInput\n        source=\"accountRepresentativeID\"\n        label=\"Account representative id\"\n        validate={validateAccountRepresentative}\n      />\n    </SimpleForm>\n  </Edit>\n);\n\nexport const CustomerCreate = (props) => (\n  <Create {...props}>\n    <SimpleForm>\n      <TextInput source=\"id\" />\n      <TextInput source=\"name\" validate={validateName} />\n      <TextInput source=\"phoneNumber\" />\n      <TextInput\n        source=\"accountRepresentativeID\"\n        label=\"Account representative id\"\n        validate={validateAccountRepresentative}\n      />\n    </SimpleForm>\n  </Create>\n);\n","import Card from \"@material-ui/core/Card\";\nimport CardContent from \"@material-ui/core/CardContent\";\nimport Link from \"@material-ui/core/Link\";\nimport Typography from \"@material-ui/core/Typography\";\nimport React from \"react\";\nimport { Title } from \"react-admin\";\n\nexport const Dashboard = () => (\n  <Card>\n    <Title title=\"Administrativo Connected World 360\" />\n    <CardContent>\n      <Typography gutterBottom variant=\"h5\" component=\"h2\">\n        Welcome!\n      </Typography>\n      <br />\n      <Typography variant=\"body2\" color=\"textSecondary\" component=\"p\">\n        This demo is powered by{\" \"}\n        <Link href=\"https://marmelab.com/react-admin/Readme.html\">\n          react-admin\n        </Link>{\" \"}\n        and <Link href=\"https://docs.amplify.aws\">Amplify</Link>.\n      </Typography>\n      <br />\n      <Typography variant=\"body2\" color=\"textSecondary\" component=\"p\">\n        It aims to demonstrate the use of{\" \"}\n        <Link href=\"https://github.com/MrHertal/react-admin-amplify\">\n          React Admin Amplify\n        </Link>\n        .\n      </Typography>\n      <br />\n      <Typography variant=\"body2\" color=\"textSecondary\" component=\"p\">\n        Code source is available{\" \"}\n        <Link href=\"https://github.com/MrHertal/react-admin-amplify-demo\">\n          here\n        </Link>\n        .\n      </Typography>\n    </CardContent>\n  </Card>\n);\n","import React, { useState } from \"react\";\nimport {\n  Create,\n  Datagrid,\n  DateField,\n  DateInput,\n  Edit,\n  EditButton,\n  List,\n  ReferenceField,\n  required,\n  SelectInput,\n  Show,\n  ShowButton,\n  SimpleForm,\n  SimpleShowLayout,\n  TextField,\n  TextInput,\n} from \"react-admin\";\nimport { AmplifyFilter } from \"react-admin-amplify\";\nimport { Pagination } from \"./Pagination\";\n\nconst defaultQuery = \"listEmployees\";\n\nconst EmployeeFilter = (props) => (\n  <AmplifyFilter {...props} defaultQuery={defaultQuery}>\n    <SelectInput\n      source=\"employeesNewHireByStartDate.newHire\"\n      label=\"New hire\"\n      choices={[\n        { id: \"false\", name: \"false\" },\n        { id: \"true\", name: \"true\" },\n      ]}\n      alwaysOn\n      resettable\n    />\n    <DateInput\n      source=\"employeesNewHireByStartDate.startDate.eq\"\n      label=\"Start date\"\n      alwaysOn\n    />\n    <TextInput source=\"employeesByName.name\" label=\"Name\" alwaysOn resettable />\n    <TextInput\n      source=\"employeesByJobTitle.jobTitle\"\n      label=\"Job title\"\n      alwaysOn\n      resettable\n    />\n    <TextInput\n      source=\"employeesByWarehouse.warehouseID\"\n      label=\"Warehouse id\"\n      alwaysOn\n      resettable\n    />\n  </AmplifyFilter>\n);\n\nexport const EmployeeList = (props) => {\n  const [query, setQuery] = useState(defaultQuery);\n\n  return (\n    <List\n      {...props}\n      filters={<EmployeeFilter setQuery={setQuery} />}\n      pagination={<Pagination />}\n    >\n      <Datagrid>\n        <TextField\n          source=\"id\"\n          sortBy={query}\n          sortable={[\n            \"employeesByName\",\n            \"employeesByJobTitle\",\n            \"employeesByWarehouse\",\n          ].includes(query)}\n        />\n        <TextField source=\"name\" sortable={false} />\n        <DateField\n          source=\"startDate\"\n          sortBy={query}\n          sortable={query === \"employeesNewHireByStartDate\"}\n        />\n        <TextField source=\"phoneNumber\" sortable={false} />\n        <TextField source=\"warehouseID\" label=\"Warehouse id\" sortable={false} />\n        <TextField source=\"jobTitle\" sortable={false} />\n        <TextField\n          source=\"newHire\"\n          sortBy={query}\n          sortable={query === \"employeesNewHireByStartDate\"}\n        />\n        <DateField source=\"createdAt\" sortable={false} />\n        <DateField source=\"updatedAt\" sortable={false} />\n        <ShowButton />\n        <EditButton />\n      </Datagrid>\n    </List>\n  );\n};\n\nexport const EmployeeShow = (props) => (\n  <Show {...props}>\n    <SimpleShowLayout>\n      <TextField source=\"id\" />\n      <TextField source=\"name\" />\n      <DateField source=\"startDate\" />\n      <TextField source=\"phoneNumber\" />\n      <ReferenceField\n        source=\"warehouseID\"\n        reference=\"warehouses\"\n        label=\"Warehouse\"\n        link=\"show\"\n      >\n        <TextField source=\"id\" />\n      </ReferenceField>\n      <TextField source=\"jobTitle\" />\n      <TextField source=\"newHire\" />\n      <DateField source=\"createdAt\" />\n      <DateField source=\"updatedAt\" />\n    </SimpleShowLayout>\n  </Show>\n);\n\nconst validateName = [required()];\nconst validateStartDate = [required()];\nconst validatePhoneNumber = [required()];\nconst validateWarehouse = [required()];\nconst validateJobTitle = [required()];\nconst validateNewHire = [required()];\n\nexport const EmployeeEdit = (props) => (\n  <Edit {...props}>\n    <SimpleForm>\n      <TextInput source=\"id\" disabled />\n      <TextInput source=\"name\" validate={validateName} />\n      <DateInput source=\"startDate\" validate={validateStartDate} />\n      <TextInput source=\"phoneNumber\" validate={validatePhoneNumber} />\n      <TextInput\n        source=\"warehouseID\"\n        label=\"Warehouse id\"\n        validate={validateWarehouse}\n      />\n      <TextInput source=\"jobTitle\" validate={validateJobTitle} />\n      <SelectInput\n        source=\"newHire\"\n        choices={[\n          { id: \"false\", name: \"false\" },\n          { id: \"true\", name: \"true\" },\n        ]}\n        validate={validateNewHire}\n      />\n    </SimpleForm>\n  </Edit>\n);\n\nexport const EmployeeCreate = (props) => (\n  <Create {...props}>\n    <SimpleForm>\n      <TextInput source=\"id\" />\n      <TextInput source=\"name\" validate={validateName} />\n      <DateInput source=\"startDate\" validate={validateStartDate} />\n      <TextInput source=\"phoneNumber\" validate={validatePhoneNumber} />\n      <TextInput\n        source=\"warehouseID\"\n        label=\"Warehouse id\"\n        validate={validateWarehouse}\n      />\n      <TextInput source=\"jobTitle\" validate={validateJobTitle} />\n      <SelectInput\n        source=\"newHire\"\n        choices={[\n          { id: \"false\", name: \"false\" },\n          { id: \"true\", name: \"true\" },\n        ]}\n        validate={validateNewHire}\n      />\n    </SimpleForm>\n  </Create>\n);\n","/* eslint-disable */\r\n// this is an auto generated file. This will be overwritten\r\n\r\nexport const getTodo = /* GraphQL */ `\r\n  query GetTodo($id: ID!) {\r\n    getTodo(id: $id) {\r\n      id\r\n      name\r\n      description\r\n      createdAt\r\n      updatedAt\r\n      owner\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const listTodos = /* GraphQL */ `\r\n  query ListTodos(\r\n    $filter: ModelTodoFilterInput\r\n    $limit: Int\r\n    $nextToken: String\r\n  ) {\r\n    listTodos(filter: $filter, limit: $limit, nextToken: $nextToken) {\r\n      items {\r\n        id\r\n        name\r\n        description\r\n        createdAt\r\n        updatedAt\r\n        owner\r\n        __typename\r\n      }\r\n      nextToken\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const getPedido = /* GraphQL */ `\r\n  query GetPedido($id: ID!) {\r\n    getPedido(id: $id) {\r\n      id\r\n      orderID\r\n      cant\r\n      name\r\n      price\r\n      provider\r\n      url\r\n      image\r\n      detail\r\n      width\r\n      height\r\n      depth\r\n      weight\r\n      status\r\n      userID\r\n      date\r\n      gestion\r\n      delivery\r\n      deliselection\r\n      createdAt\r\n      updatedAt\r\n      owner\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const listPedidos = /* GraphQL */ `\r\n  query ListPedidos(\r\n    $filter: ModelPedidoFilterInput\r\n    $limit: Int\r\n    $nextToken: String\r\n  ) {\r\n    listPedidos(filter: $filter, limit: $limit, nextToken: $nextToken) {\r\n      items {\r\n        id\r\n        orderID\r\n        cant\r\n        name\r\n        price\r\n        provider\r\n        url\r\n        image\r\n        detail\r\n        width\r\n        height\r\n        depth\r\n        weight\r\n        status\r\n        userID\r\n        date\r\n        gestion\r\n        delivery\r\n        deliselection\r\n        createdAt\r\n        updatedAt\r\n        owner\r\n        __typename\r\n      }\r\n      nextToken\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const getShopCart = /* GraphQL */ `\r\n  query GetShopCart($id: ID!) {\r\n    getShopCart(id: $id) {\r\n      id\r\n      cant\r\n      name\r\n      price\r\n      provider\r\n      url\r\n      image\r\n      detail\r\n      width\r\n      height\r\n      depth\r\n      weight\r\n      userID\r\n      process\r\n      date\r\n      gestion\r\n      delivery\r\n      orderType\r\n      createdAt\r\n      updatedAt\r\n      userShopcartId\r\n      owner\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const listShopCarts = /* GraphQL */ `\r\n  query ListShopCarts(\r\n    $filter: ModelShopCartFilterInput\r\n    $limit: Int\r\n    $nextToken: String\r\n  ) {\r\n    listShopCarts(filter: $filter, limit: $limit, nextToken: $nextToken) {\r\n      items {\r\n        id\r\n        cant\r\n        name\r\n        price\r\n        provider\r\n        url\r\n        image\r\n        detail\r\n        width\r\n        height\r\n        depth\r\n        weight\r\n        userID\r\n        process\r\n        date\r\n        gestion\r\n        delivery\r\n        orderType\r\n        createdAt\r\n        updatedAt\r\n        userShopcartId\r\n        owner\r\n        __typename\r\n      }\r\n      nextToken\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const getRefill = /* GraphQL */ `\r\n  query GetRefill($id: ID!) {\r\n    getRefill(id: $id) {\r\n      id\r\n      userID\r\n      customer\r\n      refillamount\r\n      date\r\n      createdAt\r\n      updatedAt\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const listRefills = /* GraphQL */ `\r\n  query ListRefills(\r\n    $filter: ModelRefillFilterInput\r\n    $limit: Int\r\n    $nextToken: String\r\n  ) {\r\n    listRefills(filter: $filter, limit: $limit, nextToken: $nextToken) {\r\n      items {\r\n        id\r\n        userID\r\n        customer\r\n        refillamount\r\n        date\r\n        createdAt\r\n        updatedAt\r\n        __typename\r\n      }\r\n      nextToken\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const getUser = /* GraphQL */ `\r\n  query GetUser($id: ID!) {\r\n    getUser(id: $id) {\r\n      id\r\n      username\r\n      password\r\n      name\r\n      lastname\r\n      idcard\r\n      phone\r\n      address\r\n      email\r\n      cp\r\n      imageurl\r\n      refill {\r\n        nextToken\r\n        __typename\r\n      }\r\n      pedido {\r\n        nextToken\r\n        __typename\r\n      }\r\n      shopcart {\r\n        nextToken\r\n        __typename\r\n      }\r\n      product {\r\n        nextToken\r\n        __typename\r\n      }\r\n      createdAt\r\n      updatedAt\r\n      owner\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const listUsers = /* GraphQL */ `\r\n  query ListUsers(\r\n    $filter: ModelUserFilterInput\r\n    $limit: Int\r\n    $nextToken: String\r\n  ) {\r\n    listUsers(filter: $filter, limit: $limit, nextToken: $nextToken) {\r\n      items {\r\n        id\r\n        username\r\n        password\r\n        name\r\n        lastname\r\n        idcard\r\n        phone\r\n        address\r\n        email\r\n        cp\r\n        imageurl\r\n        createdAt\r\n        updatedAt\r\n        owner\r\n        __typename\r\n      }\r\n      nextToken\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const getPicture = /* GraphQL */ `\r\n  query GetPicture($id: ID!) {\r\n    getPicture(id: $id) {\r\n      id\r\n      name\r\n      owner\r\n      file {\r\n        bucket\r\n        region\r\n        key\r\n        __typename\r\n      }\r\n      createdAt\r\n      updatedAt\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const listPictures = /* GraphQL */ `\r\n  query ListPictures(\r\n    $filter: ModelPictureFilterInput\r\n    $limit: Int\r\n    $nextToken: String\r\n  ) {\r\n    listPictures(filter: $filter, limit: $limit, nextToken: $nextToken) {\r\n      items {\r\n        id\r\n        name\r\n        owner\r\n        createdAt\r\n        updatedAt\r\n        __typename\r\n      }\r\n      nextToken\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const pedidoByStatus = /* GraphQL */ `\r\n  query PedidoByStatus(\r\n    $status: OrderStateEnum!\r\n    $id: ModelIDKeyConditionInput\r\n    $sortDirection: ModelSortDirection\r\n    $filter: ModelPedidoFilterInput\r\n    $limit: Int\r\n    $nextToken: String\r\n  ) {\r\n    pedidoByStatus(\r\n      status: $status\r\n      id: $id\r\n      sortDirection: $sortDirection\r\n      filter: $filter\r\n      limit: $limit\r\n      nextToken: $nextToken\r\n    ) {\r\n      items {\r\n        id\r\n        orderID\r\n        cant\r\n        name\r\n        price\r\n        provider\r\n        url\r\n        image\r\n        detail\r\n        width\r\n        height\r\n        depth\r\n        weight\r\n        status\r\n        userID\r\n        date\r\n        gestion\r\n        delivery\r\n        deliselection\r\n        createdAt\r\n        updatedAt\r\n        owner\r\n        __typename\r\n      }\r\n      nextToken\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const pedidoByStatusByOrderId = /* GraphQL */ `\r\n  query PedidoByStatusByOrderId(\r\n    $status: OrderStateEnum!\r\n    $orderID: ModelIDKeyConditionInput\r\n    $sortDirection: ModelSortDirection\r\n    $filter: ModelPedidoFilterInput\r\n    $limit: Int\r\n    $nextToken: String\r\n  ) {\r\n    pedidoByStatusByOrderId(\r\n      status: $status\r\n      orderID: $orderID\r\n      sortDirection: $sortDirection\r\n      filter: $filter\r\n      limit: $limit\r\n      nextToken: $nextToken\r\n    ) {\r\n      items {\r\n        id\r\n        orderID\r\n        cant\r\n        name\r\n        price\r\n        provider\r\n        url\r\n        image\r\n        detail\r\n        width\r\n        height\r\n        depth\r\n        weight\r\n        status\r\n        userID\r\n        date\r\n        gestion\r\n        delivery\r\n        deliselection\r\n        createdAt\r\n        updatedAt\r\n        owner\r\n        __typename\r\n      }\r\n      nextToken\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const PedidobyUser = /* GraphQL */ `\r\n  query PedidobyUser(\r\n    $userID: ID!\r\n    $id: ModelIDKeyConditionInput\r\n    $sortDirection: ModelSortDirection\r\n    $filter: ModelPedidoFilterInput\r\n    $limit: Int\r\n    $nextToken: String\r\n  ) {\r\n    PedidobyUser(\r\n      userID: $userID\r\n      id: $id\r\n      sortDirection: $sortDirection\r\n      filter: $filter\r\n      limit: $limit\r\n      nextToken: $nextToken\r\n    ) {\r\n      items {\r\n        id\r\n        orderID\r\n        cant\r\n        name\r\n        price\r\n        provider\r\n        url\r\n        image\r\n        detail\r\n        width\r\n        height\r\n        depth\r\n        weight\r\n        status\r\n        userID\r\n        date\r\n        gestion\r\n        delivery\r\n        deliselection\r\n        createdAt\r\n        updatedAt\r\n        owner\r\n        __typename\r\n      }\r\n      nextToken\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const ShopCartbyUser = /* GraphQL */ `\r\n  query ShopCartbyUser(\r\n    $userID: ID!\r\n    $id: ModelIDKeyConditionInput\r\n    $sortDirection: ModelSortDirection\r\n    $filter: ModelShopCartFilterInput\r\n    $limit: Int\r\n    $nextToken: String\r\n  ) {\r\n    ShopCartbyUser(\r\n      userID: $userID\r\n      id: $id\r\n      sortDirection: $sortDirection\r\n      filter: $filter\r\n      limit: $limit\r\n      nextToken: $nextToken\r\n    ) {\r\n      items {\r\n        id\r\n        cant\r\n        name\r\n        price\r\n        provider\r\n        url\r\n        image\r\n        detail\r\n        width\r\n        height\r\n        depth\r\n        weight\r\n        userID\r\n        process\r\n        date\r\n        gestion\r\n        delivery\r\n        orderType\r\n        createdAt\r\n        updatedAt\r\n        userShopcartId\r\n        owner\r\n        __typename\r\n      }\r\n      nextToken\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const shopCartbyUserbyDate = /* GraphQL */ `\r\n  query ShopCartbyUserbyDate(\r\n    $userID: ID!\r\n    $date: ModelStringKeyConditionInput\r\n    $sortDirection: ModelSortDirection\r\n    $filter: ModelShopCartFilterInput\r\n    $limit: Int\r\n    $nextToken: String\r\n  ) {\r\n    shopCartbyUserbyDate(\r\n      userID: $userID\r\n      date: $date\r\n      sortDirection: $sortDirection\r\n      filter: $filter\r\n      limit: $limit\r\n      nextToken: $nextToken\r\n    ) {\r\n      items {\r\n        id\r\n        cant\r\n        name\r\n        price\r\n        provider\r\n        url\r\n        image\r\n        detail\r\n        width\r\n        height\r\n        depth\r\n        weight\r\n        userID\r\n        process\r\n        date\r\n        gestion\r\n        delivery\r\n        orderType\r\n        createdAt\r\n        updatedAt\r\n        userShopcartId\r\n        owner\r\n        __typename\r\n      }\r\n      nextToken\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const refillByUser = /* GraphQL */ `\r\n  query RefillByUser(\r\n    $userID: ID!\r\n    $id: ModelIDKeyConditionInput\r\n    $sortDirection: ModelSortDirection\r\n    $filter: ModelRefillFilterInput\r\n    $limit: Int\r\n    $nextToken: String\r\n  ) {\r\n    refillByUser(\r\n      userID: $userID\r\n      id: $id\r\n      sortDirection: $sortDirection\r\n      filter: $filter\r\n      limit: $limit\r\n      nextToken: $nextToken\r\n    ) {\r\n      items {\r\n        id\r\n        userID\r\n        customer\r\n        refillamount\r\n        date\r\n        createdAt\r\n        updatedAt\r\n        __typename\r\n      }\r\n      nextToken\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const refillByUserByDate = /* GraphQL */ `\r\n  query RefillByUserByDate(\r\n    $userID: ID!\r\n    $createdAt: ModelStringKeyConditionInput\r\n    $sortDirection: ModelSortDirection\r\n    $filter: ModelRefillFilterInput\r\n    $limit: Int\r\n    $nextToken: String\r\n  ) {\r\n    refillByUserByDate(\r\n      userID: $userID\r\n      createdAt: $createdAt\r\n      sortDirection: $sortDirection\r\n      filter: $filter\r\n      limit: $limit\r\n      nextToken: $nextToken\r\n    ) {\r\n      items {\r\n        id\r\n        userID\r\n        customer\r\n        refillamount\r\n        date\r\n        createdAt\r\n        updatedAt\r\n        __typename\r\n      }\r\n      nextToken\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const usersByUsername = /* GraphQL */ `\r\n  query UsersByUsername(\r\n    $username: String!\r\n    $id: ModelIDKeyConditionInput\r\n    $sortDirection: ModelSortDirection\r\n    $filter: ModelUserFilterInput\r\n    $limit: Int\r\n    $nextToken: String\r\n  ) {\r\n    usersByUsername(\r\n      username: $username\r\n      id: $id\r\n      sortDirection: $sortDirection\r\n      filter: $filter\r\n      limit: $limit\r\n      nextToken: $nextToken\r\n    ) {\r\n      items {\r\n        id\r\n        username\r\n        password\r\n        name\r\n        lastname\r\n        idcard\r\n        phone\r\n        address\r\n        email\r\n        cp\r\n        imageurl\r\n        createdAt\r\n        updatedAt\r\n        owner\r\n        __typename\r\n      }\r\n      nextToken\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const getProduct = /* GraphQL */ `\r\n  query GetProduct($id: ID!) {\r\n    getProduct(id: $id) {\r\n      id\r\n      name\r\n      caseInsensitiveName\r\n      price\r\n      provider\r\n      url\r\n      image\r\n      userID\r\n      createdAt\r\n      updatedAt\r\n      userProductId\r\n      owner\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const listProducts = /* GraphQL */ `\r\n  query ListProducts(\r\n    $filter: ModelProductFilterInput\r\n    $limit: Int\r\n    $nextToken: String\r\n  ) {\r\n    listProducts(filter: $filter, limit: $limit, nextToken: $nextToken) {\r\n      items {\r\n        id\r\n        name\r\n        caseInsensitiveName\r\n        price\r\n        provider\r\n        url\r\n        image\r\n        userID\r\n        createdAt\r\n        updatedAt\r\n        userProductId\r\n        owner\r\n        __typename\r\n      }\r\n      nextToken\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const productsByNameF = /* GraphQL */ `\r\n  query ProductsByNameF(\r\n    $name: String!\r\n    $id: ModelIDKeyConditionInput\r\n    $sortDirection: ModelSortDirection\r\n    $filter: ModelProductFilterInput\r\n    $limit: Int\r\n    $nextToken: String\r\n  ) {\r\n    productsByNameF(\r\n      name: $name\r\n      id: $id\r\n      sortDirection: $sortDirection\r\n      filter: $filter\r\n      limit: $limit\r\n      nextToken: $nextToken\r\n    ) {\r\n      items {\r\n        id\r\n        name\r\n        caseInsensitiveName\r\n        price\r\n        provider\r\n        url\r\n        image\r\n        userID\r\n        createdAt\r\n        updatedAt\r\n        userProductId\r\n        owner\r\n        __typename\r\n      }\r\n      nextToken\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const productsByNameC = /* GraphQL */ `\r\n  query ProductsByNameC(\r\n    $caseInsensitiveName: String!\r\n    $id: ModelIDKeyConditionInput\r\n    $sortDirection: ModelSortDirection\r\n    $filter: ModelProductFilterInput\r\n    $limit: Int\r\n    $nextToken: String\r\n  ) {\r\n    productsByNameC(\r\n      caseInsensitiveName: $caseInsensitiveName\r\n      id: $id\r\n      sortDirection: $sortDirection\r\n      filter: $filter\r\n      limit: $limit\r\n      nextToken: $nextToken\r\n    ) {\r\n      items {\r\n        id\r\n        name\r\n        caseInsensitiveName\r\n        price\r\n        provider\r\n        url\r\n        image\r\n        userID\r\n        createdAt\r\n        updatedAt\r\n        userProductId\r\n        owner\r\n        __typename\r\n      }\r\n      nextToken\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const productsByName = /* GraphQL */ `\r\n  query ProductsByName(\r\n    $userID: ID!\r\n    $id: ModelIDKeyConditionInput\r\n    $sortDirection: ModelSortDirection\r\n    $filter: ModelProductFilterInput\r\n    $limit: Int\r\n    $nextToken: String\r\n  ) {\r\n    productsByName(\r\n      userID: $userID\r\n      id: $id\r\n      sortDirection: $sortDirection\r\n      filter: $filter\r\n      limit: $limit\r\n      nextToken: $nextToken\r\n    ) {\r\n      items {\r\n        id\r\n        name\r\n        caseInsensitiveName\r\n        price\r\n        provider\r\n        url\r\n        image\r\n        userID\r\n        createdAt\r\n        updatedAt\r\n        userProductId\r\n        owner\r\n        __typename\r\n      }\r\n      nextToken\r\n      __typename\r\n    }\r\n  }\r\n`;\r\n","import { API, graphqlOperation } from \"@aws-amplify/api\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport CardActions from \"@material-ui/core/CardActions\";\r\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport PropTypes from \"prop-types\";\r\nimport { useLogin, useNotify, useSafeSetState, useTranslate } from \"ra-core\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { Field, Form } from \"react-final-form\";\r\nimport ReCAPTCHA from \"react-google-recaptcha\";\r\nimport { getUser } from \"../graphql/queries\";\r\n\r\nconst useStyles = makeStyles(\r\n  (theme) => ({\r\n    form: {\r\n      padding: \"0 1em 1em 1em\",\r\n    },\r\n    input: {\r\n      marginTop: \"1em\",\r\n    },\r\n    button: {\r\n      width: \"100%\",\r\n    },\r\n    icon: {\r\n      marginRight: theme.spacing(1),\r\n    },\r\n  }),\r\n  { name: \"RaLoginForm\" }\r\n);\r\n\r\nconst Input = ({ meta: { touched, error }, input: inputProps, ...props }) => (\r\n  <TextField\r\n    error={!!(touched && error)}\r\n    helperText={touched && error}\r\n    {...inputProps}\r\n    {...props}\r\n    fullWidth\r\n  />\r\n);\r\n\r\nexport const LoginForm = (props) => {\r\n  const { redirectTo } = props;\r\n  const [loading, setLoading] = useSafeSetState(false);\r\n  const login = useLogin();\r\n  const translate = useTranslate();\r\n  const notify = useNotify();\r\n  const classes = useStyles(props);\r\n\r\n  const [demoUsername, setDemoUsername] = useState(\"\");\r\n  const [demoPassword, setDemoPassword] = useState(\"\");\r\n  const [recaptchaToken, setRecaptchaToken] = useState(null);\r\n\r\n  useEffect(() => {\r\n    async function getDemoUser() {\r\n      try {\r\n\r\n        const userData = await API.graphql(\r\n          // graphqlOperation(getUser, { id: \"demo\" })\r\n          graphqlOperation(getUser, { id: \"755b1bb0-e26f-42c1-bcb2-049d9827aec8\" })\r\n        )\r\n\r\n        console.log(userData);\r\n  \r\n        const user = userData.data.getUser;\r\n  \r\n        setDemoUsername(user.username);\r\n        setDemoPassword(user.password);\r\n      } catch (err) {\r\n        console.log(err)\r\n      }\r\n    }\r\n\r\n    //getDemoUser().catch((e) => console.log(e));\r\n  }, []);\r\n\r\n  const validate = (values) => {\r\n    const errors = { username: undefined, password: undefined };\r\n\r\n    if (!values.username) {\r\n      errors.username = translate(\"ra.validation.required\");\r\n    }\r\n    if (!values.password) {\r\n      errors.password = translate(\"ra.validation.required\");\r\n    }\r\n    return errors;\r\n  };\r\n\r\n  const submit = (values) => {\r\n    /* if (!recaptchaToken) {\r\n      return;\r\n    } */\r\n\r\n    /* values[\"clientMetadata\"] = {\r\n      recaptchaToken,\r\n    }; */\r\n\r\n    setLoading(true);\r\n    login(values, redirectTo)\r\n      .then((e) => {\r\n        console.log(e)\r\n        setLoading(false);\r\n      })\r\n      .catch((error) => {\r\n        setLoading(false);\r\n        notify(\r\n          typeof error === \"string\"\r\n            ? error\r\n            : typeof error === \"undefined\" || !error.message\r\n            ? \"ra.auth.sign_in_error\"\r\n            : error.message,\r\n          \"warning\"\r\n        );\r\n      });\r\n  };\r\n\r\n  const onRecaptchaChange = (responseToken) => {\r\n    setRecaptchaToken(responseToken);\r\n  };\r\n\r\n  return (\r\n    <Form\r\n      onSubmit={submit}\r\n      validate={validate}\r\n      /* initialValues={{\r\n        username: demoUsername,\r\n        password: demoPassword,\r\n      }} */\r\n      render={({ handleSubmit }) => (\r\n        <form onSubmit={handleSubmit} noValidate>\r\n          <div className={classes.form}>\r\n            <div className={classes.input}>\r\n              <Field\r\n                id=\"username\"\r\n                name=\"username\"\r\n                component={Input}\r\n                label={translate(\"ra.auth.username\")}\r\n                disabled={loading}\r\n              />\r\n            </div>\r\n            <div className={classes.input}>\r\n              <Field\r\n                id=\"password\"\r\n                name=\"password\"\r\n                component={Input}\r\n                label={translate(\"ra.auth.password\")}\r\n                type=\"password\"\r\n                disabled={loading}\r\n                autoComplete=\"current-password\"\r\n              />\r\n            </div>\r\n            {/* <div className={classes.input}>\r\n              <ReCAPTCHA\r\n                // sitekey={process.env.REACT_APP_RECAPTCHA_SITE_KEY}\r\n                sitekey={\"6Le56rQZAAAAABBV4DdM1OJp76MF3VXEL22g4sZf\"}\r\n                // sitekey={\"6LfN5rQZAAAAACns9ftpyRESq8pSNyYSROhtVVyy\"}\r\n                onChange={onRecaptchaChange}\r\n              />\r\n            </div> */}\r\n          </div>\r\n          <CardActions>\r\n            <Button\r\n              variant=\"contained\"\r\n              type=\"submit\"\r\n              color=\"primary\"\r\n              disabled={loading}\r\n              className={classes.button}\r\n            >\r\n              {loading && (\r\n                <CircularProgress\r\n                  className={classes.icon}\r\n                  size={18}\r\n                  thickness={2}\r\n                />\r\n              )}\r\n              {translate(\"ra.auth.sign_in\")}\r\n            </Button>\r\n          </CardActions>\r\n        </form>\r\n      )}\r\n    />\r\n  );\r\n};\r\n\r\nLoginForm.propTypes = {\r\n  redirectTo: PropTypes.string,\r\n};\r\n","import React from \"react\";\nimport { Login } from \"react-admin\";\nimport { LoginForm } from \"./LoginForm\";\n\nexport const LoginPage = () => {\n  return (\n    <Login>\n      <LoginForm />\n    </Login>\n  );\n};\n","import React, { useState } from \"react\";\nimport {\n  AutocompleteInput,\n  Create,\n  Datagrid,\n  DateField,\n  DateInput,\n  Edit,\n  EditButton,\n  List,\n  NumberField,\n  NumberInput,\n  ReferenceField,\n  ReferenceInput,\n  required,\n  Show,\n  ShowButton,\n  SimpleForm,\n  SimpleShowLayout,\n  TextField,\n  TextInput,\n} from \"react-admin\";\nimport { AmplifyFilter } from \"react-admin-amplify\";\nimport { Pagination } from \"./Pagination\";\n\nconst defaultQuery = \"listOrders\";\n\nconst OrderFilter = (props) => (\n  <AmplifyFilter {...props} defaultQuery={defaultQuery}>\n    <TextInput\n      source=\"ordersByCustomerByDate.customerID\"\n      label=\"Customer id\"\n      alwaysOn\n      resettable\n    />\n    <DateInput source=\"ordersByCustomerByDate.date.eq\" label=\"Date\" alwaysOn />\n    <TextInput\n      source=\"ordersByRepresentativeByDate.accountRepresentativeID\"\n      label=\"Account representative id\"\n      alwaysOn\n      resettable\n    />\n    <DateInput\n      source=\"ordersByRepresentativeByDate.date.eq\"\n      label=\"Date\"\n      alwaysOn\n    />\n    <ReferenceInput\n      source=\"ordersByProduct.productID\"\n      reference=\"products\"\n      label=\"Product\"\n      filterToQuery={(searchText) => ({\n        productsByName: { name: searchText },\n      })}\n      alwaysOn\n    >\n      <AutocompleteInput optionText=\"name\" />\n    </ReferenceInput>\n  </AmplifyFilter>\n);\n\nexport const OrderList = (props) => {\n  const [query, setQuery] = useState(defaultQuery);\n\n  return (\n    <List\n      {...props}\n      filters={<OrderFilter setQuery={setQuery} />}\n      pagination={<Pagination />}\n    >\n      <Datagrid>\n        <TextField\n          source=\"id\"\n          sortBy={query}\n          sortable={query === \"ordersByProduct\"}\n        />\n        <TextField source=\"customerID\" label=\"Customer id\" sortable={false} />\n        <TextField\n          source=\"accountRepresentativeID\"\n          label=\"Account representative id\"\n          sortable={false}\n        />\n        <TextField source=\"productID\" label=\"Product id\" sortable={false} />\n        <TextField source=\"status\" sortable={false} />\n        <NumberField source=\"amount\" sortable={false} />\n        <DateField\n          source=\"date\"\n          sortBy={query}\n          sortable={[\n            \"ordersByCustomerByDate\",\n            \"ordersByRepresentativeByDate\",\n          ].includes(query)}\n        />\n        <DateField source=\"createdAt\" sortable={false} />\n        <DateField source=\"updatedAt\" sortable={false} />\n        <ShowButton />\n        <EditButton />\n      </Datagrid>\n    </List>\n  );\n};\n\nexport const OrderShow = (props) => (\n  <Show {...props}>\n    <SimpleShowLayout>\n      <TextField source=\"id\" />\n      <ReferenceField\n        source=\"customerID\"\n        reference=\"customers\"\n        label=\"Customer\"\n        link=\"show\"\n      >\n        <TextField source=\"name\" />\n      </ReferenceField>\n      <ReferenceField\n        source=\"accountRepresentativeID\"\n        reference=\"accountRepresentatives\"\n        label=\"Account representative\"\n        link=\"show\"\n      >\n        <TextField source=\"id\" />\n      </ReferenceField>\n      <ReferenceField\n        source=\"productID\"\n        reference=\"products\"\n        label=\"Product\"\n        link=\"show\"\n      >\n        <TextField source=\"name\" />\n      </ReferenceField>\n      <TextField source=\"status\" />\n      <NumberField source=\"amount\" />\n      <DateField source=\"date\" />\n      <DateField source=\"createdAt\" />\n      <DateField source=\"updatedAt\" />\n    </SimpleShowLayout>\n  </Show>\n);\n\nconst validateCustomer = [required()];\nconst validateAccountRepresentative = [required()];\nconst validateProduct = [required()];\nconst validateStatus = [required()];\nconst validateAmount = [required()];\nconst validateDate = [required()];\n\nexport const OrderEdit = (props) => (\n  <Edit {...props}>\n    <SimpleForm>\n      <TextInput source=\"id\" disabled />\n      <TextInput\n        source=\"customerID\"\n        label=\"Customer id\"\n        validate={validateCustomer}\n      />\n      <TextInput\n        source=\"accountRepresentativeID\"\n        label=\"Account representative id\"\n        validate={validateAccountRepresentative}\n      />\n      <ReferenceInput\n        source=\"productID\"\n        reference=\"products\"\n        label=\"Product\"\n        filterToQuery={(searchText) => ({\n          productsByName: { name: searchText },\n        })}\n        validate={validateProduct}\n      >\n        <AutocompleteInput optionText=\"name\" />\n      </ReferenceInput>\n      <TextInput source=\"status\" validate={validateStatus} />\n      <NumberInput source=\"amount\" validate={validateAmount} />\n      <DateInput source=\"date\" validate={validateDate} />\n    </SimpleForm>\n  </Edit>\n);\n\nexport const OrderCreate = (props) => (\n  <Create {...props}>\n    <SimpleForm>\n      <TextInput source=\"id\" />\n      <TextInput\n        source=\"customerID\"\n        label=\"Customer id\"\n        validate={validateCustomer}\n      />\n      <TextInput\n        source=\"accountRepresentativeID\"\n        label=\"Account representative id\"\n        validate={validateAccountRepresentative}\n      />\n      <ReferenceInput\n        source=\"productID\"\n        reference=\"products\"\n        label=\"Product\"\n        filterToQuery={(searchText) => ({\n          productsByName: { name: searchText },\n        })}\n        validate={validateProduct}\n      >\n        <AutocompleteInput optionText=\"name\" />\n      </ReferenceInput>\n      <TextInput source=\"status\" validate={validateStatus} />\n      <NumberInput source=\"amount\" validate={validateAmount} />\n      <DateInput source=\"date\" validate={validateDate} />\n    </SimpleForm>\n  </Create>\n);\n","import React, { useState, useEffect, useRef } from \"react\";\r\nimport {\r\n  AutocompleteInput,\r\n  Create,\r\n  Datagrid,\r\n  DateField,\r\n  DateInput,\r\n  Edit,\r\n  EditButton,\r\n  List,\r\n  NumberField,\r\n  NumberInput,\r\n  ReferenceField,\r\n  ReferenceInput,\r\n  required,\r\n  Show,\r\n  ShowButton,\r\n  SimpleForm,\r\n  SimpleShowLayout,\r\n  TextField,\r\n  TextInput,\r\n  ImageField,\r\n  SelectInput,\r\n  FormDataConsumer,\r\n} from \"react-admin\";\r\nimport { TextField as TextField2 } from \"@material-ui/core\";\r\nimport { AmplifyFilter } from \"react-admin-amplify\";\r\nimport { Pagination } from \"./Pagination\";\r\n\r\nconst defaultQuery = \"listOrders\";\r\n\r\n/* const OrderFilter = (props) => (\r\n  <AmplifyFilter {...props} defaultQuery={defaultQuery}>\r\n    <TextInput\r\n      source=\"ordersByCustomerByDate.customerID\"\r\n      label=\"Customer id\"\r\n      alwaysOn\r\n      resettable\r\n    />\r\n    <DateInput source=\"ordersByCustomerByDate.date.eq\" label=\"Date\" alwaysOn />\r\n    <TextInput\r\n      source=\"ordersByRepresentativeByDate.accountRepresentativeID\"\r\n      label=\"Account representative id\"\r\n      alwaysOn\r\n      resettable\r\n    />\r\n    <DateInput\r\n      source=\"ordersByRepresentativeByDate.date.eq\"\r\n      label=\"Date\"\r\n      alwaysOn\r\n    />\r\n    <ReferenceInput\r\n      source=\"ordersByProduct.productID\"\r\n      reference=\"products\"\r\n      label=\"Product\"\r\n      filterToQuery={(searchText) => ({\r\n        productsByName: { name: searchText },\r\n      })}\r\n      alwaysOn\r\n    >\r\n      <AutocompleteInput optionText=\"name\" />\r\n    </ReferenceInput>\r\n  </AmplifyFilter>\r\n); */\r\n\r\nexport const PedidoList = (props) => {\r\n  const [query, setQuery] = useState(defaultQuery);\r\n\r\n  const MyUrlField = ({ record = {}, source }) => (\r\n    <a href={record[source]} target=\"_blank\">\r\n      URL\r\n    </a>\r\n  );\r\n\r\n  const PedidoFilter = (props) => (\r\n    <AmplifyFilter {...props} defaultQuery={defaultQuery}>\r\n      {/* <TextInput source=\"productsByNameF.name\" label=\"Name\" alwaysOn resettable /> */}\r\n\r\n      <ReferenceInput\r\n        source=\"pedidoByStatusByOrderId.status\"\r\n        reference=\"pedidos\"\r\n        label=\"Status\"\r\n        filterToQuery={(searchText) => {\r\n          console.log(\"El searchText: \", searchText);\r\n          return {\r\n            pedidoByStatus: { status: searchText },\r\n          };\r\n        }}\r\n        // alwaysOn\r\n        // allowEmpty\r\n        // resettable\r\n      >\r\n        {/* <SelectInput optionText=\"name\" /> */}\r\n        <AutocompleteInput\r\n          optionText=\"status\"\r\n          optionValue=\"status\"\r\n          // suggestionLimit={6}\r\n        />\r\n      </ReferenceInput>\r\n    </AmplifyFilter>\r\n  );\r\n\r\n  return (\r\n    <List\r\n      {...props}\r\n      // filters={<OrderFilter setQuery={setQuery} />}\r\n      filters={<PedidoFilter setQuery={setQuery} />}\r\n      pagination={<Pagination />}\r\n    >\r\n      <Datagrid>\r\n        <TextField\r\n          source=\"orderID\"\r\n          label=\"ID pedido\"\r\n          sortBy=\"pedidoByStatusByOrderId\"\r\n          sortable={true}\r\n        />\r\n        {/* <TextField\r\n          source=\"id\"\r\n          label=\"ID\"\r\n          sortBy=\"pedidoByStatus\"\r\n          sortable={true}\r\n        /> */}\r\n        <ReferenceField source=\"userID\" reference=\"users\" label=\"Usuario\">\r\n          <TextField source=\"username\" />\r\n        </ReferenceField>\r\n        {/* <TextField\r\n          source=\"id\"\r\n          sortBy={query}\r\n          // sortable={query === \"ordersByProduct\"}\r\n        /> */}\r\n        <ImageField source=\"image\" title=\"name\" sortable={false} />\r\n        {/* <TextField source=\"customerID\" label=\"Customer id\" sortable={false} /> */}\r\n        {/* <TextField\r\n          source=\"accountRepresentativeID\"\r\n          label=\"Account representative id\"\r\n          sortable={false}\r\n        /> */}\r\n\r\n        {/*\r\n          id\r\n          cant\r\n          name\r\n          price\r\n          provider\r\n          url\r\n          image\r\n          status \r\n        */}\r\n        <TextField source=\"cant\" label=\"Cantidad\" sortable={false} />\r\n        <TextField source=\"name\" sortable={false} />\r\n        <TextField source=\"detail\" sortable={false} />\r\n        <NumberField source=\"price\" sortable={false} />\r\n        <TextField source=\"provider\" sortable={false} />\r\n        {/* <TextField source=\"url\" sortable={false} /> */}\r\n        <MyUrlField source=\"url\" sortable={false} />\r\n        <ColorTextField source=\"status\" sortable={false} />\r\n        {/*  <DateField\r\n          source=\"date\"\r\n          sortBy={query}\r\n          sortable={[\r\n            \"ordersByCustomerByDate\",\r\n            \"ordersByRepresentativeByDate\",\r\n          ].includes(query)}\r\n        /> */}\r\n        <DateField\r\n          source=\"createdAt\"\r\n          sortable={true}\r\n          showTime /*  sort={{ field: 'createdAt', order: 'DESC' }}  */\r\n        />\r\n        {/* <DateField source=\"date\" sortBy=\"pedidoByStatus\" sortable={true} /> */}\r\n        <TextField source=\"delivery\" />\r\n        <TextField source=\"deliselection\" />\r\n        {/* <DateField source=\"updatedAt\" sortable={false} /> */}\r\n        <ShowButton />\r\n        <EditButton />\r\n      </Datagrid>\r\n    </List>\r\n  );\r\n};\r\n\r\nconst ColorTextField = ({ record, source }) => {\r\n  let statusColor = \"black\";\r\n  let status;\r\n\r\n  if (record[source] == \"IN_PROGRESS\") {\r\n    status = \"Procesando\"; //1. Procesando (azul)\r\n    statusColor = \"blue\";\r\n  }\r\n  if (record[source] == \"APPROVED\") {\r\n    status = \"Aprobado\"; //2. Aprobado ( verde)\r\n    statusColor = \"green\";\r\n  }\r\n  if (record[source] == \"DENIED\") {\r\n    status = \"Denegado\"; //3. Denegado ( rojo)\r\n    statusColor = \"red\";\r\n  }\r\n  if (record[source] == \"ON_DELIVERY\") {\r\n    status = \"En reparto\"; //4. En reparto ( amarillo)\r\n    statusColor = \"#cc6600\";\r\n  }\r\n  if (record[source] == \"DELIVERED\") {\r\n    status = \"Entregado\"; //6. Entregado ( negro)\r\n    statusColor = \"black\";\r\n  }\r\n  if (record[source] == \"IN_TRANSIT\") {\r\n    status = \"En transito\"; //6. Entregado ( negro)\r\n    statusColor = \"purple\";\r\n  }\r\n\r\n  return <span style={{ color: statusColor }}>{status}</span>;\r\n};\r\nexport const PedidoShow = (props) => (\r\n  <Show {...props}>\r\n    <SimpleShowLayout>\r\n      <TextField source=\"id\" />\r\n      {/* <ReferenceField\r\n        source=\"customerID\"\r\n        reference=\"customers\"\r\n        label=\"Customer\"\r\n        link=\"show\"\r\n      >\r\n        <TextField source=\"name\" />\r\n      </ReferenceField> */}\r\n      {/*  <ReferenceField\r\n        source=\"accountRepresentativeID\"\r\n        reference=\"accountRepresentatives\"\r\n        label=\"Account representative\"\r\n        link=\"show\"\r\n      >\r\n        <TextField source=\"id\" />\r\n      </ReferenceField> */}\r\n      {/* <ReferenceField\r\n        source=\"productID\"\r\n        reference=\"products\"\r\n        label=\"Product\"\r\n        link=\"show\"\r\n      >\r\n        <TextField source=\"name\" />\r\n      </ReferenceField> */}\r\n      <TextField source=\"cant\" label=\"Cantidad\" sortable={false} />\r\n      <TextField source=\"name\" sortable={false} />\r\n      <TextField source=\"detail\" sortable={false} />\r\n      <TextField source=\"width\" sortable={false} />\r\n      <TextField source=\"height\" sortable={false} />\r\n      <TextField source=\"depth\" sortable={false} />\r\n      <TextField source=\"weight\" sortable={false} />\r\n      <NumberField source=\"price\" sortable={false} />\r\n      <TextField source=\"provider\" sortable={false} />\r\n      <TextField source=\"url\" sortable={false} />\r\n      <TextField source=\"image\" sortable={false} />\r\n      <TextField source=\"status\" sortable={false} />\r\n      <DateField source=\"createdAt\" />\r\n      <DateField source=\"updatedAt\" />\r\n    </SimpleShowLayout>\r\n  </Show>\r\n);\r\n\r\n/* const validateCustomer = [required()];\r\nconst validateAccountRepresentative = [required()];\r\nconst validateProduct = [required()];\r\nconst validateStatus = [required()];\r\nconst validateAmount = [required()];\r\nconst validateDate = [required()]; */\r\n\r\nexport const PedidoEdit = (props) => {\r\n  const [theCant, setTheCant] = useState(\"\");\r\n  const [theWidth, setTheWidth] = useState(\"\");\r\n  const [theHeight, setTheHeight] = useState(\"\");\r\n  const [theDepth, setTheDepth] = useState(\"\");\r\n  const [theWeight, setTheWeight] = useState(\"\");\r\n  const [theDelivery, setTheDelivery] = useState(\"\");\r\n  const [theGestion, setTheGestion] = useState(\"\");\r\n  const [theDeliSelection, setTheDeliSelection] = useState(\"\");\r\n\r\n  useEffect(() => {\r\n    theDeliSelection !== \"\" && ChangeDimensions();\r\n  }, [theWidth, theHeight, theDepth, theWeight,theDeliSelection]);\r\n\r\n  const ChangeDimensions = () => {\r\n    let item = theDeliSelection;\r\n    let prerecargos = 0;\r\n    let pregestiones = 0;\r\n    let gestiones = 10;\r\n    let kes = 4; //Valor por kg\r\n\r\n    // let newshopcart = shopCart.map((i) => {\r\n    // console.log(i);\r\n\r\n    let ancho = parseFloat(theWidth);\r\n    let alto = parseFloat(theHeight);\r\n    let largo = parseFloat(theDepth);\r\n    let kg = parseFloat(theWeight) ? (parseFloat(theWeight) < 1 ? 1 : parseFloat(theWeight)) : 1;\r\n\r\n    let dim_a_kg = ((largo * ancho * alto) / 5000) * kg;\r\n\r\n    let pesoReal = dim_a_kg > kg ? dim_a_kg : kg;\r\n\r\n    let envio_st = kes * pesoReal;\r\n\r\n    /**PARA ENVIO EXPRESS */\r\n\r\n    let Base = 0;\r\n    if (pesoReal >= 0 && pesoReal < 1) Base = 37;\r\n    if (pesoReal >= 1 && pesoReal < 2) Base = 40.27;\r\n    if (pesoReal >= 2 && pesoReal < 3) Base = 44.64;\r\n    if (pesoReal >= 3 && pesoReal < 4) Base = 53.34;\r\n    if (pesoReal >= 4 && pesoReal < 5) Base = 62.12;\r\n    if (pesoReal >= 5 && pesoReal < 6) Base = 73.05;\r\n    if (pesoReal >= 6 && pesoReal < 7) Base = 86.17;\r\n    if (pesoReal >= 7 && pesoReal < 8) Base = 99.29;\r\n    if (pesoReal >= 8 && pesoReal < 9) Base = 112.41;\r\n    if (pesoReal >= 9 && pesoReal < 10) Base = 125.53;\r\n    if (pesoReal >= 10 && pesoReal < 11) Base = 132.09;\r\n    if (pesoReal >= 11 && pesoReal < 12) Base = 142.07;\r\n    if (pesoReal >= 12 && pesoReal < 13) Base = 152.05;\r\n    if (pesoReal >= 13 && pesoReal < 14) Base = 162.03;\r\n    if (pesoReal >= 14 && pesoReal < 15) Base = 172.01;\r\n    if (pesoReal >= 15 && pesoReal < 16) Base = 181.99;\r\n    if (pesoReal >= 16 && pesoReal < 17) Base = 195.21;\r\n    if (pesoReal >= 17 && pesoReal < 18) Base = 208.43;\r\n    if (pesoReal >= 18 && pesoReal < 19) Base = 221.65;\r\n    if (pesoReal >= 19 && pesoReal < 20) Base = 234.87;\r\n    if (pesoReal >= 20 && pesoReal < 21) Base = 248.09;\r\n    if (pesoReal >= 21 && pesoReal < 22) Base = 257.55;\r\n    if (pesoReal >= 22 && pesoReal < 23) Base = 267.01;\r\n    if (pesoReal >= 23 && pesoReal < 24) Base = 276.47;\r\n    if (pesoReal >= 24 && pesoReal < 25) Base = 285.93;\r\n    if (pesoReal >= 25 && pesoReal < 26) Base = 295.39;\r\n    if (pesoReal >= 26 && pesoReal < 27) Base = 307.21;\r\n    if (pesoReal >= 27 && pesoReal < 28) Base = 319.03;\r\n    if (pesoReal >= 28 && pesoReal < 29) Base = 330.85;\r\n    if (pesoReal >= 29 && pesoReal < 30) Base = 342.67;\r\n    if (pesoReal >= 30 && pesoReal < 40) Base = 354.49;\r\n    if (pesoReal >= 40 && pesoReal < 50) Base = 472.59;\r\n    if (pesoReal >= 50 && pesoReal < 60) Base = 590.69;\r\n    if (pesoReal >= 60 && pesoReal < 70) Base = 708.79;\r\n    if (pesoReal == 70) Base = 826.89;\r\n\r\n    // let incremento = 70;\r\n    let canon_envio = 1;\r\n    let canon_kilo = 0.2;\r\n    let carburante = 0.11;\r\n    let dua = 5;\r\n    // let gex=10 //AUNQUE ARRIBA DICE ALGO DISTINTO ME LO CAMBIA EN LA SEGUNDA HOJA\r\n\r\n    let envio_ex =\r\n      Base +\r\n      canon_envio +\r\n      canon_kilo * pesoReal +\r\n      Base * carburante +\r\n      dua; /* +gestion */\r\n\r\n    prerecargos += (item == 0 ? envio_st : envio_ex) * theCant;\r\n    // i.process && (pregestiones += gestiones * i.cant);\r\n    // i.gestion = gestiones;\r\n    // i.delivery = (item == 0 ? envio_st : envio_ex + gestiones) * i.cant;\r\n    // addData(i)\r\n    // return i;\r\n    // }\r\n    // });\r\n    // setShopCart(newshopcart);\r\n    // addData(newshopcart)\r\n    // setTheGestion(theGestion);\r\n    setTheDelivery(prerecargos);\r\n  };\r\n\r\n  const onChange = (event, setter) => {\r\n    var text = event.target.value;\r\n    if (text != \"\") {\r\n      text = text\r\n        .replace(/[^0-9|\\.|,]/g, \"\")\r\n        .replace(\",\", \".\")\r\n        .replace(/\\.+/g, \".\")\r\n        .split(\".\");\r\n      text =\r\n        text[0] == \"\"\r\n          ? \"0.\"\r\n          : text.shift() + (text.length ? \".\" + text.join(\"\") : \"\");\r\n      setter(text);\r\n    } else {\r\n      setter(text);\r\n    }\r\n    // ChangeDimensions()\r\n  };\r\n  \r\n  const onChangeWidth = (event) => {\r\n    onChange(event, setTheWidth);\r\n  };\r\n  const onChangeHeight = (event) => {\r\n    onChange(event, setTheHeight);\r\n  };\r\n  const onChangeDepth = (event) => {\r\n    onChange(event, setTheDepth);\r\n  };\r\n  const onChangeWeight = (event) => {\r\n    onChange(event, setTheWeight);\r\n  };\r\n  return (\r\n    <Edit {...props}>\r\n      <SimpleForm>\r\n        <FormDataConsumer>\r\n          {({ formData }) => {\r\n            theCant === \"\" && setTheCant(formData.cant);\r\n            theWidth === \"\" && setTheWidth(formData.width);\r\n            theHeight === \"\" && setTheHeight(formData.height);\r\n            theDepth === \"\" && setTheDepth(formData.depth);\r\n            theWeight === \"\" && setTheWeight(formData.weight);\r\n            theDelivery === \"\" && setTheDelivery(formData.delivery);\r\n            theGestion === \"\" && setTheGestion(formData.gestion);\r\n            theDeliSelection === \"\" &&\r\n              setTheDeliSelection(formData.deliselection);\r\n          }}\r\n        </FormDataConsumer>\r\n\r\n        <TextInput source=\"id\" disabled />\r\n        <TextInput source=\"cant\" label=\"Cantidad\" sortable={false} />\r\n        <TextInput source=\"name\" sortable={false} />\r\n        <TextInput source=\"detail\" sortable={false} />\r\n        <NumberInput source=\"price\" sortable={false} />\r\n        <TextInput source=\"provider\" sortable={false} />\r\n        <TextInput source=\"url\" sortable={false} />\r\n        <TextInput source=\"image\" sortable={false} />\r\n        {/* <TextInput source=\"status\" sortable={false} /> */}\r\n\r\n        <NumberInput\r\n          value={theWidth}\r\n          onChange={(text) => onChangeWidth(text)}\r\n          source=\"width\"\r\n          label=\"Ancho (cm)\"\r\n          sortable={false}\r\n        />\r\n        <NumberInput\r\n          value={theHeight}\r\n          onChange={(text) => onChangeHeight(text)}\r\n          source=\"height\"\r\n          label=\"Alto (cm)\"\r\n          sortable={false}\r\n        />\r\n        <NumberInput\r\n          value={theDepth}\r\n          onChange={(text) => onChangeDepth(text)}\r\n          source=\"depth\"\r\n          label=\"Profundo (cm)\"\r\n          sortable={false}\r\n        />\r\n        <NumberInput\r\n          value={theWeight}\r\n          onChange={(text) => onChangeWeight(text)}\r\n          source=\"weight\"\r\n          label=\"Peso (Kg)\"\r\n          sortable={false}\r\n        />\r\n        <NumberInput\r\n          value={theGestion}\r\n          onChange={(text) => setTheGestion(text.target.value)}\r\n          source=\"gestion\"\r\n          sortable={false}\r\n        />\r\n        <NumberInput\r\n          value={theDelivery}\r\n          onChange={(text) => setTheDelivery(text.target.value)}\r\n          source=\"delivery\"\r\n          sortable={false}\r\n        />\r\n        <NumberInput\r\n          value={theDeliSelection}\r\n          onChange={(text) => setTheDeliSelection(text.target.value)}\r\n          source=\"deliselection\"\r\n          sortable={false}\r\n        />\r\n\r\n        <SelectInput\r\n          source=\"status\"\r\n          choices={[\r\n            // { id: \"ORDERED\", name: \"Ordenado\" },\r\n            // { id: \"DELIVERED\", name: \"Entregado\" },\r\n            // { id: \"IN_PROGRESS\", name: \"En proceso\" },\r\n\r\n            { id: \"IN_PROGRESS\", name: \"Procesando\" }, //1. Procesando (azul)\r\n            { id: \"APPROVED\", name: \"Aprobado\" }, //2. Aprobado ( verde)\r\n            { id: \"DENIED\", name: \"Denegado\" }, //3. Denegado ( rojo)\r\n            { id: \"ON_DELIVERY\", name: \"En reparto\" }, //4. En reparto ( amarillo)\r\n            { id: \"DELIVERED\", name: \"Entregado\" }, //6. Entregado ( negro)\r\n            { id: \"IN_TRANSIT\", name: \"En transito\" }, //6. En transito ( morado)\r\n          ]}\r\n        />\r\n      </SimpleForm>\r\n    </Edit>\r\n  );\r\n};\r\n\r\nexport const PedidoCreate = (props) => (\r\n  <Create {...props}>\r\n    <SimpleForm>\r\n      <TextInput source=\"id\" disabled />\r\n      <TextInput source=\"cant\" label=\"Cantidad\" sortable={false} />\r\n      <TextInput source=\"name\" sortable={false} />\r\n      <TextInput source=\"detail\" sortable={false} />\r\n      <NumberInput source=\"price\" sortable={false} />\r\n      <TextInput source=\"provider\" sortable={false} />\r\n      <TextInput source=\"url\" sortable={false} />\r\n      <TextInput source=\"image\" sortable={false} />\r\n      <TextInput source=\"status\" sortable={false} />\r\n    </SimpleForm>\r\n  </Create>\r\n);\r\n","import React, { useState } from \"react\";\nimport {\n  Create,\n  Datagrid,\n  DateField,\n  Edit,\n  EditButton,\n  List,\n  NumberField,\n  ReferenceManyField,\n  required,\n  Show,\n  ShowButton,\n  SimpleForm,\n  SimpleShowLayout,\n  TextField,\n  TextInput,\n  ImageField,\n  UrlField,\n  ReferenceInput,\n  AutocompleteInput,\n  SelectInput,\n} from \"react-admin\";\nimport { AmplifyFilter } from \"react-admin-amplify\";\nimport { Pagination } from \"./Pagination\";\nimport * as subscriptions from \"../graphql/subscriptions\";\nimport { API, graphqlOperation } from \"@aws-amplify/api\";\n\nconst defaultQuery = \"listProducts\";\n\nconst ProductFilter = (props) => (\n  <AmplifyFilter {...props} defaultQuery={defaultQuery}>\n    {/* <TextInput source=\"productsByNameF.name\" label=\"Name\" alwaysOn resettable /> */}\n\n    <ReferenceInput\n      source=\"productsByNameF.name\"\n      reference=\"products\"\n      label=\"Name\"\n      filterToQuery={(searchText) => {\n        console.log(\"El searchText: \",searchText)\n        return {\n          productsByNameF: { name: searchText},\n        };\n      }}\n      alwaysOn\n      allowEmpty\n      resettable\n    >\n      {/* <SelectInput optionText=\"name\" /> */}\n      <AutocompleteInput\n        optionText=\"name\"\n        optionValue=\"name\"\n        suggestionLimit={6}\n      />\n    </ReferenceInput>\n  </AmplifyFilter>\n);\n\nexport const ProductList = (props) => {\n  const [query, setQuery] = useState(defaultQuery);\n\n  const subscription = API.graphql(\n    graphqlOperation(subscriptions.onCreateProduct)\n  ).subscribe({\n    next: (productData) => {\n      console.log(productData);\n    },\n  });\n\n  const MyUrlField = ({ record = {}, source }) => (\n    <a href={record[source]} target=\"_blank\">\n      URL\n    </a>\n  );\n\n  return (\n    <List\n      {...props}\n      filters={<ProductFilter setQuery={setQuery} />}\n      pagination={<Pagination />}\n    >\n      <Datagrid>\n        {/* <TextField\n          source=\"id\"\n          sortBy={query}\n          sortable={query === \"productsByName\"}\n        /> */}\n        {/* <TextField source=\"image\" sortable={false} /> */}\n        <ImageField source=\"image\" title=\"name\" sortable={false} />\n        <TextField source=\"name\" sortable={false} />\n        <TextField source=\"price\" sortable={false} />\n        <TextField source=\"provider\" sortable={false} />\n        {/* <TextField source=\"url\" sortable={false} /> */}\n        <MyUrlField source=\"url\" sortable={false} />\n        <DateField source=\"createdAt\" sortable={false} showTime />\n        {/* <DateField source=\"updatedAt\" sortable={false} /> */}\n        <ShowButton />\n        <EditButton />\n      </Datagrid>\n    </List>\n  );\n};\n\nexport const ProductShow = (props) => (\n  <Show {...props}>\n    <SimpleShowLayout>\n      <TextField source=\"id\" />\n      <TextField source=\"image\" />\n      <TextField source=\"name\" />\n      <TextField source=\"price\" />\n      <TextField source=\"provider\" />\n      <TextField source=\"url\" />\n      <ReferenceManyField\n        reference=\"orders\"\n        target=\"ordersByProduct.productID\"\n        label=\"Orders\"\n        perPage={10}\n        pagination={<Pagination />}\n      >\n        <Datagrid>\n          <TextField source=\"id\" sortBy=\"ordersByProduct\" sortable={true} />\n          <TextField source=\"customerID\" label=\"Customer\" sortable={false} />\n          <TextField\n            source=\"accountRepresentativeID\"\n            label=\"Account representative\"\n            sortable={false}\n          />\n          <TextField source=\"productID\" label=\"Product\" sortable={false} />\n          <TextField source=\"status\" sortable={false} />\n          <NumberField source=\"amount\" sortable={false} />\n          <DateField source=\"date\" sortable={false} />\n          <DateField source=\"createdAt\" sortable={false} />\n          <DateField source=\"updatedAt\" sortable={false} />\n          <ShowButton />\n          <EditButton />\n        </Datagrid>\n      </ReferenceManyField>\n      <DateField source=\"createdAt\" />\n      <DateField source=\"updatedAt\" />\n    </SimpleShowLayout>\n  </Show>\n);\n\nconst validateUrl = [required()];\n\nexport const ProductEdit = (props) => (\n  <Edit\n    {...props}\n    transform={(data) => {\n      const { orders, ...rest } = data;\n      return rest;\n    }}\n  >\n    <SimpleForm>\n      <TextInput source=\"id\" disabled />\n      <TextInput source=\"name\" />\n      <TextField source=\"image\" />\n      <TextField source=\"name\" />\n      <TextField source=\"price\" />\n      <TextField source=\"provider\" />\n      <TextField source=\"url\" validate={validateUrl} />\n    </SimpleForm>\n  </Edit>\n);\n\nexport const ProductCreate = (props) => (\n  <Create {...props}>\n    <SimpleForm>\n      <TextInput source=\"id\" />\n      <TextInput source=\"name\" />\n      <TextInput source=\"image\" />\n      <TextInput source=\"price\" />\n      <TextInput source=\"provider\" />\n      <TextInput source=\"url\" validate={validateUrl} />\n    </SimpleForm>\n  </Create>\n);\n","/* eslint-disable */\r\n// this is an auto generated file. This will be overwritten\r\n\r\nexport const onCreateTodo = /* GraphQL */ `\r\n  subscription OnCreateTodo(\r\n    $filter: ModelSubscriptionTodoFilterInput\r\n    $owner: String\r\n  ) {\r\n    onCreateTodo(filter: $filter, owner: $owner) {\r\n      id\r\n      name\r\n      description\r\n      createdAt\r\n      updatedAt\r\n      owner\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const onUpdateTodo = /* GraphQL */ `\r\n  subscription OnUpdateTodo(\r\n    $filter: ModelSubscriptionTodoFilterInput\r\n    $owner: String\r\n  ) {\r\n    onUpdateTodo(filter: $filter, owner: $owner) {\r\n      id\r\n      name\r\n      description\r\n      createdAt\r\n      updatedAt\r\n      owner\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const onDeleteTodo = /* GraphQL */ `\r\n  subscription OnDeleteTodo(\r\n    $filter: ModelSubscriptionTodoFilterInput\r\n    $owner: String\r\n  ) {\r\n    onDeleteTodo(filter: $filter, owner: $owner) {\r\n      id\r\n      name\r\n      description\r\n      createdAt\r\n      updatedAt\r\n      owner\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const onCreatePedido = /* GraphQL */ `\r\n  subscription OnCreatePedido(\r\n    $filter: ModelSubscriptionPedidoFilterInput\r\n    $owner: String\r\n  ) {\r\n    onCreatePedido(filter: $filter, owner: $owner) {\r\n      id\r\n      orderID\r\n      cant\r\n      name\r\n      price\r\n      provider\r\n      url\r\n      image\r\n      detail\r\n      width\r\n      height\r\n      depth\r\n      weight\r\n      status\r\n      userID\r\n      date\r\n      gestion\r\n      delivery\r\n      deliselection\r\n      createdAt\r\n      updatedAt\r\n      owner\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const onUpdatePedido = /* GraphQL */ `\r\n  subscription OnUpdatePedido(\r\n    $filter: ModelSubscriptionPedidoFilterInput\r\n    $owner: String\r\n  ) {\r\n    onUpdatePedido(filter: $filter, owner: $owner) {\r\n      id\r\n      orderID\r\n      cant\r\n      name\r\n      price\r\n      provider\r\n      url\r\n      image\r\n      detail\r\n      width\r\n      height\r\n      depth\r\n      weight\r\n      status\r\n      userID\r\n      date\r\n      gestion\r\n      delivery\r\n      deliselection\r\n      createdAt\r\n      updatedAt\r\n      owner\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const onDeletePedido = /* GraphQL */ `\r\n  subscription OnDeletePedido(\r\n    $filter: ModelSubscriptionPedidoFilterInput\r\n    $owner: String\r\n  ) {\r\n    onDeletePedido(filter: $filter, owner: $owner) {\r\n      id\r\n      orderID\r\n      cant\r\n      name\r\n      price\r\n      provider\r\n      url\r\n      image\r\n      detail\r\n      width\r\n      height\r\n      depth\r\n      weight\r\n      status\r\n      userID\r\n      date\r\n      gestion\r\n      delivery\r\n      deliselection\r\n      createdAt\r\n      updatedAt\r\n      owner\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const onCreateShopCart = /* GraphQL */ `\r\n  subscription OnCreateShopCart(\r\n    $filter: ModelSubscriptionShopCartFilterInput\r\n    $owner: String\r\n  ) {\r\n    onCreateShopCart(filter: $filter, owner: $owner) {\r\n      id\r\n      cant\r\n      name\r\n      price\r\n      provider\r\n      url\r\n      image\r\n      detail\r\n      width\r\n      height\r\n      depth\r\n      weight\r\n      userID\r\n      process\r\n      date\r\n      gestion\r\n      delivery\r\n      orderType\r\n      createdAt\r\n      updatedAt\r\n      userShopcartId\r\n      owner\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const onUpdateShopCart = /* GraphQL */ `\r\n  subscription OnUpdateShopCart(\r\n    $filter: ModelSubscriptionShopCartFilterInput\r\n    $owner: String\r\n  ) {\r\n    onUpdateShopCart(filter: $filter, owner: $owner) {\r\n      id\r\n      cant\r\n      name\r\n      price\r\n      provider\r\n      url\r\n      image\r\n      detail\r\n      width\r\n      height\r\n      depth\r\n      weight\r\n      userID\r\n      process\r\n      date\r\n      gestion\r\n      delivery\r\n      orderType\r\n      createdAt\r\n      updatedAt\r\n      userShopcartId\r\n      owner\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const onDeleteShopCart = /* GraphQL */ `\r\n  subscription OnDeleteShopCart(\r\n    $filter: ModelSubscriptionShopCartFilterInput\r\n    $owner: String\r\n  ) {\r\n    onDeleteShopCart(filter: $filter, owner: $owner) {\r\n      id\r\n      cant\r\n      name\r\n      price\r\n      provider\r\n      url\r\n      image\r\n      detail\r\n      width\r\n      height\r\n      depth\r\n      weight\r\n      userID\r\n      process\r\n      date\r\n      gestion\r\n      delivery\r\n      orderType\r\n      createdAt\r\n      updatedAt\r\n      userShopcartId\r\n      owner\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const onCreateRefill = /* GraphQL */ `\r\n  subscription OnCreateRefill($filter: ModelSubscriptionRefillFilterInput) {\r\n    onCreateRefill(filter: $filter) {\r\n      id\r\n      userID\r\n      customer\r\n      refillamount\r\n      date\r\n      createdAt\r\n      updatedAt\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const onUpdateRefill = /* GraphQL */ `\r\n  subscription OnUpdateRefill($filter: ModelSubscriptionRefillFilterInput) {\r\n    onUpdateRefill(filter: $filter) {\r\n      id\r\n      userID\r\n      customer\r\n      refillamount\r\n      date\r\n      createdAt\r\n      updatedAt\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const onDeleteRefill = /* GraphQL */ `\r\n  subscription OnDeleteRefill($filter: ModelSubscriptionRefillFilterInput) {\r\n    onDeleteRefill(filter: $filter) {\r\n      id\r\n      userID\r\n      customer\r\n      refillamount\r\n      date\r\n      createdAt\r\n      updatedAt\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const onCreateUser = /* GraphQL */ `\r\n  subscription OnCreateUser(\r\n    $filter: ModelSubscriptionUserFilterInput\r\n    $owner: String\r\n  ) {\r\n    onCreateUser(filter: $filter, owner: $owner) {\r\n      id\r\n      username\r\n      password\r\n      name\r\n      lastname\r\n      idcard\r\n      phone\r\n      address\r\n      email\r\n      cp\r\n      imageurl\r\n      refill {\r\n        nextToken\r\n        __typename\r\n      }\r\n      pedido {\r\n        nextToken\r\n        __typename\r\n      }\r\n      shopcart {\r\n        nextToken\r\n        __typename\r\n      }\r\n      product {\r\n        nextToken\r\n        __typename\r\n      }\r\n      createdAt\r\n      updatedAt\r\n      owner\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const onUpdateUser = /* GraphQL */ `\r\n  subscription OnUpdateUser(\r\n    $filter: ModelSubscriptionUserFilterInput\r\n    $owner: String\r\n  ) {\r\n    onUpdateUser(filter: $filter, owner: $owner) {\r\n      id\r\n      username\r\n      password\r\n      name\r\n      lastname\r\n      idcard\r\n      phone\r\n      address\r\n      email\r\n      cp\r\n      imageurl\r\n      refill {\r\n        nextToken\r\n        __typename\r\n      }\r\n      pedido {\r\n        nextToken\r\n        __typename\r\n      }\r\n      shopcart {\r\n        nextToken\r\n        __typename\r\n      }\r\n      product {\r\n        nextToken\r\n        __typename\r\n      }\r\n      createdAt\r\n      updatedAt\r\n      owner\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const onDeleteUser = /* GraphQL */ `\r\n  subscription OnDeleteUser(\r\n    $filter: ModelSubscriptionUserFilterInput\r\n    $owner: String\r\n  ) {\r\n    onDeleteUser(filter: $filter, owner: $owner) {\r\n      id\r\n      username\r\n      password\r\n      name\r\n      lastname\r\n      idcard\r\n      phone\r\n      address\r\n      email\r\n      cp\r\n      imageurl\r\n      refill {\r\n        nextToken\r\n        __typename\r\n      }\r\n      pedido {\r\n        nextToken\r\n        __typename\r\n      }\r\n      shopcart {\r\n        nextToken\r\n        __typename\r\n      }\r\n      product {\r\n        nextToken\r\n        __typename\r\n      }\r\n      createdAt\r\n      updatedAt\r\n      owner\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const onCreatePicture = /* GraphQL */ `\r\n  subscription OnCreatePicture(\r\n    $filter: ModelSubscriptionPictureFilterInput\r\n    $owner: String\r\n  ) {\r\n    onCreatePicture(filter: $filter, owner: $owner) {\r\n      id\r\n      name\r\n      owner\r\n      file {\r\n        bucket\r\n        region\r\n        key\r\n        __typename\r\n      }\r\n      createdAt\r\n      updatedAt\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const onUpdatePicture = /* GraphQL */ `\r\n  subscription OnUpdatePicture(\r\n    $filter: ModelSubscriptionPictureFilterInput\r\n    $owner: String\r\n  ) {\r\n    onUpdatePicture(filter: $filter, owner: $owner) {\r\n      id\r\n      name\r\n      owner\r\n      file {\r\n        bucket\r\n        region\r\n        key\r\n        __typename\r\n      }\r\n      createdAt\r\n      updatedAt\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const onDeletePicture = /* GraphQL */ `\r\n  subscription OnDeletePicture(\r\n    $filter: ModelSubscriptionPictureFilterInput\r\n    $owner: String\r\n  ) {\r\n    onDeletePicture(filter: $filter, owner: $owner) {\r\n      id\r\n      name\r\n      owner\r\n      file {\r\n        bucket\r\n        region\r\n        key\r\n        __typename\r\n      }\r\n      createdAt\r\n      updatedAt\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const onCreateProduct = /* GraphQL */ `\r\n  subscription OnCreateProduct(\r\n    $filter: ModelSubscriptionProductFilterInput\r\n    $owner: String\r\n  ) {\r\n    onCreateProduct(filter: $filter, owner: $owner) {\r\n      id\r\n      name\r\n      caseInsensitiveName\r\n      price\r\n      provider\r\n      url\r\n      image\r\n      userID\r\n      createdAt\r\n      updatedAt\r\n      userProductId\r\n      owner\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const onUpdateProduct = /* GraphQL */ `\r\n  subscription OnUpdateProduct(\r\n    $filter: ModelSubscriptionProductFilterInput\r\n    $owner: String\r\n  ) {\r\n    onUpdateProduct(filter: $filter, owner: $owner) {\r\n      id\r\n      name\r\n      caseInsensitiveName\r\n      price\r\n      provider\r\n      url\r\n      image\r\n      userID\r\n      createdAt\r\n      updatedAt\r\n      userProductId\r\n      owner\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const onDeleteProduct = /* GraphQL */ `\r\n  subscription OnDeleteProduct(\r\n    $filter: ModelSubscriptionProductFilterInput\r\n    $owner: String\r\n  ) {\r\n    onDeleteProduct(filter: $filter, owner: $owner) {\r\n      id\r\n      name\r\n      caseInsensitiveName\r\n      price\r\n      provider\r\n      url\r\n      image\r\n      userID\r\n      createdAt\r\n      updatedAt\r\n      userProductId\r\n      owner\r\n      __typename\r\n    }\r\n  }\r\n`;\r\n","import React, { useState } from \"react\";\r\nimport {\r\n  AutocompleteInput,\r\n  Create,\r\n  Datagrid,\r\n  DateField,\r\n  DateInput,\r\n  Edit,\r\n  EditButton,\r\n  List,\r\n  NumberField,\r\n  NumberInput,\r\n  ReferenceField,\r\n  ReferenceInput,\r\n  required,\r\n  Show,\r\n  ShowButton,\r\n  SimpleForm,\r\n  SimpleShowLayout,\r\n  TextField,\r\n  TextInput,\r\n  ImageField,\r\n  BooleanInput,\r\n  Filter\r\n} from \"react-admin\";\r\nimport { AmplifyFilter } from \"react-admin-amplify\";\r\nimport { Pagination } from \"./Pagination\";\r\n\r\nconst defaultQuery = \"listShopCarts\";\r\n\r\n/* const OrderFilter = (props) => (\r\n  <AmplifyFilter {...props} defaultQuery={defaultQuery}>\r\n    <TextInput\r\n      source=\"ordersByCustomerByDate.customerID\"\r\n      label=\"Customer id\"\r\n      alwaysOn\r\n      resettable\r\n    />\r\n    <DateInput source=\"ordersByCustomerByDate.date.eq\" label=\"Date\" alwaysOn />\r\n    <TextInput\r\n      source=\"ordersByRepresentativeByDate.accountRepresentativeID\"\r\n      label=\"Account representative id\"\r\n      alwaysOn\r\n      resettable\r\n    />\r\n    <DateInput\r\n      source=\"ordersByRepresentativeByDate.date.eq\"\r\n      label=\"Date\"\r\n      alwaysOn\r\n    />\r\n    <ReferenceInput\r\n      source=\"ordersByProduct.productID\"\r\n      reference=\"products\"\r\n      label=\"Product\"\r\n      filterToQuery={(searchText) => ({\r\n        productsByName: { name: searchText },\r\n      })}\r\n      alwaysOn\r\n    >\r\n      <AutocompleteInput optionText=\"name\" />\r\n    </ReferenceInput>\r\n  </AmplifyFilter>\r\n); */\r\n\r\nconst ShopCartFilter2 = (props) => (\r\n  <Filter {...props} defaultQuery={defaultQuery}>\r\n    <TextInput\r\n      source=\"ShopCartbyUser.userID\"\r\n      label=\"User id\"\r\n      alwaysOn\r\n      resettable\r\n    />\r\n  </Filter>\r\n);\r\n\r\nconst ShopCartFilter = (props) => (\r\n  <AmplifyFilter {...props} defaultQuery={defaultQuery}>\r\n    {/* <TextInput source=\"productsByNameF.name\" label=\"Name\" alwaysOn resettable /> */}\r\n\r\n    <ReferenceInput\r\n      source=\"ShopCartbyUser.userID\"\r\n      reference=\"shopCarts\"\r\n      label=\"userID\"\r\n      filterToQuery={(searchText) => {\r\n        let elreturn = {\r\n          ShopCartbyUser: { userID: searchText },\r\n        };\r\n        if (searchText != \"\") {\r\n          console.log(\"El filtertoquery: \", elreturn);\r\n        }\r\n        return {\r\n          ShopCartbyUser: { userID: '114d7e79-1a61-46a8-997d-1562c49bc294' },\r\n        };\r\n      }}\r\n      alwaysOn\r\n      allowEmpty\r\n      resettable\r\n    >\r\n      {/* <SelectInput optionText=\"name\" /> */}\r\n      <AutocompleteInput\r\n        optionText=\"userID\"\r\n        // optionValue=\"name\"\r\n        suggestionLimit={6}\r\n      />\r\n    </ReferenceInput>\r\n  </AmplifyFilter>\r\n);\r\n\r\nexport const ShopCartList = (props) => {\r\n  const [query, setQuery] = useState(defaultQuery);\r\n\r\n  const MyUrlField = ({ record = {}, source }) => (\r\n    <a href={record[source]} target=\"_blank\">\r\n      URL\r\n    </a>\r\n  );\r\n\r\n  return (\r\n    <List\r\n      {...props}\r\n      filters={<ShopCartFilter setQuery={setQuery} />}\r\n      pagination={<Pagination />}\r\n    >\r\n      <Datagrid>\r\n        {/* <TextField\r\n          source=\"id\"\r\n          sortBy={query}\r\n          // sortable={query === \"ordersByProduct\"}\r\n        /> */}\r\n        {/* <TextField source=\"customerID\" label=\"Customer id\" sortable={false} /> */}\r\n        {/* <TextField\r\n          source=\"accountRepresentativeID\"\r\n          label=\"Account representative id\"\r\n          sortable={false}\r\n        /> */}\r\n\r\n        {/*\r\n          id\r\n          cant\r\n          name\r\n          price\r\n          provider\r\n          url\r\n          image\r\n          status \r\n        */}\r\n        <TextField\r\n          source=\"id\"\r\n          label=\"ID\"\r\n          sortBy=\"ShopCartbyUser\"\r\n          sortable={true}\r\n        />\r\n        <ImageField source=\"image\" title=\"name\" sortable={false} />\r\n        <TextField source=\"cant\" label=\"Cantidad\" sortable={false} />\r\n        <TextField source=\"userID\" label=\"userID\" sortable={false} />\r\n        <TextField source=\"name\" sortable={false} />\r\n        <NumberField source=\"price\" sortable={false} />\r\n        <TextField source=\"provider\" sortable={false} />\r\n        <MyUrlField source=\"url\" sortable={false} />\r\n        <TextField source=\"status\" sortable={false} />\r\n        {/*  <DateField\r\n          source=\"date\"\r\n          sortBy={query}\r\n          sortable={[\r\n            \"ordersByCustomerByDate\",\r\n            \"ordersByRepresentativeByDate\",\r\n          ].includes(query)}\r\n        /> */}\r\n        <DateField\r\n          source=\"createdAt\"\r\n          sortBy=\"ShopCartbyUser\"\r\n          sortable={true}\r\n        />\r\n        <DateField source=\"date\" sortBy=\"ShopCartbyUser\" sortable={true} />\r\n\r\n        {/* <DateField source=\"updatedAt\" sortable={false} /> */}\r\n        <ShowButton />\r\n        <EditButton />\r\n      </Datagrid>\r\n    </List>\r\n  );\r\n};\r\n\r\nexport const ShopCartShow = (props) => (\r\n  <Show {...props}>\r\n    <SimpleShowLayout>\r\n      <TextField source=\"id\" />\r\n      {/* <ReferenceField\r\n        source=\"customerID\"\r\n        reference=\"customers\"\r\n        label=\"Customer\"\r\n        link=\"show\"\r\n      >\r\n        <TextField source=\"name\" />\r\n      </ReferenceField> */}\r\n      {/*  <ReferenceField\r\n        source=\"accountRepresentativeID\"\r\n        reference=\"accountRepresentatives\"\r\n        label=\"Account representative\"\r\n        link=\"show\"\r\n      >\r\n        <TextField source=\"id\" />\r\n      </ReferenceField> */}\r\n      {/* <ReferenceField\r\n        source=\"productID\"\r\n        reference=\"products\"\r\n        label=\"Product\"\r\n        link=\"show\"\r\n      >\r\n        <TextField source=\"name\" />\r\n      </ReferenceField> */}\r\n      <TextField source=\"cant\" label=\"Cantidad\" sortable={false} />\r\n      <TextField source=\"name\" sortable={false} />\r\n      <NumberField source=\"price\" sortable={false} />\r\n      <TextField source=\"provider\" sortable={false} />\r\n      <TextField source=\"url\" sortable={false} />\r\n      <TextField source=\"image\" sortable={false} />\r\n      <TextField source=\"status\" sortable={false} />\r\n      <DateField source=\"createdAt\" />\r\n      <DateField source=\"updatedAt\" />\r\n    </SimpleShowLayout>\r\n  </Show>\r\n);\r\n\r\n/* const validateCustomer = [required()];\r\nconst validateAccountRepresentative = [required()];\r\nconst validateProduct = [required()];\r\nconst validateStatus = [required()];\r\nconst validateAmount = [required()];\r\nconst validateDate = [required()]; */\r\n\r\nexport const ShopCartEdit = (props) => (\r\n  <Edit {...props}>\r\n    <SimpleForm>\r\n      <TextInput source=\"id\" disabled />\r\n      <TextInput source=\"cant\" label=\"Cantidad\" sortable={false} />\r\n\r\n      <ReferenceInput\r\n        source=\"shopCartUserId\"\r\n        reference=\"users\"\r\n        label=\"Usuario\"\r\n        // filterToQuery={(searchText) => ({\r\n        //   customersByName: { name: searchText },\r\n        // })}\r\n        // validate={validateRefill}\r\n      >\r\n        <AutocompleteInput optionText=\"username\" />\r\n      </ReferenceInput>\r\n\r\n      <TextInput source=\"name\" sortable={false} />\r\n      <NumberInput source=\"price\" sortable={false} />\r\n      <TextInput source=\"provider\" sortable={false} />\r\n      <TextInput source=\"url\" sortable={false} />\r\n      <TextInput source=\"image\" sortable={false} />\r\n      <TextInput source=\"status\" sortable={false} />\r\n      <BooleanInput label=\"Procesar\" source=\"process\" sortable={false} />\r\n    </SimpleForm>\r\n  </Edit>\r\n);\r\n\r\nexport const ShopCartCreate = (props) => (\r\n  <Create {...props}>\r\n    <SimpleForm>\r\n      <TextInput source=\"id\" disabled />\r\n      <TextInput source=\"cant\" label=\"Cantidad\" sortable={false} />\r\n      <TextInput source=\"name\" sortable={false} />\r\n      <NumberInput source=\"price\" sortable={false} />\r\n      <TextInput source=\"provider\" sortable={false} />\r\n      <TextInput source=\"url\" sortable={false} />\r\n      <TextInput source=\"image\" sortable={false} />\r\n      <TextInput source=\"status\" sortable={false} />\r\n    </SimpleForm>\r\n  </Create>\r\n);\r\n","import React, { useState } from \"react\";\r\nimport {\r\n  Create,\r\n  Datagrid,\r\n  DateField,\r\n  Edit,\r\n  EditButton,\r\n  List,\r\n  NumberField,\r\n  ReferenceManyField,\r\n  required,\r\n  Show,\r\n  ShowButton,\r\n  SimpleForm,\r\n  SimpleShowLayout,\r\n  TextField,\r\n  TextInput,\r\n  ReferenceInput,\r\n  ReferenceField,\r\n  AutocompleteInput,\r\n  useListContext,\r\n  Query,\r\n} from \"react-admin\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport { AmplifyFilter } from \"react-admin-amplify\";\r\nimport { Pagination } from \"./Pagination\";\r\n\r\nconst defaultQuery = \"listRefills\";\r\n\r\n/* const RefillFilter = (props) => (\r\n  <AmplifyFilter {...props} defaultQuery={defaultQuery}>\r\n    <TextInput source=\"refillsByName.name\" label=\"Name\" alwaysOn resettable />\r\n  </AmplifyFilter>\r\n); */\r\n\r\nexport const RefillList = (props) => {\r\n  const [query, setQuery] = useState(defaultQuery);\r\n  console.log(\"RefillList\");\r\n\r\n  const RefillFilter = (props) => (\r\n    <AmplifyFilter {...props} defaultQuery={defaultQuery}>\r\n      {/* <TextInput source=\"productsByNameF.name\" label=\"Name\" alwaysOn resettable /> */}\r\n\r\n      <ReferenceInput\r\n        source=\"refillByUserByDate.userID\"\r\n        reference=\"users\"\r\n        label=\"Usuario\"\r\n        filterToQuery={(searchText) => {\r\n          console.log(searchText);\r\n          return {\r\n            listUsers: { email: searchText },\r\n          };\r\n        }}\r\n      >\r\n        <AutocompleteInput optionText=\"email\" />\r\n      </ReferenceInput>\r\n    </AmplifyFilter>\r\n  );\r\n\r\n  const payload = {\r\n    pagination: { page: 1, perPage: 10 },\r\n    sort: { field: \"id\", order: \"ASC\" },\r\n  };\r\n\r\n  const AllRefills = (props) => (\r\n    <Query type=\"getList\" resource=\"refills\" payload={payload}>\r\n      {({ data, total, loading, error }) => {\r\n        if (loading) {\r\n          return <p>Loading</p>;\r\n        }\r\n        if (error) {\r\n          return <p>ERROR: {error}</p>;\r\n        }\r\n        return (\r\n          // <div>\r\n          //   <p>Total refills: {total}</p>\r\n          //   <ul>\r\n          //     {data.map((user) => (\r\n          //       <li key={user.username}>{user.username}</li>\r\n          //     ))}\r\n          //   </ul>\r\n          // </div>\r\n          <div style={{ width: 200, margin: \"1em\" }}>\r\n            <Typography variant=\"h6\">Total General</Typography>\r\n            <Typography variant=\"body2\">\r\n              Total:{\" \"}\r\n              {data\r\n                .map((id) => data[id])\r\n                .reduce((sum, refills) => sum + refills.refillamount, 0)}\r\n            </Typography>\r\n          </div>\r\n        );\r\n      }}\r\n    </Query>\r\n  );\r\n\r\n  // AllRefills()\r\n\r\n  const Aside = (props) => {\r\n    const { data, ids } = useListContext();\r\n    return (\r\n      // <AllRefills props={props} />\r\n      <div style={{ width: 200, margin: \"1em\" }}>\r\n        <Typography variant=\"h6\">Total General</Typography>\r\n        <Typography variant=\"body2\">\r\n          Total:{\" \"}\r\n          {Object.keys(data)\r\n            .map((key) => {\r\n              return data[key];\r\n            })\r\n            .reduce((sum, refills) => {\r\n              return sum + refills.refillamount;\r\n            }, 0)}\r\n          {/* {ids\r\n            .map((id) => data[id])\r\n            .reduce((sum, refills) => sum + refills.refillamount, 0)} */}\r\n        </Typography>\r\n      </div>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <List\r\n      {...props}\r\n      filters={<RefillFilter setQuery={setQuery} />}\r\n      aside={<Aside />}\r\n      bulkActionButtons={false}\r\n      // filters={<RefillFilter setQuery={setQuery} />}\r\n      // pagination={<Pagination />}\r\n    >\r\n      <Datagrid>\r\n        <DateField\r\n          source=\"createdAt\"\r\n          sortable={true}\r\n          sortBy={\"refillByUserByDate\"}\r\n          showTime\r\n        />\r\n        {/* <TextField\r\n          source=\"id\"\r\n        sortBy={'refill.id'}\r\n        sortable={true}\r\n        /> */}\r\n        <TextField\r\n          source=\"customer\"\r\n          // sortable={false}\r\n        />\r\n\r\n        <ReferenceField\r\n          source=\"userID\"\r\n          reference=\"users\"\r\n          label=\"Usuario\"\r\n          // filterToQuery={(searchText) => ({\r\n          //   customersByName: { name: searchText },\r\n          // })}\r\n          // validate={validateRefill}\r\n        >\r\n          <TextField source=\"username\" />\r\n          {/* <AutocompleteInput optionText=\"username\" /> */}\r\n        </ReferenceField>\r\n\r\n        <TextField\r\n          source=\"refillamount\"\r\n          label=\"Recarga\"\r\n          // sortable={false}\r\n        />\r\n        {/* <DateField source=\"updatedAt\" sortable={false} /> */}\r\n        {/* <ShowButton /> */}\r\n        {/* <EditButton /> */}\r\n      </Datagrid>\r\n    </List>\r\n  );\r\n};\r\n\r\nexport const RefillShow = (props) => {\r\n  console.log(\"RefillShow\");\r\n  return (\r\n    <Show {...props}>\r\n      <SimpleShowLayout>\r\n        <TextField source=\"id\" />\r\n        <TextField source=\"customer\" />\r\n        <TextField source=\"refillamount\" />\r\n        {/* <ReferenceManyField\r\n        reference=\"orders\"\r\n        target=\"ordersByRefill.refillID\"\r\n        label=\"Orders\"\r\n        perPage={10}\r\n        pagination={<Pagination />}\r\n      >\r\n        <Datagrid>\r\n          <TextField source=\"id\" sortBy=\"ordersByRefill\" sortable={true} />\r\n          <TextField source=\"customerID\" label=\"Customer\" sortable={false} />\r\n          <TextField\r\n            source=\"accountRepresentativeID\"\r\n            label=\"Account representative\"\r\n            sortable={false}\r\n          />\r\n          <TextField source=\"refillID\" label=\"Refill\" sortable={false} />\r\n          <TextField source=\"status\" sortable={false} />\r\n          <NumberField source=\"amount\" sortable={false} />\r\n          <DateField source=\"date\" sortable={false} />\r\n          <DateField source=\"createdAt\" sortable={false} />\r\n          <DateField source=\"updatedAt\" sortable={false} />\r\n          <ShowButton />\r\n          <EditButton />\r\n        </Datagrid>\r\n      </ReferenceManyField> */}\r\n        {/* <DateField source=\"createdAt\" />\r\n      <DateField source=\"updatedAt\" /> */}\r\n      </SimpleShowLayout>\r\n    </Show>\r\n  );\r\n};\r\n\r\nconst validateRefill = [required()];\r\n\r\nexport const RefillEdit = (props) => (\r\n  <Edit\r\n    {...props}\r\n    // transform={(data) => {\r\n    //   const { orders, ...rest } = data;\r\n    //   return rest;\r\n    // }}\r\n  >\r\n    <SimpleForm>\r\n      {/* <TextInput source=\"id\" disabled /> */}\r\n      <TextInput source=\"refillamount\" />\r\n    </SimpleForm>\r\n\r\n    <ReferenceInput\r\n      source=\"refillUserId\"\r\n      reference=\"users\"\r\n      label=\"Usuario\"\r\n      // filterToQuery={(searchText) => ({\r\n      //   customersByName: { name: searchText },\r\n      // })}\r\n      // validate={validateRefill}\r\n    >\r\n      <AutocompleteInput optionText=\"email\" />\r\n    </ReferenceInput>\r\n  </Edit>\r\n);\r\n\r\nexport const RefillCreate = (props) => {\r\n  console.log(\"RefillCreate\");\r\n\r\n  return (\r\n    <Create {...props}>\r\n      <SimpleForm>\r\n        {/* <TextInput source=\"id\" /> */}\r\n        <TextInput source=\"customer\" />\r\n\r\n        <ReferenceInput\r\n          source=\"userID\"\r\n          // source=\"ShopCartbyUser.userID\"\r\n          reference=\"users\"\r\n          label=\"Correo\"\r\n          filterToQuery={(searchText) => {\r\n            console.log(searchText);\r\n            return {\r\n              listUsers: { email: searchText },\r\n            };\r\n          }}\r\n          validate={validateRefill}\r\n        >\r\n          <AutocompleteInput optionText=\"email\" />\r\n        </ReferenceInput>\r\n\r\n        <TextInput source=\"refillamount\" /* validate={validateName} */ />\r\n      </SimpleForm>\r\n    </Create>\r\n  );\r\n};\r\n","import React from \"react\";\nimport {\n  Create,\n  Datagrid,\n  DateField,\n  Edit,\n  EditButton,\n  List,\n  required,\n  Show,\n  ShowButton,\n  SimpleForm,\n  SimpleShowLayout,\n  TextField,\n  TextInput,\n} from \"react-admin\";\nimport { Pagination } from \"./Pagination\";\n\nexport const UserList = (props) => {\n  return (\n    <List {...props} pagination={<Pagination />}>\n      <Datagrid>\n        {/* <TextField source=\"id\" sortable={false} /> */}\n        <TextField source=\"username\" sortable={false} />\n        <TextField source=\"email\" sortable={false} />\n        <TextField source=\"password\" sortable={false} />\n        <DateField source=\"createdAt\" sortable={false} />\n        <DateField source=\"updatedAt\" sortable={false} />\n        <ShowButton />\n        <EditButton />\n      </Datagrid>\n    </List>\n  );\n};\n\nexport const UserShow = (props) => (\n  <Show {...props}>\n    <SimpleShowLayout>\n      <TextField source=\"id\" />\n      <TextField source=\"username\" />\n      <TextField source=\"password\" />\n      <DateField source=\"createdAt\" />\n      <DateField source=\"updatedAt\" />\n    </SimpleShowLayout>\n  </Show>\n);\n\nconst validateUsername = [required()];\nconst validatePassword = [required()];\n\nexport const UserEdit = (props) => (\n  <Edit {...props}>\n    <SimpleForm>\n      <TextInput source=\"id\" disabled />\n      <TextInput source=\"username\" validate={validateUsername} />\n      <TextInput source=\"password\" validate={validatePassword} />\n    </SimpleForm>\n  </Edit>\n);\n\nexport const UserCreate = (props) => (\n  <Create {...props}>\n    <SimpleForm>\n      <TextInput source=\"id\" />\n      <TextInput source=\"username\" validate={validateUsername} />\n      <TextInput source=\"password\" validate={validatePassword} />\n    </SimpleForm>\n  </Create>\n);\n","/* eslint-disable */\r\n// this is an auto generated file. This will be overwritten\r\n\r\nexport const createTodo = /* GraphQL */ `\r\n  mutation CreateTodo(\r\n    $input: CreateTodoInput!\r\n    $condition: ModelTodoConditionInput\r\n  ) {\r\n    createTodo(input: $input, condition: $condition) {\r\n      id\r\n      name\r\n      description\r\n      createdAt\r\n      updatedAt\r\n      owner\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const updateTodo = /* GraphQL */ `\r\n  mutation UpdateTodo(\r\n    $input: UpdateTodoInput!\r\n    $condition: ModelTodoConditionInput\r\n  ) {\r\n    updateTodo(input: $input, condition: $condition) {\r\n      id\r\n      name\r\n      description\r\n      createdAt\r\n      updatedAt\r\n      owner\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const deleteTodo = /* GraphQL */ `\r\n  mutation DeleteTodo(\r\n    $input: DeleteTodoInput!\r\n    $condition: ModelTodoConditionInput\r\n  ) {\r\n    deleteTodo(input: $input, condition: $condition) {\r\n      id\r\n      name\r\n      description\r\n      createdAt\r\n      updatedAt\r\n      owner\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const createPedido = /* GraphQL */ `\r\n  mutation CreatePedido(\r\n    $input: CreatePedidoInput!\r\n    $condition: ModelPedidoConditionInput\r\n  ) {\r\n    createPedido(input: $input, condition: $condition) {\r\n      id\r\n      orderID\r\n      cant\r\n      name\r\n      price\r\n      provider\r\n      url\r\n      image\r\n      detail\r\n      width\r\n      height\r\n      depth\r\n      weight\r\n      status\r\n      userID\r\n      date\r\n      gestion\r\n      delivery\r\n      deliselection\r\n      createdAt\r\n      updatedAt\r\n      owner\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const updatePedido = /* GraphQL */ `\r\n  mutation UpdatePedido(\r\n    $input: UpdatePedidoInput!\r\n    $condition: ModelPedidoConditionInput\r\n  ) {\r\n    updatePedido(input: $input, condition: $condition) {\r\n      id\r\n      orderID\r\n      cant\r\n      name\r\n      price\r\n      provider\r\n      url\r\n      image\r\n      detail\r\n      width\r\n      height\r\n      depth\r\n      weight\r\n      status\r\n      userID\r\n      date\r\n      gestion\r\n      delivery\r\n      deliselection\r\n      createdAt\r\n      updatedAt\r\n      owner\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const deletePedido = /* GraphQL */ `\r\n  mutation DeletePedido(\r\n    $input: DeletePedidoInput!\r\n    $condition: ModelPedidoConditionInput\r\n  ) {\r\n    deletePedido(input: $input, condition: $condition) {\r\n      id\r\n      orderID\r\n      cant\r\n      name\r\n      price\r\n      provider\r\n      url\r\n      image\r\n      detail\r\n      width\r\n      height\r\n      depth\r\n      weight\r\n      status\r\n      userID\r\n      date\r\n      gestion\r\n      delivery\r\n      deliselection\r\n      createdAt\r\n      updatedAt\r\n      owner\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const createShopCart = /* GraphQL */ `\r\n  mutation CreateShopCart(\r\n    $input: CreateShopCartInput!\r\n    $condition: ModelShopCartConditionInput\r\n  ) {\r\n    createShopCart(input: $input, condition: $condition) {\r\n      id\r\n      cant\r\n      name\r\n      price\r\n      provider\r\n      url\r\n      image\r\n      detail\r\n      width\r\n      height\r\n      depth\r\n      weight\r\n      userID\r\n      process\r\n      date\r\n      gestion\r\n      delivery\r\n      orderType\r\n      createdAt\r\n      updatedAt\r\n      userShopcartId\r\n      owner\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const updateShopCart = /* GraphQL */ `\r\n  mutation UpdateShopCart(\r\n    $input: UpdateShopCartInput!\r\n    $condition: ModelShopCartConditionInput\r\n  ) {\r\n    updateShopCart(input: $input, condition: $condition) {\r\n      id\r\n      cant\r\n      name\r\n      price\r\n      provider\r\n      url\r\n      image\r\n      detail\r\n      width\r\n      height\r\n      depth\r\n      weight\r\n      userID\r\n      process\r\n      date\r\n      gestion\r\n      delivery\r\n      orderType\r\n      createdAt\r\n      updatedAt\r\n      userShopcartId\r\n      owner\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const deleteShopCart = /* GraphQL */ `\r\n  mutation DeleteShopCart(\r\n    $input: DeleteShopCartInput!\r\n    $condition: ModelShopCartConditionInput\r\n  ) {\r\n    deleteShopCart(input: $input, condition: $condition) {\r\n      id\r\n      cant\r\n      name\r\n      price\r\n      provider\r\n      url\r\n      image\r\n      detail\r\n      width\r\n      height\r\n      depth\r\n      weight\r\n      userID\r\n      process\r\n      date\r\n      gestion\r\n      delivery\r\n      orderType\r\n      createdAt\r\n      updatedAt\r\n      userShopcartId\r\n      owner\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const createRefill = /* GraphQL */ `\r\n  mutation CreateRefill(\r\n    $input: CreateRefillInput!\r\n    $condition: ModelRefillConditionInput\r\n  ) {\r\n    createRefill(input: $input, condition: $condition) {\r\n      id\r\n      userID\r\n      customer\r\n      refillamount\r\n      date\r\n      createdAt\r\n      updatedAt\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const updateRefill = /* GraphQL */ `\r\n  mutation UpdateRefill(\r\n    $input: UpdateRefillInput!\r\n    $condition: ModelRefillConditionInput\r\n  ) {\r\n    updateRefill(input: $input, condition: $condition) {\r\n      id\r\n      userID\r\n      customer\r\n      refillamount\r\n      date\r\n      createdAt\r\n      updatedAt\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const deleteRefill = /* GraphQL */ `\r\n  mutation DeleteRefill(\r\n    $input: DeleteRefillInput!\r\n    $condition: ModelRefillConditionInput\r\n  ) {\r\n    deleteRefill(input: $input, condition: $condition) {\r\n      id\r\n      userID\r\n      customer\r\n      refillamount\r\n      date\r\n      createdAt\r\n      updatedAt\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const createProduct = /* GraphQL */ `\r\n  mutation CreateProduct(\r\n    $input: CreateProductInput!\r\n    $condition: ModelProductConditionInput\r\n  ) {\r\n    createProduct(input: $input, condition: $condition) {\r\n      id\r\n      name\r\n      caseInsensitiveName\r\n      price\r\n      provider\r\n      url\r\n      image\r\n      userID\r\n      createdAt\r\n      updatedAt\r\n      userProductId\r\n      owner\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const updateProduct = /* GraphQL */ `\r\n  mutation UpdateProduct(\r\n    $input: UpdateProductInput!\r\n    $condition: ModelProductConditionInput\r\n  ) {\r\n    updateProduct(input: $input, condition: $condition) {\r\n      id\r\n      name\r\n      caseInsensitiveName\r\n      price\r\n      provider\r\n      url\r\n      image\r\n      userID\r\n      createdAt\r\n      updatedAt\r\n      userProductId\r\n      owner\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const deleteProduct = /* GraphQL */ `\r\n  mutation DeleteProduct(\r\n    $input: DeleteProductInput!\r\n    $condition: ModelProductConditionInput\r\n  ) {\r\n    deleteProduct(input: $input, condition: $condition) {\r\n      id\r\n      name\r\n      caseInsensitiveName\r\n      price\r\n      provider\r\n      url\r\n      image\r\n      userID\r\n      createdAt\r\n      updatedAt\r\n      userProductId\r\n      owner\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const createUser = /* GraphQL */ `\r\n  mutation CreateUser(\r\n    $input: CreateUserInput!\r\n    $condition: ModelUserConditionInput\r\n  ) {\r\n    createUser(input: $input, condition: $condition) {\r\n      id\r\n      username\r\n      password\r\n      name\r\n      lastname\r\n      idcard\r\n      phone\r\n      address\r\n      email\r\n      cp\r\n      imageurl\r\n      refill {\r\n        nextToken\r\n        __typename\r\n      }\r\n      pedido {\r\n        nextToken\r\n        __typename\r\n      }\r\n      shopcart {\r\n        nextToken\r\n        __typename\r\n      }\r\n      product {\r\n        nextToken\r\n        __typename\r\n      }\r\n      createdAt\r\n      updatedAt\r\n      owner\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const updateUser = /* GraphQL */ `\r\n  mutation UpdateUser(\r\n    $input: UpdateUserInput!\r\n    $condition: ModelUserConditionInput\r\n  ) {\r\n    updateUser(input: $input, condition: $condition) {\r\n      id\r\n      username\r\n      password\r\n      name\r\n      lastname\r\n      idcard\r\n      phone\r\n      address\r\n      email\r\n      cp\r\n      imageurl\r\n      refill {\r\n        nextToken\r\n        __typename\r\n      }\r\n      pedido {\r\n        nextToken\r\n        __typename\r\n      }\r\n      shopcart {\r\n        nextToken\r\n        __typename\r\n      }\r\n      product {\r\n        nextToken\r\n        __typename\r\n      }\r\n      createdAt\r\n      updatedAt\r\n      owner\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const deleteUser = /* GraphQL */ `\r\n  mutation DeleteUser(\r\n    $input: DeleteUserInput!\r\n    $condition: ModelUserConditionInput\r\n  ) {\r\n    deleteUser(input: $input, condition: $condition) {\r\n      id\r\n      username\r\n      password\r\n      name\r\n      lastname\r\n      idcard\r\n      phone\r\n      address\r\n      email\r\n      cp\r\n      imageurl\r\n      refill {\r\n        nextToken\r\n        __typename\r\n      }\r\n      pedido {\r\n        nextToken\r\n        __typename\r\n      }\r\n      shopcart {\r\n        nextToken\r\n        __typename\r\n      }\r\n      product {\r\n        nextToken\r\n        __typename\r\n      }\r\n      createdAt\r\n      updatedAt\r\n      owner\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const createPicture = /* GraphQL */ `\r\n  mutation CreatePicture(\r\n    $input: CreatePictureInput!\r\n    $condition: ModelPictureConditionInput\r\n  ) {\r\n    createPicture(input: $input, condition: $condition) {\r\n      id\r\n      name\r\n      owner\r\n      file {\r\n        bucket\r\n        region\r\n        key\r\n        __typename\r\n      }\r\n      createdAt\r\n      updatedAt\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const updatePicture = /* GraphQL */ `\r\n  mutation UpdatePicture(\r\n    $input: UpdatePictureInput!\r\n    $condition: ModelPictureConditionInput\r\n  ) {\r\n    updatePicture(input: $input, condition: $condition) {\r\n      id\r\n      name\r\n      owner\r\n      file {\r\n        bucket\r\n        region\r\n        key\r\n        __typename\r\n      }\r\n      createdAt\r\n      updatedAt\r\n      __typename\r\n    }\r\n  }\r\n`;\r\nexport const deletePicture = /* GraphQL */ `\r\n  mutation DeletePicture(\r\n    $input: DeletePictureInput!\r\n    $condition: ModelPictureConditionInput\r\n  ) {\r\n    deletePicture(input: $input, condition: $condition) {\r\n      id\r\n      name\r\n      owner\r\n      file {\r\n        bucket\r\n        region\r\n        key\r\n        __typename\r\n      }\r\n      createdAt\r\n      updatedAt\r\n      __typename\r\n    }\r\n  }\r\n`;\r\n","import { Amplify } from '@aws-amplify/core';\r\nimport React from 'react';\r\nimport { Admin, Resource, ListGuesser, EditGuesser, CreateGuesser } from 'react-admin';\r\nimport { AmplifyAdmin, buildAuthProvider } from 'react-admin-amplify';\r\nimport { API, graphqlOperation } from '@aws-amplify/api';\r\nimport * as subscriptions from './graphql/subscriptions';\r\nimport awsExports from './aws-exports';\r\nimport {\r\n  AccountRepresentativeCreate,\r\n  AccountRepresentativeEdit,\r\n  AccountRepresentativeList,\r\n  AccountRepresentativeShow,\r\n} from './components/AccountRepresentative';\r\nimport {\r\n  CustomerCreate,\r\n  CustomerEdit,\r\n  CustomerList,\r\n  CustomerShow,\r\n} from './components/Customer';\r\nimport { Dashboard } from './components/Dashboard';\r\nimport {\r\n  EmployeeCreate,\r\n  EmployeeEdit,\r\n  EmployeeList,\r\n  EmployeeShow,\r\n} from './components/Employee';\r\nimport { LoginPage } from './components/LoginPage';\r\nimport {\r\n  OrderCreate,\r\n  OrderEdit,\r\n  OrderList,\r\n  OrderShow,\r\n} from './components/Order';\r\nimport {\r\n  PedidoCreate,\r\n  PedidoEdit,\r\n  PedidoList,\r\n  PedidoShow,\r\n} from './components/Pedido';\r\nimport {\r\n  ProductCreate,\r\n  ProductEdit,\r\n  ProductList,\r\n  ProductShow,\r\n} from './components/Product';\r\nimport {\r\n  ShopCartCreate,\r\n  ShopCartEdit,\r\n  ShopCartList,\r\n  ShopCartShow,\r\n} from './components/ShopCart';\r\nimport {\r\n  RefillCreate,\r\n  RefillEdit,\r\n  RefillList,\r\n  RefillShow,\r\n} from './components/Refill';\r\nimport { UserCreate, UserEdit, UserList, UserShow } from './components/User';\r\nimport {\r\n  WarehouseCreate,\r\n  WarehouseList,\r\n  WarehouseShow,\r\n} from './components/Warehouse';\r\nimport * as mutations from './graphql/mutations';\r\nimport * as queries from './graphql/queries';\r\n\r\nimport { buildDataProvider } from 'react-admin-amplify';\r\n\r\nAmplify.configure(awsExports);\r\n\r\nconst dataProvider = buildDataProvider({ queries, mutations });\r\n\r\nconst myDataProvider = {\r\n  ...dataProvider,\r\n  getList: (resource, params) => {\r\n      \r\n    console.log('getList', resource, params);\r\n    return dataProvider.getList(resource, params);\r\n  },\r\n  getOne: (resource, params) => {\r\n      \r\n    console.log('getOne', resource, params);\r\n    return dataProvider.getOne(resource, params);\r\n  },\r\n  create: (resource, params) => {\r\n      \r\n    console.log('create', resource, params);\r\n    return dataProvider.create(resource, params);\r\n  },\r\n  update: (resource, params) => {\r\n      \r\n    console.log('update', resource, params);\r\n    delete params.data.__typename;\r\n    delete params.data.owner;\r\n    return dataProvider.update(resource, params);\r\n  },\r\n  delete: (resource, params) => {\r\n      \r\n    console.log('delete', resource, params);\r\n    return dataProvider.delete(resource, params);\r\n  },\r\n};\r\n\r\n\r\nfunction App() {\r\n  // // Subscribe to creation of Todo\r\n  // const subscription = API.graphql(\r\n  //   graphqlOperation(subscriptions.onCreateCustomer)\r\n  // ).subscribe({\r\n  //   next: (userData) => console.log(userData)\r\n  // });\r\n\r\n  // // Stop receiving data updates from the subscription\r\n  // subscription.unsubscribe();\r\n  return (\r\n    <Admin\r\n      dataProvider={myDataProvider}\r\n      operations={{ queries, mutations }}\r\n      // options={{ authGroups: ['test'] }}\r\n      loginPage={LoginPage}\r\n      dashboard={Dashboard}\r\n      authProvider={buildAuthProvider({ authGroups: [\"test\"] })}\r\n    >\r\n      {(permissions) => {\r\n        return [\r\n          /*  <Resource\r\n          options={{ label: 'Ordenes' }}\r\n          name=\"orders\"\r\n          list={OrderList}\r\n          show={OrderShow}\r\n          edit={OrderEdit}\r\n          create={OrderCreate}\r\n        />, */\r\n          <Resource\r\n            options={{ label: 'Pedidos' }}\r\n            name='pedidos'\r\n            list={PedidoList}\r\n            show={PedidoShow}\r\n            edit={PedidoEdit}\r\n            create={PedidoCreate}\r\n          />,\r\n          <Resource\r\n            options={{ label: 'Carritos' }}\r\n            name='shopCarts'\r\n            list={ShopCartList}\r\n            show={ShopCartShow}\r\n            edit={ShopCartEdit}\r\n            create={ShopCartCreate}\r\n          />,\r\n          // <Resource\r\n          //   options={{ label: 'Clientes' }}\r\n          //   name=\"customers\"\r\n          //   list={CustomerList}\r\n          //   show={CustomerShow}\r\n          //   edit={CustomerEdit}\r\n          //   create={CustomerCreate}\r\n          // />,\r\n          // <Resource\r\n          //   name=\"employees\"\r\n          //   list={EmployeeList}\r\n          //   show={EmployeeShow}\r\n          //   edit={EmployeeEdit}\r\n          //   create={EmployeeCreate}\r\n          // />,\r\n          // <Resource\r\n          //   name=\"warehouses\"\r\n          //   list={WarehouseList}\r\n          //   show={WarehouseShow}\r\n          //   create={WarehouseCreate}\r\n          // />,\r\n          // <Resource\r\n          //   name=\"accountRepresentatives\"\r\n          //   options={{ label: \"Account Reps\" }}\r\n          //   list={AccountRepresentativeList}\r\n          //   show={AccountRepresentativeShow}\r\n          //   edit={AccountRepresentativeEdit}\r\n          //   create={AccountRepresentativeCreate}\r\n          // />,\r\n          <Resource\r\n            options={{ label: 'Productos' }}\r\n            name='products'\r\n            list={ProductList}\r\n            show={ProductShow}\r\n            edit={ProductEdit}\r\n            create={ProductCreate}\r\n          />,\r\n          <Resource\r\n            options={{ label: 'Recargas' }}\r\n            name='refills'\r\n            list={RefillList}\r\n            // show={RefillShow}\r\n            // edit={EditGuesser}\r\n            create={RefillCreate}\r\n          />,\r\n          //permissions.includes('test') ? (\r\n            <Resource\r\n              options={{ label: 'Usuarios Admin' }}\r\n              name='users'\r\n              list={UserList}\r\n              show={UserShow}\r\n              edit={EditGuesser}\r\n              create={UserCreate}\r\n            />\r\n          //) : null,\r\n        ];\r\n      }}\r\n    </Admin>\r\n  );\r\n}\r\n\r\nexport default App;\r\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.0/8 are considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\nexport function register(config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl, config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl, {\n    headers: { 'Service-Worker': 'script' },\n  })\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type');\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready\n      .then(registration => {\n        registration.unregister();\n      })\n      .catch(error => {\n        console.error(error.message);\n      });\n  }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}