@sellout/ui 0.0.65 → 0.0.67

package/build/components/Icon.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import { Colors } from "../Colors";
 export declare const Icons: {
-    Amex: import("@fortawesome/free-brands-svg-icons").IconDefinition;
-    Discover: import("@fortawesome/free-brands-svg-icons").IconDefinition;
-    Mastercard: import("@fortawesome/free-brands-svg-icons").IconDefinition;
-    Visa: import("@fortawesome/free-brands-svg-icons").IconDefinition;
+    Amex: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    Discover: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    Mastercard: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    Visa: import("@fortawesome/fontawesome-common-types").IconDefinition;
     AnalyticsLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     BellLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     BoxOfficeLight: import("@fortawesome/fontawesome-common-types").IconDefinition;

package/build/components/Icons.d.ts

@@ -1,8 +1,8 @@
 export declare const IconEnum: {
-    Amex: import("@fortawesome/free-brands-svg-icons").IconDefinition;
-    Discover: import("@fortawesome/free-brands-svg-icons").IconDefinition;
-    Mastercard: import("@fortawesome/free-brands-svg-icons").IconDefinition;
-    Visa: import("@fortawesome/free-brands-svg-icons").IconDefinition;
+    Amex: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    Discover: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    Mastercard: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    Visa: import("@fortawesome/fontawesome-common-types").IconDefinition;
     AnalyticsLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     BellLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     BoxOfficeLight: import("@fortawesome/fontawesome-common-types").IconDefinition;

package/build/stories/Button.stories.d.ts

@@ -0,0 +1,9 @@
+declare namespace _default {
+    export const title: string;
+    export { OldButton as component };
+}
+export default _default;
+export function Text(): JSX.Element;
+export function Loading(): JSX.Element;
+export function MaxWidth(): JSX.Element;
+import OldButton from "../components/Button";

package/build/stories/Counter.stories.d.ts

@@ -0,0 +1,7 @@
+declare namespace _default {
+    export const title: string;
+    export { Counter as component };
+}
+export default _default;
+export function Default(): JSX.Element;
+import Counter from "../components/Counter";

package/build/stories/Icon.stories.d.ts

@@ -0,0 +1,7 @@
+declare namespace _default {
+    export const title: string;
+    export { Icon as component };
+}
+export default _default;
+export function Plain(): JSX.Element;
+import Icon from "../components/Icon";

package/build/stories/Input.stories.d.ts

@@ -0,0 +1,9 @@
+declare namespace _default {
+    export const title: string;
+    export { Input as component };
+}
+export default _default;
+export function Clear(): JSX.Element;
+export function Submit(): JSX.Element;
+export function Loading(): JSX.Element;
+import Input from "../components/Input";

package/build/stories/Loader.stories.d.ts

@@ -0,0 +1,11 @@
+declare namespace _default {
+    export const title: string;
+    export { Loader as component };
+}
+export default _default;
+export function VerySmall(): JSX.Element;
+export function Small(): JSX.Element;
+export function Medium(): JSX.Element;
+export function Large(): JSX.Element;
+export function Colored(): JSX.Element;
+import Loader from "../components/Loader";

package/build/stories/Product.stories.d.ts

@@ -0,0 +1,8 @@
+declare namespace _default {
+    export const title: string;
+    export { Product as component };
+}
+export default _default;
+export function Default(): JSX.Element;
+export function Simple(): JSX.Element;
+import Product from "../components/Product";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sellout/ui",
-  "version": "0.0.65",
+  "version": "0.0.67",
   "main": "build/index.js",
   "module": "build/index.es.js",
   "files": [
@@ -43,6 +43,8 @@
     "typescript": "^3.7.5"
   },
   "dependencies": {
+    "@apollo/client": "^3.0.0-beta.41",
+    "@apollo/react-hooks": "^3.1.3",
     "@fortawesome/fontawesome-svg-core": "^1.2.27",
     "@fortawesome/free-brands-svg-icons": "^5.14.0",
     "@fortawesome/free-regular-svg-icons": "^5.12.1",
@@ -52,16 +54,23 @@
     "@fortawesome/pro-solid-svg-icons": "^5.12.1",
     "@fortawesome/react-fontawesome": "^0.1.9",
     "@hapi/joi": "^17.1.1",
-    "@sellout/utils": "^0.0.65",
+    "@react-pdf/primitives": "^2.0.0-beta.11",
+    "@react-pdf/renderer": "^2.0.0-beta.14",
+    "@sellout/models": "^0.0.67",
+    "@sellout/utils": "^0.0.67",
     "@types/escape-html": "^1.0.0",
     "@types/hapi__joi": "^16.0.12",
+    "@types/react-pdf": "^4.0.6",
+    "@types/shortid": "0.0.29",
     "csvtojson": "^2.0.10",
     "framer-motion": "^2.3.0",
     "polished": "^3.4.4",
     "react-animate-height": "^2.0.20",
-    "react-phone-input-2": "^2.13.7"
+    "react-phone-input-2": "^2.13.7",
+    "rollup-plugin-url": "^3.0.1",
+    "shortid": "^2.2.15"
   },
-  "gitHead": "3583bb33aa76ed973c7253a31eeb39d3f1206f36",
+  "gitHead": "c54371e8d53146a1650b287c69e6d4d585256c3d",
   "peerDependencies": {
     "react": "^16.13.0",
     "react-dom": "^16.13.0",

package/build/components/InputOld.js

@@ -1,83 +0,0 @@
-import { Colors } from '../Colors.js';
-import { __makeTemplateObject } from '../_virtual/_tslib.js';
-import React, { useState, Fragment } from 'react';
-import styled from 'styled-components';
-import { lighten, darken } from 'polished';
-import Icon, { Icons } from './Icon.js';
-import Loader, { LoaderSizes } from './Loader.js';
-
-var Form = styled.form(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: ", ";\n  display: flex;\n  flex-direction: row;\n  position: relative;\n  border-radius: 10px;\n  transition: all 0.2s;\n  border: 1px solid\n    ", ";\n"], ["\n  width: ", ";\n  display: flex;\n  flex-direction: row;\n  position: relative;\n  border-radius: 10px;\n  transition: all 0.2s;\n  border: 1px solid\n    ",
-    ";\n"])), function (props) { return props.width; }, function (props) {
-    if (props.focused)
-        return Colors.Grey3;
-    if (props.hovered)
-        return Colors.Grey4;
-    return Colors.Grey5;
-});
-var Button = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: ", ";\n  height: 50px;\n  width: 50px;\n  border-radius: 0 10px 10px 0;\n  top: -1px;\n  right: -1px;\n  transition: all 0.2s;\n  background-color: ", ";\n\n  &:hover {\n    cursor: ", ";\n    background-color: ", ";\n  }\n\n  &:active {\n    cursor: ", ";\n    background-color: ", ";\n  }\n"], ["\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: ", ";\n  height: 50px;\n  width: 50px;\n  border-radius: 0 10px 10px 0;\n  top: -1px;\n  right: -1px;\n  transition: all 0.2s;\n  background-color: ",
-    ";\n\n  &:hover {\n    cursor: ", ";\n    background-color: ",
-    ";\n  }\n\n  &:active {\n    cursor: ", ";\n    background-color: ",
-    ";\n  }\n"])), Colors.White, function (props) {
-    return props.canSubmit ? Colors.Orange : Colors.Grey6;
-}, function (props) { return (props.onClick ? "pointer" : null); }, function (props) {
-    return props.canSubmit ? lighten(0.025, Colors.Orange) : null;
-}, function (props) { return (props.onClick ? "pointer" : null); }, function (props) {
-    return props.canSubmit ? darken(0.025, Colors.Orange) : null;
-});
-var LeftContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: 15px;\n  top: 0px;\n  left: 0px;\n"], ["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: 15px;\n  top: 0px;\n  left: 0px;\n"])));
-var RightContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 50px;\n  width: 50px;\n  top: -1px;\n  right: -1px;\n\n  &:hover {\n    cursor: ", ";\n  }\n"], ["\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 50px;\n  width: 50px;\n  top: -1px;\n  right: -1px;\n\n  &:hover {\n    cursor: ", ";\n  }\n"])), function (props) { return (props.onClick ? "pointer" : null); });
-var Spacer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  width: 50px;\n"], ["\n  width: 50px;\n"])));
-var InputStyled = styled.input(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  background-color: ", ";\n  color: ", ";\n  outline: none;\n  border: 0px;\n  border-radius: 10px;\n  height: 48px;\n  width: fill-available;\n  font-size: 1.4rem;\n  font-weight: 500;\n  padding: 0 0 0 10px;\n  transition: all 0.2s;\n  margin: ", ";\n  padding: ", ";\n  \n  ::placeholder {\n    color: ", ";\n  }\n"], ["\n  background-color: ", ";\n  color: ", ";\n  outline: none;\n  border: 0px;\n  border-radius: 10px;\n  height: 48px;\n  width: fill-available;\n  font-size: 1.4rem;\n  font-weight: 500;\n  padding: 0 0 0 10px;\n  transition: all 0.2s;\n  margin: ", ";\n  padding: ", ";\n  \n  ::placeholder {\n    color: ", ";\n  }\n"])), Colors.White, Colors.Grey1, function (props) { return props.margin; }, function (props) { return props.padding; }, Colors.Grey4);
-function Input(_a) {
-    var inputRef = _a.inputRef, autoFocus = _a.autoFocus, placeholder = _a.placeholder, value = _a.value, defaultValue = _a.defaultValue, icon = _a.icon, _b = _a.type, type = _b === void 0 ? 'text' : _b, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, onSubmit = _a.onSubmit, onClear = _a.onClear, _c = _a.canSubmit, canSubmit = _c === void 0 ? true : _c, loading = _a.loading, margin = _a.margin, padding = _a.padding, width = _a.width;
-    var _d = useState(false), hovered = _d[0], setHovered = _d[1];
-    var _e = useState(false), focused = _e[0], setFocused = _e[1];
-    var submit = function (event) {
-        event.preventDefault();
-        if (onSubmit && canSubmit && !loading) {
-            onSubmit();
-        }
-    };
-    return (React.createElement(Form, { hovered: hovered, focused: focused, onSubmit: function (event) { return submit(event); }, width: width },
-        icon && (React.createElement(LeftContainer, null,
-            React.createElement(Icon, { icon: icon, size: 16, color: focused ? Colors.Grey1 : Colors.Grey4 }))),
-        React.createElement(InputStyled, { ref: inputRef, autoFocus: autoFocus, placeholder: placeholder, value: value, defaultValue: defaultValue, type: type, onChange: onChange, onFocus: function (event) {
-                setFocused(true);
-                if (onFocus)
-                    onFocus(event);
-            }, onBlur: function (event) {
-                setFocused(false);
-                if (onFocus)
-                    onBlur(event);
-            }, onMouseEnter: function (event) {
-                setHovered(true);
-                if (onMouseEnter)
-                    onMouseEnter(event);
-            }, onMouseLeave: function (event) {
-                setHovered(false);
-                if (onMouseLeave)
-                    onMouseLeave(event);
-            }, margin: margin, padding: padding }),
-        (function () {
-            if (onSubmit) {
-                return (React.createElement(Fragment, null,
-                    React.createElement(Spacer, null),
-                    React.createElement(Button, { canSubmit: canSubmit, onClick: function (event) { return submit(event); } }, (function () {
-                        if (loading) {
-                            return React.createElement(Loader, { size: LoaderSizes.VerySmall });
-                        }
-                        return (React.createElement(Icon, { icon: Icons.RightChevronCircle, color: canSubmit ? Colors.White : Colors.Grey4, size: 16 }));
-                    })())));
-            }
-            if (Boolean(value) && onClear) {
-                return (React.createElement(Fragment, null,
-                    React.createElement(Spacer, null),
-                    React.createElement(RightContainer, { onClick: function () { return onClear(); } },
-                        React.createElement(Icon, { icon: Icons.CancelCircle, color: Colors.Grey3, size: 16 }))));
-            }
-            return React.createElement(Spacer, null);
-        })()));
-}
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
-
-export default Input;

package/build/components/VerticalUserInfo.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-export declare enum UserInfoSizeEnum {
-    Regular = "Regular",
-    Large = "Large"
-}
-declare type UserInfoPropTypes = {
-    user?: any;
-    size?: UserInfoSizeEnum;
-    invert?: boolean;
-};
-declare const VerticalUserInfo: React.FC<UserInfoPropTypes>;
-export default VerticalUserInfo;