@sellout/ui 0.0.398 → 0.0.399

package/build/src/components/Product.js.map

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

package/build/{components → src/components}/SearchDropdown.js

@@ -1,4 +1,4 @@
-import { __makeTemplateObject } from '../_virtual/_tslib.js';
+import { __makeTemplateObject } from '../../node_modules/tslib/tslib.es6.js';
 import React from 'react';
 import styled from 'styled-components';
 import { Colors } from '../Colors.js';
@@ -6,64 +6,65 @@ import { IconEnum } from './Icons.js';
 import Icon from './Icon.js';
 import Label from './Label.js';
 
-var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  height: ", ";\n"], ["\n  position: relative;\n  height: ", ";\n"])), function (props) { return (props.hasLabel ? "65px" : "40px"); });
-var Inner = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  height: ", ";\n  width: ", ";\n  background-color: ", ";\n  border: 1px solid ", ";\n  box-sizing: border-box;\n  border-radius: 8px;\n  transition: all 0.2s;\n  z-index: ", ";\n  box-shadow: ", ";\n  overflow: hidden;\n\n   &:focus,&:active {\n    /* border: 0px; */\n    outline: 0px;\n  }\n  //   &:hover {border: ", ";\n  // }\n"], ["\n  position: absolute;\n  height: ", ";\n  width: ", ";\n  background-color: ", ";\n  border: 1px solid ", ";\n  box-sizing: border-box;\n  border-radius: 8px;\n  transition: all 0.2s;\n  z-index: ", ";\n  box-shadow: ", ";\n  overflow: hidden;\n\n   &:focus,&:active {\n    /* border: 0px; */\n    outline: 0px;\n  }\n  //   &:hover {border: ", ";\n  // }\n"])), function (props) { return (props.open ? (props.height ? "160px" : "187px") : "38px"); }, function (props) { return props.width; }, function (props) { return (props.darkThemeProps ? Colors.SurfaceTertiary : Colors.White); }, function (props) { return props.borderColor || Colors.Grey5; }, function (props) { return props.open ? 100 : 0; }, function (props) { return props.open ? '0px 4px 16px rgba(0, 0, 0, 0.05)' : ''; }, function (props) { return props.borderColor ? "1px solid " + Colors.Grey5 : "none"; });
-var TopRow = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 38px;\n  padding: 0 16px;\n  z-index: 100;\n  background-color: ", ";\n"], ["\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 38px;\n  padding: 0 16px;\n  z-index: 100;\n  background-color: ", ";\n"])), function (props) { return (props.darkThemeProps || Colors.White); });
-var Input = styled.input(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n  font-size: 1.4rem;\n  font-weight: 500;\n  color: ", ";\n  border: 0px;\n  outline: 0px;\n  width: calc(100% - 30px);\n  margin-left: 8px;\n  height: 38px;\n  font-family: \"neue-haas-grotesk-display\", sans-serif;\n  font-weight: 500;\n  padding: 0;\n\n  ::placeholder {\n    color: ", ";\n  }\n"], ["\n background-color: ", ";\n  font-size: 1.4rem;\n  font-weight: 500;\n  color: ", ";\n  border: 0px;\n  outline: 0px;\n  width: calc(100% - 30px);\n  margin-left: 8px;\n  height: 38px;\n  font-family: \"neue-haas-grotesk-display\", sans-serif;\n  font-weight: 500;\n  padding: 0;\n\n  ::placeholder {\n    color: ", ";\n  }\n"])), function (props) { return (props.darkThemeProps); }, function (props) { return (props.darkThemeProps ? Colors.HeadingSecondary : Colors.Grey1); }, Colors.Grey4);
-var ItemsContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position: relative;\n  max-height: ", ";\n  overflow: scroll;\n\n"], ["\n  position: relative;\n  max-height: ", ";\n  overflow: scroll;\n\n"])), function (props) { return props.footer ? '108px' : '158px'; });
-var NoItems = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  font-size: 1.2rem;\n  font-weight: 500;\n  color: ", ";\n  height: ", ";\n  padding: 0 16px;\n  display: flex;\n  align-items: ", ";\n  background-color: ", ";\n"], ["\n  font-size: 1.2rem;\n  font-weight: 500;\n  color: ", ";\n  height: ", ";\n  padding: 0 16px;\n  display: flex;\n  align-items: ", ";\n  background-color: ", ";\n"])), function (props) { return (props.darkThemeProps ? Colors.HeadingSecondary : Colors.Grey3); }, function (props) { return (props.darkThemeProps ? '148px' : '30px'); }, function (props) { return (props.darkThemeProps ? 'start' : 'center'); }, function (props) { return (props.darkThemeProps); });
-var Item = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  height: 30px;\n  padding: 0 16px;\n  background-color: ", ";\n  font-size: 1.2rem;\n  color:", ";\n  transition: all 0.2s;\n  z-index: 100;\n\n  &:hover {\n    cursor: pointer;\n    background-color: ", ";\n  }\n"], ["\n  position: relative;\n  display: flex;\n  align-items: center;\n  height: 30px;\n  padding: 0 16px;\n  background-color: ", ";\n  font-size: 1.2rem;\n  color:", ";\n  transition: all 0.2s;\n  z-index: 100;\n\n  &:hover {\n    cursor: pointer;\n    background-color: ", ";\n  }\n"])), function (props) { return props.darkThemeProps ? Colors.SurfaceTertiary : (props.selected ? Colors.Grey7 : Colors.White); }, function (props) { return props.darkThemeProps ? Colors.HeadingSecondary : Colors.Grey1; }, function (props) { return props.darkThemeProps ? Colors.SupportTertiary : Colors.Grey7; });
-var Footer = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  position: absolute;\n  bottom: 0px;\n  display: flex;\n  align-items: center;\n  height: 40px;\n  padding: 0 16px;\n  border-top: 1px solid ", ";\n  width: fill-available;\n"], ["\n  position: absolute;\n  bottom: 0px;\n  display: flex;\n  align-items: center;\n  height: 40px;\n  padding: 0 16px;\n  border-top: 1px solid ", ";\n  width: fill-available;\n"])), Colors.Grey7);
-var SearchDropdownTypes;
-(function (SearchDropdownTypes) {
-    SearchDropdownTypes["MultiSelect"] = "Multi-Select";
-    SearchDropdownTypes["SingleSelect"] = "Single-Select";
-})(SearchDropdownTypes || (SearchDropdownTypes = {}));
-function SearchDropdown(_a) {
-    var _b = _a.type, type = _b === void 0 ? SearchDropdownTypes.SingleSelect : _b, value = _a.value, onChange = _a.onChange, placeholder = _a.placeholder, _c = _a.width, width = _c === void 0 ? '400px' : _c, searchQuery = _a.searchQuery, setSearchQuery = _a.setSearchQuery, items = _a.items, footer = _a.footer, onClear = _a.onClear, label = _a.label, tip = _a.tip, subLabel = _a.subLabel, _d = _a.icon, icon = _d === void 0 ? IconEnum.SearchLight : _d, fontSize = _a.fontSize, fontWeight = _a.fontWeight, fontFamily = _a.fontFamily, labelColor = _a.labelColor, darkThemeProps = _a.darkThemeProps, borderColor = _a.borderColor, height = _a.height;
-    var _e = React.useState(false), open = _e[0], setOpen = _e[1];
-    return (React.createElement(Container, { hasLabel: Boolean(label) },
-        label && React.createElement(Label, { fontFamily: fontFamily, fontSize: fontSize, fontWeight: fontWeight, text: label, tip: tip, subText: subLabel, labelColor: labelColor }),
-        React.createElement(Inner, { tabIndex: 1, open: open, width: width, onFocus: function () { return setOpen(true); }, onBlur: function () { return setOpen(false); }, darkThemeProps: darkThemeProps, borderColor: borderColor, height: height },
-            React.createElement(TopRow, { darkThemeProps: darkThemeProps },
-                React.createElement(Icon, { icon: icon, size: 14, color: Colors.Grey4 }),
-                React.createElement(Input, { darkThemeProps: darkThemeProps, placeholder: placeholder, value: (function () {
-                        var _a;
-                        switch (type) {
-                            case SearchDropdownTypes.SingleSelect:
-                                if (open)
-                                    return searchQuery !== null && searchQuery !== void 0 ? searchQuery : "";
-                                else {
-                                    var itemValue = (_a = items.find(function (item) { return item.value === value; })) === null || _a === void 0 ? void 0 : _a.text;
-                                    if (itemValue)
-                                        return itemValue;
-                                    else if (Boolean(value))
-                                        return 'Loading...';
-                                    else
-                                        return '';
-                                }
-                            case SearchDropdownTypes.MultiSelect:
-                                if (open)
-                                    return searchQuery !== null && searchQuery !== void 0 ? searchQuery : "";
-                                else
-                                    return "";
-                        }
-                    })(), onChange: function (e) {
-                        if (open && setSearchQuery) {
-                            setSearchQuery(e.target.value);
-                        }
-                    } }),
-                onClear && value && React.createElement(Icon, { icon: IconEnum.CancelCircle, size: 14, color: Colors.Grey5, onClick: function () { return onClear(); } })),
-            React.createElement(ItemsContainer, { footer: Boolean(footer) },
-                items && (items === null || items === void 0 ? void 0 : items.map(function (item) {
-                    return (React.createElement(Item, { key: item.value, darkThemeProps: darkThemeProps, selected: item.value === value, onClick: function () {
-                            setOpen(false);
-                            onChange(item.value);
-                        } }, item.text));
-                })),
-                !items || (!items.length && React.createElement(NoItems, { darkThemeProps: darkThemeProps }, "No results found..."))),
-            footer && React.createElement(Footer, null, footer))));
-}
+var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  height: ", ";\n"], ["\n  position: relative;\n  height: ", ";\n"])), function (props) { return (props.hasLabel ? "65px" : "40px"); });
+var Inner = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  height: ", ";\n  width: ", ";\n  background-color: ", ";\n  border: 1px solid ", ";\n  box-sizing: border-box;\n  border-radius: 8px;\n  transition: all 0.2s;\n  z-index: ", ";\n  box-shadow: ", ";\n  overflow: hidden;\n\n   &:focus,&:active {\n    /* border: 0px; */\n    outline: 0px;\n  }\n  //   &:hover {border: ", ";\n  // }\n"], ["\n  position: absolute;\n  height: ", ";\n  width: ", ";\n  background-color: ", ";\n  border: 1px solid ", ";\n  box-sizing: border-box;\n  border-radius: 8px;\n  transition: all 0.2s;\n  z-index: ", ";\n  box-shadow: ", ";\n  overflow: hidden;\n\n   &:focus,&:active {\n    /* border: 0px; */\n    outline: 0px;\n  }\n  //   &:hover {border: ", ";\n  // }\n"])), function (props) { return (props.open ? (props.height ? "160px" : "187px") : "38px"); }, function (props) { return props.width; }, function (props) { return (props.darkThemeProps ? Colors.SurfaceTertiary : Colors.White); }, function (props) { return props.borderColor || Colors.Grey5; }, function (props) { return props.open ? 100 : 0; }, function (props) { return props.open ? '0px 4px 16px rgba(0, 0, 0, 0.05)' : ''; }, function (props) { return props.borderColor ? "1px solid ".concat(Colors.Grey5) : "none"; });
+var TopRow = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 38px;\n  padding: 0 16px;\n  z-index: 100;\n  background-color: ", ";\n"], ["\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 38px;\n  padding: 0 16px;\n  z-index: 100;\n  background-color: ", ";\n"])), function (props) { return (props.darkThemeProps || Colors.White); });
+var Input = styled.input(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n  font-size: 1.4rem;\n  font-weight: 500;\n  color: ", ";\n  border: 0px;\n  outline: 0px;\n  width: calc(100% - 30px);\n  margin-left: 8px;\n  height: 38px;\n  font-family: \"neue-haas-grotesk-display\", sans-serif;\n  font-weight: 500;\n  padding: 0;\n\n  ::placeholder {\n    color: ", ";\n  }\n"], ["\n background-color: ", ";\n  font-size: 1.4rem;\n  font-weight: 500;\n  color: ", ";\n  border: 0px;\n  outline: 0px;\n  width: calc(100% - 30px);\n  margin-left: 8px;\n  height: 38px;\n  font-family: \"neue-haas-grotesk-display\", sans-serif;\n  font-weight: 500;\n  padding: 0;\n\n  ::placeholder {\n    color: ", ";\n  }\n"])), function (props) { return (props.darkThemeProps); }, function (props) { return (props.darkThemeProps ? Colors.HeadingSecondary : Colors.Grey1); }, Colors.Grey4);
+var ItemsContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position: relative;\n  max-height: ", ";\n  overflow: scroll;\n\n"], ["\n  position: relative;\n  max-height: ", ";\n  overflow: scroll;\n\n"])), function (props) { return props.footer ? '108px' : '158px'; });
+var NoItems = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  font-size: 1.2rem;\n  font-weight: 500;\n  color: ", ";\n  height: ", ";\n  padding: 0 16px;\n  display: flex;\n  align-items: ", ";\n  background-color: ", ";\n"], ["\n  font-size: 1.2rem;\n  font-weight: 500;\n  color: ", ";\n  height: ", ";\n  padding: 0 16px;\n  display: flex;\n  align-items: ", ";\n  background-color: ", ";\n"])), function (props) { return (props.darkThemeProps ? Colors.HeadingSecondary : Colors.Grey3); }, function (props) { return (props.darkThemeProps ? '148px' : '30px'); }, function (props) { return (props.darkThemeProps ? 'start' : 'center'); }, function (props) { return (props.darkThemeProps); });
+var Item = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  height: 30px;\n  padding: 0 16px;\n  background-color: ", ";\n  font-size: 1.2rem;\n  color:", ";\n  transition: all 0.2s;\n  z-index: 100;\n\n  &:hover {\n    cursor: pointer;\n    background-color: ", ";\n  }\n"], ["\n  position: relative;\n  display: flex;\n  align-items: center;\n  height: 30px;\n  padding: 0 16px;\n  background-color: ", ";\n  font-size: 1.2rem;\n  color:", ";\n  transition: all 0.2s;\n  z-index: 100;\n\n  &:hover {\n    cursor: pointer;\n    background-color: ", ";\n  }\n"])), function (props) { return props.darkThemeProps ? Colors.SurfaceTertiary : (props.selected ? Colors.Grey7 : Colors.White); }, function (props) { return props.darkThemeProps ? Colors.HeadingSecondary : Colors.Grey1; }, function (props) { return props.darkThemeProps ? Colors.SupportTertiary : Colors.Grey7; });
+var Footer = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  position: absolute;\n  bottom: 0px;\n  display: flex;\n  align-items: center;\n  height: 40px;\n  padding: 0 16px;\n  border-top: 1px solid ", ";\n  width: fill-available;\n"], ["\n  position: absolute;\n  bottom: 0px;\n  display: flex;\n  align-items: center;\n  height: 40px;\n  padding: 0 16px;\n  border-top: 1px solid ", ";\n  width: fill-available;\n"])), Colors.Grey7);
+var SearchDropdownTypes;
+(function (SearchDropdownTypes) {
+    SearchDropdownTypes["MultiSelect"] = "Multi-Select";
+    SearchDropdownTypes["SingleSelect"] = "Single-Select";
+})(SearchDropdownTypes || (SearchDropdownTypes = {}));
+function SearchDropdown(_a) {
+    var _b = _a.type, type = _b === void 0 ? SearchDropdownTypes.SingleSelect : _b, value = _a.value, onChange = _a.onChange, placeholder = _a.placeholder, _c = _a.width, width = _c === void 0 ? '400px' : _c, searchQuery = _a.searchQuery, setSearchQuery = _a.setSearchQuery, items = _a.items, footer = _a.footer, onClear = _a.onClear, label = _a.label, tip = _a.tip, subLabel = _a.subLabel, _d = _a.icon, icon = _d === void 0 ? IconEnum.SearchLight : _d, fontSize = _a.fontSize, fontWeight = _a.fontWeight, fontFamily = _a.fontFamily, labelColor = _a.labelColor, darkThemeProps = _a.darkThemeProps, borderColor = _a.borderColor, height = _a.height;
+    var _e = React.useState(false), open = _e[0], setOpen = _e[1];
+    return (React.createElement(Container, { hasLabel: Boolean(label) },
+        label && React.createElement(Label, { fontFamily: fontFamily, fontSize: fontSize, fontWeight: fontWeight, text: label, tip: tip, subText: subLabel, labelColor: labelColor }),
+        React.createElement(Inner, { tabIndex: 1, open: open, width: width, onFocus: function () { return setOpen(true); }, onBlur: function () { return setOpen(false); }, darkThemeProps: darkThemeProps, borderColor: borderColor, height: height },
+            React.createElement(TopRow, { darkThemeProps: darkThemeProps },
+                React.createElement(Icon, { icon: icon, size: 14, color: Colors.Grey4 }),
+                React.createElement(Input, { darkThemeProps: darkThemeProps, placeholder: placeholder, value: (function () {
+                        var _a;
+                        switch (type) {
+                            case SearchDropdownTypes.SingleSelect:
+                                if (open)
+                                    return searchQuery !== null && searchQuery !== void 0 ? searchQuery : "";
+                                else {
+                                    var itemValue = (_a = items.find(function (item) { return item.value === value; })) === null || _a === void 0 ? void 0 : _a.text;
+                                    if (itemValue)
+                                        return itemValue;
+                                    else if (Boolean(value))
+                                        return 'Loading...';
+                                    else
+                                        return '';
+                                }
+                            case SearchDropdownTypes.MultiSelect:
+                                if (open)
+                                    return searchQuery !== null && searchQuery !== void 0 ? searchQuery : "";
+                                else
+                                    return "";
+                        }
+                    })(), onChange: function (e) {
+                        if (open && setSearchQuery) {
+                            setSearchQuery(e.target.value);
+                        }
+                    } }),
+                onClear && value && React.createElement(Icon, { icon: IconEnum.CancelCircle, size: 14, color: Colors.Grey5, onClick: function () { return onClear(); } })),
+            React.createElement(ItemsContainer, { footer: Boolean(footer) },
+                items &&
+                    (items === null || items === void 0 ? void 0 : items.map(function (item) {
+                        return (React.createElement(Item, { key: item.value, darkThemeProps: darkThemeProps, selected: item.value === value, onClick: function () {
+                                setOpen(false);
+                                onChange(item.value);
+                            } }, item.text));
+                    })),
+                !items || (!items.length && React.createElement(NoItems, { darkThemeProps: darkThemeProps }, "No results found..."))),
+            footer && React.createElement(Footer, null, footer))));
+}
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
 
 export { SearchDropdownTypes, SearchDropdown as default };

package/build/src/components/SearchDropdown.js.map

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

package/build/{components → src/components}/SvgIcons.js

@@ -1,40 +1,40 @@
-import { __rest, __assign } from '../_virtual/_tslib.js';
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
 import React from 'react';
 
-var DiscountIcon = function (_a) {
-    var width = _a.width, height = _a.height, props = __rest(_a, ["width", "height"]);
-    return (React.createElement("svg", __assign({ width: width, height: height, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-        React.createElement("path", { d: "M2.08389 10.8334H7.08389M12.9172 10.8334H17.9172M10.0006 5.83341V17.5001M10.0006 5.83341C11.1512 5.83341 12.0839 4.90067 12.0839 3.75008M10.0006 5.83341C8.84996 5.83341 7.91722 4.90068 7.91722 3.75008M3.33389 17.5001L16.6672 17.5001M3.33389 3.75009L7.91722 3.75008M7.91722 3.75008C7.91722 2.59949 8.84996 1.66675 10.0006 1.66675C11.1512 1.66675 12.0839 2.59949 12.0839 3.75008M12.0839 3.75008L16.6672 3.75008M7.40092 11.947C7.06701 13.2256 5.93231 14.1667 4.58389 14.1667C3.23547 14.1667 2.10077 13.2256 1.76686 11.947C1.73958 11.8426 1.72594 11.7903 1.72462 11.5816C1.72381 11.4537 1.77136 11.1587 1.81232 11.0375C1.87915 10.8398 1.95148 10.7282 2.09615 10.505L4.58389 6.66675L7.07163 10.505C7.2163 10.7282 7.28864 10.8398 7.35546 11.0375C7.39642 11.1587 7.44397 11.4537 7.44316 11.5816C7.44185 11.7903 7.42821 11.8426 7.40092 11.947ZM18.2343 11.947C17.9003 13.2256 16.7656 14.1667 15.4172 14.1667C14.0688 14.1667 12.9341 13.2256 12.6002 11.947C12.5729 11.8426 12.5593 11.7903 12.558 11.5816C12.5571 11.4537 12.6047 11.1587 12.6457 11.0375C12.7125 10.8398 12.7848 10.7282 12.9295 10.505L15.4172 6.66675L17.905 10.505C18.0496 10.7282 18.122 10.8398 18.1888 11.0375C18.2298 11.1587 18.2773 11.4537 18.2765 11.5816C18.2752 11.7903 18.2615 11.8426 18.2343 11.947Z", stroke: "#424242", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
-};
-var ServiceFeeIcon = function (_a) {
-    var width = _a.width, height = _a.height, props = __rest(_a, ["width", "height"]);
-    return (React.createElement("svg", __assign({ width: width, height: height, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-        React.createElement("path", { d: "M12.917 12.5001L15.417 10.0001L12.917 7.50008M7.08366 7.50008L4.58366 10.0001L7.08366 12.5001M10.8337 5.83341L9.16699 14.1667M18.3337 10.0001C18.3337 14.6025 14.6027 18.3334 10.0003 18.3334C5.39795 18.3334 1.66699 14.6025 1.66699 10.0001C1.66699 5.39771 5.39795 1.66675 10.0003 1.66675C14.6027 1.66675 18.3337 5.39771 18.3337 10.0001Z", stroke: "#424242", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
-};
-var StripeProcessingFeeIcon = function (_a) {
-    var width = _a.width, height = _a.height, props = __rest(_a, ["width", "height"]);
-    return (React.createElement("svg", __assign({ width: width, height: height, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-        React.createElement("path", { d: "M11.2749 6.95996C10.7979 7.30004 10.2141 7.50008 9.58366 7.50008C7.97283 7.50008 6.66699 6.19425 6.66699 4.58341C6.66699 2.97258 7.97283 1.66675 9.58366 1.66675C10.6278 1.66675 11.5438 2.21543 12.0591 3.0402M5.00033 16.7394H7.17557C7.45918 16.7394 7.74106 16.7731 8.016 16.8406L10.3144 17.3991C10.8131 17.5206 11.3326 17.5325 11.8366 17.4346L14.3778 16.9402C15.0491 16.8094 15.6666 16.488 16.1506 16.0172L17.9486 14.2682C18.462 13.7695 18.462 12.9604 17.9486 12.461C17.4863 12.0113 16.7543 11.9607 16.2313 12.342L14.1358 13.8708C13.8357 14.0902 13.4706 14.2083 13.095 14.2083H11.0716L12.3595 14.2082C13.0855 14.2082 13.6735 13.6362 13.6735 12.93V12.6744C13.6735 12.088 13.2633 11.5767 12.6787 11.435L10.6908 10.9515C10.3673 10.8731 10.036 10.8334 9.70294 10.8334C8.89894 10.8334 7.44357 11.4991 7.44357 11.4991L5.00033 12.5208M16.667 5.41675C16.667 7.02758 15.3612 8.33342 13.7503 8.33342C12.1395 8.33342 10.8337 7.02758 10.8337 5.41675C10.8337 3.80592 12.1395 2.50008 13.7503 2.50008C15.3612 2.50008 16.667 3.80592 16.667 5.41675ZM1.66699 12.1667L1.66699 17.0001C1.66699 17.4668 1.66699 17.7001 1.75782 17.8784C1.83771 18.0352 1.9652 18.1627 2.122 18.2426C2.30026 18.3334 2.53361 18.3334 3.00033 18.3334H3.66699C4.1337 18.3334 4.36706 18.3334 4.54532 18.2426C4.70212 18.1627 4.8296 18.0352 4.9095 17.8784C5.00033 17.7001 5.00033 17.4668 5.00033 17.0001V12.1667C5.00033 11.7 5.00033 11.4667 4.9095 11.2884C4.8296 11.1316 4.70212 11.0041 4.54532 10.9242C4.36706 10.8334 4.1337 10.8334 3.66699 10.8334L3.00033 10.8334C2.53362 10.8334 2.30026 10.8334 2.122 10.9242C1.9652 11.0041 1.83771 11.1316 1.75782 11.2884C1.66699 11.4667 1.66699 11.7 1.66699 12.1667Z", stroke: "#424242", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
-};
-var SalesTaxFeeIcon = function (_a) {
-    var width = _a.width, height = _a.height, props = __rest(_a, ["width", "height"]);
-    return (React.createElement("svg", __assign({ width: width, height: height, viewBox: "0 0 20 19", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-        React.createElement("path", { d: "M2.08389 10.8334H7.08389M12.9172 10.8334H17.9172M10.0006 5.83341V17.5001M10.0006 5.83341C11.1512 5.83341 12.0839 4.90067 12.0839 3.75008M10.0006 5.83341C8.84996 5.83341 7.91722 4.90068 7.91722 3.75008M3.33389 17.5001L16.6672 17.5001M3.33389 3.75009L7.91722 3.75008M7.91722 3.75008C7.91722 2.59949 8.84996 1.66675 10.0006 1.66675C11.1512 1.66675 12.0839 2.59949 12.0839 3.75008M12.0839 3.75008L16.6672 3.75008M7.40092 11.947C7.06701 13.2256 5.93231 14.1667 4.58389 14.1667C3.23547 14.1667 2.10077 13.2256 1.76686 11.947C1.73958 11.8426 1.72594 11.7903 1.72462 11.5816C1.72381 11.4537 1.77136 11.1587 1.81232 11.0375C1.87915 10.8398 1.95148 10.7282 2.09615 10.505L4.58389 6.66675L7.07163 10.505C7.2163 10.7282 7.28864 10.8398 7.35546 11.0375C7.39642 11.1587 7.44397 11.4537 7.44316 11.5816C7.44185 11.7903 7.42821 11.8426 7.40092 11.947ZM18.2343 11.947C17.9003 13.2256 16.7656 14.1667 15.4172 14.1667C14.0688 14.1667 12.9341 13.2256 12.6002 11.947C12.5729 11.8426 12.5593 11.7903 12.558 11.5816C12.5571 11.4537 12.6047 11.1587 12.6457 11.0375C12.7125 10.8398 12.7848 10.7282 12.9295 10.505L15.4172 6.66675L17.905 10.505C18.0496 10.7282 18.122 10.8398 18.1888 11.0375C18.2298 11.1587 18.2773 11.4537 18.2765 11.5816C18.2752 11.7903 18.2615 11.8426 18.2343 11.947Z", stroke: "#424242", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
-};
-var CashIcon = function (_a) {
-    var width = _a.width, height = _a.height, props = __rest(_a, ["width", "height"]);
-    return (React.createElement("svg", __assign({ width: width, height: height, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-        React.createElement("path", { d: "M7.08317 12.2221C7.08317 13.2959 7.95373 14.1665 9.02762 14.1665H10.8332C11.9838 14.1665 12.9165 13.2338 12.9165 12.0832C12.9165 10.9326 11.9838 9.99984 10.8332 9.99984H9.1665C8.01591 9.99984 7.08317 9.0671 7.08317 7.9165C7.08317 6.76591 8.01591 5.83317 9.1665 5.83317H10.9721C12.0459 5.83317 12.9165 6.70373 12.9165 7.77762M9.99984 4.58317V5.83317M9.99984 14.1665V15.4165M18.3332 9.99984C18.3332 14.6022 14.6022 18.3332 9.99984 18.3332C5.39746 18.3332 1.6665 14.6022 1.6665 9.99984C1.6665 5.39746 5.39746 1.6665 9.99984 1.6665C14.6022 1.6665 18.3332 5.39746 18.3332 9.99984Z", stroke: "#D6D6D6", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
-};
-var ConfirmIcon = function (_a) {
-    var width = _a.width, height = _a.height, props = __rest(_a, ["width", "height"]);
-    return (React.createElement("svg", __assign({ width: width, height: height, viewBox: "0 0 26 26", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-        React.createElement("path", { d: "M24.6668 11.9335V13.0068C24.6654 15.5227 23.8507 17.9706 22.3444 19.9856C20.838 22.0006 18.7207 23.4747 16.3081 24.1881C13.8955 24.9014 11.317 24.8157 8.95704 23.9439C6.59712 23.072 4.58226 21.4606 3.21295 19.3501C1.84364 17.2395 1.19325 14.7429 1.35879 12.2325C1.52432 9.72217 2.4969 7.33255 4.13149 5.42009C5.76607 3.50763 7.97508 2.17479 10.429 1.62034C12.883 1.0659 15.4505 1.31957 17.7485 2.34351M24.6668 3.66683L13.0002 15.3452L9.50016 11.8452", stroke: "#FCFCFC", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
-};
-var GuestCheckoutIcon = function (_a) {
-    var width = _a.width, height = _a.height, props = __rest(_a, ["width", "height"]);
-    return (React.createElement("svg", __assign({ width: width, height: height, viewBox: "0 0 24 23", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-        React.createElement("path", { d: "M1.5 21.3333C4.22509 18.443 7.92485 16.6667 12 16.6667C16.0751 16.6667 19.7749 18.443 22.5 21.3333M17.25 6.75C17.25 9.6495 14.8995 12 12 12C9.1005 12 6.75 9.6495 6.75 6.75C6.75 3.85051 9.1005 1.5 12 1.5C14.8995 1.5 17.25 3.85051 17.25 6.75Z", stroke: "#FCFCFC", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+var DiscountIcon = function (_a) {
+    var width = _a.width, height = _a.height, props = __rest(_a, ["width", "height"]);
+    return (React.createElement("svg", __assign({ width: width, height: height, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.createElement("path", { d: "M2.08389 10.8334H7.08389M12.9172 10.8334H17.9172M10.0006 5.83341V17.5001M10.0006 5.83341C11.1512 5.83341 12.0839 4.90067 12.0839 3.75008M10.0006 5.83341C8.84996 5.83341 7.91722 4.90068 7.91722 3.75008M3.33389 17.5001L16.6672 17.5001M3.33389 3.75009L7.91722 3.75008M7.91722 3.75008C7.91722 2.59949 8.84996 1.66675 10.0006 1.66675C11.1512 1.66675 12.0839 2.59949 12.0839 3.75008M12.0839 3.75008L16.6672 3.75008M7.40092 11.947C7.06701 13.2256 5.93231 14.1667 4.58389 14.1667C3.23547 14.1667 2.10077 13.2256 1.76686 11.947C1.73958 11.8426 1.72594 11.7903 1.72462 11.5816C1.72381 11.4537 1.77136 11.1587 1.81232 11.0375C1.87915 10.8398 1.95148 10.7282 2.09615 10.505L4.58389 6.66675L7.07163 10.505C7.2163 10.7282 7.28864 10.8398 7.35546 11.0375C7.39642 11.1587 7.44397 11.4537 7.44316 11.5816C7.44185 11.7903 7.42821 11.8426 7.40092 11.947ZM18.2343 11.947C17.9003 13.2256 16.7656 14.1667 15.4172 14.1667C14.0688 14.1667 12.9341 13.2256 12.6002 11.947C12.5729 11.8426 12.5593 11.7903 12.558 11.5816C12.5571 11.4537 12.6047 11.1587 12.6457 11.0375C12.7125 10.8398 12.7848 10.7282 12.9295 10.505L15.4172 6.66675L17.905 10.505C18.0496 10.7282 18.122 10.8398 18.1888 11.0375C18.2298 11.1587 18.2773 11.4537 18.2765 11.5816C18.2752 11.7903 18.2615 11.8426 18.2343 11.947Z", stroke: "#424242", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+};
+var ServiceFeeIcon = function (_a) {
+    var width = _a.width, height = _a.height, props = __rest(_a, ["width", "height"]);
+    return (React.createElement("svg", __assign({ width: width, height: height, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.createElement("path", { d: "M12.917 12.5001L15.417 10.0001L12.917 7.50008M7.08366 7.50008L4.58366 10.0001L7.08366 12.5001M10.8337 5.83341L9.16699 14.1667M18.3337 10.0001C18.3337 14.6025 14.6027 18.3334 10.0003 18.3334C5.39795 18.3334 1.66699 14.6025 1.66699 10.0001C1.66699 5.39771 5.39795 1.66675 10.0003 1.66675C14.6027 1.66675 18.3337 5.39771 18.3337 10.0001Z", stroke: "#424242", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+};
+var StripeProcessingFeeIcon = function (_a) {
+    var width = _a.width, height = _a.height, props = __rest(_a, ["width", "height"]);
+    return (React.createElement("svg", __assign({ width: width, height: height, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.createElement("path", { d: "M11.2749 6.95996C10.7979 7.30004 10.2141 7.50008 9.58366 7.50008C7.97283 7.50008 6.66699 6.19425 6.66699 4.58341C6.66699 2.97258 7.97283 1.66675 9.58366 1.66675C10.6278 1.66675 11.5438 2.21543 12.0591 3.0402M5.00033 16.7394H7.17557C7.45918 16.7394 7.74106 16.7731 8.016 16.8406L10.3144 17.3991C10.8131 17.5206 11.3326 17.5325 11.8366 17.4346L14.3778 16.9402C15.0491 16.8094 15.6666 16.488 16.1506 16.0172L17.9486 14.2682C18.462 13.7695 18.462 12.9604 17.9486 12.461C17.4863 12.0113 16.7543 11.9607 16.2313 12.342L14.1358 13.8708C13.8357 14.0902 13.4706 14.2083 13.095 14.2083H11.0716L12.3595 14.2082C13.0855 14.2082 13.6735 13.6362 13.6735 12.93V12.6744C13.6735 12.088 13.2633 11.5767 12.6787 11.435L10.6908 10.9515C10.3673 10.8731 10.036 10.8334 9.70294 10.8334C8.89894 10.8334 7.44357 11.4991 7.44357 11.4991L5.00033 12.5208M16.667 5.41675C16.667 7.02758 15.3612 8.33342 13.7503 8.33342C12.1395 8.33342 10.8337 7.02758 10.8337 5.41675C10.8337 3.80592 12.1395 2.50008 13.7503 2.50008C15.3612 2.50008 16.667 3.80592 16.667 5.41675ZM1.66699 12.1667L1.66699 17.0001C1.66699 17.4668 1.66699 17.7001 1.75782 17.8784C1.83771 18.0352 1.9652 18.1627 2.122 18.2426C2.30026 18.3334 2.53361 18.3334 3.00033 18.3334H3.66699C4.1337 18.3334 4.36706 18.3334 4.54532 18.2426C4.70212 18.1627 4.8296 18.0352 4.9095 17.8784C5.00033 17.7001 5.00033 17.4668 5.00033 17.0001V12.1667C5.00033 11.7 5.00033 11.4667 4.9095 11.2884C4.8296 11.1316 4.70212 11.0041 4.54532 10.9242C4.36706 10.8334 4.1337 10.8334 3.66699 10.8334L3.00033 10.8334C2.53362 10.8334 2.30026 10.8334 2.122 10.9242C1.9652 11.0041 1.83771 11.1316 1.75782 11.2884C1.66699 11.4667 1.66699 11.7 1.66699 12.1667Z", stroke: "#424242", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+};
+var SalesTaxFeeIcon = function (_a) {
+    var width = _a.width, height = _a.height, props = __rest(_a, ["width", "height"]);
+    return (React.createElement("svg", __assign({ width: width, height: height, viewBox: "0 0 20 19", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.createElement("path", { d: "M2.08389 10.8334H7.08389M12.9172 10.8334H17.9172M10.0006 5.83341V17.5001M10.0006 5.83341C11.1512 5.83341 12.0839 4.90067 12.0839 3.75008M10.0006 5.83341C8.84996 5.83341 7.91722 4.90068 7.91722 3.75008M3.33389 17.5001L16.6672 17.5001M3.33389 3.75009L7.91722 3.75008M7.91722 3.75008C7.91722 2.59949 8.84996 1.66675 10.0006 1.66675C11.1512 1.66675 12.0839 2.59949 12.0839 3.75008M12.0839 3.75008L16.6672 3.75008M7.40092 11.947C7.06701 13.2256 5.93231 14.1667 4.58389 14.1667C3.23547 14.1667 2.10077 13.2256 1.76686 11.947C1.73958 11.8426 1.72594 11.7903 1.72462 11.5816C1.72381 11.4537 1.77136 11.1587 1.81232 11.0375C1.87915 10.8398 1.95148 10.7282 2.09615 10.505L4.58389 6.66675L7.07163 10.505C7.2163 10.7282 7.28864 10.8398 7.35546 11.0375C7.39642 11.1587 7.44397 11.4537 7.44316 11.5816C7.44185 11.7903 7.42821 11.8426 7.40092 11.947ZM18.2343 11.947C17.9003 13.2256 16.7656 14.1667 15.4172 14.1667C14.0688 14.1667 12.9341 13.2256 12.6002 11.947C12.5729 11.8426 12.5593 11.7903 12.558 11.5816C12.5571 11.4537 12.6047 11.1587 12.6457 11.0375C12.7125 10.8398 12.7848 10.7282 12.9295 10.505L15.4172 6.66675L17.905 10.505C18.0496 10.7282 18.122 10.8398 18.1888 11.0375C18.2298 11.1587 18.2773 11.4537 18.2765 11.5816C18.2752 11.7903 18.2615 11.8426 18.2343 11.947Z", stroke: "#424242", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+};
+var CashIcon = function (_a) {
+    var width = _a.width, height = _a.height, props = __rest(_a, ["width", "height"]);
+    return (React.createElement("svg", __assign({ width: width, height: height, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.createElement("path", { d: "M7.08317 12.2221C7.08317 13.2959 7.95373 14.1665 9.02762 14.1665H10.8332C11.9838 14.1665 12.9165 13.2338 12.9165 12.0832C12.9165 10.9326 11.9838 9.99984 10.8332 9.99984H9.1665C8.01591 9.99984 7.08317 9.0671 7.08317 7.9165C7.08317 6.76591 8.01591 5.83317 9.1665 5.83317H10.9721C12.0459 5.83317 12.9165 6.70373 12.9165 7.77762M9.99984 4.58317V5.83317M9.99984 14.1665V15.4165M18.3332 9.99984C18.3332 14.6022 14.6022 18.3332 9.99984 18.3332C5.39746 18.3332 1.6665 14.6022 1.6665 9.99984C1.6665 5.39746 5.39746 1.6665 9.99984 1.6665C14.6022 1.6665 18.3332 5.39746 18.3332 9.99984Z", stroke: "#D6D6D6", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+};
+var ConfirmIcon = function (_a) {
+    var width = _a.width, height = _a.height, props = __rest(_a, ["width", "height"]);
+    return (React.createElement("svg", __assign({ width: width, height: height, viewBox: "0 0 26 26", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.createElement("path", { d: "M24.6668 11.9335V13.0068C24.6654 15.5227 23.8507 17.9706 22.3444 19.9856C20.838 22.0006 18.7207 23.4747 16.3081 24.1881C13.8955 24.9014 11.317 24.8157 8.95704 23.9439C6.59712 23.072 4.58226 21.4606 3.21295 19.3501C1.84364 17.2395 1.19325 14.7429 1.35879 12.2325C1.52432 9.72217 2.4969 7.33255 4.13149 5.42009C5.76607 3.50763 7.97508 2.17479 10.429 1.62034C12.883 1.0659 15.4505 1.31957 17.7485 2.34351M24.6668 3.66683L13.0002 15.3452L9.50016 11.8452", stroke: "#FCFCFC", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+};
+var GuestCheckoutIcon = function (_a) {
+    var width = _a.width, height = _a.height, props = __rest(_a, ["width", "height"]);
+    return (React.createElement("svg", __assign({ width: width, height: height, viewBox: "0 0 24 23", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.createElement("path", { d: "M1.5 21.3333C4.22509 18.443 7.92485 16.6667 12 16.6667C16.0751 16.6667 19.7749 18.443 22.5 21.3333M17.25 6.75C17.25 9.6495 14.8995 12 12 12C9.1005 12 6.75 9.6495 6.75 6.75C6.75 3.85051 9.1005 1.5 12 1.5C14.8995 1.5 17.25 3.85051 17.25 6.75Z", stroke: "#FCFCFC", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
 };
 
 export { CashIcon, ConfirmIcon, DiscountIcon, GuestCheckoutIcon, SalesTaxFeeIcon, ServiceFeeIcon, StripeProcessingFeeIcon };

package/build/src/components/SvgIcons.js.map

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

package/build/{components → src/components}/SvgRendrer.js

@@ -1,20 +1,20 @@
-import { __rest, __assign } from '../_virtual/_tslib.js';
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
 import React from 'react';
 import { DiscountIcon, ServiceFeeIcon, StripeProcessingFeeIcon, SalesTaxFeeIcon, CashIcon, ConfirmIcon, GuestCheckoutIcon } from './SvgIcons.js';
 
-var iconsMap = {
-    discount: DiscountIcon,
-    serviceFee: ServiceFeeIcon,
-    stripeProcessingIcon: StripeProcessingFeeIcon,
-    salesTaxFeeIcon: SalesTaxFeeIcon,
-    cashIcon: CashIcon,
-    confirmIcon: ConfirmIcon,
-    guestCheckoutIcon: GuestCheckoutIcon
-};
-function SvgRenderer(_a) {
-    var iconName = _a.iconName, props = __rest(_a, ["iconName"]);
-    var IconComponent = iconsMap[iconName];
-    return IconComponent ? React.createElement(IconComponent, __assign({}, props)) : null;
+var iconsMap = {
+    discount: DiscountIcon,
+    serviceFee: ServiceFeeIcon,
+    stripeProcessingIcon: StripeProcessingFeeIcon,
+    salesTaxFeeIcon: SalesTaxFeeIcon,
+    cashIcon: CashIcon,
+    confirmIcon: ConfirmIcon,
+    guestCheckoutIcon: GuestCheckoutIcon
+};
+function SvgRenderer(_a) {
+    var iconName = _a.iconName, props = __rest(_a, ["iconName"]);
+    var IconComponent = iconsMap[iconName];
+    return IconComponent ? React.createElement(IconComponent, __assign({}, props)) : null;
 }
 
 export { SvgRenderer as default };

package/build/src/components/SvgRendrer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgRendrer.js","sources":["../../../src/components/SvgRendrer.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAGA,IAAM,QAAQ,GAAG;AACf,IAAA,QAAQ,EAAE,YAAY;AACtB,IAAA,UAAU,EAAE,cAAc;AAC1B,IAAA,oBAAoB,EAAE,uBAAuB;AAC7C,IAAA,eAAe,EAAE,eAAe;AAChC,IAAA,QAAQ,EAAC,QAAQ;AACjB,IAAA,WAAW,EAAC,WAAW;AACvB,IAAA,iBAAiB,EAAC,iBAAiB;CACpC,CAAC;AAEsB,SAAA,WAAW,CAAE,EAAsB,EAAA;AAApB,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAK,KAAK,GAAA,MAAA,CAAA,EAAA,EAApB,YAAsB,CAAF,CAAA;AACvD,IAAA,IAAM,aAAa,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;AACzC,IAAA,OAAO,aAAa,GAAG,KAAC,CAAA,aAAA,CAAA,aAAa,EAAK,QAAA,CAAA,EAAA,EAAA,KAAK,CAAI,CAAA,GAAG,IAAI,CAAC;AAC7D;;;;"}

package/build/src/components/TextButton.js

@@ -0,0 +1,48 @@
+import { __makeTemplateObject } from '../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import styled from 'styled-components';
+import { Colors } from '../Colors.js';
+import Icon from './Icon.js';
+
+var TextButtonSizes;
+(function (TextButtonSizes) {
+    TextButtonSizes["Large"] = "Large";
+    TextButtonSizes["Regular"] = "Regular";
+    TextButtonSizes["Small"] = "Small";
+})(TextButtonSizes || (TextButtonSizes = {}));
+var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin: ", ";\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin: ", ";\n"])), function (props) { return props.margin; });
+var Text = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-size: ", ";\n  color: ", ";\n  font-family:", ";\n  text-decoration: underline;\n  cursor: pointer;\n  font-weight: 500;\n  &:hover {\n    text-decoration: none;\n  }\n"], ["\n  font-size: ", ";\n  color: ", ";\n  font-family:", ";\n  text-decoration: underline;\n  cursor: pointer;\n  font-weight: 500;\n  &:hover {\n    text-decoration: none;\n  }\n"])), function (props) {
+    if (props.size === TextButtonSizes.Large)
+        return "1.8rem";
+    if (props.size === TextButtonSizes.Regular)
+        return "1.4rem";
+    if (props.size === TextButtonSizes.Small)
+        return "1.2rem";
+    return "1.4rem";
+}, function (props) { return props.color; }, function (props) { return props.fontFamily; });
+var TextWithoutLink = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding-right: 2px;\n"], ["\n  padding-right: 2px;\n"])));
+var InnerContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n}"], ["\n  display: flex;\n  align-items: center;\n}"])));
+var TextButton = function (_a) {
+    var children = _a.children, _b = _a.size, size = _b === void 0 ? TextButtonSizes.Regular : _b, onClick = _a.onClick, margin = _a.margin, icon = _a.icon, iconRotation = _a.iconRotation, _c = _a.color, color = _c === void 0 ? Colors.Orange : _c, textWithoutLink = _a.textWithoutLink, fontFamily = _a.fontFamily, iconMargin = _a.iconMargin;
+    var iconSize = (function () {
+        if (size === TextButtonSizes.Large) {
+            return 14;
+        }
+        if (size === TextButtonSizes.Regular) {
+            return 12;
+        }
+        if (size === TextButtonSizes.Small) {
+            return 10;
+        }
+        return 12;
+    })();
+    return (React.createElement(Container, { margin: margin },
+        React.createElement(InnerContainer, { onClick: onClick ? onClick : function () { } },
+            icon && (React.createElement(Icon, { icon: icon, size: iconSize, color: color, margin: iconMargin || "0 7px 0 0", rotation: iconRotation })),
+            React.createElement(TextWithoutLink, null, textWithoutLink),
+            React.createElement(Text, { size: size, color: color, fontFamily: fontFamily }, children))));
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+
+export { TextButtonSizes, TextButton as default };
+//# sourceMappingURL=TextButton.js.map

package/build/src/components/TextButton.js.map

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

package/build/src/components/Tip.js

@@ -0,0 +1,19 @@
+import { __makeTemplateObject } from '../../node_modules/tslib/tslib.es6.js';
+import React, { useLayoutEffect } from 'react';
+import styled from 'styled-components';
+import { Colors } from '../Colors.js';
+import Icon, { Icons } from './Icon.js';
+
+var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: ", ";\n"], ["\n  margin: ", ";\n"])), function (props) { return props.margin; });
+var Tip = function (_a) {
+    var tip = _a.tip, margin = _a.margin;
+    useLayoutEffect(function () {
+        // ReactTooltip.rebuild();
+    }, []);
+    return (React.createElement(Container, { margin: margin, "data-tip": tip },
+        React.createElement(Icon, { icon: Icons.InfotipSolid, color: Colors.Grey4, size: 12 })));
+};
+var templateObject_1;
+
+export { Tip as default };
+//# sourceMappingURL=Tip.js.map

package/build/src/components/Tip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tip.js","sources":["../../../src/components/Tip.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAUA,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAgB,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,cAAA,EAAA,KAAA,CAAA,EAAA,CAAA,cAChC,EAAuB,KAClC,CAAA,CAAA,CAAA,EADW,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,MAAM,CAAZ,EAAY,CAClC,CAAC;AAOI,IAAA,GAAG,GAAuB,UAAC,EAGhC,EAAA;QAFC,GAAG,GAAA,EAAA,CAAA,GAAA,EACH,MAAM,GAAA,EAAA,CAAA,MAAA,CAAA;AAEN,IAAA,eAAe,CAAC,YAAA;;KAEf,EAAE,EAAE,CAAC,CAAC;IACP,QACE,oBAAC,SAAS,EAAA,EAAC,MAAM,EAAE,MAAM,cAAY,GAAG,EAAA;QACtC,KAAC,CAAA,aAAA,CAAA,IAAI,IAAC,IAAI,EAAE,KAAK,CAAC,YAAY,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,EAAI,CAAA,CACvD,EACZ;AACJ,EAAE;;;;;"}

package/build/src/components/UserImage.js

@@ -0,0 +1,37 @@
+import { __makeTemplateObject } from '../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import styled from 'styled-components';
+import { Colors } from '../Colors.js';
+import Icon, { Icons } from './Icon.js';
+
+var UserImageDiv = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  height: ", ";\n  width: ", ";\n  min-height: ", ";\n  min-width: ", ";\n  border-radius: ", ";\n  color: ", ";\n  font-size: ", ";\n  font-weight: 600;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: ", ";\n  background-image: ", ";\n  background-position: center;\n  background-size: cover;\n"], ["\n  background-color: ", ";\n  height: ", ";\n  width: ", ";\n  min-height: ", ";\n  min-width: ", ";\n  border-radius: ", ";\n  color: ", ";\n  font-size: ", ";\n  font-weight: 600;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: ", ";\n  background-image: ", ";\n  background-position: center;\n  background-size: cover;\n"])), function (props) {
+    if (props.src) {
+        if (props.invert) {
+            return Colors.Grey6;
+        }
+        else {
+            return Colors.Grey6;
+        }
+    }
+    else if (props.invert) {
+        return Colors.White;
+    }
+    else {
+        return Colors.Grey1;
+    }
+}, function (props) { return props.height; }, function (props) { return props.height; }, function (props) { return props.height; }, function (props) { return props.height; }, function (props) { return (props.circle ? '50%' : '0'); }, function (props) { return (props.invert ? Colors.Grey1 : Colors.White); }, function (props) { return props.size; }, function (props) { return props.margin || '0px 10px 0px 0px'; }, function (props) { return "url(".concat(props.src, ")"); });
+var UserImage = function (_a) {
+    var imageUrl = _a.imageUrl, _b = _a.height, height = _b === void 0 ? '45px' : _b, _c = _a.size, size = _c === void 0 ? '1.8rem' : _c, firstName = _a.firstName, lastName = _a.lastName, margin = _a.margin, invert = _a.invert, _d = _a.circle, circle = _d === void 0 ? true : _d;
+    if (!imageUrl) {
+        var userInitials = '';
+        if (firstName && lastName) {
+            userInitials = "".concat(firstName.split('')[0]).concat(lastName.split('')[0]);
+        }
+        return (React.createElement(UserImageDiv, { height: height, margin: margin, invert: invert, size: size, circle: circle }, userInitials ? userInitials : (React.createElement(Icon, { icon: Icons.UserSolid, color: invert ? Colors.Grey1 : Colors.White, size: 16 }))));
+    }
+    return (React.createElement(UserImageDiv, { src: imageUrl, height: height, margin: margin, circle: circle }));
+};
+var templateObject_1;
+
+export { UserImage as default };
+//# sourceMappingURL=UserImage.js.map

package/build/src/components/UserImage.js.map

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

package/build/src/components/UserInfo.js

@@ -0,0 +1,40 @@
+import { __makeTemplateObject } from '../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import styled from 'styled-components';
+import { Colors } from '../Colors.js';
+import UserImage from './UserImage.js';
+
+var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
+var Details = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n"], ["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n"])));
+var Name = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 1.4rem;\n  color: ", ";\n  font-weight: 600;\n  font-family:", ";\n"], ["\n  font-size: 1.4rem;\n  color: ", ";\n  font-weight: 600;\n  font-family:", ";\n"])), function (props) { return props.color || Colors.Grey1; }, function (props) { return props.fontFamily; });
+var Email = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-size: 1.2rem;\n  color: ", ";\n  font-family:", ";\n"], ["\n  font-size: 1.2rem;\n  color: ", ";\n  font-family:", ";\n"])), function (props) { return props.color || Colors.Grey1; }, function (props) { return props.fontFamily; });
+var PhoneNumber = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  font-size: 1.2rem;\n  color: ", ";\n  font-family:", ";\n"], ["\n  font-size: 1.2rem;\n  color: ", ";\n  font-family:", ";\n"])), function (props) { return props.color || Colors.Grey1; }, function (props) { return props.fontFamily; });
+var UserInfoSizeEnum;
+(function (UserInfoSizeEnum) {
+    UserInfoSizeEnum["Regular"] = "Regular";
+    UserInfoSizeEnum["Large"] = "Large";
+})(UserInfoSizeEnum || (UserInfoSizeEnum = {}));
+var UserInfo = function (_a) {
+    var _b = _a.user, user = _b === void 0 ? {} : _b, _c = _a.size, size = _c === void 0 ? UserInfoSizeEnum.Regular : _c, _d = _a.invert, invert = _d === void 0 ? false : _d, nameColor = _a.nameColor, fontFamily = _a.fontFamily;
+    var firstName = user.firstName, lastName = user.lastName, email = user.email, phoneNumber = user.phoneNumber, _e = user.userProfile, _f = _e === void 0 ? {} : _e, _g = _f.imageUrl, imageUrl = _g === void 0 ? '' : _g;
+    var isLarge = size === UserInfoSizeEnum.Large;
+    var UserName = React.memo(function () { return React.createElement(Name, { color: nameColor, fontFamily: fontFamily },
+        firstName,
+        "\u00A0",
+        lastName); });
+    var UserEmail = React.memo(function () { return React.createElement(Email, { color: nameColor, fontFamily: fontFamily }, email); });
+    var UserPhoneNumber = React.memo(function () { return React.createElement(PhoneNumber, { fontFamily: fontFamily, color: nameColor },
+        phoneNumber,
+        " "); });
+    var height = isLarge ? '50px' : '36px';
+    return (React.createElement(Container, null,
+        React.createElement(UserImage, { imageUrl: imageUrl, height: height, size: isLarge ? "1.8rem" : "1.4rem", firstName: firstName, lastName: lastName, invert: invert }),
+        React.createElement(Details, null,
+            firstName && lastName && React.createElement(UserName, null),
+            email && React.createElement(UserEmail, null),
+            isLarge && phoneNumber && React.createElement(UserPhoneNumber, null))));
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+
+export { Container, Details, Email, Name, UserInfoSizeEnum, UserInfo as default };
+//# sourceMappingURL=UserInfo.js.map

package/build/src/components/UserInfo.js.map

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

package/build/src/components/ValidationError.js

@@ -0,0 +1,27 @@
+import { __makeTemplateObject } from '../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import styled from 'styled-components';
+import { Colors } from '../Colors.js';
+import Icon, { Icons } from './Icon.js';
+import { FadeIn } from './Motion.js';
+
+var ValidationErrorRelative = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
+var ValidationErrorAbsolute = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  z-index: 700;\n  width: fit-content;\n  height: 50px;\n"], ["\n  position: absolute;\n  z-index: 700;\n  width: fit-content;\n  height: 50px;\n"])));
+var ValidationErrorBox = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background: ", ";\n  border: 1px solid ", ";\n  box-sizing: border-box;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  margin-top: 5px;\n  padding:  10px 15px;\n  width: fit-content;\n  justify-content: center;\n"], ["\n  background: ", ";\n  border: 1px solid ", ";\n  box-sizing: border-box;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  margin-top: 5px;\n  padding:  10px 15px;\n  width: fit-content;\n  justify-content: center;\n"])), Colors.White, Colors.Grey5);
+var ValidationErrorText = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin-left: 10px;\n  font-weight: 500;\n  color: ", ";\n"], ["\n  margin-left: 10px;\n  font-weight: 500;\n  color: ", ";\n"])), Colors.Grey2);
+var ValidationError = function (_a) {
+    var validationError = _a.validationError, disableValidationErrorBox = _a.disableValidationErrorBox;
+    if (disableValidationErrorBox) {
+        return null;
+    }
+    return (React.createElement(ValidationErrorRelative, null,
+        React.createElement(ValidationErrorAbsolute, null,
+            React.createElement(FadeIn, null,
+                React.createElement(ValidationErrorBox, null,
+                    React.createElement(Icon, { icon: Icons.Warning, size: 16, color: Colors.Yellow }),
+                    React.createElement(ValidationErrorText, null, validationError))))));
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+
+export { ValidationError as default };
+//# sourceMappingURL=ValidationError.js.map

package/build/src/components/ValidationError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationError.js","sources":["../../../src/components/ValidationError.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAMA,IAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAA,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,2BAAA,CAAA,EAAA,CAAA,2BAEzC,IAAA,CAAC;AAEF,IAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAA,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,oFAAA,CAAA,EAAA,CAAA,oFAKzC,IAAA,CAAC;AAEF,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,kBAAA,EAAA,yBAAA,EAAA,iPAAA,CAAA,EAAA,CAAA,kBACrB,EAAY,yBACN,EAAY,iPAUjC,CAXe,CAAA,CAAA,EAAA,MAAM,CAAC,KAAK,EACN,MAAM,CAAC,KAAK,CAUjC,CAAC;AAEF,IAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,wDAAA,EAAA,KAAA,CAAA,EAAA,CAAA,wDAG3B,EAAY,KACtB,CADU,CAAA,CAAA,EAAA,MAAM,CAAC,KAAK,CACtB,CAAC;AAOI,IAAA,eAAe,GAAmC,UAAC,EAA4C,EAAA;QAA1C,eAAe,GAAA,EAAA,CAAA,eAAA,EAAC,yBAAyB,GAAA,EAAA,CAAA,yBAAA,CAAA;AAClG,IAAA,IAAI,yBAAyB,EAAE;AAC7B,QAAA,OAAO,IAAI,CAAC;AACb,KAAA;IACD,QACE,oBAAC,uBAAuB,EAAA,IAAA;AACtB,QAAA,KAAA,CAAA,aAAA,CAAC,uBAAuB,EAAA,IAAA;AACtB,YAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,IAAA;AACL,gBAAA,KAAA,CAAA,aAAA,CAAC,kBAAkB,EAAA,IAAA;AACjB,oBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,IAAI,EAAE,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAI,CAAA;oBAC7D,KAAC,CAAA,aAAA,CAAA,mBAAmB,QAAE,eAAe,CAAuB,CACzC,CACd,CACe,CACF,EAC1B;AACJ,EAAE;;;;;"}