@sellout/ui 0.0.397 → 0.0.399

package/build/src/index.js

@@ -0,0 +1,33 @@
+export { Colors } from './Colors.js';
+export { default as Button } from './components/Button.js';
+export { default as CodeInput } from './components/CodeInput.js';
+export { default as Counter } from './components/Counter.js';
+export { default as Dropdown } from './components/Dropdown.js';
+export { default as Flex } from './components/Flex.js';
+export { default as FormattedInput, InputFormats } from './components/FormattedInput.js';
+export { default as FormattedfullInput, InputfullFormats } from './components/FormattedfullInput.js';
+export { default as Icon, Icons } from './components/Icon.js';
+export { default as Input } from './components/Input.js';
+export { default as Label } from './components/Label.js';
+export { default as MaxLength } from './components/MaxLength.js';
+import * as Motion from './components/Motion.js';
+export { Motion };
+export { default as Loader, LoaderSizes } from './components/Loader.js';
+export { default as PhoneNumberInput } from './components/PhoneNumberInput.js';
+export { default as Product } from './components/Product.js';
+export { default as TextButton } from './components/TextButton.js';
+export { default as Tip } from './components/Tip.js';
+export { default as UserImage } from './components/UserImage.js';
+export { default as UserInfo } from './components/UserInfo.js';
+export { default as ValidationError } from './components/ValidationError.js';
+export { default as AddressSearchDropdown } from './components/AddressSearchDropdown.js';
+export { default as SearchDropdown } from './components/SearchDropdown.js';
+export { default as SvgRenderer } from './components/SvgRendrer.js';
+import * as ErrorUtil from './utils/ErrorUtil.js';
+export { ErrorUtil };
+export { default as makeEventHandler } from './utils/makeEventHandler.js';
+import * as MediaQuery from './utils/MediaQuery.js';
+export { MediaQuery };
+import * as Validation from './utils/Validation.js';
+export { Validation };
+//# sourceMappingURL=index.js.map

package/build/src/utils/ErrorUtil.js

@@ -0,0 +1,19 @@
+function getErrorMessage(error) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+    var defaultMessage = 'Something went wrong. Please contact support.';
+    if (!error)
+        return defaultMessage;
+    var errorMsg = (_f = (_e = (_d = (_c = (_b = (_a = error === null || error === void 0 ? void 0 : error.graphQLErrors) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.extensions) === null || _c === void 0 ? void 0 : _c.exception) === null || _d === void 0 ? void 0 : _d.invalidArgs) === null || _e === void 0 ? void 0 : _e[0].message) !== null && _f !== void 0 ? _f : null;
+    if (errorMsg)
+        return errorMsg;
+    errorMsg = (_j = (_h = (_g = error === null || error === void 0 ? void 0 : error.graphQLErrors) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.message) !== null && _j !== void 0 ? _j : null;
+    if (errorMsg)
+        return errorMsg;
+    errorMsg = (_p = (_o = (_m = (_l = (_k = error.networkError) === null || _k === void 0 ? void 0 : _k.result) === null || _l === void 0 ? void 0 : _l.errors) === null || _m === void 0 ? void 0 : _m[0]) === null || _o === void 0 ? void 0 : _o.message) !== null && _p !== void 0 ? _p : null;
+    if (errorMsg)
+        return errorMsg;
+    return defaultMessage;
+}
+
+export { getErrorMessage };
+//# sourceMappingURL=ErrorUtil.js.map

package/build/src/utils/ErrorUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorUtil.js","sources":["../../../src/utils/ErrorUtil.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAM,SAAU,eAAe,CAAC,KAAU,EAAA;;IACxC,IAAM,cAAc,GAAG,+CAA+C,CAAC;AAEvE,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,cAAc,CAAC;AAElC,IAAA,IAAI,QAAQ,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAL,KAAK,CAAE,aAAa,MAAG,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,CAAC,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAG,CAAC,CAAA,CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,IAAI,CAAC;AAClG,IAAA,IAAI,QAAQ;AAAE,QAAA,OAAO,QAAQ,CAAC;AAE9B,IAAA,QAAQ,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,KAAK,KAAA,IAAA,IAAL,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,KAAK,CAAE,aAAa,0CAAG,CAAC,CAAC,0CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,IAAI,CAAC;AACtD,IAAA,IAAI,QAAQ;AAAE,QAAA,OAAO,QAAQ,CAAC;IAE9B,QAAQ,GAAG,MAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,CAAA,EAAA,GAAA,KAAK,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,MAAM,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAM,0CAAG,CAAC,CAAC,0CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,IAAI,CAAC;AACpE,IAAA,IAAI,QAAQ;AAAE,QAAA,OAAO,QAAQ,CAAC;AAE9B,IAAA,OAAO,cAAc,CAAC;AACxB;;;;"}

package/build/src/utils/MediaQuery.js

@@ -0,0 +1,66 @@
+import { __makeTemplateObject, __spreadArray } from '../../node_modules/tslib/tslib.es6.js';
+import { useState, useEffect } from 'react';
+import { css } from 'styled-components';
+
+var mediaQuery = function (queryTemplate) {
+    var queryRest = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        queryRest[_i - 1] = arguments[_i];
+    }
+    return function (rulesTemplate) {
+        var rulesRest = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+            rulesRest[_i - 1] = arguments[_i];
+        }
+        return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    @media ", " {\n      ", "\n    }\n  "], ["\n    @media ", " {\n      ", "\n    }\n  "])), css.apply(void 0, __spreadArray([queryTemplate], queryRest, false)), css.apply(void 0, __spreadArray([rulesTemplate], rulesRest, false)));
+    };
+};
+var sizes = {
+    tablet: 768,
+    desktop: 992,
+    largeDesktop: 1281,
+    extraLargeDesktop: 1536,
+    giant: 1920,
+};
+var queryStrings = {
+    handheld: "(max-width: ".concat((sizes.tablet - 1) / 16, "em)"),
+    tablet: "(min-width: ".concat(sizes.tablet / 16, "em)"),
+    tabletOnly: "(min-width: ".concat(sizes.tablet / 16, "em) and (max-width: ").concat((sizes.desktop - 1) / 16, "em)"),
+    mobile: "(max-width: ".concat((sizes.desktop - 1) / 16, "em)"),
+    desktop: "(min-width: ".concat(sizes.desktop / 16, "em)"),
+    largeDesktop: "(min-width: ".concat(sizes.largeDesktop / 16, "em)"),
+    extraLargeDesktop: "(min-width: ".concat(sizes.extraLargeDesktop / 16, "em)"),
+    giant: "(min-width: ".concat(sizes.giant / 16, "em)"),
+    print: 'print',
+};
+var media = {
+    handheld: mediaQuery(templateObject_2 || (templateObject_2 = __makeTemplateObject(["", ""], ["", ""])), queryStrings.handheld),
+    tablet: mediaQuery(templateObject_3 || (templateObject_3 = __makeTemplateObject(["", ""], ["", ""])), queryStrings.tablet),
+    tabletOnly: mediaQuery(templateObject_4 || (templateObject_4 = __makeTemplateObject(["", ""], ["", ""])), queryStrings.tabletOnly),
+    mobile: mediaQuery(templateObject_5 || (templateObject_5 = __makeTemplateObject(["", ""], ["", ""])), queryStrings.mobile),
+    desktop: mediaQuery(templateObject_6 || (templateObject_6 = __makeTemplateObject(["", ""], ["", ""])), queryStrings.desktop),
+    largeDesktop: mediaQuery(templateObject_7 || (templateObject_7 = __makeTemplateObject(["", ""], ["", ""])), queryStrings.largeDesktop),
+    extraLargeDesktop: mediaQuery(templateObject_8 || (templateObject_8 = __makeTemplateObject(["", ""], ["", ""])), queryStrings.extraLargeDesktop),
+    giant: mediaQuery(templateObject_9 || (templateObject_9 = __makeTemplateObject(["", ""], ["", ""])), queryStrings.giant),
+    print: mediaQuery(templateObject_10 || (templateObject_10 = __makeTemplateObject(["", ""], ["", ""])), queryStrings.print),
+    minWidth: function (pxValue) { return mediaQuery(templateObject_11 || (templateObject_11 = __makeTemplateObject(["(min-width: ", "em)"], ["(min-width: ", "em)"])), pxValue / 16); },
+};
+var useMedia = function (query) {
+    var matchQuery = window && window.matchMedia(query);
+    var _a = useState(matchQuery.matches), isMatch = _a[0], setIsMatch = _a[1];
+    useEffect(function () {
+        var handler = function () { return setIsMatch(matchQuery.matches); };
+        matchQuery.addListener(handler);
+        return function () { return matchQuery.removeListener(handler); };
+    }, [query, matchQuery]);
+    return isMatch;
+};
+var useMobileMedia = function () { return useMedia("".concat(queryStrings.mobile)); };
+var useTabletMedia = function () { return useMedia("".concat(queryStrings.tablet)); };
+var useDesktopMedia = function () { return useMedia("".concat(queryStrings.desktop)); };
+var useLargeDesktopMedia = function () { return useMedia("".concat(queryStrings.largeDesktop)); };
+var useGiantMedia = function () { return useMedia("".concat(queryStrings.giant)); };
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
+
+export { media, useDesktopMedia, useGiantMedia, useLargeDesktopMedia, useMedia, useMobileMedia, useTabletMedia };
+//# sourceMappingURL=MediaQuery.js.map

package/build/src/utils/MediaQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaQuery.js","sources":["../../../src/utils/MediaQuery.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/build/src/utils/Validation.js

@@ -0,0 +1,50 @@
+import Joi from '@hapi/joi';
+
+// Email Validation
+var email = Joi.string()
+    .required()
+    .email({ tlds: { allow: false } })
+    .error(function () {
+    return new Error("Please enter a valid email.");
+});
+// Password Validation
+// could force users to be more secure ->
+// https://stackoverflow.com/questions/19605150/regex-for-password-must-contain-at-least-eight-characters-at-least-one-number-a
+var password = Joi.string()
+    .required()
+    .min(8)
+    .max(30)
+    .error(function (errors) {
+    return errors.map(function (error) {
+        console.log(error);
+        switch (error.code) {
+            case "string.min":
+                return new Error("Password must be greater than 8 Characters.");
+            case "string.max":
+                return new Error("Password must be fewer than 30 characters.");
+            case "string.empty":
+                return new Error("Please enter a password.");
+            default:
+                return new Error("Password validation error.");
+        }
+    });
+});
+// full name validation - only checks for first and last name via single space character
+// all characters are valid, gotta support X Æ A-12 now
+// should maybe fix, idk, it accepts stuff like Mike\tPollard
+var fullName = Joi.string()
+    .required()
+    .pattern(new RegExp("^[^\\s]+(\\s[^\\s]+)+$"))
+    .error(function () {
+    return new Error("Please enter your first and last name");
+});
+// Phone number validation, need to test internationally
+var phoneNumber = Joi.string()
+    .required()
+    .pattern(new RegExp("^(\\+\\d{1,2}\\s?)?1?\\-?\\.?\\s?\\(?\\d{3}\\)?[\\s.-]?\\d{3}[\\s.-]?\\d{5}$"))
+    .error(function () {
+    return new Error("Please enter a valid phone number.");
+});
+
+export { email, fullName, password, phoneNumber };
+//# sourceMappingURL=Validation.js.map

package/build/src/utils/Validation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Validation.js","sources":["../../../src/utils/Validation.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEA;AACa,IAAA,KAAK,GAAG,GAAG,CAAC,MAAM,EAAE;AAC9B,KAAA,QAAQ,EAAE;KACV,KAAK,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC;AACjC,KAAA,KAAK,CAAC,YAAA;AACL,IAAA,OAAO,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC;AAClD,CAAC,EAAE;AAEL;AACA;AACA;AACa,IAAA,QAAQ,GAAG,GAAG,CAAC,MAAM,EAAE;AACjC,KAAA,QAAQ,EAAE;KACV,GAAG,CAAC,CAAC,CAAC;KACN,GAAG,CAAC,EAAE,CAAC;KACP,KAAK,CAAC,UAAC,MAAW,EAAA;AACjB,IAAA,OAAO,MAAM,CAAC,GAAG,CAAC,UAAC,KAAU,EAAA;AAC3B,QAAA,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACnB,QAAQ,KAAK,CAAC,IAAI;AAChB,YAAA,KAAK,YAAY;AACf,gBAAA,OAAO,IAAI,KAAK,CAAC,6CAA6C,CAAC,CAAC;AAClE,YAAA,KAAK,YAAY;AACf,gBAAA,OAAO,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAC;AACjE,YAAA,KAAK,cAAc;AACjB,gBAAA,OAAO,IAAI,KAAK,CAAC,0BAA0B,CAAC,CAAC;AAC/C,YAAA;AACE,gBAAA,OAAO,IAAI,KAAK,CAAC,4BAA4B,CAAC,CAAC;AAClD,SAAA;AACH,KAAC,CAAC,CAAC;AACL,CAAC,EAAE;AAEL;AACA;AACA;AACa,IAAA,QAAQ,GAAG,GAAG,CAAC,MAAM,EAAE;AACjC,KAAA,QAAQ,EAAE;AACV,KAAA,OAAO,CAAC,IAAI,MAAM,CAAC,wBAAwB,CAAC,CAAC;AAC7C,KAAA,KAAK,CAAC,YAAA;AACL,IAAA,OAAO,IAAI,KAAK,CAAC,uCAAuC,CAAC,CAAC;AAC5D,CAAC,EAAE;AAEL;AACa,IAAA,WAAW,GAAG,GAAG,CAAC,MAAM,EAAE;AACpC,KAAA,QAAQ,EAAE;AACV,KAAA,OAAO,CACN,IAAI,MAAM,CACR,8EAA8E,CAC/E,CACF;AACA,KAAA,KAAK,CAAC,YAAA;AACL,IAAA,OAAO,IAAI,KAAK,CAAC,oCAAoC,CAAC,CAAC;AACzD,CAAC;;;;"}

package/build/src/utils/makeEventHandler.js

@@ -0,0 +1,12 @@
+function makeEventHandler(executeOnEvent) {
+    if (executeOnEvent === void 0) { executeOnEvent = function () { }; }
+    return function (eventHandler) {
+        return function (event) {
+            executeOnEvent();
+            eventHandler(event.currentTarget.value);
+        };
+    };
+}
+
+export { makeEventHandler as default };
+//# sourceMappingURL=makeEventHandler.js.map

package/build/src/utils/makeEventHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeEventHandler.js","sources":["../../../src/utils/makeEventHandler.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAwB,SAAA,gBAAgB,CAAC,cAAmC,EAAA;IAAnC,IAAA,cAAA,KAAA,KAAA,CAAA,EAAA,EAAA,gCAAmC,CAAA,EAAA;AAC1E,IAAA,OAAO,UAAU,YAAsB,EAAA;AACrC,QAAA,OAAO,UAAS,KAAwC,EAAA;AACtD,YAAA,cAAc,EAAE,CAAC;AACjB,YAAA,YAAY,CAAC,KAAK,CAAC,aAAa,CAAC,KAAe,CAAC,CAAC;AACpD,SAAC,CAAC;AACJ,KAAC,CAAA;AACH;;;;"}

package/build/utils/ErrorUtil.d.ts

@@ -1 +1 @@
-export declare function getErrorMessage(error: any): string;
+export declare function getErrorMessage(error: any): string;

package/build/utils/MediaQuery.d.ts

@@ -1,18 +1,18 @@
-export declare const media: {
-    handheld: (rulesTemplate: any, ...rulesRest: any[]) => any;
-    tablet: (rulesTemplate: any, ...rulesRest: any[]) => any;
-    tabletOnly: (rulesTemplate: any, ...rulesRest: any[]) => any;
-    mobile: (rulesTemplate: any, ...rulesRest: any[]) => any;
-    desktop: (rulesTemplate: any, ...rulesRest: any[]) => any;
-    largeDesktop: (rulesTemplate: any, ...rulesRest: any[]) => any;
-    extraLargeDesktop: (rulesTemplate: any, ...rulesRest: any[]) => any;
-    giant: (rulesTemplate: any, ...rulesRest: any[]) => any;
-    print: (rulesTemplate: any, ...rulesRest: any[]) => any;
-    minWidth: (pxValue: any) => (rulesTemplate: any, ...rulesRest: any[]) => any;
-};
-export declare const useMedia: (query: any) => boolean;
-export declare const useMobileMedia: () => boolean;
-export declare const useTabletMedia: () => boolean;
-export declare const useDesktopMedia: () => boolean;
-export declare const useLargeDesktopMedia: () => boolean;
-export declare const useGiantMedia: () => boolean;
+export declare const media: {
+    handheld: (rulesTemplate: any, ...rulesRest: any[]) => any;
+    tablet: (rulesTemplate: any, ...rulesRest: any[]) => any;
+    tabletOnly: (rulesTemplate: any, ...rulesRest: any[]) => any;
+    mobile: (rulesTemplate: any, ...rulesRest: any[]) => any;
+    desktop: (rulesTemplate: any, ...rulesRest: any[]) => any;
+    largeDesktop: (rulesTemplate: any, ...rulesRest: any[]) => any;
+    extraLargeDesktop: (rulesTemplate: any, ...rulesRest: any[]) => any;
+    giant: (rulesTemplate: any, ...rulesRest: any[]) => any;
+    print: (rulesTemplate: any, ...rulesRest: any[]) => any;
+    minWidth: (pxValue: any) => (rulesTemplate: any, ...rulesRest: any[]) => any;
+};
+export declare const useMedia: (query: any) => boolean;
+export declare const useMobileMedia: () => boolean;
+export declare const useTabletMedia: () => boolean;
+export declare const useDesktopMedia: () => boolean;
+export declare const useLargeDesktopMedia: () => boolean;
+export declare const useGiantMedia: () => boolean;

package/build/utils/Validation.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="hapi__joi" />
-import Joi from "@hapi/joi";
-export declare const email: Joi.StringSchema;
-export declare const password: Joi.StringSchema;
-export declare const fullName: Joi.StringSchema;
-export declare const phoneNumber: Joi.StringSchema;
+/// <reference types="hapi__joi" />
+import Joi from "@hapi/joi";
+export declare const email: Joi.StringSchema;
+export declare const password: Joi.StringSchema;
+export declare const fullName: Joi.StringSchema;
+export declare const phoneNumber: Joi.StringSchema;

package/build/utils/makeEventHandler.d.ts

@@ -1 +1 @@
-export default function makeEventHandler(executeOnEvent?: Function): (eventHandler: Function) => (event: React.FormEvent<HTMLInputElement>) => void;
+export default function makeEventHandler(executeOnEvent?: Function): (eventHandler: Function) => (event: React.FormEvent<HTMLInputElement>) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sellout/ui",
-  "version": "0.0.397",
+  "version": "0.0.399",
   "main": "build/index.js",
   "module": "build/index.es.js",
   "files": [
@@ -20,6 +20,7 @@
   "license": "ISC",
   "devDependencies": {
     "@babel/core": "^7.15.8",
+    "@rollup/plugin-typescript": "^12.3.0",
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.5.0",
     "@testing-library/user-event": "^7.2.1",
@@ -32,16 +33,17 @@
     "babel-loader": "^8.3.0",
     "fs-extra": "^9.1.0",
     "jest": "^24.9.0",
-    "rollup": "^2.18.1",
+    "rollup": "^2.80.0",
     "rollup-plugin-commonjs": "^10.1.0",
     "rollup-plugin-multi-input": "^1.3.1",
     "rollup-plugin-node-resolve": "^5.2.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-svg": "^2.0.0",
-    "rollup-plugin-typescript2": "^0.27.1",
+    "rollup-plugin-typescript2": "^0.27.3",
     "standard": "^14.3.4",
     "ts-jest": "^24.3.0",
-    "typescript": "^3.7.5"
+    "tslib": "^2.8.1",
+    "typescript": "~4.9.5"
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^1.2.36",
@@ -53,7 +55,7 @@
     "@fortawesome/pro-solid-svg-icons": "^5.15.4",
     "@fortawesome/react-fontawesome": "^0.1.19",
     "@hapi/joi": "^17.1.1",
-    "@sellout/utils": "^0.0.397",
+    "@sellout/utils": "^0.0.399",
     "csvtojson": "^2.0.10",
     "framer-motion": "^2.9.5",
     "polished": "^3.7.2",
@@ -62,7 +64,7 @@
     "rollup-plugin-url": "^3.0.1",
     "use-places-autocomplete": "^1.11.0"
   },
-  "gitHead": "7d6b9121e8dbda9b28be7359eef4294306eb8ba4",
+  "gitHead": "45c555ee1a259b4a3bf4a6ebc988acbf4b714674",
   "peerDependencies": {
     "react": "16.14.0",
     "react-dom": "16.14.0",

package/build/Colors.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Colors.js","sources":["../src/Colors.ts"],"sourcesContent":["export enum Colors {\n  White = \"#FFFFFF\",\n  Black = \"#000000\",\n  Black2= '#141414',\n  Yellow = '#FFBA49',\n  // Green = \"#419D78\",\n  Green = '#42BB83',\n  OffWhite = \"#FCFCFC\",\n  LightBlue = \"#39159C\",\n  Secondary= \"#1E1E1E\",\n  Blue = \"#2D0E84\",\n  DarkBlue = \"#1D0858\",\n  Red = \"#E63946\",\n  Orange = \"#FF700F\",\n  FadedOrange = '#FFF1E7',\n  LightOrange = \"#FFBE93\",\n  DarkOrange = \"#D65600\",\n  Grey1 = \"#333333\",\n  Grey2 = \"#4F4F4F\",\n  Grey3 = \"#828282\",\n  Grey4 = \"#BDBDBD\",\n  Grey5 = \"#E0E0E0\",\n  Grey6 = \"#F2F2F2\",\n  Grey7 = \"#F8F8F8\",\n  Grey8 =  '#424242',\n  Purple = \"#040436\",\n\n    SecondarySurface = \"#1E1E1E\",\n    SecondaryStroke = \"#424242\",\n    SurfaceTertiary = \"#141414\",\n    HeadingSecondary = \"#FCFCFC\",\n    SupportTertiary = \"#A3A3A3\",\n    HeadingPrimary = \"#EF602E\",\n    InteractiveBGSecondary = \"#292929\",\n    InteractiveBGPrimary = \"#EA4513\",\n    TagBGTertiary = \"#0C0C0C\",\n    TextSupportSecondary = \"#D6D6D6\",\n    ErrorRed='#F31B43'\n}\n"],"names":[],"mappings":"IAAY,OAsCX;AAtCD,CAAA,UAAY,MAAM,EAAA;AAChB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,QAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,QAAA,CAAA,GAAA,SAAkB,CAAA;;AAElB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,UAAA,CAAA,GAAA,SAAoB,CAAA;AACpB,IAAA,MAAA,CAAA,WAAA,CAAA,GAAA,SAAqB,CAAA;AACrB,IAAA,MAAA,CAAA,WAAA,CAAA,GAAA,SAAoB,CAAA;AACpB,IAAA,MAAA,CAAA,MAAA,CAAA,GAAA,SAAgB,CAAA;AAChB,IAAA,MAAA,CAAA,UAAA,CAAA,GAAA,SAAoB,CAAA;AACpB,IAAA,MAAA,CAAA,KAAA,CAAA,GAAA,SAAe,CAAA;AACf,IAAA,MAAA,CAAA,QAAA,CAAA,GAAA,SAAkB,CAAA;AAClB,IAAA,MAAA,CAAA,aAAA,CAAA,GAAA,SAAuB,CAAA;AACvB,IAAA,MAAA,CAAA,aAAA,CAAA,GAAA,SAAuB,CAAA;AACvB,IAAA,MAAA,CAAA,YAAA,CAAA,GAAA,SAAsB,CAAA;AACtB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAkB,CAAA;AAClB,IAAA,MAAA,CAAA,QAAA,CAAA,GAAA,SAAkB,CAAA;AAEhB,IAAA,MAAA,CAAA,kBAAA,CAAA,GAAA,SAA4B,CAAA;AAC5B,IAAA,MAAA,CAAA,iBAAA,CAAA,GAAA,SAA2B,CAAA;AAC3B,IAAA,MAAA,CAAA,iBAAA,CAAA,GAAA,SAA2B,CAAA;AAC3B,IAAA,MAAA,CAAA,kBAAA,CAAA,GAAA,SAA4B,CAAA;AAC5B,IAAA,MAAA,CAAA,iBAAA,CAAA,GAAA,SAA2B,CAAA;AAC3B,IAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,SAA0B,CAAA;AAC1B,IAAA,MAAA,CAAA,wBAAA,CAAA,GAAA,SAAkC,CAAA;AAClC,IAAA,MAAA,CAAA,sBAAA,CAAA,GAAA,SAAgC,CAAA;AAChC,IAAA,MAAA,CAAA,eAAA,CAAA,GAAA,SAAyB,CAAA;AACzB,IAAA,MAAA,CAAA,sBAAA,CAAA,GAAA,SAAgC,CAAA;AAChC,IAAA,MAAA,CAAA,UAAA,CAAA,GAAA,SAAkB,CAAA;AACtB,CAAC,EAtCW,MAAM,KAAN,MAAM,GAsCjB,EAAA,CAAA,CAAA;;;;"}

package/build/_virtual/_tslib.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_tslib.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/components/AddressSearchDropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AddressSearchDropdown.js","sources":["../../src/components/AddressSearchDropdown.tsx"],"sourcesContent":["import React from \"react\";\r\nimport usePlacesAutocomplete, { getGeocode } from \"use-places-autocomplete\";\r\nimport styled from \"styled-components\";\r\nimport SearchDropdown, { SearchDropdownTypes } from \"./SearchDropdown\";\r\nimport { IconEnum } from \"./Icons\";\r\n\r\ninterface IAddress {\r\n  address1?: string;\r\n  address2?: string;\r\n  city?: string;\r\n  state?: string;\r\n  zip?: string;\r\n  country?: string;\r\n  phone?: string;\r\n  lat?: number | null;\r\n  lng?: number | null;\r\n  placeId?: string;\r\n  placeName?: string;\r\n  timezone?: string;\r\n}\r\n\r\ninterface ISearchDropdownItem {\r\n  text: string;\r\n  value: any;\r\n}\r\n\r\nconst Container = styled.div`\r\n  width: 100%;\r\n  z-index: 100000;\r\n`;\r\n\r\nexport type AddressSearchDropdownProps = {\r\n  value: IAddress;\r\n  onChange: (address: IAddress) => void;\r\n  width?: string;\r\n  label?:any;\r\n  tip?: string;\r\n  fontSize?:string;\r\n  fontWeight?:string;\r\n  fontFamily?:string;\r\n  darkThemeProps?:string;\r\n  labelColor?:string;\r\n  borderColor?:string;\r\n  height?:string;\r\n}\r\n\r\nexport default function AddressSearchDropdown({\r\n  value,\r\n  onChange,\r\n  width,\r\n  label,\r\n  tip,\r\n  fontSize,\r\n  fontWeight,\r\n  fontFamily,\r\n  darkThemeProps,\r\n  labelColor,\r\n  borderColor,\r\n  height\r\n}: AddressSearchDropdownProps) {\r\n  /* Hooks */\r\n  let {\r\n    value: innerValue,\r\n    suggestions: { data },\r\n    setValue,\r\n  } = usePlacesAutocomplete({\r\n    requestOptions: {\r\n      componentRestrictions: { country: \"us\" },\r\n    },\r\n    debounce: 300,\r\n  });\r\n\r\n  React.useEffect(() => {\r\n    let placeName = value?.placeName ? value?.placeName : \"\";\r\n    setValue(placeName);\r\n    innerValue = placeName;\r\n  }, []);\r\n\r\n  const selectAddress = React.useCallback(\r\n    (address) => {\r\n      console.log(address, \"address\");\r\n\r\n      setValue(address);\r\n      const doEffect = async () => {\r\n        try {\r\n          const [result] = await getGeocode({\r\n            address,\r\n          });\r\n          const {\r\n            geometry: { location },\r\n          } = result;\r\n\r\n          const addressObject = {\r\n            address1: \"\",\r\n            address2: \"\",\r\n            city: \"\",\r\n            state: \"\",\r\n            zip: \"\",\r\n            country: \"\",\r\n            lat: location.lat(),\r\n            lng: location.lng(),\r\n            placeId: result.place_id,\r\n            placeName: address,\r\n          };\r\n          result.address_components.forEach((ac: any) => {\r\n            if (ac.types.includes(\"street_number\")) {\r\n              addressObject.address1 = ac.short_name;\r\n            }\r\n            if (ac.types.includes(\"route\")) {\r\n              addressObject.address1 = `${addressObject.address1} ${ac.short_name}`;\r\n            }\r\n            if (ac.types.includes(\"subpremise\")) {\r\n              addressObject.address2 = ac.short_name;\r\n            }\r\n            if (\r\n              ac.types.includes(\"locality\") &&\r\n              ac.types.includes(\"political\")\r\n            ) {\r\n              addressObject.city = ac.short_name;\r\n            }\r\n            if (\r\n              ac.types.includes(\"administrative_area_level_1\") &&\r\n              ac.types.includes(\"political\")\r\n            ) {\r\n              addressObject.state = ac.short_name;\r\n            }\r\n            if (\r\n              ac.types.includes(\"country\") &&\r\n              ac.types.includes(\"political\")\r\n            ) {\r\n              addressObject.country = ac.short_name;\r\n            }\r\n            if (ac.types.includes(\"postal_code\")) {\r\n              addressObject.zip = ac.short_name;\r\n            }\r\n          });\r\n          onChange(addressObject);\r\n        } catch (e) {\r\n          // HANDLE ERROR\r\n          console.error(e);\r\n        }\r\n      };\r\n      doEffect();\r\n    },\r\n    [onChange, setValue]\r\n  );\r\n\r\n  React.useEffect(() => {\r\n    let intialAddress: IAddress = {};\r\n    if (!innerValue) onChange(intialAddress);\r\n  }, [innerValue]);\r\n\r\n  /* Render */\r\n  let items: ISearchDropdownItem[] = [];\r\n\r\n  if (data.length) {\r\n    items = data.map(\r\n      (suggestion): ISearchDropdownItem => ({\r\n        text: suggestion.description,\r\n        value: suggestion.description,\r\n      })\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Container>\r\n      <SearchDropdown\r\n        type={SearchDropdownTypes.SingleSelect}\r\n        icon={IconEnum.MapPinLight}\r\n        onChange={selectAddress}\r\n        value={innerValue}\r\n        searchQuery={innerValue}\r\n        setSearchQuery={setValue}\r\n        placeholder=\"Search for an address\"\r\n        items={items}\r\n        width={width}\r\n        label={label}\r\n        tip={tip}\r\n        fontSize={fontSize}\r\n        fontWeight={fontWeight}\r\n        fontFamily={fontFamily}\r\n        darkThemeProps={darkThemeProps}\r\n        labelColor={labelColor}\r\n        borderColor={borderColor}\r\n        height={height}\r\n      />\r\n    </Container>\r\n  );\r\n}\r\n"],"names":[],"mappings":"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"}

package/build/components/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sources":["../../src/components/Button.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport styled from \"styled-components\";\nimport * as Polished from \"polished\";\nimport { Colors } from \"../Colors\";\nimport Icon from \"./Icon\";\nimport Loader, { LoaderSizes } from \"./Loader\";\nimport SvgRenderer from \"./SvgRendrer\";\n\nexport enum ButtonTypes {\n  Next = \"Next\",\n  Regular = \"Regular\",\n  Thin = \"Thin\",\n  Normal = \"Normal\",\n  CustomInputHeight=\"CustomInputHeight\"\n}\n\nexport enum ButtonStates {\n  Active = \"Active\",\n  Warning = \"Warning\",\n  Disabled = \"Disabled\",\n}\n\nexport enum ButtonIconPosition {\n  Left = \"Left\",\n  Right = \"Right\",\n}\n\ntype StyledButtonProps = {\n  type: string;\n  state: string;\n  bgColor?: Colors;\n  onClick?: any;\n  margin?: string;\n  marginBottam?: string;\n  paddingAround?: string;\n  contentAlign?: string;\n  disabledbuttonTheme?:Boolean;\n  CustomInputHeight?:string;\n};\n\nconst StyledButton = styled.div<StyledButtonProps>`\n  position: relative;\n  height: ${(props) => {\n    if (props.CustomInputHeight) {\n      return \"55px\";\n    }\n    if (props.type === ButtonTypes.Next) {\n      return \"48px\";\n    }\n    if (props.type === ButtonTypes.CustomInputHeight) {\n      return \"55px\";\n    }\n    if (props.type === ButtonTypes.Regular) {\n      return \"40px\";\n    }\n\n    if (props.type === ButtonTypes.Normal) {\n      return \"50px\";\n    }\n\n    if (props.type === ButtonTypes.Thin) {\n      if (props.state === ButtonStates.Warning) {\n        return \"30px\";\n      }\n      return \"30px\";\n    }\n\n    return null;\n  }};\n  width: ${(props) => {\n    if (props.type === ButtonTypes.Next) {\n      return \"100%\";\n    }\n\n    if (props.type === ButtonTypes.Regular) {\n      return \"fit-content\";\n    }\n\n    if (props.type === ButtonTypes.Thin) {\n      return \"fit-content\";\n    }\n\n    if (props.type === ButtonTypes.Normal) {\n      return \"50px\";\n    }\n    return null;\n  }};\n  margin-bottom: ${(props) =>\n    props.marginBottam ? `${props.marginBottam} !important` : \"0px !important\"};\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  overflow: hidden;\n  justify-content: ${(props) => props.contentAlign || \"center\"};\n  white-space: nowrap;\n  box-sizing: border-box;\n  text-align: center;\n  border-radius: 10px;\n  transition: all 0.2s;\n  margin: ${(props) => (Boolean(props.margin) ? props.margin : \"0px\")};\n  padding: ${(props) => {\n    if (props.type === ButtonTypes.Next && props.paddingAround) {\n      return props.paddingAround;\n    }\n    if (props.type === ButtonTypes.Next) {\n      return \"0px\";\n    }\n    if (props.type === ButtonTypes.Regular) {\n      return \"0 25px\";\n    }\n\n    if (props.type === ButtonTypes.Thin) {\n      return \"0 15px\";\n    }\n\n    if (props.type === ButtonTypes.Normal) {\n      return \"0 25px\";\n    }\n\n    return null;\n  }};\n  background-color: ${(props) => {\n    if (props.state === ButtonStates.Disabled && props.disabledbuttonTheme) {\n      return Colors.InteractiveBGSecondary;\n    }\n    if (props.state === ButtonStates.Disabled) {\n      return Colors.Grey6;\n    }\n\n    if (props.state === ButtonStates.Warning) {\n      return Colors.White;\n    }\n\n    return props.bgColor || Colors.Orange;\n  }};\n  border: ${(props) => {\n    if (props.state === ButtonStates.Warning) {\n      return `1px solid ${Colors.Grey5}`;\n    }\n\n    return null;\n  }};\n\n  &:hover {\n    cursor: ${(props) => {\n      if (props.state === ButtonStates.Disabled) {\n        return null;\n      }\n\n      return props.onClick ? \"pointer\" : null;\n    }};\n    background-color: ${(props) => {\n      if (props.state === ButtonStates.Disabled && props.disabledbuttonTheme) {\n        return Colors.Grey1;\n      }\n      if (props.state === ButtonStates.Disabled) {\n        return Colors.Grey6;\n      }\n\n      if (props.state === ButtonStates.Warning) {\n        return Colors.White;\n      }\n\n      return Polished.lighten(0.025, props.bgColor || Colors.Orange);\n    }};\n  }\n\n  &:active {\n    cursor: ${(props) => {\n      if (props.state === ButtonStates.Disabled) {\n        return null;\n      }\n\n      return props.onClick ? \"pointer\" : null;\n    }};\n    background-color: ${(props) => {\n      if (props.state === ButtonStates.Disabled) {\n        return Colors.Grey6;\n      }\n\n      if (props.state === ButtonStates.Warning) {\n        return Colors.White;\n      }\n\n      return Polished.darken(0.025, props.bgColor || Colors.Orange);\n    }};\n  }\n`;\n\ntype TextProps = {\n  type: string;\n  state: string;\n  icon: boolean;\n  iconPosition?: ButtonIconPosition;\n  textColor?: Colors;\n  textTransform?: string;\n  fontSize?: string;\n  fontWeight?: string;\n  fontFamily?: string;\n  letterSpacing?: string;\n  disabledbuttonTheme?: boolean;\n  lineHeight?:string;\n  marginOnButtonText?:boolean\n  innerTextWhiteSpace?:string\n};\n\nconst Text = styled.span<TextProps>`\n  position: relative;\n  line-height:${(props) => props.lineHeight};\n  font-family: ${(props) => props.fontFamily};\n  letter-spacing: ${(props) => props.letterSpacing};\n  font-size: ${(props) => {\n    if (props.type === ButtonTypes.Next && props.fontSize) {\n      return props.fontSize;\n    }\n    if (props.type === ButtonTypes.Regular && props.fontSize) {\n      return props.fontSize;\n    }\n    if (props.type === ButtonTypes.Next) {\n      return \"1.4rem\";\n    }\n\n    if (props.type === ButtonTypes.Regular) {\n      return \"1.4rem\";\n    }\n\n    if (props.type === ButtonTypes.Regular) {\n      return \"1.2rem\";\n    }\n\n    if (props.type === ButtonTypes.Thin) {\n      return \"1.2rem\";\n    }\n    if (props.type === ButtonTypes.Normal) {\n      return \"2.5rem\";\n    }\n\n    return null;\n  }};\n  font-weight: ${(props) => {\n    if (props.type === ButtonTypes.Next && props.fontWeight) {\n      return props.fontWeight;\n    }\n    if (props.type === ButtonTypes.Regular && props.fontWeight) {\n      return props.fontWeight;\n    }\n    if (props.type === ButtonTypes.Next) {\n      return \"600\";\n      // return \"700\";\n    }\n\n    if (props.type === ButtonTypes.Regular) {\n      return \"600\";\n      // return \"700\";\n    }\n\n    if (props.type === ButtonTypes.Thin) {\n      return \"600\";\n    }\n\n    if (props.type === ButtonTypes.Normal) {\n      return \"500\";\n    }\n    return null;\n  }};\n  text-transform: ${(props) => props.textTransform || \"uppercase\"};\n  margin: ${(props) => {\n    if (props.type === ButtonTypes.Next && props.marginOnButtonText) {\n      return \"0 10px 0 0\";\n    }\n    if (props.type === ButtonTypes.Next) {\n      return \"0 10px\";\n    }\n\n    if (props.type === ButtonTypes.Regular) {\n      if (props.iconPosition === ButtonIconPosition.Left) {\n        return \"0 0 0 10px\";\n      }\n\n      if (props.iconPosition === ButtonIconPosition.Right) {\n        return \"0 10px 0 0\";\n      }\n\n      return \"0\";\n    }\n\n    if (props.type === ButtonTypes.Normal) {\n      if (props.iconPosition === ButtonIconPosition.Left) {\n        return \"0 0 0 10px\";\n      }\n\n      if (props.iconPosition === ButtonIconPosition.Right) {\n        return \"0 10px 0 0\";\n      }\n\n      return \"0\";\n    }\n\n    if (props.type === ButtonTypes.Thin) {\n      if (props.iconPosition === ButtonIconPosition.Left) {\n        return \"0 0 0 7px\";\n      }\n\n      if (props.iconPosition === ButtonIconPosition.Right) {\n        return \"0 7px 0 0\";\n      }\n\n      return \"0\";\n    }\n\n    return null;\n  }};\n  color: ${(props: any) => {\n    if (props.state === ButtonStates.Disabled && props.disabledbuttonTheme) {\n      return Colors.Grey3;\n    }\n    if (props.state)\n      if (props.state === ButtonStates.Disabled) {\n        return Colors.Grey5;\n      }\n\n    if (props.state === ButtonStates.Warning) {\n      return Colors.Grey3;\n    }\n\n    return props.textColor || Colors.White;\n  }};\n  top: ${(props) => {\n    if (props.type === ButtonTypes.Thin) {\n      if (props.icon) {\n        return \"-1px\";\n      }\n\n      return \"0\";\n    }\n\n    return null;\n  }};\n  white-space: ${(props) => props.innerTextWhiteSpace};\n`;\n\nexport type ButtonProps = {\n  type?: ButtonTypes;\n  state?: ButtonStates;\n  bgColor?: Colors;\n  textColor?: Colors;\n  text?: string;\n  onClick?: any;\n  icon?: any;\n  iconPosition?: ButtonIconPosition;\n  iconSize?: number;\n  margin?: string;\n  loading?: boolean;\n  label?: string;\n  tip?: string;\n  subLabel?: string;\n  marginBottam?: string;\n  paddingAround?: string;\n  contentAlign?: string;\n  textTransform?: string;\n  fontSize?: string;\n  fontWeight?: string;\n  fontFamily?: string;\n  letterSpacing?: string;\n  disabledbuttonTheme?: boolean;\n  CustomInputHeight?:string;\n  lineHeight?:string;\n  svgIconName?:string;\n  svgWidth?:string;\n  svgHeight?:string;\n  marginOnButtonText?:boolean;\n  innerTextWhiteSpace?:string\n};\n\nexport default function Button({\n  type = ButtonTypes.Next,\n  state = ButtonStates.Active,\n  bgColor,\n  textColor,\n  text,\n  onClick = () => {},\n  icon,\n  iconPosition,\n  iconSize = 14,\n  // label,\n  // tip,\n  // subLabel,\n  margin,\n  marginBottam,\n  loading = false,\n  paddingAround,\n  contentAlign,\n  textTransform,\n  fontSize,\n  fontWeight,\n  fontFamily,\n  letterSpacing,\n  disabledbuttonTheme,\n  CustomInputHeight,\n  lineHeight,\n  svgIconName,\n  svgHeight,\n  svgWidth,\n  marginOnButtonText,\n  innerTextWhiteSpace\n}: ButtonProps) {\n  const iconColor: Colors =\n    state === ButtonStates.Disabled ? Colors.Grey3 : Colors.White;\n\n  if (icon && !iconPosition) iconPosition = ButtonIconPosition.Left;\n\n  const iconEl = (\n    <Icon\n      icon={icon}\n      color={iconColor}\n      size={iconSize}\n      top={iconSize < 14 ? \"-1px\" : undefined}\n    />\n  );\n\n  const click =\n    loading || state === ButtonStates.Disabled ? null : () => onClick();\n\n  return (\n    <>\n      <StyledButton\n        type={type}\n        state={state}\n        onClick={click}\n        margin={margin}\n        bgColor={bgColor}\n        marginBottam={marginBottam}\n        paddingAround={paddingAround}\n        contentAlign={contentAlign}\n        disabledbuttonTheme={disabledbuttonTheme}\n        CustomInputHeight={CustomInputHeight}\n      >\n        {(() => {\n          return (\n            <Fragment>\n              {(() => {\n                if (loading) {\n                  return (\n                    <Fragment>\n                      <Loader size={LoaderSizes.VerySmall} color={iconColor} />\n                    </Fragment>\n                  );\n                }\n\n                return (\n                  <Fragment>\n                    {icon && iconPosition === ButtonIconPosition.Left && iconEl}\n                    {text && (\n                      <Text\n                        type={type}\n                        state={state}\n                        icon={Boolean(icon)}\n                        iconPosition={iconPosition}\n                        textColor={textColor}\n                        textTransform={textTransform}\n                        fontSize={fontSize}\n                        fontWeight={fontWeight}\n                        fontFamily={fontFamily}\n                        letterSpacing={letterSpacing}\n                        disabledbuttonTheme={disabledbuttonTheme}\n                        lineHeight={lineHeight}\n                        marginOnButtonText={marginOnButtonText}\n                        innerTextWhiteSpace={innerTextWhiteSpace}\n                      >\n                        {text}\n                      </Text>\n                    )}\n                    {icon &&\n                      iconPosition === ButtonIconPosition.Right &&\n                      iconEl}\n                      {svgIconName &&\n                       <SvgRenderer\n                        iconName={svgIconName}\n                        width={svgWidth}\n                        height={svgHeight}  \n                        style={{ margin: '2px 0px'}}\n                      />\n                      }\n                  </Fragment>\n                );\n              })()}\n            </Fragment>\n          );\n        })()}\n      </StyledButton>\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}

package/build/components/CodeInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CodeInput.js","sources":["../../src/components/CodeInput.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport styled from \"styled-components\";\nimport { Colors } from \"../Colors\";\n\ntype ContainerProps = {\n  margin?: string;\n  paddingLeft?: string;\n};\nconst Container = styled.div<ContainerProps>`\n  margin: ${(props) => props.margin};\n  padding-left: ${(props) => props.paddingLeft};\n`;\ntype StyledInputProps = {\n  color?: string;\n  border?: string;\n  width?: string;\n  height?: string;\n  bgColor?: string;\n  borderRadius?: string;\n  borderHover?: string;\n  fontSize?: string;\n  marginRight?: string;\n  fontWeight?: string;\n  fontFamily?: string;\n  \n};\nconst Input = styled.input<StyledInputProps>`\n  border: ${(props) =>\n    props.height ? `${props.border}` : `2px solid ${Colors.Grey5}`};\n  height: ${(props) => props.height || \"70px\"};\n  width: ${(props) => props.width || \"55px\"};\n  background-color: ${(props) => props.bgColor || \"white\"};\n  transition: all 0.1s;\n  margin-right:${(props) => props.marginRight || \"10px\"}; \n  outline: 0px;\n  font-size: ${(props) => props.fontSize || \"24px\"};\n  text-align: center;\n  border-radius: ${(props) => props.borderRadius || \"10px\"};\n  -moz-appearance: textfield;\n  padding: 0px;\n  box-shadow: none;\n  font-weight:${(props) => props.fontWeight}; \n  font-family:${(props) => props.fontFamily};\n  color: ${(props) => props.color};\n  -moz-appearance: textfield;\n\n  &:focus {\n     border: ${(props) => props.borderHover || `2px solid ${Colors.Grey1}`};\n  }\n  &::-webkit-inner-spin-button,\n  ::-webkit-outer-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n`;\n\ntype CodeInputProps = {\n  length: number;\n  onChange: Function;\n  onComplete: Function;\n  resetCode?: boolean;\n  color?: string;\n  placeholder?: string;\n  height?: string;\n  width?: string;\n  border?: string;\n  bgColor?: string;\n  borderRadius?: string;\n  borderHover?: string;\n  fontSize?: string;\n  marginRight?: string;\n  fontWeight?: string;\n  fontFamily?: string;\n  paddingLeft?: string;\n};\nconst CodeInput: React.FC<CodeInputProps> = ({\n  onChange,\n  onComplete,\n  length = 4,\n  resetCode = false,\n  color,\n  placeholder,\n  height,\n  width,\n  border,\n  bgColor,\n  borderRadius,\n  borderHover,\n  fontSize,\n  marginRight,\n  fontWeight,\n  fontFamily,\n  paddingLeft,\n}) => {\n  const [value, setValue] = useState<Array<string>>(new Array(length).fill(\"\"));\n  useEffect(() => {\n    if (resetCode) {\n      setValue(new Array(length).fill(\"\"));\n    }\n  }, [resetCode]);\n\n  const inputs: any[] = [];\n\n  const change = (valueAt: any, index: any) => {\n    const currentValue = [...value];\n    if (valueAt.length > 1) {\n      valueAt = valueAt.substring(1);\n    }\n    // Single Character Press\n    if (valueAt.length === 1) {\n      currentValue[index] = valueAt;\n      setValue(currentValue);\n      if (inputs[index + 1]) {\n        inputs[index + 1].focus();\n      }\n    } else if (valueAt.length === length) {\n      //code pasted\n      setValue(valueAt.split(\"\"));\n      onComplete(valueAt);\n      if (inputs[index + 1]) {\n        inputs[index + 1].focus();\n      }\n    } else if (valueAt.length > 0 && valueAt.length < length) {\n      // More than 1 character, less than the total number required\n\n      change(valueAt.charAt(valueAt.length - 1), index);\n    }\n\n    if (index + 1 === length) {\n      onComplete(currentValue.join(\"\"));\n    }\n  };\n\n  useEffect(() => {\n    onChange && onChange(value);\n  }, [value]);\n\n  const renderInput = (index: any) => {\n    const curValue = value[index];\n    return (\n      <Input\n        key={index}\n        autoFocus={index === 0}\n        value={curValue}\n        type=\"number\"\n        pattern=\"\\d*\"\n        ref={(ref) => (inputs[index] = ref)}\n        onChange={(event) => {\n          onChange();\n          change(event.target.value, index);\n        }}\n        color={color}\n        placeholder={placeholder}\n        height={height}\n        width={width}\n        border={border}\n        bgColor={bgColor}\n        borderRadius={borderRadius}\n        borderHover={borderHover}\n        fontSize={fontSize}\n        marginRight={marginRight}\n        fontWeight={fontWeight}\n        fontFamily={fontFamily}\n        onKeyDown={(event) => {\n          if (event.keyCode === 8 || event.keyCode === 46) {\n            // handle backspace or delete\n            event.preventDefault();\n            const currentValue = [...value];\n            currentValue[index] = \"\";\n            setValue(currentValue);\n            if (index !== 0) {\n              inputs[index - 1].focus();\n            }\n          } else if (event.keyCode === 37) {\n            // navigate left with left arrow key\n            event.preventDefault();\n            if (index !== 0) {\n              inputs[index - 1].focus();\n            }\n          } else if (event.keyCode === 39) {\n            // navigate right with right arrow key\n            event.preventDefault();\n            if (index !== value.length - 1) {\n              inputs[index + 1].focus();\n            }\n          } else if (\n            // prohibit weird behavior when up, down, +, or - are pressed\n            event.keyCode === 38 ||\n            event.keyCode === 40 ||\n            event.keyCode === 107 ||\n            event.keyCode === 109\n          ) {\n            event.preventDefault();\n          }\n        }}\n      />\n    );\n  };\n\n  return (\n    <Container paddingLeft={paddingLeft}>\n      {value.map((_, index) => {\n        return renderInput(index);\n      })}\n    </Container>\n  );\n};\n\nexport default CodeInput;\n"],"names":[],"mappings":";;;;;AAQA,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAgB,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,cAAA,EAAA,qBAAA,EAAA,KAAA,CAAA,EAAA,CAAA,cAChC,EAAuB,qBACjB,EAA4B,KAC7C,CAFW,CAAA,CAAA,EAAA,UAAC,KAAK,EAAK,EAAA,OAAA,KAAK,CAAC,MAAM,CAAA,EAAA,EACjB,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,WAAW,CAAjB,EAAiB,CAC7C,CAAC;AAeF,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,qlBAAkB,cAChC;IACsD,eACtD,EAAiC,cAClC,EAAgC,yBACrB,EAAmC,6CAExC,EAAsC,oCAExC,EAAmC,6CAE/B,EAAuC,wFAI1C,EAA2B,oBAC3B,EAA2B,cAChC,EAAsB,gEAIlB,EAA2D,gIAOzE,CA3BW,CAAA,CAAA,EAAA,UAAC,KAAK,EAAA;AACd,IAAA,OAAA,KAAK,CAAC,MAAM,GAAG,EAAG,GAAA,KAAK,CAAC,MAAQ,GAAG,YAAa,GAAA,MAAM,CAAC,KAAO,CAAA;AAA9D,CAA8D,EACtD,UAAC,KAAK,EAAK,EAAA,OAAA,KAAK,CAAC,MAAM,IAAI,MAAM,CAAA,EAAA,EAClC,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,KAAK,IAAI,MAAM,CAArB,EAAqB,EACrB,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,OAAO,IAAI,OAAO,CAAA,EAAA,EAExC,UAAC,KAAK,EAAK,EAAA,OAAA,KAAK,CAAC,WAAW,IAAI,MAAM,CAAA,EAAA,EAExC,UAAC,KAAK,EAAK,EAAA,OAAA,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAA,EAAA,EAE/B,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,YAAY,IAAI,MAAM,CAA5B,EAA4B,EAI1C,UAAC,KAAK,EAAK,EAAA,OAAA,KAAK,CAAC,UAAU,CAAA,EAAA,EAC3B,UAAC,KAAK,EAAK,EAAA,OAAA,KAAK,CAAC,UAAU,CAAhB,EAAgB,EAChC,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,KAAK,CAAX,EAAW,EAIlB,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,WAAW,IAAI,YAAA,GAAa,MAAM,CAAC,KAAO,CAAA,EAAA,CAOzE,CAAC;AAqBI,IAAA,SAAS,GAA6B,UAAC,EAkB5C,EAAA;QAjBC,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,EAAU,GAAA,EAAA,CAAA,MAAA,EAAV,MAAM,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,CAAC,GAAA,EAAA,EACV,EAAA,GAAA,EAAA,CAAA,SAAiB,EAAjB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EACjB,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,WAAW,GAAA,EAAA,CAAA,WAAA,CAAA;IAEL,IAAA,EAAA,GAAoB,QAAQ,CAAgB,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAAtE,KAAK,QAAA,EAAE,QAAQ,QAAuD,CAAC;AAC9E,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,IAAI,SAAS,EAAE;AACb,YAAA,QAAQ,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;AACtC,SAAA;AACH,KAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAM,MAAM,GAAU,EAAE,CAAC;AAEzB,IAAA,IAAM,MAAM,GAAG,UAAC,OAAY,EAAE,KAAU,EAAA;AACtC,QAAA,IAAM,YAAY,GAAA,cAAA,CAAO,KAAK,CAAC,CAAC;AAChC,QAAA,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;AACtB,YAAA,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;AAChC,SAAA;;AAED,QAAA,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;AACxB,YAAA,YAAY,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC;YAC9B,QAAQ,CAAC,YAAY,CAAC,CAAC;AACvB,YAAA,IAAI,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE;gBACrB,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;AAC3B,aAAA;AACF,SAAA;AAAM,aAAA,IAAI,OAAO,CAAC,MAAM,KAAK,MAAM,EAAE;;YAEpC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;YAC5B,UAAU,CAAC,OAAO,CAAC,CAAC;AACpB,YAAA,IAAI,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE;gBACrB,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;AAC3B,aAAA;AACF,SAAA;aAAM,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,OAAO,CAAC,MAAM,GAAG,MAAM,EAAE;;AAGxD,YAAA,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;AACnD,SAAA;AAED,QAAA,IAAI,KAAK,GAAG,CAAC,KAAK,MAAM,EAAE;YACxB,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;AACnC,SAAA;AACH,KAAC,CAAC;AAEF,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAM,WAAW,GAAG,UAAC,KAAU,EAAA;AAC7B,QAAA,IAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;QAC9B,QACE,oBAAC,KAAK,EAAA,EACJ,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,KAAK,KAAK,CAAC,EACtB,KAAK,EAAE,QAAQ,EACf,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,MAAK,EACb,GAAG,EAAE,UAAC,GAAG,EAAK,EAAA,QAAC,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,EAAC,EAAA,EACnC,QAAQ,EAAE,UAAC,KAAK,EAAA;AACd,gBAAA,QAAQ,EAAE,CAAC;gBACX,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;aACnC,EACD,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,UAAC,KAAK,EAAA;gBACf,IAAI,KAAK,CAAC,OAAO,KAAK,CAAC,IAAI,KAAK,CAAC,OAAO,KAAK,EAAE,EAAE;;oBAE/C,KAAK,CAAC,cAAc,EAAE,CAAC;AACvB,oBAAA,IAAM,YAAY,GAAA,cAAA,CAAO,KAAK,CAAC,CAAC;AAChC,oBAAA,YAAY,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;oBACzB,QAAQ,CAAC,YAAY,CAAC,CAAC;oBACvB,IAAI,KAAK,KAAK,CAAC,EAAE;wBACf,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;AAC3B,qBAAA;AACF,iBAAA;AAAM,qBAAA,IAAI,KAAK,CAAC,OAAO,KAAK,EAAE,EAAE;;oBAE/B,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,IAAI,KAAK,KAAK,CAAC,EAAE;wBACf,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;AAC3B,qBAAA;AACF,iBAAA;AAAM,qBAAA,IAAI,KAAK,CAAC,OAAO,KAAK,EAAE,EAAE;;oBAE/B,KAAK,CAAC,cAAc,EAAE,CAAC;AACvB,oBAAA,IAAI,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;wBAC9B,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;AAC3B,qBAAA;AACF,iBAAA;AAAM,qBAAA;;gBAEL,KAAK,CAAC,OAAO,KAAK,EAAE;oBACpB,KAAK,CAAC,OAAO,KAAK,EAAE;oBACpB,KAAK,CAAC,OAAO,KAAK,GAAG;AACrB,oBAAA,KAAK,CAAC,OAAO,KAAK,GAAG,EACrB;oBACA,KAAK,CAAC,cAAc,EAAE,CAAC;AACxB,iBAAA;aACF,EAAA,CACD,EACF;AACJ,KAAC,CAAC;AAEF,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,WAAW,EAAE,WAAW,EAChC,EAAA,KAAK,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,KAAK,EAAA;AAClB,QAAA,OAAO,WAAW,CAAC,KAAK,CAAC,CAAC;KAC3B,CAAC,CACQ,EACZ;AACJ,EAAE;;;;;"}

package/build/components/Counter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Counter.js","sources":["../../src/components/Counter.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport styled from \"styled-components\";\nimport * as Polished from \"polished\";\nimport { Colors } from \"../Colors\";\nimport Button, { ButtonTypes } from \"./Button\";\n\n// Fixed issue SELLOUT-24\nconst Container = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: auto;\n  min-height: 42px;\n  gap:13px;\n  /* background-color: red; */\n`;\n\ntype IconContainerProps = {\n  active: boolean;\n  justify: string;\n}\n\nconst IconContainer = styled.div<IconContainerProps>`\n  display: flex;\n  align-items: center;\n  justify-content: ${props => props.justify};\n  flex: 1;\n  /* background-color: blue; */\n  height: 100%;\n\n  &:hover {\n    cursor: ${props => (props.active ? \"pointer\" : null)};\n  }\n\n  .svg-inline--fa {\n    color: ${props =>\n      props.active ? Polished.lighten(0.025, Colors.Orange) : null} !important;\n  }\n`;\n\nexport type CounterProps = {\n value: number,\n maxValue?: number,\n minValue: number,\n onIncrement: Function,\n onDecrement: Function,\n};\n\nexport default function Counter({\n  value,\n  maxValue,\n  minValue = 0,\n  onIncrement,\n  onDecrement, \n}: CounterProps) {\n\n  const canDecrement = value > minValue;\n  const canIncrement = Boolean(!Boolean(maxValue) || (maxValue && value < maxValue));\n\n  return (\n    <Container>\n        <Fragment>\n          <IconContainer\n            active={canDecrement}\n            onClick={() => (canDecrement ? onDecrement() : null)}\n            justify=\"flex-start\"\n          >\n            <Button \n             type={ButtonTypes.Normal}\n             text={\"-\"}\n             bgColor={Colors.InteractiveBGSecondary}\n            />\n          </IconContainer>\n        </Fragment>\n      <IconContainer\n        active={canIncrement}\n        onClick={() => (canIncrement ? onIncrement() : null)}\n        justify=\"flex-end\"\n      >\n        <Button \n             type={ButtonTypes.Normal}\n             text={\"+\"}\n             bgColor={Colors.InteractiveBGPrimary}\n            />\n      </IconContainer>\n    </Container>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAMA;AACA,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,0LAAA,CAAA,EAAA,CAAA,0LAS3B,IAAA,CAAC;AAOF,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,ySAAoB,iEAG/B,EAAsB,8FAM7B,EAA0C,4CAI3C;AACqD,IAAA,qBAEjE,CAboB,CAAA,CAAA,EAAA,UAAA,KAAK,EAAA,EAAI,OAAA,KAAK,CAAC,OAAO,CAAA,EAAA,EAM7B,UAAA,KAAK,IAAI,QAAC,KAAK,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,EAAC,EAAA,EAI3C,UAAA,KAAK,EAAA;AACZ,IAAA,OAAA,KAAK,CAAC,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,GAAG,IAAI,CAAA;AAA5D,CAA4D,CAEjE,CAAC;AAUsB,SAAA,OAAO,CAAC,EAMjB,EAAA;AALb,IAAA,IAAA,KAAK,WAAA,EACL,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,gBAAY,EAAZ,QAAQ,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,CAAC,KAAA,EACZ,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,WAAW,GAAA,EAAA,CAAA,WAAA,CAAA;AAGX,IAAA,IAAM,YAAY,GAAG,KAAK,GAAG,QAAQ,CAAC;AACtC,IAAA,IAAM,YAAY,GAAG,OAAO,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,QAAQ,IAAI,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC;IAEnF,QACE,oBAAC,SAAS,EAAA,IAAA;AACN,QAAA,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA;YACP,KAAC,CAAA,aAAA,CAAA,aAAa,EACZ,EAAA,MAAM,EAAE,YAAY,EACpB,OAAO,EAAE,YAAA,EAAM,QAAC,YAAY,GAAG,WAAW,EAAE,GAAG,IAAI,EAAC,EAAA,EACpD,OAAO,EAAC,YAAY,EAAA;AAEpB,gBAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EACN,EAAA,IAAI,EAAE,WAAW,CAAC,MAAM,EACxB,IAAI,EAAE,GAAG,EACT,OAAO,EAAE,MAAM,CAAC,sBAAsB,EAAA,CACrC,CACY,CACP;QACb,KAAC,CAAA,aAAA,CAAA,aAAa,EACZ,EAAA,MAAM,EAAE,YAAY,EACpB,OAAO,EAAE,YAAA,EAAM,QAAC,YAAY,GAAG,WAAW,EAAE,GAAG,IAAI,EAAC,EAAA,EACpD,OAAO,EAAC,UAAU,EAAA;YAElB,KAAC,CAAA,aAAA,CAAA,MAAM,IACF,IAAI,EAAE,WAAW,CAAC,MAAM,EACxB,IAAI,EAAE,GAAG,EACT,OAAO,EAAE,MAAM,CAAC,oBAAoB,EACnC,CAAA,CACQ,CACN,EACZ;AACJ,CAAC;;;;;"}

package/build/components/Dropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dropdown.js","sources":["../../src/components/Dropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport { Colors } from \"../Colors\";\nimport Icon, { Icons } from \"./Icon\";\nimport Label from \"./Label\";\nimport Flex from \"./Flex\";\nimport * as Polished from \"polished\";\n\ntype ContainerProps = {\n  width?: string;\n  open: boolean;\n  height: string;\n};\ntype FieldContainerProps = {\n  open: boolean;\n  width: string;\n  height: string;\n  bgColor?: string;\n  valueColor?: string;\n  itemColor?: string;\n  borderColor?:string;\n  containerMinHeight?: string;\n};\n\ntype OptionValueProps = {\n  optionsColor?: string;\n  valueWhiteSpace?: string;\n};\ntype TopRowsProps = {\n  optionsHeight?: string;\n};\nconst Container = styled.div<ContainerProps>`\n  position: relative;\n  height: ${(props) =>\n    props.open ? (props.height ? props.height : \"65px\") : \"65px\"};\n  width: ${(props) => props.width};\n`;\n\nconst FieldContainer = styled.div<FieldContainerProps>`\n  position: absolute;\n  max-height: ${(props) => (props.open ? props.height : \"38px\")};    \n  min-height: ${(props) => (props.containerMinHeight)}; \n  width: ${(props) => props.width};\n  background-color: ${(props) => props.bgColor || Colors.White};\n  border: 1px solid ${(props) => props.borderColor || Colors.Grey5};\n  box-sizing: border-box;\n  border-radius: 8px;\n  transition: all 0.2s;\n  z-index: ${(props) => (props.open ? 100 : 0)};\n  box-shadow: ${(props) =>\n    props.open ? \"0px 4px 16px rgba(0, 0, 0, 0.05)\" : \"\"};\n  overflow: hidden;\n  outline: none;\n\n  &:hover {\n    cursor: pointer;\n    border: 1px solid ${Polished.darken(0.05, Colors.Grey5)};\n  }\n\n  &:focus {\n    border: 1px solid ${Colors.Grey4};\n  }\n`;\n\nconst TopRow = styled.div<TopRowsProps>`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  height: ${(props) => (props.optionsHeight ? props.optionsHeight : \"38px\")};\n  padding: 0 15px;\n`;\n\nconst Value = styled.div<OptionValueProps>`\n  font-size: 1.4rem;\n  font-weight: 500;\n  color: ${(props) => props.optionsColor || Colors.Grey1};\n  font-family: \"neue-haas-grotesk-display\", sans-serif;\n  margin-right: 10px;\n  white-space:${(props) => (props.valueWhiteSpace ? props.valueWhiteSpace : \"nowrap\")};\n`;\n\ntype ItemsContainerProps = {\n  open: boolean;\n  height: string;\n};\n\nconst ItemsContainer = styled.div<ItemsContainerProps>`\n  position: relative;\n  max-height: ${(props) => (props.open ? props.height : \"0px\")};\n  overflow: ${(props) => (props.open ? \"auto\" : \"hidden\")};\n`;\n\ntype ItemProps = {\n  selected: boolean;\n  itemColor?: string;\n  optionsColor?: string;\n  bgColor?: string;\n  hoverColor?:string\n};\n\nconst Item = styled.div<ItemProps>`\n  position: relative;\n  display: flex;\n  align-items: center;\n  height: 30px;\n  padding: 0 15px;\n  background-color: ${(props) =>\n    props.bgColor\n      ? Colors.SurfaceTertiary\n      : props.selected\n      ? props.itemColor || Colors.Grey7\n      : Colors.White};\n  font-size: 1.2rem;\n  color: ${(props) => props.optionsColor || Colors.Grey1};\n  transition: all 0.2s;\n\n  &:hover {\n    cursor: pointer;\n    background-color: ${(props) => props.hoverColor || Colors.Grey7};\n  }\n`;\n\nexport interface IDropdownItem {\n  text: string;\n  value: any;\n  icon?: React.ReactNode;\n  color?: string;\n}\n\nexport enum DropdownTypes {\n  Regular = \"Regular\",\n  Small = \"Small\",\n}\n\ntype DropdownProps = {\n  type?: DropdownTypes;\n  value?: string;\n  onChange: Function;\n  placeholder?: string;\n  width?: string;\n  items: IDropdownItem[];\n  label?: any;\n  tip?: string;\n  icon?: React.ReactNode;\n  height?: string;\n  labelColor?: string;\n  bgColor?: string;\n  itemColor?: string;\n  optionsColor?: string;\n  fontSize?: string;\n  fontFamily?: string;\n  fontWeight?: string;\n  iconColor?: string;\n  hoverColor?:string;\n  letterSpacing?:string;\n  borderColor?:string;\n  containerMinHeight?:string;\n  optionsHeight?:string;\n  itemContainerHeight?:string;\n  valueWhiteSpace?:string;\n};\n\nconst Dropdown: React.FC<DropdownProps> = ({\n  // type = DropdownTypes.Regular,\n  value,\n  onChange,\n  width = \"auto\",\n  items,\n  label,\n  tip,\n  icon,\n  height = \"65px\",\n  labelColor,\n  bgColor,\n  itemColor,\n  optionsColor,\n  fontSize,\n  fontFamily,\n  fontWeight,\n  iconColor,\n  hoverColor,\n  letterSpacing,\n  borderColor,\n  containerMinHeight,\n  optionsHeight,\n  itemContainerHeight,\n  valueWhiteSpace,\n}) => {\n  const [open, setOpen] = React.useState(false);\n\n  return (\n    <Container width={width} open={true} height={height}>\n      {label && (\n        <Label\n          text={label}\n          tip={tip}\n          labelColor={labelColor}\n          fontFamily={fontFamily}\n          fontSize={fontSize}\n          fontWeight={fontWeight}\n          letterSpacing={letterSpacing}\n        />\n      )}\n      <FieldContainer\n        itemColor={itemColor}\n        bgColor={bgColor}\n        tabIndex={1}\n        open={open}\n        height={items?.length > 4 ? \"130px\" : `${items?.length * 30 + (itemContainerHeight ? parseInt(itemContainerHeight) : 43)}px`}\n        width={width}\n        onClick={() => setOpen(!open)}\n        onBlur={() => setOpen(false)}\n        borderColor={borderColor}\n        containerMinHeight={containerMinHeight}\n      >\n        <TopRow\n          optionsHeight={optionsHeight}>\n          <Flex align=\"center\">\n            {icon && icon}\n            <Value optionsColor={optionsColor} valueWhiteSpace={valueWhiteSpace}>{value}</Value>\n          </Flex>\n          <Icon icon={Icons.Sort} size={12} color={iconColor} />\n        </TopRow>\n        <ItemsContainer\n          open={open}\n          height={items?.length > 3 ? \"90px\" : `${items?.length * 30}px`}\n          className=\"dropdown-list-menu  dropdown-list-height\"\n        >\n          {items?.map((item, index) => {\n            return (\n              <Item\n                bgColor={bgColor}\n                optionsColor={optionsColor}\n                itemColor={item.color}\n                hoverColor={hoverColor}\n                key={index}\n                selected={false} // don't hightlight selected item in dropdown\n                onClick={() => onChange(item.value)}\n              >\n                {item.icon && item.icon}\n                {item.text}\n              </Item>\n            );\n          })}\n        </ItemsContainer>\n      </FieldContainer>\n    </Container>\n  );\n};\n\nexport default Dropdown;\n"],"names":[],"mappings":"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"}

package/build/components/Flex.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Flex.js","sources":["../../src/components/Flex.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\n\ntype FlexProps = {\n  direction?: string;\n  justify?: string;\n  align?: string;\n  padding?: string;\n  margin?: string;\n  flex?: string;\n  height?: string;\n  color?:string;\n  gap?:string;\n};\n\nconst Container = styled.div<FlexProps>`\n  display: flex;\n  flex-direction: ${(props) => props.direction};\n  justify-content: ${(props) => props.justify};\n  align-items: ${(props) => props.align};\n  padding: ${(props) => props.padding};\n  margin: ${(props) => props.margin};\n  flex: ${(props) => props.flex};\n  height: ${(props) => props.height};\n  color: ${(props) => props.color};\n  gap: ${(props) => props.gap};\n`;\n\nconst Flex: React.FC<FlexProps> = ({ \n  children,\n  direction = 'row',\n  justify = '',\n  align = '',\n  padding = '',\n  margin = '',\n  flex = '',\n  height = '',\n  color = '',\n  gap= ''\n }) => {\n  return (\n    <Container\n      direction={direction}\n      justify={justify}\n      align={align}\n      padding={padding}\n      margin={margin}\n      flex={flex}\n      height={height}\n      color={color}\n      gap={gap}\n    >\n      {children}\n    </Container>\n  );\n};\n\nexport default Flex;\n"],"names":[],"mappings":";;;;AAeA,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAW,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,wCAAA,EAAA,wBAAA,EAAA,oBAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,aAAA,EAAA,eAAA,EAAA,cAAA,EAAA,YAAA,EAAA,KAAA,CAAA,EAAA,CAAA,wCAEnB,EAA0B,wBACzB,EAAwB,oBAC5B,EAAsB,gBAC1B,EAAwB,eACzB,EAAuB,aACzB,EAAqB,eACnB,EAAuB,cACxB,EAAsB,YACxB,EAAoB,KAC5B,CAAA,CAAA,CAAA,EATmB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,SAAS,CAAf,EAAe,EACzB,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,OAAO,GAAA,EAC5B,UAAC,KAAK,EAAK,EAAA,OAAA,KAAK,CAAC,KAAK,CAAA,EAAA,EAC1B,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,CAAb,EAAa,EACzB,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,MAAM,GAAA,EACzB,UAAC,KAAK,EAAK,EAAA,OAAA,KAAK,CAAC,IAAI,CAAA,EAAA,EACnB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,MAAM,CAAZ,EAAY,EACxB,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,KAAK,GAAA,EACxB,UAAC,KAAK,EAAK,EAAA,OAAA,KAAK,CAAC,GAAG,CAAA,EAAA,CAC5B,CAAC;AAEI,IAAA,IAAI,GAAwB,UAAC,EAWjC,EAAA;AAVA,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAiB,GAAA,EAAA,CAAA,SAAA,EAAjB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EACjB,EAAA,GAAA,EAAA,CAAA,OAAY,EAAZ,OAAO,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,GAAA,EAAA,EACZ,EAAU,GAAA,EAAA,CAAA,KAAA,EAAV,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,EAAA,EACV,EAAA,GAAA,EAAA,CAAA,OAAY,EAAZ,OAAO,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,KAAA,EACZ,EAAA,GAAA,EAAA,CAAA,MAAW,EAAX,MAAM,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,GAAA,EAAA,EACX,EAAS,GAAA,EAAA,CAAA,IAAA,EAAT,IAAI,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,EAAA,EACT,EAAA,GAAA,EAAA,CAAA,MAAW,EAAX,MAAM,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,EAAA,EACX,EAAA,GAAA,EAAA,CAAA,KAAU,EAAV,KAAK,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,GAAA,EAAA,EACV,EAAO,GAAA,EAAA,CAAA,GAAA,EAAP,GAAG,GAAA,EAAA,KAAA,KAAA,CAAA,GAAE,EAAE,GAAA,EAAA,CAAA;AAEP,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,IACR,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,IAEP,QAAQ,CACC,EACZ;AACJ,EAAE;;;;;"}

package/build/components/FormattedInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormattedInput.js","sources":["../../src/components/FormattedInput.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport * as Polished from \"polished\";\nimport { Colors } from '../Colors';\nimport Icon, { Icons } from './Icon';\nimport Label from \"./Label\";\nimport Flex from \"./Flex\"\nimport MaxLength from \"./MaxLength\";\nimport ValidationError from './ValidationError';\nimport { media } from '../utils/MediaQuery';\n\nexport enum InputFormats {\n  Price = 'Price',\n  Percent = 'Percent',\n}\n\ntype ContainerProps = {\n  width?: string;\n}\n\nconst Container = styled.div<ContainerProps>`\n  width: ${(props) => props.width};\n`;\n\ntype FormProps = {\n  hovered: boolean;\n  focused: boolean;\n  width?: string;\n  margin?: string;\n  disabled: boolean;\n};\n\nconst Form = styled.form<FormProps>`\n  margin: ${(props) => props.margin};\n  width: ${(props) => props.width};\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  position: relative;\n  border-radius: 10px;\n  transition: all 0.2s;\n  border: 1px solid\n    ${(props) => {\n      if (props.focused) return Colors.Grey4;\n      if (props.hovered) return Polished.darken(0.05, Colors.Grey5);\n      return Colors.Grey5;\n    }};\n  overflow: hidden;\n`;\n\nconst PriceContainer = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 25px;\n  background-color: ${Colors.Grey5};\n`;\n\ntype StyledInputProps = {\n  disabled: boolean;\n  inputWidth?: boolean;\n  inputInnerPadding?: string;\n};\n\nconst InputStyled = styled.input<StyledInputProps>`\n  background-color: ${(props) =>\n    props.disabled ? `${Colors.Grey6} !important` : null};\n  color: ${(props) => (props.disabled ? Colors.Grey4 : Colors.Grey1)};\n  outline: none;\n  border: 0px;\n  height: 38px;\n  width: ${(props) => props.inputWidth ? \"90px\" : \"60px\"};\n  font-family: \"neue-haas-grotesk-display\", sans-serif;\n  font-weight: 500;\n  text-indent: 1px;\n  transition: all 0.2s;\n  padding: ${(props) => props.inputInnerPadding ? props.inputInnerPadding : \"0 16px\"};\n  text-align: right;\n\n  ${media.mobile`\n    font-size: 1.6rem;\n  `};\n\n  ${media.desktop`\n    font-size: 1.4rem;\n  `};\n\n  ::placeholder {\n    color: ${Colors.Grey4};\n  }\n`;\n\nconst IconText = styled.div`\n  font-size: 1.4rem;\n  font-weight: 600;\n  color: ${Colors.Grey3};\n`;\n\nexport type InputProps = {\n  inputRef?: React.Ref<HTMLInputElement>;\n  autoFocus?: boolean | undefined;\n  placeholder?: string;\n  value: string;\n  defaultValue?: string;\n  type?: string;\n  format?: InputFormats;\n  onMouseEnter?: any;\n  onMouseLeave?: any;\n  onChange?: any;\n  onFocus?: any;\n  onBlur?: any;\n  onSubmit?: Function;\n  canSubmit?: boolean;\n  loading?: boolean;\n  margin?: string;\n  width?: string;\n  onEnter?: Function;\n  label?: string;\n  subLabel?: string;\n  tip?: string;\n  maxLength?: number;\n  validationError?: string;\n  disabled?: boolean;\n  inputWidth?: boolean;\n  inputInnerPadding?:string;\n};\n\nexport default function Input({\n  inputRef,\n  autoFocus,\n  placeholder,\n  value,\n  defaultValue,\n  format = InputFormats.Price,\n  type = \"text\",\n  onMouseEnter,\n  onMouseLeave,\n  onChange,\n  onFocus,\n  onBlur,\n  onSubmit,\n  canSubmit = true,\n  loading,\n  margin,\n  width,\n  inputWidth,\n  onEnter,\n  label,\n  subLabel,\n  tip,\n  maxLength,\n  validationError,\n  disabled = false,\n  inputInnerPadding\n}: InputProps) {\n  const [hovered, setHovered] = useState(false);\n  const [focused, setFocused] = useState(false);\n\n  const submit = (event: any) => {\n    event.preventDefault();\n    if (onSubmit && canSubmit && !loading) {\n      onSubmit();\n    } else if (onEnter && !loading) {\n      onEnter();\n    }\n  };\n\n  return (\n    <Container width={width}>\n      <Flex justify=\"space-between\">\n        {label && <Label text={label} subText={subLabel} tip={tip} />}\n        {maxLength && <MaxLength value={value} maxLength={maxLength} />}\n      </Flex>\n      <Form\n        hovered={hovered}\n        focused={focused}\n        onSubmit={(event) => submit(event)}\n        width={width}\n        margin={margin}\n        noValidate // disables default html5 validation\n        disabled={disabled}\n      >\n        {format === InputFormats.Price && (\n          <PriceContainer>\n            <Icon \n              icon={Icons.Dollar} \n              size={14} \n              color={Colors.Grey3}\n            />\n          </PriceContainer>\n        )}\n        <InputStyled\n          ref={inputRef}\n          disabled={disabled}\n          autoFocus={autoFocus}\n          placeholder={placeholder}\n          value={value}\n          defaultValue={defaultValue}\n          type={type}\n          inputWidth={inputWidth}\n          inputInnerPadding={inputInnerPadding}\n          onChange={(e: React.FormEvent<HTMLInputElement>) => {\n            if (maxLength && e.currentTarget.value.length > maxLength) {\n              // do nothing, the max length has been reached\n            } else {\n              onChange(e);\n            }\n          }}\n          onFocus={(event) => {\n            setFocused(true);\n            if (onFocus) onFocus(event);\n          }}\n          onBlur={(event) => {\n            setFocused(false);\n            if (onFocus) onBlur(event);\n          }}\n          onMouseEnter={(event: any) => {\n            setHovered(true);\n            if (onMouseEnter) onMouseEnter(event);\n          }}\n          onMouseLeave={(event: any) => {\n            setHovered(false);\n            if (onMouseLeave) onMouseLeave(event);\n          }}\n        />\n        {format === InputFormats.Percent && (\n          <PriceContainer>\n            <IconText>\n              %\n            </IconText>\n          </PriceContainer>\n        )}\n      </Form>\n      {validationError && (\n        <ValidationError validationError={validationError} />\n      )}\n    </Container>\n  );\n}\n"],"names":[],"mappings":"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"}

package/build/components/FormattedfullInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormattedfullInput.js","sources":["../../src/components/FormattedfullInput.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport * as Polished from \"polished\";\nimport { Colors } from '../Colors';\nimport Icon, { Icons } from './Icon';\nimport Label from \"./Label\";\nimport Flex from \"./Flex\"\nimport MaxLength from \"./MaxLength\";\nimport ValidationError from './ValidationError';\nimport { media } from '../utils/MediaQuery';\n\nexport enum InputfullFormats {\n  Price = 'Price',\n  Percent = 'Percent',\n}\n\ntype ContainerProps = {\n  width?: string;\n}\n\nconst Container = styled.div<ContainerProps>`\n  width: ${(props) => props.width};\n`;\n\ntype FormProps = {\n  hovered: boolean;\n  focused: boolean;\n  width?: string;\n  margin?: string;\n  disabled: boolean;\n};\n\nconst Form = styled.form<FormProps>`\n  margin: ${(props) => props.margin};\n  width: ${(props) => props.width};\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  position: relative;\n  border-radius: 10px;\n  transition: all 0.2s;\n  border: 1px solid\n    ${(props) => {\n      if (props.focused) return Colors.Grey4;\n      if (props.hovered) return Polished.darken(0.05, Colors.Grey5);\n      return Colors.Grey5;\n    }};\n  overflow: hidden;\n`;\n\nconst PriceContainer = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 25px;\n  background-color: ${Colors.Grey5};\n`;\n\ntype StyledInputProps = {\n  disabled: boolean;\n};\n\nconst InputStyled = styled.input<StyledInputProps>`\n  background-color: ${(props) =>\n    props.disabled ? `${Colors.Grey6} !important` : null};\n  color: ${(props) => (props.disabled ? Colors.Grey4 : Colors.Grey1)};\n  outline: none;\n  border: 0px;\n  height: 38px;\n  width: 100%;\n  font-family: \"neue-haas-grotesk-display\", sans-serif;\n  font-weight: 500;\n  text-indent: 1px;\n  transition: all 0.2s;\n  padding: 0 16px;\n  text-align: left;\n\n  ${media.mobile`\n    font-size: 1.6rem;\n  `};\n\n  ${media.desktop`\n    font-size: 1.4rem;\n  `};\n\n  ::placeholder {\n    color: ${Colors.Grey4};\n  }\n`;\n\nconst IconText = styled.div`\n  font-size: 1.4rem;\n  font-weight: 600;\n  color: ${Colors.Grey3};\n`;\n\nexport type InputProps = {\n  inputRef?: React.Ref<HTMLInputElement>;\n  autoFocus?: boolean | undefined;\n  placeholder?: string;\n  value: string;\n  defaultValue?: string;\n  type?: string;\n  format?: InputfullFormats;\n  onMouseEnter?: any;\n  onMouseLeave?: any;\n  onChange?: any;\n  onFocus?: any;\n  onBlur?: any;\n  onSubmit?: Function;\n  canSubmit?: boolean;\n  loading?: boolean;\n  margin?: string;\n  width?: string;\n  onEnter?: Function;\n  label?: string;\n  subLabel?: string;\n  tip?: string;\n  maxLength?: number;\n  validationError?: string;\n  disabled?: boolean;\n};\n\nexport default function Input({\n  inputRef,\n  autoFocus,\n  placeholder,\n  value,\n  defaultValue,\n  format = InputfullFormats.Price,\n  type = \"text\",\n  onMouseEnter,\n  onMouseLeave,\n  onChange,\n  onFocus,\n  onBlur,\n  onSubmit,\n  canSubmit = true,\n  loading,\n  margin,\n  width,\n  onEnter,\n  label,\n  subLabel,\n  tip,\n  maxLength,\n  validationError,\n  disabled = false,\n}: InputProps) {\n  const [hovered, setHovered] = useState(false);\n  const [focused, setFocused] = useState(false);\n\n  const submit = (event: any) => {\n    event.preventDefault();\n    if (onSubmit && canSubmit && !loading) {\n      onSubmit();\n    } else if (onEnter && !loading) {\n      onEnter();\n    }\n  };\n\n  return (\n    <Container width={width}>\n      <Flex justify=\"space-between\">\n        {label && <Label text={label} subText={subLabel} tip={tip} />}\n        {maxLength && <MaxLength value={value} maxLength={maxLength} />}\n      </Flex>\n      <Form\n        hovered={hovered}\n        focused={focused}\n        onSubmit={(event) => submit(event)}\n        width={width}\n        margin={margin}\n        noValidate // disables default html5 validation\n        disabled={disabled}\n      >\n        {format === InputfullFormats.Price && (\n          <PriceContainer>\n            <Icon \n              icon={Icons.Dollar} \n              size={14} \n              color={Colors.Grey3}\n            />\n          </PriceContainer>\n        )}\n        <InputStyled\n          ref={inputRef}\n          disabled={disabled}\n          autoFocus={autoFocus}\n          placeholder={placeholder}\n          value={value}\n          defaultValue={defaultValue}\n          type={type}\n          onChange={(e: React.FormEvent<HTMLInputElement>) => {\n            if (maxLength && e.currentTarget.value.length > maxLength) {\n              // do nothing, the max length has been reached\n            } else {\n              onChange(e);\n            }\n          }}\n          onFocus={(event) => {\n            setFocused(true);\n            if (onFocus) onFocus(event);\n          }}\n          onBlur={(event) => {\n            setFocused(false);\n            if (onFocus) onBlur(event);\n          }}\n          onMouseEnter={(event: any) => {\n            setHovered(true);\n            if (onMouseEnter) onMouseEnter(event);\n          }}\n          onMouseLeave={(event: any) => {\n            setHovered(false);\n            if (onMouseLeave) onMouseLeave(event);\n          }}\n        />\n        {format === InputfullFormats.Percent && (\n          <PriceContainer>\n            <IconText>\n              %\n            </IconText>\n          </PriceContainer>\n        )}\n      </Form>\n      {validationError && (\n        <ValidationError validationError={validationError} />\n      )}\n    </Container>\n  );\n}\n"],"names":[],"mappings":"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"}

package/build/components/Icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.js","sources":["../../src/components/Icon.tsx"],"sourcesContent":["import React from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { Colors } from \"../Colors\";\nimport { IconEnum } from \"./Icons\";\nimport styled from \"styled-components\";\n\nconst Container = styled.div<any>`\n  color: ${(props) => props.color || Colors.Grey1};\n  width: ${(props) => props.width || \"auto\"};\n  height: ${(props) => props.height || \"auto\"};\n  padding: ${(props) => props.padding || \"0\"};\n  background-color: ${(props) => props.backgroundColor || \"transparent\"};\n  border-radius: ${(props) => props.borderRadius || \"0\"};\n  margin-right: ${(props) => props.marginRight || \"0\"};\n  display: ${(props) => props.display || \"\"};\n  align-items: ${(props) => props.alignItems || \"\"};\n  justify-content: ${(props) => props.justifyContent || \"\"};\n  &:hover {\n    color: ${(props) => {\n    if (props.color === \"inherit\") return null;\n    return props.hoverColor;\n  }};\n  }\n`;\n\nexport const Icons = IconEnum;\n\nexport type IconProps = {\n  icon: any;\n  color?: Colors | string | null;\n  hoverColor?: Colors | string | null;\n  onClick?: any | null;\n  size?: string | number | undefined;\n  position?: string;\n  top?: string | number | undefined;\n  left?: string | number | undefined;\n  right?: string | number | undefined;\n  zIndex?: number | void;\n  margin?: string | number | undefined;\n  tip?: string;\n  transitionDuration?: string;\n  rotation?: number;\n  width?: string | number;\n  height?: string | number;\n  padding?: string;\n  backgroundColor?: string;\n  borderRadius?: string | number;\n  marginRight?: string;\n  display?: string;\n  justifyContent?: string;\n  alignItems?: string\n  rest ?: any\n};\n\nexport default function Icon({\n  icon = Icons.AudienceRegular,\n  color,\n  hoverColor = null,\n  onClick,\n  size = 20,\n  top,\n  left,\n  right,\n  position = \"relative\" as any,\n  zIndex,\n  margin,\n  tip,\n  transitionDuration,\n  rotation,\n  width,\n  height,\n  padding,\n  backgroundColor,\n  borderRadius,\n  marginRight,\n  display,\n  justifyContent,\n  alignItems,\n  ...rest\n}: IconProps) {\n  const cursor: string = onClick ? \"pointer\" : \"\";\n\n  if (icon === Icons.TicketRegular) rotation = 90;\n  if (icon === Icons.TicketSolid) rotation = 90;\n\n  return (\n    <Container color={color}\n      hoverColor={hoverColor}\n      width={width}\n      height={height}\n      padding={padding}\n      backgroundColor={backgroundColor}\n      borderRadius={borderRadius}\n      marginRight={marginRight}\n      data-tip={tip}\n      display={display}\n      alignItems={alignItems}\n      justifyContent={justifyContent}\n      {...rest}\n      >\n      <FontAwesomeIcon\n        icon={icon as any}\n        onClick={onClick}\n        style={{\n          top,\n          left,\n          right,\n          position: !marginRight ? position as any : \"\",\n          zIndex: zIndex as any,\n          fontSize: size,\n          transition: `all ${transitionDuration || \"0.2s\"}`,\n          transform: rotation ? `rotate(${rotation}deg)` : undefined,\n          margin,\n          cursor,\n        }}\n      />\n    </Container>\n  );\n}\n"],"names":[],"mappings":"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"}