@hipay/hipay-material-ui 3.12.1 → 3.12.2

package/src/hi-svg-icons/HiStore.js

@@ -1,43 +0,0 @@
-import React from 'react';
-import pure from 'recompose/pure';
-import Icon from '@mui/material/Icon';
-import {useTheme} from '@mui/material/styles';
-
-/**
- * @ignore - internal component.
- */
-const HiStore = pure(props => {
-    const theme = useTheme();
-    const { color = props.color || theme.palette.neutral.main, style, ...other } = props;
-    return (
-        <Icon style={{...style, fontSize: (props.size || 24)}} {...other}>
-            <svg viewBox="0 0 28.35 28.35">
-                <circle cx="11.83" cy="16.66" r="9" fill={color} opacity={0.16}/>
-                <path
-                    d="M22.23,22.23H6.11V10.79L9.62,6.11h9.11l3.5,4.68ZM7.51,20.83H20.83V11.25L18,7.51H10.32L7.51,11.25Z"
-                    fill={color}
-                />
-                <path
-                    d="M9.17,14.87a3.08,3.08,0,0,1-3.06-3h0v-.09l1.4,0a1.72,1.72,0,0,0,3.44,0l1.4,0a3.07,3.07,0,0,1-3,3.13H9.17Z"
-                    fill={color}
-                />
-                <path
-                    d="M14,14.87a3.07,3.07,0,0,1-3.05-3h0v-.09l1.4,0a1.67,1.67,0,0,0,1.71,1.7,1.7,1.7,0,0,0,1.73-1.7l1.4,0a3.09,3.09,0,0,1-3,3.13H14Z"
-                    fill={color}
-                />
-                <path
-                    d="M19.12,14.87A3.12,3.12,0,0,1,16,11.76h1.4a1.72,1.72,0,0,0,1.72,1.71,1.71,1.71,0,0,0,1.71-1.71h1.4a3.11,3.11,0,0,1-3.11,3.12Z"
-                    fill={color}
-                />
-                <path
-                    d="M17,22.13H11.27V16.42H17Zm-4.31-1.4h2.91V17.82H12.67Z"
-                    fill={color}
-                />
-            </svg>
-        </Icon>
-    );
-});
-
-HiStore.muiName = 'SvgIcon';
-
-export default HiStore;

package/src/hi-svg-icons/HiStoreMenu.js

@@ -1,42 +0,0 @@
-import React from 'react';
-import pure from 'recompose/pure';
-import Icon from '@mui/material/Icon';
-import {useTheme} from '@mui/material/styles';
-
-/**
- * @ignore - internal component.
- */
-const HiStoreMenu = pure(props => {
-    const theme = useTheme();
-    const { color = props.color || theme.palette.neutral.main, style, ...other } = props;
-    return (
-        <Icon style={{...style, fontSize: (props.size || 24)}} {...other}>
-            <svg viewBox="0 0 28.35 28.35">
-                <path
-                    d="M22.23,22.23H6.11V10.79L9.62,6.11h9.11l3.5,4.68ZM7.51,20.83H20.83V11.25L18,7.51H10.32L7.51,11.25Z"
-                    fill={color}
-                />
-                <path
-                    d="M9.17,14.87a3.08,3.08,0,0,1-3.06-3h0v-.09l1.4,0a1.72,1.72,0,0,0,3.44,0l1.4,0a3.07,3.07,0,0,1-3,3.13H9.17Z"
-                    fill={color}
-                />
-                <path
-                    d="M14,14.87a3.07,3.07,0,0,1-3.05-3h0v-.09l1.4,0a1.67,1.67,0,0,0,1.71,1.7,1.7,1.7,0,0,0,1.73-1.7l1.4,0a3.09,3.09,0,0,1-3,3.13H14Z"
-                    fill={color}
-                />
-                <path
-                    d="M19.12,14.87A3.12,3.12,0,0,1,16,11.76h1.4a1.72,1.72,0,0,0,1.72,1.71,1.71,1.71,0,0,0,1.71-1.71h1.4a3.11,3.11,0,0,1-3.11,3.12Z"
-                    fill={color}
-                />
-                <path
-                    d="M17,22.13H11.27V16.42H17Zm-4.31-1.4h2.91V17.82H12.67Z"
-                    fill={color}
-                />
-            </svg>
-        </Icon>
-    );
-});
-
-HiStoreMenu.muiName = 'SvgIcon';
-
-export default HiStoreMenu;

package/src/hi-svg-icons/HiTransaction.js

@@ -1,26 +0,0 @@
-import React from 'react';
-import pure from 'recompose/pure';
-import Icon from '@mui/material/Icon';
-import {useTheme} from "@mui/material/styles";
-
-/**
- * @ignore - internal component.
- */
-const HiTransaction = pure(props => {
-    const theme = useTheme();
-    const { color = props.color || theme.palette.neutral.main, style, ...other } = props;
-    return (
-        <Icon style={{...style, fontSize: (props.size || 24)}} {...other}>
-            <svg viewBox="0 0 28.35 28.35">
-                <path
-                    d="M4.42,6.2l1.32.52,16.5,6.75,1.68.7-1.68.71L5.74,21.63l-1.32.51.28-1.4,1.5-6.57L4.7,7.61ZM6.49,8.64l1,4.78H18.11Zm1,6.28-1,4.78,11.62-4.78Z"
-                    fill={color}
-                />
-            </svg>
-        </Icon>
-    );
-});
-
-HiTransaction.muiName = 'SvgIcon';
-
-export default HiTransaction;

package/src/hi-svg-icons/HiTransactionMenu.js

@@ -1,26 +0,0 @@
-import React from 'react';
-import pure from 'recompose/pure';
-import Icon from '@mui/material/Icon';
-import {useTheme} from "@mui/material/styles";
-
-/**
- * @ignore - internal component.
- */
-const HiTransactionMenu = pure(props => {
-    const theme = useTheme();
-    const { color = props.color || theme.palette.neutral.main, style, ...other } = props;
-    return (
-        <Icon style={{...style, fontSize: (props.size || 24)}} {...other}>
-            <svg viewBox="0 0 28.35 28.35">
-                <path
-                    d="M4.42,6.2l1.32.52,16.5,6.75,1.68.7-1.68.71L5.74,21.63l-1.32.51.28-1.4,1.5-6.57L4.7,7.61ZM6.49,8.64l1,4.78H18.11Zm1,6.28-1,4.78,11.62-4.78Z"
-                    fill={color}
-                />
-            </svg>
-        </Icon>
-    );
-});
-
-HiTransactionMenu.muiName = 'SvgIcon';
-
-export default HiTransactionMenu;

package/src/hi-svg-icons/HiUser.js

@@ -1,26 +0,0 @@
-import React from 'react';
-import pure from 'recompose/pure';
-import Icon from '@mui/material/Icon';
-import {useTheme} from "@mui/material/styles";
-
-/**
- * @ignore - internal component.
- */
-const HiUser = pure(props => {
-    const theme = useTheme();
-    const { color = props.color || theme.palette.neutral.main, style, ...other } = props;
-    return (
-        <Icon style={{...style, fontSize: (props.size || 24)}} {...other}>
-            <svg viewBox="0 0 28.35 28.35">
-                <circle cx="11.83" cy="16.66" r="9" fill={color} opacity={0.16}/>
-                <path
-                    d="M10.47,7.47a5.2,5.2,0,0,1,7.41,0,5.05,5.05,0,0,1,1.54,3.7,5.17,5.17,0,0,1-.63,2.49,5.05,5.05,0,0,1-1.71,1.87,7.74,7.74,0,0,1,3.33,2.74,7.23,7.23,0,0,1,1.26,4.15h-1.5a6,6,0,0,0-6-6,6,6,0,0,0-6,6H6.67a7.24,7.24,0,0,1,1.27-4.15,7.63,7.63,0,0,1,3.33-2.74,5.27,5.27,0,0,1-2.35-4.36A5.06,5.06,0,0,1,10.47,7.47Zm6.35,1a3.74,3.74,0,0,0-5.3,0,3.74,3.74,0,0,0,0,5.3,3.74,3.74,0,0,0,5.3,0,3.59,3.59,0,0,0,1.1-2.65A3.6,3.6,0,0,0,16.82,8.52Z"                    fill={color}
-                />
-            </svg>
-        </Icon>
-    );
-});
-
-HiUser.muiName = 'SvgIcon';
-
-export default HiUser;

package/src/hi-svg-icons/HiVendor.js

@@ -1,27 +0,0 @@
-import React from 'react';
-import pure from 'recompose/pure';
-import Icon from '@mui/material/Icon';
-import {useTheme} from "@mui/material/styles";
-
-/**
- * @ignore - internal component.
- */
-const HiVendor = pure(props => {
-    const theme = useTheme();
-    const { color = props.color || theme.palette.neutral.main, style, ...other } = props;
-    return (
-        <Icon style={{...style, fontSize: (props.size || 24)}} {...other}>
-            <svg viewBox="0 0 28.35 28.35">
-                <circle cx="11.83" cy="16.66" r="9" fill={color} opacity={0.16}/>
-                <path
-                    d="M5.64,6.67H7.33A1.41,1.41,0,0,1,8.24,7a1.28,1.28,0,0,1,.5.82l2,7.87h9.38l1.78-6.75h1.59l-2,7.13a1.31,1.31,0,0,1-.5.82,1.46,1.46,0,0,1-.91.3H10.7a1.48,1.48,0,0,1-.91-.3,1.25,1.25,0,0,1-.49-.82l-2-7.88H5.64a.75.75,0,1,1,0-1.5ZM10.8,17.83a2.26,2.26,0,0,1,3.19,0A2.26,2.26,0,0,1,10.8,21a2.26,2.26,0,0,1,0-3.19Zm2.34,1.59a.66.66,0,0,0-.75-.75.75.75,0,0,0,0,1.5A.66.66,0,0,0,13.14,19.42Zm1.5-12.75h1.5V8.92h2.25v1.5H16.14v2.25h-1.5V10.42H12.39V8.92h2.25Zm2.91,11.16a2.26,2.26,0,0,1,3.19,0A2.26,2.26,0,0,1,17.55,21a2.26,2.26,0,0,1,0-3.19Zm2.34,1.59a.75.75,0,1,0-.75.75A.66.66,0,0,0,19.89,19.42Z"
-                    fill={color}
-                />
-            </svg>
-        </Icon>
-    );
-});
-
-HiVendor.muiName = 'SvgIcon';
-
-export default HiVendor;

package/src/hi-svg-icons/HiWidget.js

@@ -1,26 +0,0 @@
-import React from 'react';
-import pure from 'recompose/pure';
-import Icon from '@mui/material/Icon';
-import {useTheme} from "@mui/material/styles";
-
-/**
- * @ignore - internal component.
- */
-const HiWidget = pure(props => {
-    const theme = useTheme();
-    const { color = props.color || theme.palette.neutral.main, style, ...other } = props;
-    return (
-        <Icon style={{...style, fontSize: (props.size || 24)}} {...other}>
-            <svg viewBox="0 0 28.35 28.35">
-                <path
-                    d="M14.17,5l4.18,4.18h2.5A1.59,1.59,0,0,1,22,9.66a1.55,1.55,0,0,1,.47,1.17V21.69a1.61,1.61,0,0,1-1.64,1.64H7.49a1.55,1.55,0,0,1-1.17-.47,1.59,1.59,0,0,1-.47-1.17V10.83A1.61,1.61,0,0,1,7.49,9.19H10ZM7.49,10.83V21.69H20.85V10.83ZM9.17,15v-2.5h4.18V15ZM10,20V16.69h4.18V20ZM14.21,7.08,12.1,9.19h4.18Zm1.64,12.11V13.33h3.32v5.86Z"
-                    fill={color}
-                />
-            </svg>
-        </Icon>
-    );
-});
-
-HiWidget.muiName = 'SvgIcon';
-
-export default HiWidget;

package/src/hi-svg-icons/README.md

@@ -1,125 +0,0 @@
-The icons provided here are intended for use internally within HiPay applications.
-
-```js
-import React from 'react';
-import { makeStyles } from '@material-ui/core/styles';
-
-import HiAccount from '../hi-svg-icons/HiAccount';
-import HiActivity from '../hi-svg-icons/HiActivity';
-import HiAll from '../hi-svg-icons/HiAll';
-import HiBilling from '../hi-svg-icons/HiBilling';
-import HiBriefcaseRescue from '../hi-svg-icons/HiBriefcaseRescue';
-import HiBusiness from '../hi-svg-icons/HiBusiness';
-import HiCatalog from '../hi-svg-icons/HiCatalog';
-import HiCustomer from '../hi-svg-icons/HiCustomer';
-import HiDownload from '../hi-svg-icons/HiDownload';
-import HiFinance from '../hi-svg-icons/HiFinance';
-import HiFinanceMenu from '../hi-svg-icons/HiFinanceMenu';
-import HiHostedPaymentPage from '../hi-svg-icons/HiHostedPaymentPage';
-import HiHostedPaymentPageMenu from '../hi-svg-icons/HiHostedPaymentPageMenu';
-import HiIntegration from '../hi-svg-icons/HiIntegration';
-import HiIntegrationMenu from '../hi-svg-icons/HiIntegrationMenu';
-import HiIntelligence from '../hi-svg-icons/HiIntelligence';
-import HiIntelligenceMenu from '../hi-svg-icons/HiIntelligenceMenu';
-import HiInvoice from '../hi-svg-icons/HiInvoice';
-import HiInvoiceMenu from '../hi-svg-icons/HiInvoiceMenu';
-import HiLogoRounded from '../hi-svg-icons/HiLogoRounded';
-import HiOrder from '../hi-svg-icons/HiOrder';
-import HiPaymentOrder from '../hi-svg-icons/HiPaymentOrder';
-import HiPermission from '../hi-svg-icons/HiPermission';
-import HiPriceGrid from '../hi-svg-icons/HiPriceGrid';
-import HiRoute from '../hi-svg-icons/HiRoute';
-import HiRouteMenu from '../hi-svg-icons/HiRouteMenu';
-import HiSettlement from '../hi-svg-icons/HiSettlement';
-import HiSizeLarge from '../hi-svg-icons/HiSizeLarge';
-import HiSizeMedium from '../hi-svg-icons/HiSizeMedium';
-import HiSizeSmall from '../hi-svg-icons/HiSizeSmall';
-import HiStore from '../hi-svg-icons/HiStore';
-import HiStoreMenu from '../hi-svg-icons/HiStoreMenu';
-import HiTransaction from '../hi-svg-icons/HiTransaction';
-import HiTransactionMenu from '../hi-svg-icons/HiTransactionMenu';
-import HiUser from '../hi-svg-icons/HiUser';
-import HiVendor from '../hi-svg-icons/HiVendor';
-import HiWidget from '../hi-svg-icons/HiWidget';
-
-const useStyles = makeStyles(theme => ({
-   root: {
-       ...theme.typography.body3,
-   },
-   primary: {
-       color: theme.palette.primary.main
-   },
-   secondary: {
-       color: theme.palette.secondary.main
-   },
-   negative: {
-       color: theme.palette.negative.main
-   }
-}));
-
-function HiSvgIcons(props) {
-    const classes = useStyles(props);
-    return (
-        <ul className={classes.root}>
-            <li>
-                <h1>MODULES</h1>
-                <ul className={classes.primary}>
-                    <li><HiAccount size={40} color="currentColor" /> : HiAccount</li>
-                    <li><HiBilling size={40} color="currentColor" /> : HiBilling</li>
-                    <li><HiBusiness size={40} color="currentColor" /> : HiBusiness</li>
-                    <li><HiCatalog size={40} color="currentColor" /> : HiCatalog</li>
-                    <li><HiCustomer size={40} color="currentColor" /> : HiCustomer</li>
-                    <li><HiFinance size={40} color="currentColor" /> : HiFinance</li>
-                    <li><HiHostedPaymentPage size={40} color="currentColor" /> : HiHostedPaymentPage</li>
-                    <li><HiIntegration size={40} color="currentColor" /> : HiIntegration</li>
-                    <li><HiIntelligence size={40} color="currentColor" /> : HiIntelligence</li>
-                    <li><HiInvoice size={40} color="currentColor" /> : HiInvoice</li>
-                    <li><HiOrder size={40} color="currentColor" /> : HiOrder</li>
-                    <li><HiPaymentOrder size={40} color="currentColor" /> : HiPaymentOrder</li>
-                    <li><HiPriceGrid size={40} color="currentColor" /> : HiPriceGrid</li>
-                    <li><HiRoute size={40} color="currentColor" /> : HiRoute</li>                    
-                    <li><HiSettlement size={40} color="currentColor" /> : HiSettlement</li>
-                    <li><HiStore size={40} color="currentColor" /> : HiStore</li>
-                    <li><HiTransaction size={40} color="currentColor" /> : HiTransaction</li>
-                    <li><HiUser size={40} color="currentColor" /> : HiUser</li>
-                    <li><HiVendor size={40} color="currentColor" /> : HiVendor</li>
-                    <li><HiWidget size={40} color="currentColor" /> : HiWidget</li>
-                </ul>
-            </li>
-            <li>
-                <h1>MENU</h1>
-                <ul>
-                    <li><HiFinanceMenu size={40} /> : HiFinanceMenu</li>
-                    <li><HiHostedPaymentPageMenu size={40} /> : HiHostedPaymentPageMenu</li>
-                    <li><HiIntegrationMenu size={40} /> : HiIntegrationMenu</li>
-                    <li><HiIntelligenceMenu size={40} /> : HiIntelligenceMenu</li>
-                    <li><HiInvoiceMenu size={40} /> : HiInvoiceMenu</li>
-                    <li><HiRouteMenu size={40} /> : HiRouteMenu</li>
-                    <li><HiStoreMenu size={40} /> : HiStoreMenu</li>
-                    <li><HiTransactionMenu size={40} /> : HiTransactionMenu</li>
-                </ul>
-            </li>
-            <li>
-                <h1>OTHERS</h1>
-                <ul className={classes.secondary}>
-                    <li><HiLogoRounded size={40} /> : HiLogoRounded</li>
-                    <li><HiDownload size={40} color="currentColor" /> : HiDownload</li>
-                    <li><HiBriefcaseRescue size={40} color="currentColor" /> : HiBriefcaseRescue</li>
-                    <li><HiSizeLarge size={40} color="currentColor" /> : HiSizeLarge</li>
-                    <li><HiSizeMedium size={40} color="currentColor" /> : HiSizeMedium</li>
-                    <li><HiSizeSmall size={40} color="currentColor" /> : HiSizeSmall</li>
-                </ul>
-            </li>
-            <li>
-                <h1>TO REDO</h1>
-                <ul className={classes.negative}>
-                    <li><HiActivity size={40} color="currentColor" /> : HiActivity</li>
-                    <li><HiAll size={40} color="currentColor" /> : HiAll</li>
-                    <li><HiPermission size={40} color="currentColor" /> : HiPermission</li>
-                </ul>
-            </li>
-        </ul>
-    );
-}
-;<HiSvgIcons/>
-```

package/src/hi-svg-icons/index.js

@@ -1,40 +0,0 @@
-export { default as HiAccount } from './HiAccount';
-export { default as HiActivity } from './HiActivity';
-export { default as HiAll } from './HiAll';
-export { default as HiBilling } from './HiBilling';
-export { default as HiBriefcaseRescue } from './HiBriefcaseRescue';
-export { default as HiBusiness } from './HiBusiness';
-export { default as HiCatalog } from './HiCatalog';
-export { default as HiCustomer } from './HiCustomer';
-export { default as HiDownload } from './HiDownload';
-export { default as HiFinance } from './HiFinance';
-export { default as HiFinanceMenu } from './HiFinanceMenu';
-export { default as HiHostedPaymentPage } from './HiHostedPaymentPage';
-export { default as HiHostedPaymentPageMenu } from './HiHostedPaymentPageMenu';
-export { default as HiIntegration } from './HiIntegration';
-export { default as HiIntegrationMenu } from './HiIntegrationMenu';
-export { default as HiIntelligence } from './HiIntelligence';
-export { default as HiIntelligenceMenu } from './HiIntelligenceMenu';
-export { default as HiInvoice } from './HiInvoice';
-export { default as HiInvoiceMenu } from './HiInvoiceMenu';
-export { default as HiLogoRounded } from './HiLogoRounded';
-export { default as HiOrder } from './HiOrder';
-export { default as HiPaymentOrder } from './HiPaymentOrder';
-export { default as HiPermission } from './HiPermission';
-export { default as HiPriceGrid } from './HiPriceGrid';
-export { default as HiPrivate } from './HiPrivate';
-export { default as HiRoute } from './HiRoute';
-export { default as HiRouteMenu } from './HiRouteMenu';
-export { default as HiRouteSwitch } from './HiRouteSwitch';
-export { default as HiRouteSwitchMenu } from './HiRouteSwitchMenu';
-export { default as HiSettlement } from './HiSettlement';
-export { default as HiSizeLarge } from './HiSizeLarge';
-export { default as HiSizeMedium } from './HiSizeMedium';
-export { default as HiSizeSmall } from './HiSizeSmall';
-export { default as HiStore } from './HiStore';
-export { default as HiStoreMenu } from './HiStoreMenu';
-export { default as HiTransaction } from './HiTransaction';
-export { default as HiTransactionMenu } from './HiTransactionMenu';
-export { default as HiUser } from './HiUser';
-export { default as HiVendor } from './HiVendor';
-export { default as HiWidget } from './HiWidget';

package/src/hi-svg-icons/index.test.js

@@ -1,43 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-import React from 'react';
-import { assert } from 'chai';
-import { createShallow } from '../test-utils';
-
-describe('hi-svg-icons', () => {
-    let shallow;
-
-    before(() => {
-        shallow = createShallow();
-    });
-
-    it('should be able to render all of them', done => {
-        // This test can only be run on the node env
-        if (!fs.readdir) {
-            done();
-            return;
-        }
-
-        fs.readdir(__dirname, (err, files) => {
-            files.forEach(file => {
-                // Ignore no js files and tests
-                if (file.indexOf('.js') === -1 || file.indexOf('text.js') > -1) {
-                    return;
-                }
-
-                // eslint-disable-next-line global-require, import/no-dynamic-require
-                const fileLoaded = require(path.join(__dirname, file));
-
-                if (!fileLoaded.default) {
-                    return;
-                }
-
-                const Icon = fileLoaded.default;
-                const wrapper = shallow(<Icon className="foo" />);
-                assert.strictEqual(wrapper.hasClass('foo'), true);
-            });
-
-            done();
-        });
-    });
-});

package/src/hi-svg-images/HiLogo.js

@@ -1,28 +0,0 @@
-import React from 'react';
-import pure from 'recompose/pure';
-
-/**
- * @ignore - internal component.
- */
-const HiLogo = pure(props => {
-    return (
-        <svg viewBox="0 0 788.05 451.45" width="100%" {...props}>
-            <path
-                fill="#00ade9"
-                d="M288.84 117.53a19.9 19.9 0 00-22.74-2.37 710.68 710.68 0 01-82.57 39.71C201.92 84.49 219.32 26.53 219.6 25.6a19.87 19.87 0 10-38-11.45c-.32 1-22.26 74.14-43.11 156.53a426.51 426.51 0 01-48.87 11.67c-4.56.8-8.89 1.46-13 2a1440.07 1440.07 0 0143.5-143.68 19.87 19.87 0 00-37.2-14 1438.29 1438.29 0 00-47.87 160.16 99.22 99.22 0 01-11.81-1A19.87 19.87 0 1016.51 225c1.45.25 4.81.76 10 1.15-3 15.08-5.74 30.44-8 45.83a19.87 19.87 0 1039.3 5.89c2.64-17.58 5.88-35.19 9.48-52.44 8.68-.8 18.42-2.05 29.19-3.93q15.38-2.69 31.21-6.65c-5.14 21.79-9.94 43.45-14 63.89a19.87 19.87 0 1039 7.72c5.33-26.92 12-56 19-84.76a653.51 653.51 0 0067.15-27.7c-4.92 13.74-9.61 27.78-13.37 41-4.95 17.39-7.68 31.24-8.36 42.33-1.16 19.06 4.06 32.2 15.53 39.06a19.87 19.87 0 0024.12-31.24c-.42-4-.23-16.52 9.84-49 8-25.94 19.4-55.09 27.7-76.38a19.87 19.87 0 00-5.46-22.24zM522.37 78.05c-3.31-17.28-13.12-31.6-28.37-41.42-21.67-14-54.74-19.25-98.29-15.76a399.66 399.66 0 00-56.64 8.69 19.87 19.87 0 009.35 38.62c.06 0 1.83-.43 4.9-1.08q-4.63 20.18-9.3 40.36-7.83 33.8-15.73 67.56c-8.84 2.49-14.25 3.82-14.41 3.86a19.86 19.86 0 004.2 39.16c-1.12 4.69-2.23 9.38-3.36 14.07-3.73 15.44-7.38 30.91-11.61 46.22-2.86 10.35 3.54 22.8 14.35 25.26s22.19-3.26 25.25-14.34c7.6-27.49 14-55.36 20.46-83.16 17.56-5.56 39-13.05 60.32-22.23 29.5-12.72 52.69-26.14 68.94-39.9 30.27-25.64 32.99-49.96 29.94-65.91zm-55.51 35.49c-13.18 11.19-32.93 22.51-58.71 33.65-11.56 5-23.27 9.48-34.34 13.4Q384 117.08 394 73.52q1.49-6.43 3-12.88l2.52-.2c33.44-2.62 59.39.79 73.07 9.62 6.22 4 9.56 8.77 10.84 15.47 1.44 7.99-4.11 17.47-16.57 28.01zM680.18 451.45a20.55 20.55 0 01-2.46-.15 19.87 19.87 0 01-17.29-22.15c4.69-38.09 23.1-97.5 42-151.52a181.77 181.77 0 01-4.15 3.58c-19.52 16.26-37 23.44-53.43 22-13.48-1.23-24.34-8.09-30.57-19.32a43.31 43.31 0 01-2.61-5.64 140.32 140.32 0 01-44.42 22.89c-13 4-29.63 7.27-42.15-2.9a28.14 28.14 0 01-7.82-9.9 112.84 112.84 0 01-16.65 9.62c-20.55 9.39-34.59 5.71-42.75 1-15.67-9.11-22.29-29.68-16.46-51.18a164.63 164.63 0 0126-53.65c24.52-33.77 48.95-51.11 72.61-51.56 17-.33 29.92 8.38 35.86 15.94a19.88 19.88 0 012.25 21c-5.53 11.43-19.77 44.9-22.88 69.2q-.06.62-.15 1.23c-.11 1-.21 2-.28 2.91-.18 2.47-.4 4.8-.6 7-.11 1.2-.23 2.51-.34 3.83l1.69-.5c28.32-8.67 47.3-27.8 59.82-47.22q2-6.66 4.52-13.9a433 433 0 0119.78-47 19.87 19.87 0 0137.34 12.22 204.1 204.1 0 01-19.9 55.85q-2.38 4.51-5 8.82c-5 18.68-4.62 28.33-3.6 31.72 2.72.14 20.77-1.25 60.6-52.1a624.13 624.13 0 0041.86-61.3 19.87 19.87 0 0135.54 17.57c-.75 1.88-77.07 188.16-86.67 266.16a19.87 19.87 0 01-19.69 17.45zm-147.6-266.69c-7 3.59-18.11 12.18-33 32.63a125.07 125.07 0 00-19.83 40.71 18.63 18.63 0 00-.69 5.47c4.83-1.27 16.73-6.34 37.75-26.35 3.25-18.37 10-37.9 15.77-52.46zm12.74-1z"
-            />
-            <ellipse
-                cx={285.79}
-                cy={66.13}
-                rx={22.1}
-                ry={22.93}
-                transform="rotate(-45 285.784 66.134)"
-                fill="#ffcf21"
-            />
-        </svg>
-    );
-});
-
-HiLogo.muiName = 'SvgImage';
-
-export default HiLogo;

package/src/hi-svg-images/HiLogoWhite.js

@@ -1,28 +0,0 @@
-import React from 'react';
-import pure from 'recompose/pure';
-
-/**
- * @ignore - internal component.
- */
-const HiLogoWhite = pure(props => {
-    return (
-        <svg viewBox="0 0 788.05 451.45" width="100%" {...props}>
-            <path
-                fill="#fff"
-                d="M288.84 117.53a19.9 19.9 0 00-22.74-2.37 710.68 710.68 0 01-82.57 39.71C201.92 84.49 219.32 26.53 219.6 25.6a19.87 19.87 0 10-38-11.45c-.32 1-22.26 74.14-43.11 156.53a426.51 426.51 0 01-48.87 11.67c-4.56.8-8.89 1.46-13 2a1440.07 1440.07 0 0143.5-143.68 19.87 19.87 0 00-37.2-14 1438.29 1438.29 0 00-47.87 160.16 99.22 99.22 0 01-11.81-1A19.87 19.87 0 1016.51 225c1.45.25 4.81.76 10 1.15-3 15.08-5.74 30.44-8 45.83a19.87 19.87 0 1039.3 5.89c2.64-17.58 5.88-35.19 9.48-52.44 8.68-.8 18.42-2.05 29.19-3.93q15.38-2.69 31.21-6.65c-5.14 21.79-9.94 43.45-14 63.89a19.87 19.87 0 1039 7.72c5.33-26.92 12-56 19-84.76a653.51 653.51 0 0067.15-27.7c-4.92 13.74-9.61 27.78-13.37 41-4.95 17.39-7.68 31.24-8.36 42.33-1.16 19.06 4.06 32.2 15.53 39.06a19.87 19.87 0 0024.12-31.24c-.42-4-.23-16.52 9.84-49 8-25.94 19.4-55.09 27.7-76.38a19.87 19.87 0 00-5.46-22.24zM522.37 78.05c-3.31-17.28-13.12-31.6-28.37-41.42-21.67-14-54.74-19.25-98.29-15.76a399.66 399.66 0 00-56.64 8.69 19.87 19.87 0 009.35 38.62c.06 0 1.83-.43 4.9-1.08q-4.63 20.18-9.3 40.36-7.83 33.8-15.73 67.56c-8.84 2.49-14.25 3.82-14.41 3.86a19.86 19.86 0 004.2 39.16c-1.12 4.69-2.23 9.38-3.36 14.07-3.73 15.44-7.38 30.91-11.61 46.22-2.86 10.35 3.54 22.8 14.35 25.26s22.19-3.26 25.25-14.34c7.6-27.49 14-55.36 20.46-83.16 17.56-5.56 39-13.05 60.32-22.23 29.5-12.72 52.69-26.14 68.94-39.9 30.27-25.64 32.99-49.96 29.94-65.91zm-55.51 35.49c-13.18 11.19-32.93 22.51-58.71 33.65-11.56 5-23.27 9.48-34.34 13.4Q384 117.08 394 73.52q1.49-6.43 3-12.88l2.52-.2c33.44-2.62 59.39.79 73.07 9.62 6.22 4 9.56 8.77 10.84 15.47 1.44 7.99-4.11 17.47-16.57 28.01zM680.18 451.45a20.55 20.55 0 01-2.46-.15 19.87 19.87 0 01-17.29-22.15c4.69-38.09 23.1-97.5 42-151.52a181.77 181.77 0 01-4.15 3.58c-19.52 16.26-37 23.44-53.43 22-13.48-1.23-24.34-8.09-30.57-19.32a43.31 43.31 0 01-2.61-5.64 140.32 140.32 0 01-44.42 22.89c-13 4-29.63 7.27-42.15-2.9a28.14 28.14 0 01-7.82-9.9 112.84 112.84 0 01-16.65 9.62c-20.55 9.39-34.59 5.71-42.75 1-15.67-9.11-22.29-29.68-16.46-51.18a164.63 164.63 0 0126-53.65c24.52-33.77 48.95-51.11 72.61-51.56 17-.33 29.92 8.38 35.86 15.94a19.88 19.88 0 012.25 21c-5.53 11.43-19.77 44.9-22.88 69.2q-.06.62-.15 1.23c-.11 1-.21 2-.28 2.91-.18 2.47-.4 4.8-.6 7-.11 1.2-.23 2.51-.34 3.83l1.69-.5c28.32-8.67 47.3-27.8 59.82-47.22q2-6.66 4.52-13.9a433 433 0 0119.78-47 19.87 19.87 0 0137.34 12.22 204.1 204.1 0 01-19.9 55.85q-2.38 4.51-5 8.82c-5 18.68-4.62 28.33-3.6 31.72 2.72.14 20.77-1.25 60.6-52.1a624.13 624.13 0 0041.86-61.3 19.87 19.87 0 0135.54 17.57c-.75 1.88-77.07 188.16-86.67 266.16a19.87 19.87 0 01-19.69 17.45zm-147.6-266.69c-7 3.59-18.11 12.18-33 32.63a125.07 125.07 0 00-19.83 40.71 18.63 18.63 0 00-.69 5.47c4.83-1.27 16.73-6.34 37.75-26.35 3.25-18.37 10-37.9 15.77-52.46zm12.74-1z"
-            />
-            <ellipse
-                cx={285.79}
-                cy={66.13}
-                rx={22.1}
-                ry={22.93}
-                transform="rotate(-45 285.784 66.134)"
-                fill="#ffcf21"
-            />
-        </svg>
-    );
-});
-
-HiLogoWhite.muiName = 'SvgImage';
-
-export default HiLogoWhite;

package/src/hi-svg-images/README.md

@@ -1,36 +0,0 @@
-The svg images provided here are intended for use internally within HiPay applications.
-
-```js
-import React from 'react';
-import { makeStyles } from '@material-ui/core/styles';
-
-import HiLogo from '../hi-svg-images/HiLogo';
-import HiLogoWhite from '../hi-svg-images/HiLogoWhite';
-
-const useStyles = makeStyles(theme => ({
-    root: {
-        ...theme.typography.body3,
-        paddingLeft: 0,
-        '& li': {
-            display: 'flex',
-            alignItems: 'center',
-            margin: '6px 0',
-        }
-    },
-}));
-
-function HiSvgImages(props) {
-    const classes = useStyles(props);
-    return (
-        <ul className={classes.root}>
-            <li>
-                <HiLogo width="160px"/> : HiLogo
-            </li>
-            <li style={{background: '#eee'}}>
-                <HiLogoWhite width="160px"/> : HiLogoWhite
-            </li>
-        </ul>
-    );
-}
-;<HiSvgImages/>
-```

package/src/hi-svg-images/index.js

@@ -1,2 +0,0 @@
-export { default as HiLogo } from './HiLogo';
-export { default as HiLogoWhite } from './HiLogoWhite';

package/src/hi-svg-images/index.test.js

@@ -1,43 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-import React from 'react';
-import { assert } from 'chai';
-import { createShallow } from '../test-utils';
-
-describe('hi-svg-images', () => {
-    let shallow;
-
-    before(() => {
-        shallow = createShallow();
-    });
-
-    it('should be able to render all of them', done => {
-        // This test can only be run on the node env
-        if (!fs.readdir) {
-            done();
-            return;
-        }
-
-        fs.readdir(__dirname, (err, files) => {
-            files.forEach(file => {
-                // Ignore no js files and tests
-                if (file.indexOf('.js') === -1 || file.indexOf('text.js') > -1) {
-                    return;
-                }
-
-                // eslint-disable-next-line global-require, import/no-dynamic-require
-                const fileLoaded = require(path.join(__dirname, file));
-
-                if (!fileLoaded.default) {
-                    return;
-                }
-
-                const SvgImage = fileLoaded.default;
-                const wrapper = shallow(<SvgImage className="foo" />);
-                assert.strictEqual(wrapper.hasClass('foo'), true);
-            });
-
-            done();
-        });
-    });
-});

package/src/index.css

@@ -1,20 +0,0 @@
-html {
-  box-sizing: border-box;
-}
-*, *:before, *:after {
-  box-sizing: inherit;
-}
-
-body {
-  margin: 0;
-  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
-  "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
-  sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
-  monospace;
-}

package/src/index.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import './index.css';
-import App from './App';
-import * as serviceWorker from './serviceWorker';
-
-ReactDOM.render(<App />, document.getElementById('root'));
-
-// If you want your app to work offline and load faster, you can change
-// unregister() to register() below. Note this comes with some pitfalls.
-// Learn more about service workers: https://bit.ly/CRA-PWA
-serviceWorker.unregister();

package/src/logo.svg

@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3">
-    <g fill="#61DAFB">
-        <path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/>
-        <circle cx="420.9" cy="296.5" r="45.7"/>
-        <path d="M520.5 78.1z"/>
-    </g>
-</svg>