@omniumretail/shared-resources 0.0.1

package/dist/types/components/BottomDrawer/index.d.ts

@@ -0,0 +1,2 @@
+import { DrawerProps } from "antd";
+export declare const BottomDrawer: (props: DrawerProps) => JSX.Element;

package/dist/types/components/Button/index.d.ts

@@ -0,0 +1,6 @@
+import { ButtonProps } from 'antd';
+export interface CustomButtonProps extends ButtonProps {
+    iconAlignRight?: boolean;
+    buttonStyle?: string;
+}
+export declare const Button: (props: CustomButtonProps) => JSX.Element;

package/dist/types/components/Footer/index.d.ts

@@ -0,0 +1,3 @@
+export declare const FooterComponent: ({ className }: {
+    className?: string;
+}) => JSX.Element;

package/dist/types/components/Form/FormInputField/index.d.ts

@@ -0,0 +1,8 @@
+import { FormItemProps, InputProps } from 'antd';
+interface FormInputFieldProps extends Omit<FormItemProps, "name"> {
+    name: string;
+    inputProps?: InputProps;
+}
+export declare const InputField: (inputProps: InputProps) => JSX.Element;
+export declare const FormInputField: ({ inputProps, ...itemProps }: FormInputFieldProps) => JSX.Element;
+export {};

package/dist/types/components/Form/FormSelectField/index.d.ts

@@ -0,0 +1,9 @@
+import { FormItemProps } from 'antd';
+import { LabeledValue, SelectProps } from 'antd/lib/select';
+interface FormSelectFieldProps extends Omit<FormItemProps, "name"> {
+    name: string;
+    options: LabeledValue[];
+    selectProps?: SelectProps<LabeledValue>;
+}
+export declare const FormSelectField: ({ options, selectProps, ...itemProps }: FormSelectFieldProps) => JSX.Element;
+export {};

package/dist/types/components/Form/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FormInputField';
+export * from './FormSelectField';

package/dist/types/components/Header/index.d.ts

@@ -0,0 +1,4 @@
+export interface HeaderProps {
+    onOpenMenu: () => void;
+}
+export declare const Header: ({ onOpenMenu }: HeaderProps) => JSX.Element;

package/dist/types/components/Link/index.d.ts

@@ -0,0 +1,6 @@
+import { ButtonProps } from 'antd';
+export interface CustomLinkProps extends ButtonProps {
+    iconAlignRight?: boolean;
+    linkSecondary?: boolean;
+}
+export declare const Link: (props: CustomLinkProps) => JSX.Element;

package/dist/types/components/Navigation/index.d.ts

@@ -0,0 +1,8 @@
+export interface NavigationProps {
+    backLink?: boolean;
+    title: string;
+    homeLink?: boolean;
+    loginLink?: boolean;
+    onClickFunction?: () => void;
+}
+export declare const Navigation: (props: NavigationProps) => JSX.Element;

package/dist/types/components/Page/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+interface PageContentProps extends PageBaseProps {
+    isLoading?: boolean;
+}
+interface PageBaseProps {
+    children?: React.ReactNode | React.ReactNode[];
+}
+export declare const Page: {
+    ({ children }: PageBaseProps): JSX.Element;
+    Header: ({ children }: PageBaseProps) => JSX.Element;
+    Content: ({ children, isLoading }: PageContentProps) => JSX.Element;
+};
+export {};

package/dist/types/components/SharedContextProvider/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface SharedContextProviderProps {
+    providers?: React.JSXElementConstructor<unknown>[];
+    children?: React.ReactElement | React.ReactElement[];
+    disableInitialStoreRequest?: boolean;
+}
+export declare const SharedContextProvider: ({ children, disableInitialStoreRequest }: SharedContextProviderProps) => JSX.Element;

package/dist/types/components/index.d.ts

@@ -0,0 +1,9 @@
+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/dist/types/constants/Icons.d.ts

@@ -0,0 +1,13 @@
+export declare const icons: {
+    faBars: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faUser: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faUserTie: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faPlus: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faUserPlus: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faXmark: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faCartShopping: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faChevronDown: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faFilter: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faSearch: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faQrcode: import("@fortawesome/fontawesome-common-types").IconDefinition;
+};

package/dist/types/constants/QueryClient.d.ts

@@ -0,0 +1,2 @@
+import { QueryClient } from "@tanstack/react-query";
+export declare const queryClient: QueryClient;

package/dist/types/constants/index.d.ts

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

package/dist/types/contexts/useStore.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Store } from '../interfaces/Store';
+declare const StoreProvider: ({ children, disableInitialStoreRequest }: {
+    disableInitialStoreRequest?: boolean;
+    children: React.ReactElement | React.ReactElement[];
+}) => JSX.Element;
+declare const useStoreContext: () => Store;
+export { StoreProvider, useStoreContext };

package/dist/types/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useApplicationDataQuery.hook';
+export * from './useStoreQuery';

package/dist/types/hooks/useApplicationDataQuery.hook.d.ts

@@ -0,0 +1,2 @@
+import { ApplicationsByCategory, ResponseList } from "../interfaces";
+export declare function useApplicationDataQueryHook(): import("@tanstack/react-query").UseQueryResult<ResponseList<"Categories", ApplicationsByCategory>, unknown>;

package/dist/types/hooks/useStoreQuery.d.ts

@@ -0,0 +1,7 @@
+import { UseQueryOptions } from "@tanstack/react-query";
+import { Store } from "../interfaces/Store";
+interface StoreQueryProps extends UseQueryOptions<Store> {
+    id: string;
+}
+export declare const useStoreQuery: ({ id, ...options }: StoreQueryProps) => import("@tanstack/react-query").UseQueryResult<Store, unknown>;
+export {};

package/dist/types/index.d.ts

@@ -0,0 +1,7 @@
+export { Form } from 'antd';
+export * from './interfaces';
+export * from './services';
+export * from './components';
+export * from './constants';
+export * from './hooks';
+import './global.scss';

package/dist/types/interfaces/ApplicationsByCategory.d.ts

@@ -0,0 +1,16 @@
+export interface ApplicationsByCategory {
+    Id: string;
+    Name: string;
+    Applications: ApplicationAttribute[];
+}
+export interface ApplicationAttribute {
+    Id: string;
+    Key: string;
+    Name: string;
+    Description: string;
+    URL: string;
+    ImageURL: string;
+    Status: string;
+    CreateDate: number;
+    UpdateDate: number;
+}

package/dist/types/interfaces/Configuration.d.ts

@@ -0,0 +1,6 @@
+export interface Configuration {
+    ApiHost: string;
+    ApiPath: string;
+    token?: string;
+    tokenAuth0?: string;
+}

package/dist/types/interfaces/Customer.d.ts

@@ -0,0 +1,21 @@
+export interface Customer {
+    Name: string;
+    CustomerId: string;
+    MemberNumber: string;
+    Email: string;
+    FirstName: string;
+    LastName: string;
+    Gender: string;
+    Birthday: string;
+    Jobtitle: string;
+    Address: CustomerAddress;
+    DoNotPhone: boolean;
+    DoNotEmail: boolean;
+    Mobilephone: string;
+}
+export interface CustomerAddress {
+    Address: string;
+    Zip: string;
+    City: string;
+    Country: string;
+}

package/dist/types/interfaces/Product.d.ts

@@ -0,0 +1,33 @@
+export interface Product {
+    Id: string;
+    Reference: string;
+    CompanyId: string;
+    Name: string;
+    PriceSRP: number;
+    PriceCost: number;
+    VATId: string;
+    HierarchyId: string;
+    SupplierId: string;
+    IsStockCountEnabled: boolean;
+    MinOnlineStockQuantity: number;
+    IsNewArrival: boolean;
+    IsVerified: boolean;
+    Status: string;
+    Type: number;
+    Attributes: ProductAttribute[];
+    Items: ProductItem[];
+    CreateDate: number;
+    UpdateDate: number;
+    Recommendations: string[];
+    SimilarProducts: string[];
+    Images: string[];
+}
+export interface ProductItem {
+    SKU: string;
+    Barcodes: string[];
+    Attributes: ProductAttribute[];
+}
+export interface ProductAttribute {
+    Name: string;
+    Value: string;
+}

package/dist/types/interfaces/ResponseList.d.ts

@@ -0,0 +1,5 @@
+export declare type ResponseList<K extends string, T> = {
+    [key in K]: T[];
+} & {
+    Count: number;
+};

package/dist/types/interfaces/Store.d.ts

@@ -0,0 +1,7 @@
+export interface Store {
+    Id: string;
+    Name: string;
+    Address: string;
+    City: string;
+    ZipCode: string;
+}

package/dist/types/interfaces/index.d.ts

@@ -0,0 +1,6 @@
+export * from './ResponseList';
+export * from './Configuration';
+export * from './Store';
+export * from './Product';
+export * from './Customer';
+export * from './ApplicationsByCategory';

package/dist/types/services/ApiService/index.d.ts

@@ -0,0 +1,5 @@
+import 'whatwg-fetch';
+export declare const get: <T>(path: string, params?: Record<string, unknown>) => Promise<T>;
+export declare const getAuth0: <T>(path: string, params?: Record<string, unknown>) => Promise<T>;
+export declare const post: <T>(path: string, body?: unknown) => Promise<T>;
+export declare const put: <T>(path: string, body?: unknown) => Promise<T>;

package/dist/types/services/InitService/index.d.ts

@@ -0,0 +1,3 @@
+import { Configuration } from "../../interfaces/Configuration";
+export declare const appConfig: Partial<Configuration>;
+export declare const initService: (configuration: Configuration) => void;

package/dist/types/services/index.d.ts

@@ -0,0 +1,2 @@
+export * from './InitService';
+export * from './ApiService';

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@omniumretail/shared-resources",
+  "version": "0.0.1",
+  "private": false,
+  "description": "Shared Components and services or utils to the frontend versions",
+  "main": "dist/bundle.js",
+  "typings": "./dist/types/index",
+  "scripts": {
+    "prepublish": "rm -rf ./dist && npm run build",
+    "start": "webpack -w",
+    "build": "webpack",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@types/react": "^18.0.21",
+    "@typescript-eslint/eslint-plugin": "^5.38.1",
+    "@typescript-eslint/parser": "^5.38.1",
+    "css-loader": "^6.7.1",
+    "eslint": "^8.24.0",
+    "eslint-plugin-css-modules": "^2.11.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "file-loader": "^6.2.0",
+    "sass": "^1.55.0",
+    "sass-loader": "^13.0.2",
+    "style-loader": "^3.3.1",
+    "stylelint": "^14.12.1",
+    "stylelint-config-css-modules": "^4.1.0",
+    "stylelint-config-standard-scss": "^5.0.0",
+    "stylelint-css-modules": "^1.2.2",
+    "ts-loader": "^9.4.1",
+    "typescript": "^4.8.3",
+    "url-loader": "^4.1.1",
+    "webpack": "^5.74.0",
+    "webpack-cli": "^4.10.0"
+  },
+  "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^6.2.0",
+    "@fortawesome/free-regular-svg-icons": "^6.2.0",
+    "@fortawesome/free-solid-svg-icons": "^6.2.0",
+    "@fortawesome/react-fontawesome": "^0.2.0",
+    "@tanstack/react-query": "4.8.0",
+    "@tanstack/react-query-devtools": "^4.8.0",
+    "antd": "^4.23.4",
+    "classnames": "^2.3.2",
+    "date-fns": "^2.29.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.4.1",
+    "use-query-params": "^2.1.1",
+    "whatwg-fetch": "^3.6.2"
+  }
+}

package/src/assets/sitoo.svg

@@ -0,0 +1,9 @@
+<svg width="99" height="31" viewBox="0 0 99 31" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect x="0.375" y="0.711365" width="98.4375" height="29.9381" fill="url(#pattern0)"/>
+<defs>
+<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_397_398" transform="translate(0 -0.0260847) scale(0.00333333 0.0109601)"/>
+</pattern>
+<image id="image0_397_398" width="300" height="96" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>

package/src/components/BottomDrawer/index.tsx

@@ -0,0 +1,8 @@
+import { Drawer, DrawerProps } from "antd";
+import styles from './styles.module.scss';
+  
+export const BottomDrawer = (props: DrawerProps) => {
+    return (
+        <Drawer { ...props } className={ styles.drawerComponent } height="80%" placement="bottom" closeIcon={ "Fechar" }/>
+    );
+};

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

@@ -0,0 +1,37 @@
+.drawerComponent {
+
+  :global {
+
+    .ant-drawer-content-wrapper {
+      top: 10%;
+    }
+
+    .ant-drawer-content {
+      background: var(--app-footer-color);
+      border-radius: 7px 7px 0px 0px;
+    }
+
+    .ant-drawer-header {
+      border-bottom: 1px solid var(--disabled-input);
+      text-align: center;
+      padding: 16px 0px;
+    }
+
+    .ant-drawer-title {
+      font-weight: 700;
+      font-size: 14px;
+      color: var(--app-footer-bg-color);
+    }
+
+    .ant-drawer-close {
+      position: absolute;
+      top: 15px;
+      left: 335px;
+      font-weight: 400;
+      font-size: 12px;
+      color: var(--active-button-color);
+    }
+
+  }
+
+}

package/src/components/Button/index.tsx

@@ -0,0 +1,22 @@
+import { Button as AntButton, ButtonProps } from 'antd';
+import styles from './styles.module.scss';
+import classNames from 'classnames';
+
+export interface CustomButtonProps extends ButtonProps {
+    iconAlignRight?: boolean;
+    buttonStyle?: string;
+}
+
+export const Button = (props: CustomButtonProps) => {
+    const { iconAlignRight, buttonStyle } = props;
+
+    const buttonClasses = { 
+        [styles.button]: true,
+        [styles["button--iconPositionStyle"]]: iconAlignRight===true,
+        [styles["button--style1"]]: buttonStyle==="style1",
+    }
+
+    return (
+        <AntButton { ...props } className={ classNames(buttonClasses) } />
+    );
+};

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

@@ -0,0 +1,67 @@
+.button {
+    padding: 12px 24px;
+    border-radius: 4px;
+    min-width: 100px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    align-self: flex-start;
+    text-decoration: none;
+    border: none;
+    font-size: 14px;
+    line-height: 16.8px;
+    font-weight: 700;
+    font-family: 'Silka', sans-serif;
+    background-color: var(--button-default-background);
+    color: var(--button-default-text-color);
+
+    &:hover {
+        background-color: var(--button-default-background-hover-color);
+        //override ANTD default colors
+        color: var(--button-default-text-hover-color) !important;
+    }
+
+    &:focus,
+    &:active,
+    &:focus:active {
+        background-color: var(--button-default-background-focus-color);
+        color: var(--button-default-text-focus-color);
+    }
+
+    &:disabled,
+    &.disabled {
+        background-color: var(--button-disabled-background-color);
+        color: var(--button-disabled-default-text-color);
+        pointer-events: none;
+    }
+
+    &--iconPositionStyle {
+        flex-direction: row-reverse;
+        gap: 5px;
+    }
+    
+    &--style1 {
+        background-color: var(--button-style-1-background);
+        color: var(--button-style-1-text-color);
+
+        &:hover {
+            background-color: var(--button-style-1-background-hover-color);
+            //override ANTD default colors
+            color: var(--button-style-1-text-hover-color) !important;
+        }
+
+        &:focus,
+        &:active,
+        &:focus:active {
+            background-color: var(--button-style-1-background-focus-color);
+            color: var(--button-style-1-text-focus-color);
+        }
+
+        &:disabled,
+        &.disabled {
+            background-color: var(--button-disabled-background-color);
+            color: var(--button-disabled-default-text-color);
+            pointer-events: none;
+        }
+    }
+}

package/src/components/Footer/index.tsx

@@ -0,0 +1,44 @@
+import { Row, Col } from 'antd';
+import add from 'date-fns/add';
+import format from 'date-fns/format';
+import classNames from 'classnames';
+import logo from '../../assets/omniu-retail_branco_s-fundo.png';
+import { useState, useEffect } from 'react';
+
+import styles from './styles.module.scss';
+
+export const FooterComponent = ({ className }: { className?: string }) => {
+    const [date, setDate] = useState(new Date());
+
+    useEffect(() => {
+        const time = (function updateDate() {
+            const nextMinute = add(new Date(), { minutes: 1, seconds: 0 });
+            return setTimeout(() => {
+                setDate(new Date());
+                updateDate();
+            }, nextMinute.getTime() - new Date().getTime());
+        }());
+
+        return () => clearTimeout(time);
+    });
+
+    return (
+        <div className={ classNames(styles.footerComponent, className) }>
+            <Row>
+                <Col xs={ 12 } className={ styles.dateTime }>
+                    <div className={ styles.date }>
+                        {format(date, 'dd/MM/yyyy')}
+                    </div>
+
+                    <div className={ styles.time }>
+                        {format(date, 'HH:mm')}
+                    </div>
+                </Col>
+
+                <Col xs={ 12 } className={ styles.omniumLogo }>
+                    <img src={ logo } className={ styles.omniumLogoImg } alt="omniu logo" />
+                </Col>
+            </Row>
+        </div>
+    );
+}

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

@@ -0,0 +1,33 @@
+.footerComponent {
+  height: 60px;
+  background-color: var(--app-footer-bg-color);
+  padding: 13px 24px;
+  box-sizing: border-box;
+
+  .date,
+  .time {
+    font-weight: 500;
+    font-size: 10px;
+    color: var(--app-footer-color);
+    display: inline-flex;
+  }
+
+  .dateTime {
+    line-height: 12px;
+  }
+
+  .time {
+    margin-left: 8px;
+  }
+
+  .omniumLogo {
+    line-height: 12px;
+    text-align: right;
+  }
+
+  .omniumLogoImg {
+    height: 23px;
+    margin-top: -5px;
+    margin-right: -6px;
+  }
+}

package/src/components/Form/FormInputField/index.tsx

@@ -0,0 +1,18 @@
+import { Form, FormItemProps, Input, InputProps } from 'antd';
+
+interface FormInputFieldProps extends Omit<FormItemProps, "name"> {
+    name: string;
+    inputProps?: InputProps;
+}
+
+export const InputField = (inputProps: InputProps) => (
+    <Input { ...inputProps } />
+);
+
+export const FormInputField = ({ inputProps, ...itemProps }: FormInputFieldProps) => {
+    return (
+        <Form.Item { ...itemProps }>
+            <InputField { ...inputProps } />
+        </Form.Item>
+    )
+};