@omniumretail/shared-resources 0.3.86 → 0.3.87

package/src/components/Navigation/styles.module.scss

@@ -1,34 +0,0 @@
-.navigation {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 0 24px;
-    height: 75px;
-    gap: 0 24px;
-    position: relative;
-
-    @media(max-width: 767px) {
-        padding-top: 32px;
-    }
-
-    @media(min-width: 767px) {
-        padding: 0 40px;
-    }
-
-    .title {
-        font-size: var(--font-size-body-4);
-        font-weight: var(--font-weight-semibold);
-        text-transform: uppercase;
-    }
-
-    .columnCenter {
-        @media(max-width: 767px) {
-            position: absolute;
-            top: 12px;
-            margin: 0 auto;
-            left: 0;
-            right: 0;
-            text-align: center;
-        }
-    }
-}

package/src/components/Page/index.tsx

@@ -1,35 +0,0 @@
-
-import { Spin } from 'antd';
-import classNames from 'classnames';
-import styles from './styles.module.scss';
-
-interface PageContentProps extends PageBaseProps {
-    isLoading?: boolean;
-}
-
-interface PageBaseProps {
-    children?: React.ReactNode | React.ReactNode[];
-}
-
-export const Page = ({ children }: PageBaseProps) => {
-    return (
-        <div className={ styles.pageContainer }>
-            { children }
-        </div>
-    )
-};
-
-const PageHeader = ({ children  }: PageBaseProps) => (
-    <div className={ styles.header }>
-        { children }
-    </div>
-);
-
-const PageContent = ({ children, isLoading }: PageContentProps) => (
-    <div className={ classNames(styles.pageContent, { [styles.pageContentLoading]: isLoading }) }>
-        { isLoading ? <Spin /> : children }
-    </div>
-);
-
-Page.Header = PageHeader;
-Page.Content = PageContent;

package/src/components/Page/styles.module.scss

@@ -1,26 +0,0 @@
-$padding: 8.5px 20px;
-
-.header {
-    background: var(--white-color);
-    height: 37px;
-    border-bottom: 2px solid var(--disabled-input);
-    color: var(--app-footer-bg-color);
-    display: flex;
-    gap: 21px;
-    align-items: center;
-}
-
-.pageContent, .header {
-    padding: $padding;
-}
-
-.pageContainer {
-    height: 100%;
-}
-
-.pageContentLoading {
-    min-height: 50%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}

package/src/components/SharedContextProvider/index.tsx

@@ -1,30 +0,0 @@
-import React from 'react';
-import { QueryClientProvider } from "@tanstack/react-query";
-import { queryClient } from '../../constants';
-import { StoreProvider } from '../../contexts/useStore';
-
-export interface SharedContextProviderProps {
-    providers?: React.JSXElementConstructor<unknown>[];
-    children?: React.ReactElement | React.ReactElement[];
-    disableInitialStoreRequest?: boolean;
-}
-
-const DefaultProviders = [
-    StoreProvider,
-    [QueryClientProvider, { client: queryClient }],
-] as React.JSXElementConstructor<unknown>[];
-
-const ContextProvider = ({ providers, children }) => providers.reduceRight(
-    (children, parent) => React.cloneElement(parent, { children: children }),
-    children
-);
-
-export const SharedContextProvider = ({ children, disableInitialStoreRequest }: SharedContextProviderProps) => {
-    return (
-        <QueryClientProvider client={ queryClient }>
-            <StoreProvider disableInitialStoreRequest={disableInitialStoreRequest}>
-                { children }
-            </StoreProvider>
-        </QueryClientProvider>
-    );
-};

package/src/components/index.ts

@@ -1,9 +0,0 @@
-export * from './SharedContextProvider';
-export * from './Header';
-export * from './Footer';
-export * from './Page';
-export * from './Button';
-export * from './BottomDrawer';
-export * from './Form';
-export * from './Link';
-export * from './Navigation';

package/src/constants/Icons.ts

@@ -1,21 +0,0 @@
-
-import {
-    faBars, faUserTie, faPlus, faXmark, faUser, faUserPlus,
-    faCartShopping, faChevronDown, faFilter, faSearch, faQrcode, faCheck, faTrashAlt
-} from '@fortawesome/free-solid-svg-icons'
-
-export const icons = {
-    faBars,
-    faUser,
-    faUserTie,
-    faPlus,
-    faUserPlus,
-    faXmark,
-    faCartShopping,
-    faChevronDown,
-    faFilter,
-    faSearch,
-    faQrcode,
-    faCheck,
-    faTrashAlt
-};

package/src/constants/QueryClient.ts

@@ -1,10 +0,0 @@
-import { QueryClient } from '@tanstack/react-query';
-
-export const queryClient = new QueryClient({
-    defaultOptions: {
-        queries: {
-            refetchOnWindowFocus: false,
-            suspense: true,
-        },
-    },
-});

package/src/constants/index.ts

@@ -1,2 +0,0 @@
-export * from './QueryClient'
-export * from './Icons';

package/src/contexts/useStore.tsx

@@ -1,20 +0,0 @@
-
-import React from 'react';
-import { useSearchParams } from 'react-router-dom';
-import { useStoreQuery } from '../hooks/Store/useStoreQuery';
-import { Store } from '../interfaces/Store';
-
-const StoreContext = React.createContext<Store | null>(null);
-
-const StoreProvider = ({ children, disableInitialStoreRequest }: { disableInitialStoreRequest?: boolean, children: React.ReactElement | React.ReactElement[] }) => {
-    const [params] = useSearchParams();
-    const { data: store } = useStoreQuery({ id: params.get('storeId') as string, enabled: !disableInitialStoreRequest });
-
-    return <StoreContext.Provider value={ store }> { children } </StoreContext.Provider>;
-};
-
-const useStoreContext = (): Store => {
-    return React.useContext(StoreContext) as Store;
-};
-
-export { StoreProvider, useStoreContext };

package/src/enums/attendence-type.enum.ts

@@ -1,5 +0,0 @@
-
-export enum AttendanceType {
-    ENTER = 0,
-    EXIT = 1
-}

package/src/enums/employees-order.enum.ts

@@ -1,7 +0,0 @@
-
-export enum EmployeeOrder {
-    NAME_A_Z,
-    NAME_Z_A,
-    ID_ASC,
-    ID_DESC,
-}

package/src/enums/index.ts

@@ -1,2 +0,0 @@
-export * from './attendence-type.enum';
-export * from './employees-order.enum';

package/src/global.scss

@@ -1,124 +0,0 @@
-:root {
-    /* TODO: Update this code */
-    --primary-color: red;
-    --white-color: white;
-    --grad-bg-button-color: #DADADA;
-    --button-border-color: #707070;
-    --button-color: #37383A;
-    --customer-icon-color: #63B299;
-    --default-background-image-color: #D9D9D9;
-    --field-border-color: #D5D8D7;
-    --page-bg-color: #F9F9F9;
-    --page-border-color: #CECECE;
-    --page-footer-bg-color: #DEDEDE;
-    --app-footer-bg-color: #2C2D2E;
-    --app-footer-color: #F5F6F7;
-    --app-header-bg-1-color: #F7F7F7;
-    --app-header-bg-2-color: #E3E3E3;
-    --app-header-bg-3-color: #797979;
-    --app-header-bt-border-color: #090909;
-    --page-header-bg-color: #282c34;
-    --success-color: #64B298;
-    --error-color: #E05151;
-    --disabled-input: #E8E8E8;
-    --job-title-bg: #A83D3D;
-    --job-date-info-bg: #E0F0EA;
-    --job-date-edit-bg: #F0F0F0;
-    --header-border-color: #C7CAC9;
-    --grey: #E6E6E6;
-    --active-button-color: #35779D;
-    --sf-pro: normal normal bold 12px/14px SF Pro Text;
-    --delete-bg: #E15151;
-
-    /* New Code */
-    /*** Colors ***/
-    // Primary Colors
-    --color-black: #2c2d2e;
-    --color-black-rgb: 44, 45, 46;
-    --color-white: #FFFFFF;
-    --color-white-rgb: 255, 255, 255;
-
-    --color-orange: #FF674C;
-    --color-orange-rgb: 255, 103, 76;
-    
-    --color-blue: #09168B;
-    --color-blue-rgb: 9, 22, 139;
-
-    --color-grey-light: #D9D9D9;
-    --color-grey-light-rgb: 217, 217, 217;
-    --color-grey: #C7CAC9;
-    --color-grey-rgb: 199, 202, 201;
-    --color-grey-dark: #797979;
-    --color-grey-dark-rgb: 121, 121, 121;
-
-    // Helper Colors
-    --color-warning-400: #E36262;
-    --color-warning-500: #E05151;
-
-    --color-confirmation-400: #73b9a2;
-    --color-confirmation-600: #64B298;
-
-    /*** Font Styles ***/
-    // Font Family
-    --font-family-primary: SF Pro;
-
-    // Font Weight
-    --font-weight-light: 300;
-    --font-weight-regular: 400;
-    --font-weight-medium: 500;
-    --font-weight-semibold: 600;
-    --font-weight-bold: 700;
-
-    // Font Styles
-    --font-style-normal: normal;
-    --font-style-italic: italic;
-
-    // Font Sizes
-    --font-size-body-1: 10px;
-    --font-size-body-2: 12px;
-    --font-size-body-3: 14px;
-    --font-size-body-4: 16px;
-    --font-size-body-5: 18px;
-    --font-size-body-6: 20px;
-    
-    --font-size-h1: 46px;
-    --font-size-h2: 40px;
-    --font-size-h3: 36px;
-    --font-size-h4: 30px;
-    --font-size-h5: 24px;
-
-    --font-size-body-base: var(--font-size-body-4);
-    --font-size-label: var(--font-size-body-3);
-
-    /*** CTAs ***/
-    // Button Default
-    --button-default-background: var(--color-orange);
-    --button-default-text-color: var(--color-white);
-    --button-default-background-hover-color: rgba(var(--color-orange-rgb), .9);
-    --button-default-text-hover-color: var(--color-white);
-    --button-default-background-focus-color: var(--color-grey-dark);
-    --button-default-text-focus-color: rgba(var(--color-white-rgb), .8);
-
-    // Button Style 1
-    --button-style-1-background: var(--color-black);
-    --button-style-1-text-color: var(--color-white);
-    --button-style-1-background-hover-color: rgba(var(--color-black-rgb), .9);
-    --button-style-1-text-hover-color: var(--color-white);
-    --button-style-1-background-focus-color: var(--color-grey-dark);
-    --button-style-1-text-focus-color: rgba(var(--color-white-rgb), .8);
-
-    // Button Disabled 
-    --button-disabled-background-color: var(--color-grey-dark);
-    --button-disabled-default-text-color: var(--color-white);
-
-    // Link
-    --link-color: var(--color-orange);
-    --link-hover-color: var(--color-black);
-    --link-focus-color: rgba(var(--color-orange), .9);
-    --link-disabled-color: rgba(var(--color-grey), .2);
-
-    // Transition Speed
-    --transition-slow: .2s;
-    --transition: .6s;
-    --transition-fast: 1s;
-}

package/src/helpers/codeMutation.tsx

@@ -1,20 +0,0 @@
-import type { MenuProps } from 'antd';
-import React from 'react';
-
-export type MenuItem = Required<MenuProps>['items'][number];
-
-export function getItem(
-    label: React.ReactNode,
-    key: React.Key,
-    icon?: React.ReactNode,
-    children?: MenuItem[],
-    type?: 'group',
-): MenuItem {
-    return {
-        key,
-        icon,
-        children,
-        label,
-        type,
-    } as MenuItem;
-}

package/src/helpers/date-unix.helper.ts

@@ -1,29 +0,0 @@
-import moment from 'moment';
-import dayjs, { Dayjs } from 'dayjs';
-
-export const getDateFromUnix = <T = Dayjs | string | null>(unixDate: number, formatStr?: string): T => {
-    const date = unixDate ? dayjs.unix(unixDate) : null;
-
-    return (formatStr && date ? date.format(formatStr) : date) as T;
-}
-
-export const getDateToUnix = (date: Date): number | null => {
-    return date ? moment(date).unix() : null;
-}
-
-export const getUnixFromDateString = (dateString: string): number | null => {
-    const date = dayjs(dateString, 'YYYY-MM-DD');
-    
-    return date.isValid() ? date.unix() : null;
-}
-
-export const getDateStringToUnix = (dateUnix: number) => {    
-    const dateObject = new Date(dateUnix * 1000);
-
-    const day = dateObject?.getDate()?.toString()?.padStart(2, '0');
-    const month = (dateObject?.getMonth() + 1)?.toString()?.padStart(2, '0');
-    const year = dateObject?.getFullYear();
-    
-    return `${day}/${month}/${year}`;
-}
-

package/src/helpers/formatted-date.helper.ts

@@ -1,15 +0,0 @@
-import moment from 'moment';
-
-export const getFormattedDate = (seconds: number, defaultValue = ''): string => {
-    if (!seconds) {
-        return defaultValue;
-    }
-    const date = new Date();
-    date.setUTCSeconds(seconds);
-    const finalDate = moment();
-    finalDate.set('minutes', date.getUTCMinutes());
-    finalDate.set('seconds', date.getUTCSeconds());
-    finalDate.set('hours', date.getUTCHours());
-
-    return finalDate.format('HH:mm');
-}

package/src/helpers/getChildrenByType.helper.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-
-export const getChildrenByType = (children: JSX.Element | JSX.Element[], fn: Function) => {
-    return React.Children.toArray(children).find((child) => (child as JSX.Element).type === fn);
-}

package/src/helpers/index.ts

@@ -1,4 +0,0 @@
-export * from './codeMutation';
-export * from './formatted-date.helper';
-export * from './getChildrenByType.helper';
-export * from './date-unix.helper';

package/src/hooks/ACB/get/getClientBalance.hook.ts

@@ -1,20 +0,0 @@
-import { useQuery, UseQueryOptions } from '@tanstack/react-query';
-import { get } from '../../../services/ApiService';
-import { ClientResponse  } from '../../../interfaces';
-
-interface ClientBalanceQueryOptions extends UseQueryOptions<ClientResponse>{
-   fiscalId?: string;
-}
-
-export const getClientBalance= ({ fiscalId, ...options }: ClientBalanceQueryOptions) => {
-    return useQuery<ClientResponse>(
-        ['EMPLOYEES_QUERY', fiscalId],
-        () =>
-            get<ClientResponse>('/ACB/Clients', {
-                pFiscalId: fiscalId          
-            }),
-        {
-            ...options
-        }
-    );
-};

package/src/hooks/ACB/mutate/postClientBalance.hook.ts

@@ -1,16 +0,0 @@
-import {  useQueryClient, useMutation } from '@tanstack/react-query';
-import { AddClientBalanceRequest } from "../../../interfaces";
-import { post } from "../../../services/ApiService"; 
-
-
-export const postClientBalance = () => { 
-    const queryClient = useQueryClient();
-    return useMutation<AddClientBalanceRequest , unknown, AddClientBalanceRequest >((data: AddClientBalanceRequest ) => {
-        return post('/ACB/Clients', data);
-    }, {
-        onSuccess: (data: AddClientBalanceRequest ) => {
-            queryClient.setQueryData(
-                ['POST_CLIENT_BALANCE'], data);
-        },
-    });
-}

package/src/hooks/ASAEGNG/get/getCustomerHistoryQuery.hook.ts

@@ -1,24 +0,0 @@
-import { useQuery, UseQueryOptions } from "@tanstack/react-query";
-import { CustomerHistory, ResponseList } from "../../../interfaces";
-import { getAuth0 } from "../../../services/ApiService";
-
-interface CustomerHistoryProps extends Omit<UseQueryOptions<ResponseList<"CustomerHistories", CustomerHistory>>, "queryKey"> {
-    page: number;
-    records: number;
-    sortBy: string;
-    sortDirection: string;
-}
-
-export const getCustomerHistoryQueryHook = (customerId: string, { page, records, sortBy, sortDirection,  ...options }: CustomerHistoryProps) => {
-    return useQuery(
-        ['CUSTOMER_HISTORY_QUERY', customerId, page, records, sortBy, sortDirection, options],
-        () => getAuth0<ResponseList<"CustomerHistories", CustomerHistory>>(`/GNG/Salesforce/CustomerHistories/${customerId}`, {
-            pPage: page,
-            pRecords: records,
-            pSortBy: sortBy,
-            pSortDirection: sortDirection
-        }),
-        options
-    );
-}
- 

package/src/hooks/ASAEGNG/get/getCustomerVouchersQuery.hook.ts

@@ -1,24 +0,0 @@
-import { useQuery, UseQueryOptions } from "@tanstack/react-query";
-import { CustomerVoucher, ResponseList } from "../../../interfaces";
-import { getAuth0 } from "../../../services/ApiService";
-
-interface CustomerVoucherProps extends Omit<UseQueryOptions<ResponseList<"CustomerVouchers", CustomerVoucher>>, "queryKey"> {
-    page: number;
-    records: number;
-    sortBy: string;
-    sortDirection: string;
-}
-
-export const getCustomerVouchersQueryHook = (customerId: string, { page, records, sortBy, sortDirection,  ...options }: CustomerVoucherProps) => {
-    return useQuery(
-        ['CUSTOMER_VOUCHERS_QUERY', page, records, sortBy, sortDirection, customerId, options],
-        () => getAuth0<ResponseList<"CustomerVouchers", CustomerVoucher>>(`/GNG/Salesforce/CustomerVouchers/${customerId}`, {
-            pPage: page,
-            pRecords: records,
-            pSortBy: sortBy,
-            pSortDirection: sortDirection
-        }),
-        options
-    );
-}
- 

package/src/hooks/ASAEGNG/get/getCustomersQuery.hook.ts

@@ -1,28 +0,0 @@
-import { useQuery, UseQueryOptions } from "@tanstack/react-query";
-import { ASAECustomer, ResponseList } from "../../../interfaces";
-import { getAuth0 } from "../../../services/ApiService";
-
-interface ASAECustomerProps extends Omit<UseQueryOptions<ResponseList<"Customers", ASAECustomer>>, "queryKey"> {
-    page: number;
-    records: number;
-    sortBy: string;
-    sortDirection: string;
-    terms?: string;
-    query?: string;
-}
-
-export const getASAECustomerQueryHook = ({ page, records, sortBy, sortDirection, terms, query, ...options }: ASAECustomerProps) => {
-    return useQuery(
-        ['CUSTOMER_QUERY', page, records, sortBy, sortDirection, terms, query, options],
-        () => getAuth0<ResponseList<"Customers", ASAECustomer>>(`/GNG/Salesforce/Customers`, {
-            pPage: page,
-            pRecords: records,
-            pSortBy: sortBy,
-            pSortDirection: sortDirection,
-            pTerms: terms || "",
-            pQuery: query || ""
-        }),
-        options
-    );
-}
- 

package/src/hooks/ATIM/BackOffice/get/useAbsenceTypes.hook.ts

@@ -1,33 +0,0 @@
-import { useQuery, UseQueryOptions } from "@tanstack/react-query";
-import { get } from "../../../../services/ApiService";
-import {  ResponseList, AbsenceTypes } from "../../../../interfaces";
-
-interface AbsenceTypesQueryOptions
-  extends UseQueryOptions<ResponseList<"AbsenceTypes", AbsenceTypes>> {
-  page?: number;
-  records?: number;
-  sortBy?: string;
-  sortDirection?: string;
-}
-
-export const useAbsenceTypes = ({
-  page,
-  records,
-  sortBy,
-  sortDirection,
-  ...options
-}: AbsenceTypesQueryOptions) => {
-  return useQuery<ResponseList<"AbsenceTypes", AbsenceTypes>>(
-    ["EMPLOYEES_QUERY", page, records, sortBy, sortDirection],
-    () =>
-      get("/ATIM/AbsenceTypes", {
-        pPage: page,
-        pRecords: records,
-        pSortBy: sortBy,
-        pSortDirection: sortDirection,
-      }),
-    {
-      ...options,
-    }
-  );
-};

package/src/hooks/ATIM/BackOffice/get/useAttendancesSummary.hook.ts

@@ -1,38 +0,0 @@
-import { useQuery, UseQueryOptions } from "@tanstack/react-query";
-import { getAuth0 } from "../../../../services/ApiService";
-import {  AttendancesSummary } from "../../../../interfaces";
-
-interface EmployeeQueryOptions
-  extends UseQueryOptions<AttendancesSummary>{
-  employeeId?: string;
-  storeId?: string;
-  beginWorkPeriod?: number;
-  endWorkPeriod?: number;
-}
-
-export const useAttendancesSummary = ({
-  employeeId,
-  storeId,
-  beginWorkPeriod,
-  endWorkPeriod,
-  ...options
-}: EmployeeQueryOptions) => {
-  return useQuery<AttendancesSummary>(
-    [
-      "ATTENDANCES_SUMMARY",
-      employeeId,
-      storeId,
-      beginWorkPeriod,
-      endWorkPeriod,
-    ],
-    () =>
-      getAuth0(`/ATIM/AttendancesSummary/${employeeId}`, {
-        pStoreId: storeId,
-        pBeginWorkPeriod: beginWorkPeriod,
-        pEndWorkPeriod: endWorkPeriod,
-      }),
-    {
-      ...options,
-    }
-  );
-};

package/src/hooks/ATIM/BackOffice/get/useAttendancesSummarySearch.hook.ts

@@ -1,52 +0,0 @@
-import { useQuery, UseQueryOptions } from "@tanstack/react-query";
-import { getAuth0 } from "../../../../services/ApiService";
-import {  AttendancesSummary } from "../../../../interfaces";
-import { ResponseList } from "../../../../interfaces";
-
-interface EmployeeQueryOptions
-  extends UseQueryOptions<ResponseList<'AttendanceSummarys', AttendancesSummary>>{
-  userId?: string;
-  page: number;
-  record: number;
-  sortBy?: string;
-  sortDirection?: string;
-  terms?: string;
-  query?: string;
-}
-
-export const useAttendancesSummarySearch = ({
-  userId,
-  page,
-  record,
-  sortBy,
-  sortDirection,
-  terms,
-  query,
-  ...options
-}: EmployeeQueryOptions) => {
-  return useQuery<ResponseList<'AttendanceSummarys', AttendancesSummary>>(
-    [
-      "ATTENDANCES_SUMMARY",
-      userId,
-      page,
-      record,
-      sortBy,
-      sortDirection,
-      terms,
-      query
-    ],
-    () =>
-      getAuth0<ResponseList<'AttendanceSummarys', AttendancesSummary>>(`/ATIM/AttendancesSummary`, {
-        pUserId: userId,
-        pPage: page,
-        pRecords: record,
-        pSortBy: sortBy,
-        pSortDirection: sortDirection,
-        pTerms: terms,
-        pQuery: query,
-      }),
-    {
-      ...options,
-    }
-  );
-};