@sellout/ui 0.0.278 → 0.0.279

package/build/components/Input.js

@@ -1,8 +1,8 @@
-import { Colors } from '../Colors.js';
 import { __makeTemplateObject } from '../_virtual/_tslib.js';
 import React, { useState, Fragment } from 'react';
 import styled from 'styled-components';
-import { darken } from 'polished';
+import * as Polished from 'polished';
+import { Colors } from '../Colors.js';
 import Icon, { Icons } from './Icon.js';
 import Loader, { LoaderSizes } from './Loader.js';
 import Label from './Label.js';
@@ -25,7 +25,7 @@ var Form = styled.form(templateObject_3 || (templateObject_3 = __makeTemplateObj
     if (props.focused)
         return Colors.Grey4;
     if (props.hovered)
-        return darken(0.05, Colors.Grey5);
+        return Polished.darken(0.05, Colors.Grey5);
     return Colors.Grey5;
 }, function (props) {
     return props.disabled ? Colors.Grey6 + " !important" : null;
@@ -66,8 +66,8 @@ var RightContainer = styled.div(templateObject_8 || (templateObject_8 = __makeTe
     return null;
 }, Colors.White, function (props) { return (props.onClick ? "pointer" : null); });
 var Spacer = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  width: ", ";\n  background-color: ", ";\n"], ["\n  width: ", ";\n  background-color: ", ";\n"])), function (props) { return (props.incrementButton ? "0px" : "50px"); }, Colors.White);
-var InputStyled = styled.input(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  background-color: ", ";\n  color: ", ";\n  outline: none;\n  border: 0px;\n  /* border-radius: 10px; */\n  height: ", ";\n  width: fill-available;\n  font-family: \"neue-haas-grotesk-display\", sans-serif;\n  font-weight: 500;\n  padding: 0px;\n  padding-left: ", ";\n  transition: all 0.2s;\n  padding: ", ";\n\n  ::placeholder {\n    color: ", ";\n  }\n\n  ", ";\n\n  ", ";\n"], ["\n  background-color: ", ";\n  color: ", ";\n  outline: none;\n  border: 0px;\n  /* border-radius: 10px; */\n  height: ",
-    ";\n  width: fill-available;\n  font-family: \"neue-haas-grotesk-display\", sans-serif;\n  font-weight: 500;\n  padding: 0px;\n  padding-left: ", ";\n  transition: all 0.2s;\n  padding: ", ";\n\n  ::placeholder {\n    color: ", ";\n  }\n\n  ",
+var InputStyled = styled.input(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  background-color: ", ";\n  color: ", ";\n  outline: none;\n  border: 0px;\n  /* border-radius: 10px; */\n  height: ", ";\n  width: 100%;\n  font-family: \"neue-haas-grotesk-display\", sans-serif;\n  font-weight: 500;\n  padding: 0px;\n  padding-left: ", ";\n  transition: all 0.2s;\n  padding: ", ";\n\n  ::placeholder {\n    color: ", ";\n  }\n\n  ", ";\n\n  ", ";\n"], ["\n  background-color: ", ";\n  color: ", ";\n  outline: none;\n  border: 0px;\n  /* border-radius: 10px; */\n  height: ",
+    ";\n  width: 100%;\n  font-family: \"neue-haas-grotesk-display\", sans-serif;\n  font-weight: 500;\n  padding: 0px;\n  padding-left: ", ";\n  transition: all 0.2s;\n  padding: ", ";\n\n  ::placeholder {\n    color: ", ";\n  }\n\n  ",
     ";\n\n  ",
     ";\n"])), Colors.White, function (props) { return (props.disabled ? Colors.Grey4 : Colors.Grey1); }, function (props) {
     if (props.inputSize === InputSizes.Large)
@@ -176,5 +176,5 @@ function Input(_a, inputRef) {
 var Input$1 = React.forwardRef(Input);
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12;
 
-export default Input$1;
-export { InputSizes, InputStyled };
+export { InputSizes, InputStyled, Input$1 as default };
+//# sourceMappingURL=Input.js.map

package/build/components/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../src/components/Input.tsx"],"sourcesContent":["import React, { Fragment, useState } from \"react\";\nimport styled from \"styled-components\";\nimport * as Polished from \"polished\";\nimport { Colors } from \"../Colors\";\nimport Icon, { Icons } from \"./Icon\";\nimport Loader, { LoaderSizes } from \"./Loader\";\nimport Label from \"./Label\";\nimport Flex from \"./Flex\";\nimport MaxLength from \"./MaxLength\";\nimport ValidationError from \"./ValidationError\";\nimport { media } from \"../utils/MediaQuery\";\n\nexport enum InputSizes {\n  Large = \"Large\",\n  Regular = \"Regular\",\n}\n\ntype ContainerProps = {\n  width?: string;\n  margin?: string;\n};\n\nconst Container = styled.div<ContainerProps>`\n  width: ${(props) => props.width};\n  margin: ${(props) => props.margin};\n`;\n\nconst IncrementButton = styled.button`\n  font-size: 22px;\n  padding: 5px 14px;\n  cursor: pointer;\n  border: none;\n  background-color: #f0f0f0;\n`;\n\ntype FormProps = {\n  hovered: boolean;\n  focused: boolean;\n  width?: string;\n  disabled: boolean;\n};\n\nconst Form = styled.form<FormProps>`\n  width: ${(props) => props.width};\n  display: flex;\n  flex-direction: row;\n  position: relative;\n  border-radius: 10px;\n  transition: all 0.2s;\n  border: 1px solid\n    ${(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  background-color: ${(props) =>\n    props.disabled ? `${Colors.Grey6} !important` : null};\n\n  > * {\n    background-color: ${(props) =>\n      props.disabled ? `${Colors.Grey6} !important` : null};\n  }\n`;\n\ntype ButtonProps = {\n  canSubmit: boolean;\n  size: InputSizes;\n  codeApply?: string;\n};\n\nconst Button = styled.div<ButtonProps>`\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: ${Colors.White};\n  height: ${(props) => {\n    if (props.size === InputSizes.Large) return \"50px\";\n    if (props.size === InputSizes.Regular) return \"40px\";\n    return null;\n  }};\n  width: ${(props) => {\n    if (props.size === InputSizes.Large) return \"50px\";\n    if (props.size === InputSizes.Regular) return \"40px\";\n    return null;\n  }};\n  border-radius: 0 10px 10px 0;\n  top: -1px;\n  right: ${(props) => (props.codeApply ? \"17px\" : \"-1px\")};\n  transition: all 0.2s;\n\n  &:hover {\n    cursor: ${(props) => (props.onClick ? \"pointer\" : null)};\n  }\n\n  &:active {\n    cursor: ${(props) => (props.onClick ? \"pointer\" : null)};\n  }\n`;\n\nconst IconContainer = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n`;\n\nconst TextContainer = styled.div<any>`\n  color: ${(props) => (props.canSubmit ? Colors.Orange : Colors.Orange)};\n  font-size: 1.7rem;\n  text-decoration: underline;\n  font-weight: 500;\n`;\n\ntype SmallContainerProps = {\n  size: InputSizes;\n};\n\nconst LeftContainer = styled.div<SmallContainerProps>`\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: 16px;\n  top: 0px;\n  left: 0px;\n  background-color: ${Colors.White};\n`;\n\nconst RightContainer = styled.div<SmallContainerProps>`\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: ${(props) => {\n    if (props.size === InputSizes.Large) return \"50px\";\n    if (props.size === InputSizes.Regular) return \"40px\";\n    return null;\n  }};\n  width: ${(props) => {\n    if (props.size === InputSizes.Large) return \"50px\";\n    if (props.size === InputSizes.Regular) return \"40px\";\n    return null;\n  }};\n  top: -1px;\n  right: -1px;\n  background-color: ${Colors.White};\n\n  &:hover {\n    cursor: ${(props) => (props.onClick ? \"pointer\" : null)};\n  }\n`;\n\ntype SpacerProps = {\n  incrementButton?: boolean;\n};\n\nconst Spacer = styled.div<SpacerProps>`\n  width: ${(props) => (props.incrementButton ? \"0px\" : \"50px\")};\n  background-color: ${Colors.White};\n`;\n\ntype StyledInputProps = {\n  padding?: string;\n  inputSize?: InputSizes;\n  disabled: boolean;\n  hasIcon: boolean;\n};\n\nexport const InputStyled = styled.input<StyledInputProps>`\n  background-color: ${Colors.White};\n  color: ${(props) => (props.disabled ? Colors.Grey4 : Colors.Grey1)};\n  outline: none;\n  border: 0px;\n  /* border-radius: 10px; */\n  height: ${(props) => {\n    if (props.inputSize === InputSizes.Large) return \"48px\";\n    if (props.inputSize === InputSizes.Regular) return \"38px\";\n    return null;\n  }};\n  width: 100%;\n  font-family: \"neue-haas-grotesk-display\", sans-serif;\n  font-weight: 500;\n  padding: 0px;\n  padding-left: ${(props) => (props.hasIcon ? \"8px\" : \"16px\")};\n  transition: all 0.2s;\n  padding: ${(props) => props.padding};\n\n  ::placeholder {\n    color: ${Colors.Grey4};\n  }\n\n  ${media.mobile`\n  font-size: 1.6rem;\n`};\n\n  ${media.desktop`\n  font-size: 1.4rem;\n`};\n`;\n\nexport type InputProps = {\n  inputRef?: React.Ref<HTMLInputElement>;\n  autoFocus?: boolean | undefined;\n  placeholder?: string;\n  value: string;\n  defaultValue?: string;\n  icon?: any;\n  iconColor?: Colors;\n  type?: string;\n  size?: InputSizes;\n  onMouseEnter?: any;\n  onMouseLeave?: any;\n  onChange?: any;\n  onFocus?: any;\n  onBlur?: any;\n  onSubmit?: Function;\n  onClear?: Function;\n  canSubmit?: boolean;\n  loading?: boolean;\n  margin?: string;\n  padding?: string;\n  width?: string;\n  onEnter?: Function;\n  label?: string;\n  subLabel?: string;\n  tip?: string;\n  maxLength?: number;\n  iconConditionalColor?: any;\n  validationError?: string;\n  disabled?: boolean;\n  incrementButton?: boolean;\n  handleIncrement?: any;\n  handleDecrement?: any;\n  codeApply?: string;\n  discountCode?: string;\n};\n\nfunction Input(\n  {\n    autoFocus,\n    placeholder,\n    value,\n    defaultValue,\n    icon,\n    iconColor,\n    size = InputSizes.Regular,\n    type = \"text\",\n    onMouseEnter,\n    onMouseLeave,\n    onChange,\n    onFocus,\n    onBlur,\n    onSubmit,\n    onClear,\n    canSubmit = true,\n    loading,\n    margin,\n    padding,\n    width,\n    onEnter,\n    label,\n    subLabel,\n    tip,\n    maxLength,\n    iconConditionalColor,\n    validationError,\n    disabled = false,\n    incrementButton = false,\n    handleIncrement,\n    handleDecrement,\n    codeApply,\n    discountCode,\n  }: InputProps,\n  inputRef: any\n) {\n  const [hovered, setHovered] = useState(false);\n  const [focused, setFocused] = useState(false);\n\n  const submit = (event: any) => {\n    event.preventDefault();\n    if (onSubmit && !loading) {\n      onSubmit();\n    } else if (onEnter && !loading) {\n      onEnter();\n    }\n  };\n\n  const iconSize = (() => {\n    if (size === InputSizes.Large) return 16;\n    if (size === InputSizes.Regular) return 14;\n    return 14;\n  })();\n\n  const submitIconSize = (() => {\n    if (size === InputSizes.Large) return 18;\n    if (size === InputSizes.Regular) return 16;\n    return 16;\n  })();\n\n  return (\n    <Container width={width} margin={margin}>\n      <Flex justify=\"space-between\">\n        {label && <Label text={label} subText={subLabel} tip={tip} />}\n        {maxLength && (\n          <MaxLength value={value as string} maxLength={maxLength} />\n        )}\n      </Flex>\n\n      <Form\n        hovered={hovered}\n        focused={focused}\n        onSubmit={(event) => submit(event)}\n        width={width}\n        disabled={disabled}\n        noValidate // disables default html5 validation\n      >\n        {icon && (\n          <LeftContainer size={size}>\n            <IconContainer>\n              <Icon\n                icon={icon}\n                size={iconSize}\n                color={(() => {\n                  if (iconColor) return iconColor;\n                  return value\n                    ? iconConditionalColor || Colors.Grey1\n                    : focused\n                    ? Colors.Grey3\n                    : Colors.Grey4;\n                })()}\n              />\n            </IconContainer>\n          </LeftContainer>\n        )}\n        {incrementButton && (\n          <IncrementButton onClick={handleDecrement}>-</IncrementButton>\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          padding={padding}\n          inputSize={size}\n          hasIcon={Boolean(icon)}\n        />\n        {incrementButton && (\n          <IncrementButton onClick={handleIncrement}>+</IncrementButton>\n        )}\n\n        {(() => {\n          if (onSubmit) {\n            return (\n              <Fragment>\n                <Spacer incrementButton />\n                <Button\n                  canSubmit={canSubmit}\n                  onClick={(event) => submit(event)}\n                  size={size}\n                  codeApply={codeApply}\n                >\n                  {(() => {\n                    if (loading) {\n                      return (\n                        <Loader\n                          size={LoaderSizes.VerySmall}\n                          color={Colors.Orange}\n                        />\n                      );\n                    }\n\n                    return (\n                      <>\n                        {!codeApply && (\n                          <Icon\n                            icon={Icons.RightChevronCircle}\n                            color={canSubmit ? Colors.Orange : Colors.Grey5}\n                            size={submitIconSize}\n                          />\n                        )}\n                        {codeApply && (\n                          <TextContainer\n                          canSubmit={canSubmit}\n                          >\n                            {discountCode ? \"Clear\" : \"Apply\"}\n                          </TextContainer>\n                        )}\n                      </>\n                    );\n                  })()}\n                </Button>\n              </Fragment>\n            );\n          }\n\n          if (loading) {\n            return (\n              <Fragment>\n                <Spacer incrementButton />\n                <RightContainer size={size}>\n                  <Loader size={LoaderSizes.SuperSmall} color={Colors.Orange} />\n                </RightContainer>\n              </Fragment>\n            );\n          }\n\n          if (Boolean(value) && onClear) {\n            return (\n              <Fragment>\n                <Spacer incrementButton />\n                <RightContainer onClick={() => onClear()} size={size}>\n                  <Icon\n                    icon={Icons.CancelCircle}\n                    color={Colors.Grey4}\n                    hoverColor={Colors.Grey3}\n                    size={iconSize}\n                  />\n                </RightContainer>\n              </Fragment>\n            );\n          }\n\n          return <Spacer incrementButton />;\n        })()}\n      </Form>\n      {validationError && <ValidationError validationError={validationError} />}\n    </Container>\n  );\n}\n\nexport default React.forwardRef(Input);\n"],"names":[],"mappings":"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"}

package/build/components/Label.js

@@ -1,7 +1,7 @@
-import { Colors } from '../Colors.js';
 import { __makeTemplateObject } from '../_virtual/_tslib.js';
 import React from 'react';
 import styled from 'styled-components';
+import { Colors } from '../Colors.js';
 import Tip from './Tip.js';
 
 var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin: ", ";\n  height: 15px;\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin: ", ";\n  height: 15px;\n"])), function (props) { return props.margin; });
@@ -19,4 +19,5 @@ var Label = function (_a) {
 };
 var templateObject_1, templateObject_2, templateObject_3;
 
-export default Label;
+export { Label as default };
+//# sourceMappingURL=Label.js.map

package/build/components/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sources":["../../src/components/Label.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport { Colors } from \"../Colors\";\nimport Tip from './Tip';\n\ntype ContainerProps = {\n  margin: string;\n};\n\nconst Container = styled.div<ContainerProps>`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin: ${(props) => props.margin};\n  height: 15px;\n`;\n\nconst Text = styled.div`\n  font-size: 1.2rem;\n  font-weight: 600;\n  color: ${Colors.Grey1};\n  //margin-right: 7px;\n`;\n\nconst SubText = styled.span`\n  color: ${Colors.Grey3};\n`;\n\ntype LabelProps = {\n  text: string\n  subText?: string\n  tip?: string;\n  margin?: string;\n};\n\nconst Label: React.FC<LabelProps> = ({ text, subText, tip, margin = '0 0 8px' }) => {\n  return (\n    <Container margin={margin}>\n      <Text>\n        {text}\n        {subText && <SubText>&nbsp;{subText}</SubText>}\n      </Text>\n      {tip && (\n        <Tip tip={tip}/>\n      )}\n    </Container>\n  );\n};\n\nexport default Label;\n"],"names":[],"mappings":";;;;;;AASA,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAgB,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,gFAAA,EAAA,sBAAA,CAAA,EAAA,CAAA,gFAIhC,EAAuB,sBAElC,CAAA,CAAA,CAAA,EAFW,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,MAAM,CAAZ,EAAY,CAElC,CAAC;AAEF,IAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,wDAAA,EAAA,6BAAA,CAAA,EAAA,CAAA,wDAGZ,EAAY,6BAEtB,CAFU,CAAA,CAAA,EAAA,MAAM,CAAC,KAAK,CAEtB,CAAC;AAEF,IAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAA,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,aAAA,EAAA,KAAA,CAAA,EAAA,CAAA,aAChB,EAAY,KACtB,CADU,CAAA,CAAA,EAAA,MAAM,CAAC,KAAK,CACtB,CAAC;AASI,IAAA,KAAK,GAAyB,UAAC,EAA0C,EAAA;AAAxC,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,GAAG,GAAA,EAAA,CAAA,GAAA,EAAE,EAAkB,GAAA,EAAA,CAAA,MAAA,EAAlB,MAAM,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAA,EAAA,CAAA;AAC3E,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,EAAC,EAAA,MAAM,EAAE,MAAM,EAAA;AACvB,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,IAAA;YACF,IAAI;YACJ,OAAO,IAAI,oBAAC,OAAO,EAAA,IAAA;;AAAQ,gBAAA,OAAO,CAAW,CACzC;AACN,QAAA,GAAG,KACF,KAAC,CAAA,aAAA,CAAA,GAAG,EAAC,EAAA,GAAG,EAAE,GAAG,EAAG,CAAA,CACjB,CACS,EACZ;AACJ,EAAE;;;;;"}

package/build/components/Loader.js

@@ -1,7 +1,7 @@
-import { Colors } from '../Colors.js';
 import { __makeTemplateObject } from '../_virtual/_tslib.js';
 import React from 'react';
 import styled from 'styled-components';
+import { Colors } from '../Colors.js';
 
 var _a;
 var LoaderSizes;
@@ -33,5 +33,5 @@ function Loader(_a) {
 }
 var templateObject_1;
 
-export default Loader;
-export { LoaderSizes };
+export { LoaderSizes, Loader as default };
+//# sourceMappingURL=Loader.js.map

package/build/components/Loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.js","sources":["../../src/components/Loader.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport { Colors } from \"./../Colors\";\n\nexport enum LoaderSizes {\n  FuckingTiny = \"FuckingTiny\",\n  SuperSmall = \"SuperSmall\",\n  VerySmall = \"VerySmall\",\n  Small = \"Small\",\n  Medium = \"Medium\",\n  Large = \"Large\",\n};\n\nconst LoaderSizesMap = {\n  [LoaderSizes.FuckingTiny]: 14,\n  [LoaderSizes.SuperSmall]: 20,\n  [LoaderSizes.VerySmall]: 24,\n  [LoaderSizes.Small]: 30,\n  [LoaderSizes.Medium]: 40,\n  [LoaderSizes.Large]: 60\n};\n\ntype StyledLoaderProps = {\n  size: number;\n  color: string;\n}\n\nconst scale = (size: number, scale: number) => `${size * scale}px`;\n\nconst StyledLoader = styled.div<StyledLoaderProps>`\n  position: relative;\n  top: 1.5px;\n\n  .lds-ring {\n    display: inline-block;\n    position: relative;\n    width: ${props => scale(props.size, 1)};\n    height: ${props => scale(props.size, 1)};\n  }\n  .lds-ring div {\n    box-sizing: border-box;\n    display: block;\n    position: absolute;\n    width: ${props => scale(props.size, .8)};\n    height: ${props => scale(props.size, .8)};\n    margin: ${props => scale(props.size, .1)};\n    border: ${props => scale(props.size, 0.066)} solid ${props => props.color};\n    border-radius: 50%;\n    animation: lds-ring 0.8s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n    border-color: ${props => props.color} transparent transparent transparent;\n  }\n  .lds-ring div:nth-child(1) {\n    animation-delay: -0.3s;\n  }\n  .lds-ring div:nth-child(2) {\n    animation-delay: -0.2s;\n  }\n  .lds-ring div:nth-child(3) {\n    animation-delay: -0.1s;\n  }\n  @keyframes lds-ring {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n`;\n\nexport default function Loader({\n  size = LoaderSizes.Medium,\n  color = Colors.White,\n}) {\n  return (\n    <StyledLoader \n      size={LoaderSizesMap[size]} \n      color={color}\n    >\n      <div className=\"lds-ring\">\n        <div></div>\n        <div></div>\n        {/* <div></div> */}\n        <div></div>\n      </div>\n    </StyledLoader>\n  );\n}"],"names":[],"mappings":";;;;;;IAIY,YAOX;AAPD,CAAA,UAAY,WAAW,EAAA;AACrB,IAAA,WAAA,CAAA,aAAA,CAAA,GAAA,aAA2B,CAAA;AAC3B,IAAA,WAAA,CAAA,YAAA,CAAA,GAAA,YAAyB,CAAA;AACzB,IAAA,WAAA,CAAA,WAAA,CAAA,GAAA,WAAuB,CAAA;AACvB,IAAA,WAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACf,IAAA,WAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjB,IAAA,WAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACjB,CAAC,EAPW,WAAW,KAAX,WAAW,GAOtB,EAAA,CAAA,CAAA,CAAA;AAED,IAAM,cAAc,IAAA,EAAA,GAAA,EAAA;AAClB,IAAA,EAAA,CAAC,WAAW,CAAC,WAAW,CAAA,GAAG,EAAE;AAC7B,IAAA,EAAA,CAAC,WAAW,CAAC,UAAU,CAAA,GAAG,EAAE;AAC5B,IAAA,EAAA,CAAC,WAAW,CAAC,SAAS,CAAA,GAAG,EAAE;AAC3B,IAAA,EAAA,CAAC,WAAW,CAAC,KAAK,CAAA,GAAG,EAAE;AACvB,IAAA,EAAA,CAAC,WAAW,CAAC,MAAM,CAAA,GAAG,EAAE;AACxB,IAAA,EAAA,CAAC,WAAW,CAAC,KAAK,CAAA,GAAG,EAAE;OACxB,CAAC;AAOF,IAAM,KAAK,GAAG,UAAC,IAAY,EAAE,KAAa,EAAA,EAAK,OAAG,IAAI,GAAG,KAAK,GAAI,IAAA,CAAA,EAAA,CAAC;AAEnE,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,2HAAA,EAAA,iBAAA,EAAA,mHAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,qHAAA,EAAA,wXAAA,CAAA,EAAA,CAAmB,2HAOrC,EAA6B,iBAC5B,EAA6B,mHAM9B,EAA8B,iBAC7B,EAA8B,iBAC9B,EAA8B,iBAC9B,EAAiC,SAAU,EAAoB,qHAGzD,EAAoB,wXAmBvC,CAhCY,CAAA,CAAA,EAAA,UAAA,KAAK,EAAA,EAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAApB,EAAoB,EAC5B,UAAA,KAAK,EAAA,EAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAApB,EAAoB,EAM9B,UAAA,KAAK,EAAI,EAAA,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA,EAAA,EAC7B,UAAA,KAAK,EAAI,EAAA,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,CAAC,GAAA,EAC9B,UAAA,KAAK,EAAI,EAAA,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,CAAC,CAArB,EAAqB,EAC9B,UAAA,KAAK,EAAI,EAAA,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAxB,EAAwB,EAAU,UAAA,KAAK,EAAI,EAAA,OAAA,KAAK,CAAC,KAAK,CAAA,EAAA,EAGzD,UAAA,KAAK,EAAA,EAAI,OAAA,KAAK,CAAC,KAAK,CAAX,EAAW,CAmBvC,CAAC;AAEsB,SAAA,MAAM,CAAC,EAG9B,EAAA;AAFC,IAAA,IAAA,EAAA,GAAA,EAAA,CAAA,IAAyB,EAAzB,IAAI,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,WAAW,CAAC,MAAM,GAAA,EAAA,EACzB,EAAA,GAAA,EAAA,CAAA,KAAoB,EAApB,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,MAAM,CAAC,KAAK,GAAA,EAAA,CAAA;AAEpB,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EACX,IAAI,EAAE,cAAc,CAAC,IAAI,CAAC,EAC1B,KAAK,EAAE,KAAK,EAAA;QAEZ,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,UAAU,EAAA;YACvB,KAAW,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,CAAA;YACX,KAAW,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,CAAA;YAEX,KAAW,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,CAAA,CACP,CACO,EACf;AACJ,CAAC;;;;;"}

package/build/components/MaxLength.js

@@ -1,7 +1,7 @@
-import { Colors } from '../Colors.js';
 import { __makeTemplateObject } from '../_virtual/_tslib.js';
 import React from 'react';
 import styled from 'styled-components';
+import { Colors } from '../Colors.js';
 
 var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  font-size: 1.2rem;\n  font-weight: 500;\n  color: ", ";\n  margin-bottom: 10px;\n"], ["\n  display: flex;\n  align-items: center;\n  font-size: 1.2rem;\n  font-weight: 500;\n  color: ", ";\n  margin-bottom: 10px;\n"])), function (props) { return (props.isMax ? Colors.Red : Colors.Grey3); });
 var MaxLength = function (_a) {
@@ -13,4 +13,5 @@ var MaxLength = function (_a) {
 };
 var templateObject_1;
 
-export default MaxLength;
+export { MaxLength as default };
+//# sourceMappingURL=MaxLength.js.map

package/build/components/MaxLength.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaxLength.js","sources":["../../src/components/MaxLength.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport { Colors } from '../Colors';\n\ntype ContainerProps = {\n  isMax: boolean;\n};\n\nconst Container = styled.div<ContainerProps>`\n  display: flex;\n  align-items: center;\n  font-size: 1.2rem;\n  font-weight: 500;\n  color: ${(props) => (props.isMax ? Colors.Red : Colors.Grey3)};\n  margin-bottom: 10px;\n`;\n\ntype MaxLengthProps = {\n  value: string;\n  maxLength: number;\n};\n\nconst MaxLength: React.FC<MaxLengthProps> = ({ value, maxLength }) => {\n  return (\n    <Container isMax={value?.length === maxLength}>\n      {value?.length}/{maxLength}\n    </Container>\n  );\n};\n\nexport default MaxLength;\n"],"names":[],"mappings":";;;;;AAQA,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAgB,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,kGAAA,EAAA,6BAAA,CAAA,EAAA,CAAA,kGAKjC,EAAoD,6BAE9D,KAFU,UAAC,KAAK,EAAK,EAAA,QAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,KAAK,EAAxC,EAAyC,CAE9D,CAAC;AAOI,IAAA,SAAS,GAA6B,UAAC,EAAoB,EAAA;QAAlB,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,CAAA;AAC7D,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,IAAC,KAAK,EAAE,CAAA,KAAK,KAAA,IAAA,IAAL,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,KAAK,CAAE,MAAM,MAAK,SAAS,EAC1C,EAAA,KAAK,aAAL,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA;AAAL,QAAA,KAAK,CAAE,MAAM;;QAAG,SAAS,CAChB,EACZ;AACJ,EAAE;;;;;"}

package/build/components/Motion.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { motion } from 'framer-motion';
 
 var ErrorPop = function (_a) {
-    var _b = _a.duration, children = _a.children, props = __rest(_a, ["duration", "children"]);
+    _a.duration; var children = _a.children, props = __rest(_a, ["duration", "children"]);
     return (React.createElement(motion.div, __assign({}, props, { initial: { right: -100 }, animate: { right: 15 }, transition: {
             // duration: duration as any,
             type: "spring",
@@ -12,7 +12,7 @@ var ErrorPop = function (_a) {
         } }), children));
 };
 var Pop = function (_a) {
-    var _b = _a.duration, children = _a.children, props = __rest(_a, ["duration", "children"]);
+    _a.duration; var children = _a.children, props = __rest(_a, ["duration", "children"]);
     return (React.createElement(motion.div, __assign({}, props, { initial: { scale: 0.8 }, animate: { scale: 1 }, transition: {
             // duration,
             type: "spring",
@@ -37,3 +37,4 @@ var FadeIn = function (_a) {
 };
 
 export { CardPop, ErrorPop, FadeIn, Pop };
+//# sourceMappingURL=Motion.js.map

package/build/components/Motion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Motion.js","sources":["../../src/components/Motion.tsx"],"sourcesContent":["import React from \"react\";\nimport { motion } from \"framer-motion\";\n\n/********************************************************************************\n *  Error Pop\n *******************************************************************************/\n\ntype ErrorPopProps = {\n  duration?: number;\n};\n\nexport const ErrorPop: React.FC<ErrorPopProps> = ({\n  duration = 0.2,\n  children,\n  ...props\n}) => {\n  return (\n    <motion.div\n      {...props}\n      initial={{ right: -100 }}\n      animate={{ right: 15 }}\n      transition={{\n        // duration: duration as any,\n        type: \"spring\",\n        stiffness: 400,\n        damping: 20,\n      }}\n    >\n      {children}\n    </motion.div>\n  );\n};\n\n/********************************************************************************\n *  Pop\n *******************************************************************************/\n\ntype PopProps = {\n  duration?: number;\n};\n\nexport const Pop: React.FC<PopProps> = ({\n  duration = 0.2,\n  children,\n  ...props\n}) => {\n  return (\n    <motion.div\n      {...props}\n      initial={{ scale: 0.8 }}\n      animate={{ scale: 1 }}\n      transition={{\n        // duration,\n        type: \"spring\",\n        stiffness: 260,\n        damping: 20,\n      }}\n    >\n      {children}\n    </motion.div>\n  );\n};\n\n/********************************************************************************\n *  Card Pop\n *******************************************************************************/\n\ntype CardPopProps = {\n  duration?: number;\n};\n\nexport const CardPop: React.FC<CardPopProps> = ({\n  duration = 0.2,\n  children,\n  ...props\n}) => {\n  return (\n    <motion.div\n      {...props}\n      initial={{ scale: 0.9, opacity: 0 }}\n      animate={{ scale: 1, opacity: 1 }}\n      transition={{\n        duration,\n        // type: 'spring',\n        stiffness: 260,\n        damping: 20,\n      }}\n    >\n      {children}\n    </motion.div>\n  );\n};\n\n/********************************************************************************\n *  Fade In\n *******************************************************************************/\n\ntype FadeInProps = {\n  duration?: number;\n};\n\nexport const FadeIn: React.FC<FadeInProps> = ({\n  duration = 0.2,\n  children,\n  ...props\n}) => {\n  return (\n    <motion.div\n      {...props}\n      initial={{ opacity: 0 }}\n      animate={{ opacity: 1 }}\n      transition={{\n        duration,\n      }}\n    >\n      {children}\n    </motion.div>\n  );\n};\n"],"names":[],"mappings":";;;;AAWO,IAAM,QAAQ,GAA4B,UAAC,EAIjD,EAAA;AAHC,IAAc,EAAA,CAAA,QAAA,CAAA,KACd,QAAQ,GAAA,EAAA,CAAA,QAAA,CAAA,CACL,KAAK,GAAA,MAAA,CAAA,EAAA,EAHwC,wBAIjD,EADS;IAER,QACE,KAAC,CAAA,aAAA,CAAA,MAAM,CAAC,GAAG,EACL,QAAA,CAAA,EAAA,EAAA,KAAK,EACT,EAAA,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,GAAG,EAAE,EACxB,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EACtB,UAAU,EAAE;;AAEV,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,SAAS,EAAE,GAAG;AACd,YAAA,OAAO,EAAE,EAAE;SACZ,EAEA,CAAA,EAAA,QAAQ,CACE,EACb;AACJ,EAAE;AAUK,IAAM,GAAG,GAAuB,UAAC,EAIvC,EAAA;AAHC,IAAc,EAAA,CAAA,QAAA,CAAA,KACd,QAAQ,GAAA,EAAA,CAAA,QAAA,CAAA,CACL,KAAK,GAAA,MAAA,CAAA,EAAA,EAH8B,wBAIvC,EADS;IAER,QACE,KAAC,CAAA,aAAA,CAAA,MAAM,CAAC,GAAG,eACL,KAAK,EAAA,EACT,OAAO,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EACvB,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,EACrB,UAAU,EAAE;;AAEV,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,SAAS,EAAE,GAAG;AACd,YAAA,OAAO,EAAE,EAAE;SACZ,EAEA,CAAA,EAAA,QAAQ,CACE,EACb;AACJ,EAAE;AAUK,IAAM,OAAO,GAA2B,UAAC,EAI/C,EAAA;AAHC,IAAA,IAAA,EAAc,GAAA,EAAA,CAAA,QAAA,EAAd,QAAQ,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,GAAG,GAAA,EAAA,EACd,QAAQ,GAAA,EAAA,CAAA,QAAA,EACL,KAAK,GAAA,MAAA,CAAA,EAAA,EAHsC,wBAI/C,CADS,CAAA;AAER,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,GAAG,EACL,QAAA,CAAA,EAAA,EAAA,KAAK,EACT,EAAA,OAAO,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE,EACnC,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EACjC,UAAU,EAAE;AACV,YAAA,QAAQ,EAAA,QAAA;;AAER,YAAA,SAAS,EAAE,GAAG;AACd,YAAA,OAAO,EAAE,EAAE;SACZ,EAEA,CAAA,EAAA,QAAQ,CACE,EACb;AACJ,EAAE;AAUK,IAAM,MAAM,GAA0B,UAAC,EAI7C,EAAA;AAHC,IAAA,IAAA,EAAc,GAAA,EAAA,CAAA,QAAA,EAAd,QAAQ,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,GAAG,GAAA,EAAA,EACd,QAAQ,GAAA,EAAA,CAAA,QAAA,EACL,KAAK,GAAA,MAAA,CAAA,EAAA,EAHoC,wBAI7C,CADS,CAAA;IAER,QACE,KAAC,CAAA,aAAA,CAAA,MAAM,CAAC,GAAG,eACL,KAAK,EAAA,EACT,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACvB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACvB,UAAU,EAAE;AACV,YAAA,QAAQ,EAAA,QAAA;SACT,EAEA,CAAA,EAAA,QAAQ,CACE,EACb;AACJ;;;;"}

package/build/components/PhoneNumberInput.js

@@ -1,12 +1,12 @@
-import { Colors } from '../Colors.js';
 import { __makeTemplateObject } from '../_virtual/_tslib.js';
 import React from 'react';
 import styled from 'styled-components';
-import Label from './Label.js';
-import ValidationError from './ValidationError.js';
-import { useMobileMedia } from '../utils/MediaQuery.js';
 import PhoneInput from 'react-phone-input-2';
 import 'react-phone-input-2/lib/semantic-ui.css';
+import { Colors } from '../Colors.js';
+import ValidationError from './ValidationError.js';
+import { useMobileMedia } from '../utils/MediaQuery.js';
+import Label from './Label.js';
 
 var PhoneNumberInputSizes;
 (function (PhoneNumberInputSizes) {
@@ -38,5 +38,5 @@ var PhoneNumberInput = function (_a) {
 };
 var templateObject_1, templateObject_2;
 
-export default PhoneNumberInput;
-export { PhoneNumberInputSizes };
+export { PhoneNumberInputSizes, PhoneNumberInput as default };
+//# sourceMappingURL=PhoneNumberInput.js.map

package/build/components/PhoneNumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneNumberInput.js","sources":["../../src/components/PhoneNumberInput.tsx"],"sourcesContent":["import React from 'react';\nimport styled from \"styled-components\";\nimport PhoneInput from 'react-phone-input-2';\nimport \"react-phone-input-2/lib/semantic-ui.css\";\nimport { Colors } from '../Colors'\nimport ValidationError from './ValidationError';\nimport { useMobileMedia } from '../utils/MediaQuery';\nimport Label from './Label';\n\nexport enum PhoneNumberInputSizes {\n  Large = \"Large\",\n  Regular = \"Regular\",\n}\n\n\ntype ContainerProps = {\n  margin?: string;\n};\n\nconst Container = styled.div<ContainerProps>`\n  margin: ${props => props.margin};\n`;\n\ntype InnerContainerProps = {\n  isMobile: boolean;\n  phoneNumberInputSize?: string;\n};\n// overwrite the preset style imports\nconst InnerContainer = styled.div<InnerContainerProps>`\n  .react-tel-input {\n    font-family: \"neue-haas-grotesk-display\", sans-serif;\n    font-size: ${props => props.isMobile ? '1.6rem' : '1.4rem'};\n    position: relative;\n    width: 100%;\n    :disabled {\n      cursor: not-allowed;\n    }\n\n    .form-control {\n      font-family: \"neue-haas-grotesk-display\", sans-serif;\n      text-indent: 15px;\n      transition: all 0.2s;\n      color: ${Colors.Grey1};\n      font-weight: 500;\n      position: relative;\n      font-size: ${props => props.isMobile ? '1.6rem' : '1.4rem'};\n      margin-top: 0 !important;\n      margin-bottom: 0 !important;\n      margin-left: 50px;\n      padding-left: 0;\n      background: ${Colors.White};\n      border: 1px solid ${Colors.Grey5};\n      border-radius: 0px 10px 10px 0px;\n      height: ${(props) => props.phoneNumberInputSize === PhoneNumberInputSizes.Regular ? '38px' : '48px'};\n      width: calc(100% - 50px);\n      z-index: 1;\n      outline: none;\n      &:hover {\n        border: 1px solid ${Colors.Grey5};\n      }\n      &.invalid-number {\n        border: 1px solid ${Colors.Grey5};\n        background-color: ${Colors.White};\n        border-left-color: ${Colors.Grey5};\n        &:focus {\n          border: 1px solid ${Colors.Grey4};\n          border-left-color: ${Colors.Grey5};\n          background-color: ${Colors.White};\n        }\n      }\n      &.open {\n        border-color: ${Colors.Grey5};\n        border-radius: 0px 10px 0 0;\n        /* border-bottom: none; */\n        box-shadow: none;\n      }\n      ::placeholder {\n        color: ${Colors.Grey4};\n      }\n      &:focus {\n        border: 1px solid ${Colors.Grey4};\n      }\n    }\n\n    .flag-dropdown {\n      outline: none;\n      position: absolute;\n      width: 100%;\n      top: 0;\n      bottom: 0;\n      padding: 0;\n      background-color: ${Colors.Grey6};\n      border: 1px solid ${Colors.Grey5};\n      border-radius: 10px;\n      &.open {\n        background: ${Colors.Grey6};\n        border-radius: 10px 10px 0 0;\n        .selected-flag {\n          background: ${Colors.Grey6};\n          border-radius: 10px 0 0 0;\n        }\n      }\n      &:hover, &:focus {\n        cursor: pointer;\n        .selected-flag {\n          background-color: ${Colors.Grey5};\n        }\n      }\n    }\n\n    input[disabled] {\n      &+.flag-dropdown {\n        &:hover {\n          cursor: default;\n          .selected-flag {\n            background-color: transparent;\n          }\n        }\n      }\n    }\n\n    .selected-flag {\n      transition: all 0.2s;\n      background: ${Colors.Grey6};\n      position: relative;\n      width: 50px;\n      height: 100%;\n      padding: 0 0 0 10px;\n      border-radius: 10px 0 0 10px;\n      .flag {\n        position: absolute;\n        top: 50%;\n        margin-top: -5px;\n      }\n      .arrow {\n        position: relative;\n        top: 50%;\n        margin-top: -2px;\n        left: 25px;\n        width: 0;\n        height: 0;\n        border-left: 3px solid transparent;\n        border-right: 3px solid transparent;\n        border-top: 4px solid #555;\n        &.up {\n          border-top: none;\n          border-bottom: 4px solid #555;\n        }\n      }\n      &.open {\n        z-index: 2;\n      }\n    }\n\n    .country-list {\n      z-index: 2;\n      border-radius: 0 0 10px 10px;\n      border: 1px solid ${Colors.Grey5};\n      border-top: none;\n      list-style: none;\n      position: absolute;\n      padding: 0;\n      margin: 0px 0 10px -1px;\n      box-shadow: unset;\n      background-color: ${Colors.White};\n      width: calc(100% + 2px);\n      max-height: ${props => props.isMobile ? '180px' : '200px'};\n      overflow-y: scroll;\n      .flag {\n        display: inline-block;\n      }\n      .divider {\n        padding-bottom: 5px;\n        margin-bottom: 5px;\n        border-bottom: 1px solid #ccc;\n      }\n      .country {\n        padding: 7px 9px;\n        .dial-code {\n          color: #6b6b6b;\n        }\n        &:hover {\n          background-color: #f1f1f1;\n        }\n        &.highlight {\n          background-color: #f1f1f1;\n        }\n      }\n      .flag {\n        margin-right: 7px;\n        margin-top: 2px;\n      }\n      .country-name {\n        margin-right: 6px;\n      }\n      .search {\n        position: sticky;\n        top: 0;\n        background-color: #fff;\n        padding: 5px 0 6px 10px;\n      }\n      .search-emoji {\n        display: none;\n        font-size: ${props => props.isMobile ? '1.6rem' : '1.4rem'};\n      }\n      .search-box {\n        border: 1px solid #cacaca;\n        border-radius: 3px;\n        font-size: ${props => props.isMobile ? '1.6rem' : '1.4rem'};\n        line-height: 15px;\n        padding: 3px 8px 5px;\n        outline: none;\n      }\n      .no-entries-message {\n        padding: 7px 10px 11px;\n        opacity: .7;\n      }\n      &::-webkit-scrollbar { width: 12px; }\n      &::-webkit-scrollbar-track { background-color: #e6e6e6; }\n      &::-webkit-scrollbar-thumb { background-color: #c5c5c4; border-radius: 5px; }\n    }\n\n    .invalid-number-message {\n      position: absolute;\n      z-index: 1;\n      font-size: ${props => props.isMobile ? '1.6rem' : '1.4rem'};\n      left: 46px;\n      top: -8px;\n      background: #fff;\n      padding: 0 2px;\n      color: #de0000;\n    }\n  }\n`;\n\ntype PhoneNumberInputProps = {\n  value: string;\n  onChange: any;\n  onEnter?: any;\n  validationError?: string;\n  subLabel?: string;\n  tip?: string;\n  placeholder?: string;\n  label?: string;\n  phoneNumberInputSize?: string;\n  margin?: string;\n  autoFocus?: boolean;\n};\nconst PhoneNumberInput: React.FC<PhoneNumberInputProps> = ({ \n  value,\n  onChange,\n  onEnter,\n  validationError,\n  phoneNumberInputSize,\n  subLabel,\n  tip,\n  label,\n  margin,\n  autoFocus,\n}) => {\n  return (\n    <Container margin={margin}>\n      {label && <Label text={label} subText={subLabel} tip={tip} />}\n      <InnerContainer\n        isMobile={useMobileMedia()}\n        phoneNumberInputSize={phoneNumberInputSize}\n      >\n        <PhoneInput\n          country=\"us\"\n          placeholder=\"Enter your mobile phone number\"\n          preferredCountries={[\"us\", \"ca\"]}\n          value={value} //TODO: fix issue where this causes a switch to US from CA when typing, doesn't happen when not there\n          onKeyDown={(e) => {\n            // quick fix for current issue -> https://github.com/bl00mber/react-phone-input-2/issues/222\n            if ((e.which === 8 || e.which === 46) && value.length <= 1) {\n              e.preventDefault();\n            } else if (e.which === 13 && onEnter) {\n              onEnter();\n            }\n          }}\n          onChange={(value) => {\n            onChange(value);\n          }}\n          countryCodeEditable={false}\n          inputProps={{\n            autoFocus,\n          }}\n        />\n        {validationError && (\n          <ValidationError validationError={validationError} />\n        )}\n      </InnerContainer>\n    </Container>\n  );\n};\n\nexport default PhoneNumberInput;\n"],"names":[],"mappings":"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"}

package/build/components/Product.js

@@ -1,12 +1,12 @@
-import { Colors } from '../Colors.js';
 import { __makeTemplateObject } from '../_virtual/_tslib.js';
 import React, { useState, Fragment } from 'react';
 import styled from 'styled-components';
-import { lighten, darken } from 'polished';
-import Counter from './Counter.js';
+import * as Polished from 'polished';
 import AnimateHeight from 'react-animate-height';
-import { output } from '@sellout/utils/.dist/price';
-import { format } from '@sellout/utils/.dist/time';
+import { Colors } from '../Colors.js';
+import Counter from './Counter.js';
+import * as PriceUtil from '@sellout/utils/.dist/price';
+import * as Time from '@sellout/utils/.dist/time';
 
 var Row = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  justify-content: ", ";\n"], ["\n  display: flex;\n  flex-direction: row;\n  justify-content: ", ";\n"])), function (props) { return props.justify; });
 var Column = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-direction: column;\n"])));
@@ -18,7 +18,7 @@ var Description = styled.div(templateObject_7 || (templateObject_7 = __makeTempl
 var Tag = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  font-size: 1.8rem;\n  color: ", ";\n  font-weight: 600;\n  margin-bottom: 5px;\n"], ["\n  font-size: 1.8rem;\n  color: ", ";\n  font-weight: 600;\n  margin-bottom: 5px;\n"])), Colors.Orange);
 var Ellipsis = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: -webkit-box;\n  -webkit-line-clamp: ", ";\n  -webkit-box-orient: ", ";\n  overflow: hidden;\n  text-overflow: ellipsis;\n"], ["\n  display: -webkit-box;\n  -webkit-line-clamp: ", ";\n  -webkit-box-orient: ", ";\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])), function (props) { return props.active ? 3 : null; }, function (props) { return props.active ? 'vertical' : null; });
 var ShowMore = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  font-size: 1.2rem;\n  font-weight: 500;\n  line-height: 160%;\n  color: ", ";\n  transition: all 0.2s;\n"], ["\n  font-size: 1.2rem;\n  font-weight: 500;\n  line-height: 160%;\n  color: ", ";\n  transition: all 0.2s;\n"])), Colors.Orange);
-var ShowMoreInner = styled.span(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  &:hover {\n    cursor: pointer;\n    color: ", ";\n  }\n\n  &:active {\n    color: ", ";\n  }\n"], ["\n  &:hover {\n    cursor: pointer;\n    color: ", ";\n  }\n\n  &:active {\n    color: ", ";\n  }\n"])), lighten(0.025, Colors.Orange), darken(0.025, Colors.Orange));
+var ShowMoreInner = styled.span(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  &:hover {\n    cursor: pointer;\n    color: ", ";\n  }\n\n  &:active {\n    color: ", ";\n  }\n"], ["\n  &:hover {\n    cursor: pointer;\n    color: ", ";\n  }\n\n  &:active {\n    color: ", ";\n  }\n"])), Polished.lighten(0.025, Colors.Orange), Polished.darken(0.025, Colors.Orange));
 var DateText = styled.span(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  font-size: 1.2rem;\n  font-weight: 500;\n  color: ", ";\n  margin-bottom: 5px;\n  padding-right: 5px;\n"], ["\n  font-size: 1.2rem;\n  font-weight: 500;\n  color: ", ";\n  margin-bottom: 5px;\n  padding-right: 5px;\n"])), Colors.Grey2);
 function Product(_a) {
     var _b = _a.title, title = _b === void 0 ? '' : _b, _c = _a.price, price = _c === void 0 ? 0 : _c, _d = _a.subtitle, subtitle = _d === void 0 ? '' : _d, _e = _a.description, description = _e === void 0 ? '' : _e, _f = _a.isRSVP, isRSVP = _f === void 0 ? false : _f, 
@@ -40,10 +40,10 @@ function Product(_a) {
                 React.createElement(Title, null, title),
                 isMultiDaysEvent && React.createElement("div", null, eventDays && eventDays.length > 0 && (eventDays === null || eventDays === void 0 ? void 0 : eventDays.map(function (day, i) {
                     return (React.createElement(DateText, { key: i },
-                        format(day, "MMM Do", timeZone),
+                        Time.format(day, "MMM Do", timeZone),
                         eventDays.length !== i + 1 && ","));
                 }))),
-                isRSVP ? ((output(price, true) === "0.00" || 0) ? React.createElement(Price, null, "RSVP") : React.createElement(Price, null, "$" + output(price, true) + " (Ticket value)")) : React.createElement(Price, null, "$" + output(price, true))),
+                isRSVP ? ((PriceUtil.output(price, true) === "0.00" || 0) ? React.createElement(Price, null, "RSVP") : React.createElement(Price, null, "$" + PriceUtil.output(price, true) + " (Ticket value)")) : React.createElement(Price, null, "$" + PriceUtil.output(price, true))),
             remainingQty > 0 ? React.createElement(Counter, { value: value, minValue: minValue, maxValue: maxValue, onIncrement: onIncrement, onDecrement: onDecrement }) : React.createElement(Tag, null, " Sold out")),
         React.createElement(Row, null, subtitle && React.createElement(Subtitle, null, subtitle)),
         (function () {
@@ -59,4 +59,5 @@ function Product(_a) {
 }
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12;
 
-export default Product;
+export { Product as default };
+//# sourceMappingURL=Product.js.map

package/build/components/Product.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Product.js","sources":["../../src/components/Product.tsx"],"sourcesContent":["import React, { Fragment, useState } from \"react\";\nimport styled from \"styled-components\";\nimport * as Polished from \"polished\";\nimport AnimateHeight from \"react-animate-height\";\nimport { Colors } from \"../Colors\";\nimport Counter, { CounterProps } from './Counter';\nimport * as PriceUtil from '@sellout/utils/.dist/price';\nimport * as Time from '@sellout/utils/.dist/time';\n// import Icon from \"./Icon\";\n\ntype RowProps = {\n  justify?: string;\n};\n\nconst Row = styled.div<RowProps>`\n  display: flex;\n  flex-direction: row;\n  justify-content: ${props => props.justify};\n`;\n\nconst Column = styled.div`\n  display: flex;\n  flex-direction: column;\n`;\n\nconst Container = styled.div`\n  background-color: ${Colors.White};\n  margin: 0 24px;\n  padding: 24px 0;\n  border-bottom: 1px solid ${Colors.Grey6};\n`;\n\nconst Title = styled.div`\n  font-size: 1.8rem;\n  color: ${Colors.Grey1};\n  font-weight: 600;\n  margin-bottom: 5px;\n`;\n\nconst Price = styled.div`\n  font-size: 1.6rem;\n  font-weight: 500;\n  color: ${Colors.Grey2};\n  margin:5px 0;\n`;\n\nconst Subtitle = styled.div`\n  font-size: 1.2rem;\n  font-weight: 500;\n  line-height: 160%;\n  color: ${Colors.Grey3};\n`;\n\nconst Description = styled.div`\n  font-size: 1.2rem;\n  font-weight: 500;\n  line-height: 160%;\n  color: ${Colors.Grey2};\n  margin-top: 5px;\n`;\n\nconst Tag = styled.div`\n  font-size: 1.8rem;\n  color: ${Colors.Orange};\n  font-weight: 600;\n  margin-bottom: 5px;\n`;\n\ntype EllipsisProps = {\n  active: boolean\n};\n\nconst Ellipsis = styled.div<EllipsisProps>`\n  display: -webkit-box;\n  -webkit-line-clamp: ${props => props.active ? 3 : null};\n  -webkit-box-orient: ${props => props.active ? 'vertical' : null};\n  overflow: hidden;\n  text-overflow: ellipsis;\n`;\n\nconst ShowMore = styled.div`\n  font-size: 1.2rem;\n  font-weight: 500;\n  line-height: 160%;\n  color: ${Colors.Orange};\n  transition: all 0.2s;\n`;\n\n\nconst ShowMoreInner = styled.span`\n  &:hover {\n    cursor: pointer;\n    color: ${Polished.lighten(0.025, Colors.Orange)};\n  }\n\n  &:active {\n    color: ${Polished.darken(0.025, Colors.Orange)};\n  }\n`;\n\nconst DateText = styled.span`\n  font-size: 1.2rem;\n  font-weight: 500;\n  color: ${Colors.Grey2};\n  margin-bottom: 5px;\n  padding-right: 5px;\n`;\n\nexport type ProductProps = {\n  title: string;\n  price: number;\n  isRSVP?: boolean;\n  subtitle?: string;\n  description?: string;\n  imageUrl?: string;\n  eventDays?: string[];\n  isMultiDaysEvent?: boolean;\n  timeZone?:string;\n  remainingQty?: number;\n} & CounterProps\n\nexport default function Product({\n  title = '',\n  price = 0,\n  subtitle = '',\n  description = '',\n  isRSVP = false,\n  // Counter Props\n  value,\n  minValue,\n  maxValue,\n  onIncrement,\n  onDecrement,\n  eventDays,\n  isMultiDaysEvent,\n  timeZone,\n  remainingQty=0\n}: ProductProps) {\n  const [showMore, setShowMore] = useState(false);\n  const [showEllipsis, setShowEllipsis] = useState(true);\n\n  let descModified = description;\n  if (descModified.length > 210 && !showMore) {\n    descModified = descModified.substring(0, 210) + '...';\n  }\n\n  const toggle = () => {\n    setShowEllipsis(!showEllipsis);\n    setShowMore(!showMore)\n  }\n\n  return (\n    <Container>\n      <Row justify=\"space-between\">\n        <Column>\n          <Title>{title}</Title>\n          {isMultiDaysEvent && <div>{eventDays && eventDays.length > 0 && eventDays?.map((day: any,i) => {\n            return (<DateText key={i}>{Time.format(\n              day,\n              \"MMM Do\",\n              timeZone\n            )}{eventDays.length !== i+1 && \",\"}</DateText>)\n          })}</div>}\n          {isRSVP ? ((PriceUtil.output(price, true) === \"0.00\" || 0) ? <Price>{\"RSVP\"}</Price> : <Price>{`$${PriceUtil.output(price, true)}` + \" (Ticket value)\"}</Price>) : <Price>{`$${PriceUtil.output(price, true)}`}</Price>}\n        </Column>\n\n        {remainingQty > 0 ? <Counter\n          value={value}\n          minValue={minValue}\n          maxValue={maxValue}\n          onIncrement={onIncrement}\n          onDecrement={onDecrement}\n        /> : <Tag> Sold out</Tag>}\n      </Row>\n      <Row>{subtitle && <Subtitle>{subtitle}</Subtitle>}</Row>\n      {(() => {\n        if (!description) return;\n\n        return (\n          <Fragment>\n            <AnimateHeight height=\"auto\">\n              <Ellipsis active={showEllipsis}>\n                <Description>{description}</Description>\n              </Ellipsis>\n            </AnimateHeight>\n            <ShowMore >\n              <ShowMoreInner onClick={() => toggle()}>\n                {showMore ? \"Show Less\" : \"Show More\"}\n              </ShowMoreInner>\n            </ShowMore>\n          </Fragment>\n        );\n      })()}\n    </Container>\n  );\n}\n"],"names":[],"mappings":"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"}

package/build/components/SearchDropdown.js

@@ -1,7 +1,7 @@
-import { Colors } from '../Colors.js';
 import { __makeTemplateObject } from '../_virtual/_tslib.js';
 import React from 'react';
 import styled from 'styled-components';
+import { Colors } from '../Colors.js';
 import { IconEnum } from './Icons.js';
 import Icon from './Icon.js';
 import Label from './Label.js';
@@ -69,5 +69,5 @@ function SearchDropdown(_a) {
 }
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
 
-export default SearchDropdown;
-export { SearchDropdownTypes };
+export { SearchDropdownTypes, SearchDropdown as default };
+//# sourceMappingURL=SearchDropdown.js.map

package/build/components/SearchDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchDropdown.js","sources":["../../src/components/SearchDropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport { Colors } from \"../Colors\";\nimport { IconEnum } from \"./Icons\";\nimport Icon from \"./Icon\";\nimport Label from './Label';\n\ntype ContainerProps = {\n  hasLabel: boolean;\n}\n\ninterface ISearchDropdownItem {\n  text: string;\n  value: any;\n}\n\n\nconst Container = styled.div<ContainerProps>`\n  position: relative;\n  height: ${(props) => (props.hasLabel ? \"65px\" : \"40px\")};\n`;\n\ntype InnerProps = {\n  open: boolean;\n  width: string;\n};\n\nconst Inner = styled.div<InnerProps>`\n  position: absolute;\n  height: ${(props) => (props.open ? \"187px\" : \"38px\")};\n  width: ${(props) => props.width};\n  background-color: ${Colors.White};\n  border: 1px solid ${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 => props.open ? '0px 4px 16px rgba(0, 0, 0, 0.05)' : ''};\n  overflow: hidden;\n\n  &:focus, &:active {\n    /* border: 0px; */\n    outline: 0px;\n  }\n`;\n\nconst TopRow = styled.div`\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: ${Colors.White};\n`;\n\nconst Input = styled.input`\n  font-size: 1.4rem;\n  font-weight: 500;\n  color: ${Colors.Grey1};\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: ${Colors.Grey4};\n  }\n`;\n\nexport type ItemsContainerProps = {\n  footer: boolean;\n};\n\nconst ItemsContainer = styled.div<ItemsContainerProps>`\n  position: relative;\n  max-height: ${props => props.footer ? '108px' : '158px'};\n  overflow: scroll;\n\n`;\n\nconst NoItems = styled.div`\n  font-size: 1.2rem;\n  font-weight: 500;\n  color: ${Colors.Grey3};\n  height: 30px;\n  padding: 0 16px;\n  display: flex;\n  align-items: center;\n`;\n\nexport type ItemProps = {\n  selected: boolean;\n}\n\nconst Item = styled.div<ItemProps>`\n  position: relative;\n  display: flex;\n  align-items: center;\n  height: 30px;\n  padding: 0 16px;\n  background-color: ${(props) =>\n    props.selected ? Colors.Grey7 : Colors.White};\n  font-size: 1.2rem;\n  color: ${Colors.Grey1};\n  transition: all 0.2s;\n  z-index: 100;\n\n  &:hover {\n    cursor: pointer;\n    background-color: ${Colors.Grey7};\n  }\n`;\n\nconst Footer = styled.div`\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 ${Colors.Grey7};\n  width: fill-available;\n`;\n\nexport enum SearchDropdownTypes {\n  MultiSelect = 'Multi-Select',\n  SingleSelect = 'Single-Select',\n};\n\nexport type SearchDropdownProps = {\n  type?: SearchDropdownTypes;\n  value?: string;\n  onChange: Function;\n  placeholder?: string;\n  width?: string;\n  searchQuery?: string;\n  setSearchQuery?: (value: string) => void;\n  items: ISearchDropdownItem[];\n  footer?: React.ReactNode;\n  onClear?: () => void;\n  label?: string;\n  tip?: string;\n  subLabel?: string;\n  icon?: any;\n};\n\nexport default function SearchDropdown({\n  type = SearchDropdownTypes.SingleSelect,\n  value,\n  onChange,\n  placeholder,\n  width = '400px',\n  searchQuery,\n  setSearchQuery,\n  items,\n  footer,\n  onClear,\n  label,\n  tip,\n  subLabel,\n  icon = IconEnum.SearchLight,\n}: SearchDropdownProps) {\n  const [open, setOpen] = React.useState(false);\n\n  return (\n    <Container hasLabel={Boolean(label)}>\n      {label && <Label text={label} tip={tip} subText={subLabel} />}\n      <Inner\n        tabIndex={1}\n        open={open}\n        width={width}\n        onFocus={() => setOpen(true)}\n        onBlur={() => setOpen(false)}\n      >\n        <TopRow>\n          <Icon icon={icon} size={14} color={Colors.Grey4} />\n          <Input\n            placeholder={placeholder}\n            value={(() => {\n              switch (type) {\n                case SearchDropdownTypes.SingleSelect:\n                  if (open) return searchQuery ?? \"\";\n                  else {\n                    const itemValue = items.find((item) => item.value === value)?.text;\n                    if (itemValue) return itemValue;\n                    else if (Boolean(value)) return 'Loading...';\n                    else return '';\n                  }\n\n                case SearchDropdownTypes.MultiSelect:\n                  if (open) return searchQuery ?? \"\";\n                  else return \"\";\n              }\n            })()}\n            onChange={(e) => {\n              if (open && setSearchQuery) {\n                setSearchQuery(e.target.value);\n              }\n            }}\n          />\n          {onClear && value && <Icon icon={IconEnum.CancelCircle} size={14} color={Colors.Grey5} onClick={() => onClear()} />}\n        </TopRow>\n        <ItemsContainer footer={Boolean(footer)}>\n          {items &&\n            items?.map((item) => {\n              return (\n                <Item\n                  key={item.value}\n                  selected={item.value === value}\n                  onClick={() => {\n                    setOpen(false);\n                    onChange(item.value);\n                  }}\n                >\n                  {item.text}\n                </Item>\n              );\n            })}\n          {!items || (!items.length && <NoItems>No results found...</NoItems>)}\n        </ItemsContainer>\n        {footer && <Footer>{footer}</Footer>}\n      </Inner>\n    </Container>\n  );\n};"],"names":[],"mappings":"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"}

package/build/components/TextButton.js

@@ -1,7 +1,7 @@
-import { Colors } from '../Colors.js';
 import { __makeTemplateObject } from '../_virtual/_tslib.js';
 import React from 'react';
 import styled from 'styled-components';
+import { Colors } from '../Colors.js';
 import Icon from './Icon.js';
 
 var TextButtonSizes;
@@ -45,5 +45,5 @@ var TextButton = function (_a) {
 };
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 
-export default TextButton;
-export { TextButtonSizes };
+export { TextButtonSizes, TextButton as default };
+//# sourceMappingURL=TextButton.js.map

package/build/components/TextButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButton.js","sources":["../../src/components/TextButton.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport { Colors } from '../Colors';\nimport Icon from './Icon';\n\nexport enum TextButtonSizes {\n  Large = \"Large\",\n  Regular = \"Regular\",\n  Small = \"Small\",\n}\n\ntype ContainerProps = {\n  margin?: string;\n};\n\nconst Container = styled.div<ContainerProps>`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin: ${(props) => props.margin};\n`;\n\ntype TextProps = {\n  size: TextButtonSizes;\n  color: Colors;\n};\n\nconst Text = styled.div<TextProps>`\n  font-size: ${(props) => {\n    if (props.size === TextButtonSizes.Large) return \"1.8rem\";\n    if (props.size === TextButtonSizes.Regular) return \"1.4rem\";\n    if (props.size === TextButtonSizes.Small) return \"1.2rem\";\n    return \"1.4rem\";\n  }};\n  color: ${props => props.color};\n  text-decoration: underline;\n  cursor: pointer;\n  font-weight: 500;\n  &:hover {\n    text-decoration: none;\n  }\n`;\n\nconst TextWithoutLink = styled.span`\n  padding-right: 2px;\n`;\n\nconst InnerContainer = styled.div`\n  display: flex;\n  align-items: center;\n}`;\n\ntype TextButtonProps = {\n  children: string | React.ReactNode;\n  size?: TextButtonSizes;\n  onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n  margin?: string;\n  icon?: any;\n  iconRotation?: number;\n  color?: Colors;\n  textWithoutLink?:string| React.ReactNode;\n};\n\nconst TextButton: React.FC<TextButtonProps> = ({\n  children,\n  size = TextButtonSizes.Regular,\n  onClick,\n  margin,\n  icon,\n  iconRotation,\n  color = Colors.Orange,\n  textWithoutLink,\n}) => {\n\n  const iconSize = (() => {\n    if (size === TextButtonSizes.Large) {\n      return 14;\n    }\n    if (size === TextButtonSizes.Regular) {\n      return 12;\n    }\n    if (size === TextButtonSizes.Small) {\n      return 10;\n    }\n    return 12;\n  })();\n\n  return (\n    <Container margin={margin}>\n      <InnerContainer onClick={onClick ? onClick : () => { }}>\n        {icon && (\n          <Icon\n            icon={icon}\n            size={iconSize}\n            color={color}\n            margin=\"0 7px 0 0\"\n            rotation={iconRotation}\n          />\n        )}\n        <TextWithoutLink>{textWithoutLink}</TextWithoutLink>\n        <Text size={size} color={color}>\n          {children}\n        </Text>\n      </InnerContainer>\n    </Container>\n  );\n};\n\nexport default TextButton;\n"],"names":[],"mappings":"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"}

package/build/components/Tip.js

@@ -1,7 +1,7 @@
-import { Colors } from '../Colors.js';
 import { __makeTemplateObject } from '../_virtual/_tslib.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; });
@@ -15,4 +15,5 @@ var Tip = function (_a) {
 };
 var templateObject_1;
 
-export default Tip;
+export { Tip as default };
+//# sourceMappingURL=Tip.js.map

package/build/components/Tip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tip.js","sources":["../../src/components/Tip.tsx"],"sourcesContent":["import React, { useLayoutEffect } from \"react\";\nimport styled from \"styled-components\";\nimport { Colors } from \"../Colors\";\nimport Icon, { Icons } from './Icon';\n// import ReactTooltip from \"react-tooltip\";\n\ntype ContainerProps = {\n  margin?: string;\n};\n\nconst Container = styled.div<ContainerProps>`\n  margin: ${(props) => props.margin};\n`;\n\ntype TipProps = {\n  tip?: string;\n  margin?: string;\n};\n\nconst Tip: React.FC<TipProps> = ({\n  tip,\n  margin,\n}) => {\n  useLayoutEffect(() => {\n    // ReactTooltip.rebuild();\n  }, []);\n  return (\n    <Container margin={margin} data-tip={tip}>\n      <Icon icon={Icons.InfotipSolid} color={Colors.Grey4} size={12} />\n    </Container>\n  );\n};\n\nexport default Tip;\n"],"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/components/UserImage.js

@@ -1,7 +1,7 @@
-import { Colors } from '../Colors.js';
 import { __makeTemplateObject } from '../_virtual/_tslib.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: ",
@@ -34,4 +34,5 @@ var UserImage = function (_a) {
 };
 var templateObject_1;
 
-export default UserImage;
+export { UserImage as default };
+//# sourceMappingURL=UserImage.js.map

package/build/components/UserImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserImage.js","sources":["../../src/components/UserImage.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { Colors } from \"../Colors\";\nimport Icon, { Icons } from './Icon';\n\ntype ImageProps = {\n  src?: string;\n  height?: string;\n  margin?: string;\n  circle?: boolean;\n  invert?: boolean;\n  size?: string;\n};\nconst UserImageDiv = styled.div<ImageProps>`\n  background-color: ${props => {\n    if(props.src) {\n      if(props.invert) {\n        return Colors.Grey6;\n      } else {\n        return Colors.Grey6;\n      }\n    } else if(props.invert){\n        return Colors.White;\n    } else {\n      return Colors.Grey1;\n    }\n  }};\n  height: ${props => props.height};\n  width: ${props => props.height};\n  min-height: ${props => props.height};\n  min-width: ${props => props.height};\n  border-radius: ${props => (props.circle ? '50%' : '0')};\n  color: ${props => (props.invert ? Colors.Grey1 : Colors.White)};\n  font-size: ${props => props.size};\n  font-weight: 600;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: ${props => props.margin || '0px 10px 0px 0px'};\n  background-image: ${props => `url(${props.src})`};\n  background-position: center;\n  background-size: cover;\n`;\n\ntype PropTypes = {\n  imageUrl?: string;\n  height?: string;\n  size?: string;\n  firstName: string;\n  lastName: string;\n  margin?: string;\n  invert?: boolean;\n  circle?: boolean;\n};\nconst UserImage: React.FC<PropTypes> = ({\n  imageUrl,\n  height = '45px',\n  size = '1.8rem',\n  firstName,\n  lastName,\n  margin,\n  invert,\n  circle = true,\n}) => {\n  if (!imageUrl) {\n    let userInitials = '';\n\n    if (firstName && lastName) {\n      userInitials = `${firstName.split('')[0]}${lastName.split('')[0]}`;\n    }\n\n    return (\n      <UserImageDiv\n        height={height}\n        margin={margin}\n        invert={invert}\n        size={size}\n        circle={circle}\n      >\n        {userInitials ? userInitials : (\n          <Icon\n            icon={Icons.UserSolid}\n            color={invert ? Colors.Grey1 : Colors.White}\n            size={16}\n          />\n        )}\n      </UserImageDiv>\n    );\n  }\n\n  return (\n    <UserImageDiv\n      src={imageUrl}\n      height={height}\n      margin={margin}\n      circle={circle}\n    />\n  );\n}\n\nexport default UserImage;\n"],"names":[],"mappings":"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"}

package/build/components/UserInfo.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Details: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Name: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Email: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const Details: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const Name: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const Email: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare enum UserInfoSizeEnum {
     Regular = "Regular",
     Large = "Large"

package/build/components/UserInfo.js

@@ -1,7 +1,7 @@
-import { Colors } from '../Colors.js';
 import { __makeTemplateObject } from '../_virtual/_tslib.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"])));
@@ -34,5 +34,5 @@ var UserInfo = function (_a) {
 };
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
 
-export default UserInfo;
-export { Container, Details, Email, Name, UserInfoSizeEnum };
+export { Container, Details, Email, Name, UserInfoSizeEnum, UserInfo as default };
+//# sourceMappingURL=UserInfo.js.map

package/build/components/UserInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserInfo.js","sources":["../../src/components/UserInfo.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { Colors } from \"../Colors\";\nimport UserImage from './UserImage';\n\nexport const Container = styled.div`\n  display: flex;\n`;\n\nexport const Details = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n`;\n\nexport const Name = styled.div`\n  font-size: 1.4rem;\n  color: ${Colors.Grey1};\n  font-weight: 600;\n`;\n\nexport const Email = styled.div`\n  font-size: 1.2rem;\n  color: ${Colors.Grey2};\n`;\n\nconst PhoneNumber = styled.div`\n  font-size: 1.2rem;\n  color: ${Colors.Grey2};\n`;\n\nexport enum UserInfoSizeEnum {\n  Regular = 'Regular',\n  Large = 'Large',\n};\n\ntype UserInfoPropTypes = {\n  user?: any;\n  size?: UserInfoSizeEnum;\n  invert?: boolean;\n};\n\nconst UserInfo: React.FC<UserInfoPropTypes> = ({\n  user = {},\n  size = UserInfoSizeEnum.Regular,\n  invert = false,\n}) => {\n  const {\n    firstName,\n    lastName,\n    email,\n    phoneNumber,\n    userProfile: {\n      imageUrl = '',\n    } = {},\n  } = user;\n  const isLarge = size === UserInfoSizeEnum.Large;\n  const UserName = React.memo(() => <Name>{firstName}&nbsp;{lastName}</Name>);\n  const UserEmail = React.memo(() => <Email>{email}</Email>);\n  const UserPhoneNumber = React.memo(() => <PhoneNumber>{phoneNumber}</PhoneNumber>);\n  const height = isLarge ? '50px' : '36px';\n  return (\n    <Container>\n      <UserImage\n        imageUrl={imageUrl}\n        height={height}\n        size={isLarge ? \"1.8rem\" : \"1.4rem\"}\n        firstName={firstName}\n        lastName={lastName}\n        invert={invert}\n      />\n      <Details>\n        {firstName && lastName && <UserName />}\n        {email && <UserEmail />}\n        {isLarge && phoneNumber && <UserPhoneNumber />}\n      </Details>\n    </Container>\n  );\n}\n\nexport default UserInfo;\n\n"],"names":[],"mappings":"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"}

package/build/components/ValidationError.js

@@ -1,7 +1,7 @@
-import { Colors } from '../Colors.js';
 import { __makeTemplateObject } from '../_virtual/_tslib.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';
 
@@ -20,4 +20,5 @@ var ValidationError = function (_a) {
 };
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 
-export default ValidationError;
+export { ValidationError as default };
+//# sourceMappingURL=ValidationError.js.map

package/build/components/ValidationError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationError.js","sources":["../../src/components/ValidationError.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { Colors } from \"../Colors\";\nimport Icon, { Icons } from './Icon';\nimport { FadeIn } from './Motion';\n\nconst ValidationErrorRelative = styled.div`\n  position: relative;\n`;\n\nconst ValidationErrorAbsolute = styled.div`\n  position: absolute;\n  z-index: 700;\n  width: fit-content;\n  height: 50px;\n`;\n\nconst ValidationErrorBox = styled.div`\n  background: ${Colors.White};\n  border: 1px solid ${Colors.Grey5};\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\nconst ValidationErrorText = styled.div`\n  margin-left: 10px;\n  font-weight: 500;\n  color: ${Colors.Grey2};\n`;\n\ntype ValidationErrorProps = {\n  validationError: string;\n}\n\nconst ValidationError: React.FC<ValidationErrorProps> = ({ validationError}) => {\n  return (\n    <ValidationErrorRelative>\n      <ValidationErrorAbsolute>\n        <FadeIn>\n          <ValidationErrorBox>\n            <Icon icon={Icons.Warning} size={16} color={Colors.Yellow} />\n            <ValidationErrorText>{validationError}</ValidationErrorText>\n          </ValidationErrorBox>\n        </FadeIn>\n      </ValidationErrorAbsolute>\n    </ValidationErrorRelative>\n  );\n};\n\nexport default ValidationError;\n"],"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;AAMI,IAAA,eAAe,GAAmC,UAAC,EAAkB,EAAA;AAAhB,IAAA,IAAA,eAAe,GAAA,EAAA,CAAA,eAAA,CAAA;IACxE,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;;;;;"}