@sellout/ui 0.0.397 → 0.0.399
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/Colors.d.ts +37 -37
- package/build/components/AddressSearchDropdown.d.ts +31 -31
- package/build/components/Button.d.ts +51 -51
- package/build/components/CodeInput.d.ts +22 -22
- package/build/components/Counter.d.ts +9 -9
- package/build/components/Dropdown.d.ts +40 -40
- package/build/components/Flex.d.ts +14 -14
- package/build/components/FormattedInput.d.ts +34 -34
- package/build/components/FormattedfullInput.d.ts +32 -32
- package/build/components/Icon.d.ts +219 -219
- package/build/components/Icons.d.ts +190 -190
- package/build/components/Input.d.ts +65 -77
- package/build/components/InputOld.d.ts +23 -23
- package/build/components/Label.d.ts +16 -16
- package/build/components/Loader.d.ts +14 -14
- package/build/components/MaxLength.d.ts +8 -8
- package/build/components/Motion.d.ts +30 -30
- package/build/components/PhoneNumberInput.d.ts +36 -36
- package/build/components/Product.d.ts +35 -35
- package/build/components/SearchDropdown.d.ts +41 -41
- package/build/components/SvgIcons.d.ts +15 -15
- package/build/components/SvgRendrer.d.ts +5 -5
- package/build/components/TextButton.d.ts +21 -21
- package/build/components/Tip.d.ts +7 -7
- package/build/components/UserImage.d.ts +13 -13
- package/build/components/UserInfo.d.ts +18 -24
- package/build/components/ValidationError.d.ts +7 -7
- package/build/index.d.ts +29 -29
- package/build/node_modules/tslib/tslib.es6.js +97 -0
- package/build/node_modules/tslib/tslib.es6.js.map +1 -0
- package/build/src/Colors.js +42 -0
- package/build/src/Colors.js.map +1 -0
- package/build/{components → src/components}/AddressSearchDropdown.js +101 -99
- package/build/src/components/AddressSearchDropdown.js.map +1 -0
- package/build/src/components/Button.js +264 -0
- package/build/src/components/Button.js.map +1 -0
- package/build/src/components/CodeInput.js +98 -0
- package/build/src/components/CodeInput.js.map +1 -0
- package/build/src/components/Counter.js +27 -0
- package/build/src/components/Counter.js.map +1 -0
- package/build/src/components/Dropdown.js +53 -0
- package/build/src/components/Dropdown.js.map +1 -0
- package/build/src/components/Flex.js +13 -0
- package/build/src/components/Flex.js.map +1 -0
- package/build/src/components/FormattedInput.js +81 -0
- package/build/src/components/FormattedInput.js.map +1 -0
- package/build/{components → src/components}/FormattedfullInput.js +66 -70
- package/build/src/components/FormattedfullInput.js.map +1 -0
- package/build/src/components/Icon.js +38 -0
- package/build/src/components/Icon.js.map +1 -0
- package/build/src/components/Icons.js +200 -0
- package/build/src/components/Icons.js.map +1 -0
- package/build/src/components/Input.js +182 -0
- package/build/src/components/Input.js.map +1 -0
- package/build/src/components/Label.js +23 -0
- package/build/src/components/Label.js.map +1 -0
- package/build/src/components/Loader.js +37 -0
- package/build/src/components/Loader.js.map +1 -0
- package/build/src/components/MaxLength.js +20 -0
- package/build/src/components/MaxLength.js.map +1 -0
- package/build/src/components/Motion.js +40 -0
- package/build/src/components/Motion.js.map +1 -0
- package/build/src/components/PhoneNumberInput.js +50 -0
- package/build/src/components/PhoneNumberInput.js.map +1 -0
- package/build/src/components/Product.js +125 -0
- package/build/src/components/Product.js.map +1 -0
- package/build/{components → src/components}/SearchDropdown.js +60 -59
- package/build/src/components/SearchDropdown.js.map +1 -0
- package/build/{components → src/components}/SvgIcons.js +35 -35
- package/build/src/components/SvgIcons.js.map +1 -0
- package/build/{components → src/components}/SvgRendrer.js +14 -14
- package/build/src/components/SvgRendrer.js.map +1 -0
- package/build/src/components/TextButton.js +48 -0
- package/build/src/components/TextButton.js.map +1 -0
- package/build/src/components/Tip.js +19 -0
- package/build/src/components/Tip.js.map +1 -0
- package/build/src/components/UserImage.js +37 -0
- package/build/src/components/UserImage.js.map +1 -0
- package/build/src/components/UserInfo.js +40 -0
- package/build/src/components/UserInfo.js.map +1 -0
- package/build/src/components/ValidationError.js +27 -0
- package/build/src/components/ValidationError.js.map +1 -0
- package/build/src/index.js +33 -0
- package/build/src/utils/ErrorUtil.js +19 -0
- package/build/src/utils/ErrorUtil.js.map +1 -0
- package/build/src/utils/MediaQuery.js +66 -0
- package/build/src/utils/MediaQuery.js.map +1 -0
- package/build/src/utils/Validation.js +50 -0
- package/build/src/utils/Validation.js.map +1 -0
- package/build/src/utils/makeEventHandler.js +12 -0
- package/build/src/utils/makeEventHandler.js.map +1 -0
- package/build/utils/ErrorUtil.d.ts +1 -1
- package/build/utils/MediaQuery.d.ts +18 -18
- package/build/utils/Validation.d.ts +6 -6
- package/build/utils/makeEventHandler.d.ts +1 -1
- package/package.json +8 -6
- package/build/Colors.js.map +0 -1
- package/build/_virtual/_tslib.js.map +0 -1
- package/build/components/AddressSearchDropdown.js.map +0 -1
- package/build/components/Button.js.map +0 -1
- package/build/components/CodeInput.js.map +0 -1
- package/build/components/Counter.js.map +0 -1
- package/build/components/Dropdown.js.map +0 -1
- package/build/components/Flex.js.map +0 -1
- package/build/components/FormattedInput.js.map +0 -1
- package/build/components/FormattedfullInput.js.map +0 -1
- package/build/components/Icon.js.map +0 -1
- package/build/components/Icons.js.map +0 -1
- package/build/components/Input.js.map +0 -1
- package/build/components/Label.js.map +0 -1
- package/build/components/Loader.js.map +0 -1
- package/build/components/MaxLength.js.map +0 -1
- package/build/components/Motion.js.map +0 -1
- package/build/components/PhoneNumberInput.js.map +0 -1
- package/build/components/Product.js.map +0 -1
- package/build/components/SearchDropdown.js.map +0 -1
- package/build/components/SvgIcons.js.map +0 -1
- package/build/components/SvgRendrer.js.map +0 -1
- package/build/components/TextButton.js.map +0 -1
- package/build/components/Tip.js.map +0 -1
- package/build/components/UserImage.js.map +0 -1
- package/build/components/UserInfo.js.map +0 -1
- package/build/components/ValidationError.js.map +0 -1
- package/build/utils/ErrorUtil.js.map +0 -1
- package/build/utils/MediaQuery.js.map +0 -1
- package/build/utils/Validation.js.map +0 -1
- package/build/utils/makeEventHandler.js.map +0 -1
- /package/build/{index.js.map → src/index.js.map} +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Icons.js","sources":["../../src/components/Icons.ts"],"sourcesContent":["import { faCcAmex as Amex} from '@fortawesome/free-brands-svg-icons';\nimport { faCcDiscover as Discover} from '@fortawesome/free-brands-svg-icons';\nimport { faFacebookF as FacebookPlain} from '@fortawesome/free-brands-svg-icons';\nimport { faGoogle as Google} from '@fortawesome/free-brands-svg-icons';\nimport { faCcMastercard as Mastercard} from '@fortawesome/free-brands-svg-icons';\nimport { faCcVisa as Visa} from '@fortawesome/free-brands-svg-icons';\nimport { faAnalytics as AnalyticsLight} from '@fortawesome/pro-light-svg-icons';\nimport { faBell as BellLight} from '@fortawesome/pro-light-svg-icons';\nimport { faCashRegister as BoxOfficeLight} from '@fortawesome/pro-light-svg-icons';\nimport { faBullhorn as BullHornLight} from '@fortawesome/pro-light-svg-icons';\nimport { faCalculator as CalculatorLight} from '@fortawesome/pro-light-svg-icons';\nimport { faCalendarDay as CalendarDayLight} from '@fortawesome/pro-light-svg-icons';\nimport { faCalendarAlt as CalendarLight} from '@fortawesome/pro-light-svg-icons';\nimport { faCalendarStar as CalendarStarLight} from '@fortawesome/pro-light-svg-icons';\nimport { faTimes as CancelLight} from '@fortawesome/pro-light-svg-icons';\nimport { faShoppingCart as CartLight} from '@fortawesome/pro-light-svg-icons';\nimport { faCheck as CheckLight} from '@fortawesome/pro-light-svg-icons';\nimport { faClipboardListCheck as ClipboardLight} from '@fortawesome/pro-light-svg-icons';\nimport { faCopy as CopyLight} from '@fortawesome/pro-light-svg-icons';\nimport { faCreditCardFront as CreditCardFrontLight} from '@fortawesome/pro-light-svg-icons';\nimport { faEdit as EditLight} from '@fortawesome/pro-light-svg-icons';\nimport { faEnvelope as EnvelopeLight} from '@fortawesome/pro-light-svg-icons';\nimport { faEnvelopeOpenText as EnvelopeOpenRegular} from '@fortawesome/pro-light-svg-icons';\nimport { faFileExport as ExportLight} from '@fortawesome/pro-light-svg-icons';\nimport { faEye as EyeLight} from '@fortawesome/pro-light-svg-icons';\nimport { faFilter as FilterLight} from '@fortawesome/pro-light-svg-icons';\nimport { faGift as GiftLight} from '@fortawesome/pro-light-svg-icons';\nimport { faGlobe as GlobeLinesLight} from '@fortawesome/pro-light-svg-icons';\nimport { faQuestionCircle as HelpLight} from '@fortawesome/pro-light-svg-icons';\nimport { faHome as HomeLight} from '@fortawesome/pro-light-svg-icons';\nimport { faLink as LinkLight} from '@fortawesome/pro-light-svg-icons';\nimport { faLock as Lock} from '@fortawesome/pro-light-svg-icons';\nimport { faMapMarkerAlt as MapPinLight} from '@fortawesome/pro-light-svg-icons';\nimport { faChartBar as MetricsLight} from '@fortawesome/pro-light-svg-icons';\nimport { faMicrophoneAlt as MicrophoneLight} from '@fortawesome/pro-light-svg-icons';\nimport { faMinusCircle as MinusCircleLight} from '@fortawesome/pro-light-svg-icons';\nimport { faMobileAlt as MobileLight} from '@fortawesome/pro-light-svg-icons';\nimport { faBuilding as OrganizationLight} from '@fortawesome/pro-light-svg-icons';\nimport { faPhone as PhoneLight} from '@fortawesome/pro-light-svg-icons';\nimport { faPiggyBank as PiggyBankLight} from '@fortawesome/pro-light-svg-icons';\nimport { faPlug as PlugLight} from '@fortawesome/pro-light-svg-icons';\nimport { faPlusCircle as PlusCircleLight} from '@fortawesome/pro-light-svg-icons';\nimport { faReceipt as ReceiptLight} from '@fortawesome/pro-light-svg-icons';\nimport { faFileChartLine as ReportLight} from '@fortawesome/pro-light-svg-icons';\nimport { faBarcodeRead as Scan} from '@fortawesome/pro-light-svg-icons';\nimport { faSearch as SearchLight} from '@fortawesome/pro-light-svg-icons';\nimport { faChair as SeatingLight} from '@fortawesome/pro-light-svg-icons';\nimport { faShare as ShareLight} from '@fortawesome/pro-light-svg-icons';\nimport { faSortAlt as SortByLight} from '@fortawesome/pro-light-svg-icons';\nimport { faUsersCrown as TeamLight} from '@fortawesome/pro-light-svg-icons';\nimport { faThumbsDown as ThumbsDownLight} from '@fortawesome/pro-light-svg-icons';\nimport { faThumbsUp as ThumbsUpLight} from '@fortawesome/pro-light-svg-icons';\nimport { faUnlock as UnlockLight} from '@fortawesome/pro-light-svg-icons';\nimport { faUpload as UploadLight} from '@fortawesome/pro-light-svg-icons';\nimport { faUser as UserLight} from '@fortawesome/pro-light-svg-icons';\nimport { faUsers as UsersLight} from '@fortawesome/pro-light-svg-icons';\nimport { faLandmark as VenueLight} from '@fortawesome/pro-light-svg-icons';\nimport { faAnalytics as AnalyticsSolid} from '@fortawesome/pro-solid-svg-icons';\nimport { faCalendarStar as CalendarStarSolid} from '@fortawesome/pro-solid-svg-icons';\nimport { faCreditCardFront as CreditCardFront} from '@fortawesome/pro-solid-svg-icons';\nimport { faUsdSquare as FeeSolid} from '@fortawesome/pro-solid-svg-icons';\nimport { faKey as KeySolid} from '@fortawesome/pro-solid-svg-icons';\nimport { faLongArrowRight as LongRightArrow} from '@fortawesome/pro-solid-svg-icons';\nimport { faQuestionSquare as QuestionSquareSolid} from '@fortawesome/pro-solid-svg-icons';\nimport { faFileChartLine as ReportSolid} from '@fortawesome/pro-solid-svg-icons';\nimport { faSortAlt as SortBy} from '@fortawesome/pro-solid-svg-icons';\nimport { faUsersCrown as TeamSolid} from '@fortawesome/pro-solid-svg-icons';\nimport { faArrowAltSquareUp as UpgradeSolid} from '@fortawesome/pro-solid-svg-icons';\nimport { faAngleDown as AngleDownRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faAngleUp as AngleUpRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faUserFriends as AudienceRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faBold as BoldRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faCalculator as CalculatorRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faCalendarDay as CalendarDayRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faCheck as CheckRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faGlassCheers as Cheers} from '@fortawesome/pro-regular-svg-icons';\nimport { faClipboardList as Clipboard} from '@fortawesome/pro-regular-svg-icons';\nimport { faCrown as CrownRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faTrash as DeleteRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faDollarSign as Dollar} from '@fortawesome/pro-regular-svg-icons';\nimport { faArrowAltDown as DownArrow} from '@fortawesome/pro-regular-svg-icons';\nimport { faFileDownload as DownloadReport} from '@fortawesome/pro-regular-svg-icons';\nimport { faCode as Embed} from '@fortawesome/pro-regular-svg-icons';\nimport { faUsdSquare as FeeRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faFilter as FilterRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faFire as FireRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faGift as GiftRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faGlobe as GlobeLinesRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faGlobeAmericas as GlobeRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faChartLine as GraphGrowth} from '@fortawesome/pro-regular-svg-icons';\nimport { faItalic as ItalicRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faKey as KeyRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faArrowLeft as LeftArrowRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faChevronLeft as LeftChevronRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faLink as LinkRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faLongArrowRight as LongRightArrowRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faListOl as OListRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faPlus as PlusRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faPrint as PrintRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faFileChartLine as ReportRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faArrowRight as RightArrowRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faChevronRight as RightChevronRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faSearch as SearchRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faCog as SettingsRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faSignOut as SignOut} from '@fortawesome/pro-regular-svg-icons';\nimport { faStream as StreamRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faSync as SyncRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faTicketAlt as TicketRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faListUl as UListRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faUnderline as UnderlineRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faUnlock as UnlockRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faArrowAltUp as UpArrow} from '@fortawesome/pro-regular-svg-icons';\nimport { faMegaphone as Update} from '@fortawesome/pro-regular-svg-icons';\nimport { faArrowAltSquareUp as UpgradeRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faUsers as UsersRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faEllipsisV as VerticalEllipsisRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faExclamationTriangle as WarningRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faAngleDown as AngleDownSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faAngleUp as AngleUpSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faUserFriends as AudienceSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faArrowLeft as BackArrow} from '@fortawesome/free-solid-svg-icons';\nimport { faCashRegister as BoxOfficeSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faBullhorn as BullhornSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faCalculator as CalculatorSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faCalendarDay as CalendarDaySolid} from '@fortawesome/free-solid-svg-icons';\nimport { faCalendarWeek as CalendarWeekSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faTimes as Cancel} from '@fortawesome/free-solid-svg-icons';\nimport { faTimesCircle as CancelCircle} from '@fortawesome/free-solid-svg-icons';\nimport { faCaretDown as CaretDown} from '@fortawesome/free-solid-svg-icons';\nimport { faMoneyBill as Cash} from '@fortawesome/free-solid-svg-icons';\nimport { faCheckCircle as CheckCircle} from '@fortawesome/free-solid-svg-icons';\nimport { faUserTie as ContactSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faCopy as CopySolid} from '@fortawesome/free-solid-svg-icons';\nimport { faCreditCard as CreditCardBack} from '@fortawesome/free-solid-svg-icons';\nimport { faCrown as CrownSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faICursor as Cursor} from '@fortawesome/free-solid-svg-icons';\nimport { faTrash as DeleteSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faEnvelope as EnvelopeSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faEye as EyeSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faGlobe as GlobeLinesSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faGlobeAmericas as GlobeSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faQuestionCircle as HelpSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faHome as HomeSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faInfoCircle as InfotipSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faArrowLeft as LeftArrowSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faChevronLeft as LeftChevronSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faLock as LockSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faBars as Menu} from '@fortawesome/free-solid-svg-icons';\nimport { faChartBar as MetricsSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faMicrophoneAlt as MicrophoneSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faMobileAlt as MobileSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faBuilding as OrganizationSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faPause as PauseSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faPiggyBank as PiggyBankSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faPlug as PlugSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faPlus as Plus} from '@fortawesome/free-solid-svg-icons';\nimport { faPlusCircle as PlusCircle} from '@fortawesome/free-solid-svg-icons';\nimport { faPrint as PrintSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faReceipt as ReceiptSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faChevronCircleRight as RightChevronCircle} from '@fortawesome/free-solid-svg-icons';\nimport { faChevronRight as RightChevronSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faSearch as SearchSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faChair as SeatingSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faCog as SettingsSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faShare as ShareSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faSort as Sort} from '@fortawesome/free-solid-svg-icons';\nimport { faStar as StarSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faThumbsDown as ThumbsDownSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faThumbsUp as ThumbsUpSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faTicketAlt as TicketSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faUpload as UploadSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faUserCircle as UserCircle} from '@fortawesome/free-solid-svg-icons';\nimport { faUser as UserSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faUsers as UsersSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faLandmark as VenueSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faExclamationTriangle as Warning} from '@fortawesome/free-solid-svg-icons';\nimport { faCalendarAlt as CalendarRegular} from '@fortawesome/free-regular-svg-icons';\nimport { faComments as ChatRegular} from '@fortawesome/free-regular-svg-icons';\nimport { faClock as Clock} from '@fortawesome/free-regular-svg-icons';\nimport { faCopy as CopyRegular} from '@fortawesome/free-regular-svg-icons';\nimport { faEdit as Edit} from '@fortawesome/free-regular-svg-icons';\nimport { faEye as EyeRegular} from '@fortawesome/free-regular-svg-icons';\nimport { faEyeSlash as EyeSlashRegular} from '@fortawesome/free-regular-svg-icons';\nimport { faLifeRing as Help} from '@fortawesome/free-regular-svg-icons';\nimport { faQuestionCircle as HelpRegular} from '@fortawesome/free-regular-svg-icons';\nimport { faSadTear as SadTear} from '@fortawesome/free-regular-svg-icons';\nimport { faUser as UserRegular} from '@fortawesome/free-regular-svg-icons';\nimport { faCreditCard as CreditCardBackLight} from '@fortawesome/free-solid-svg-icons';\n\nexport const IconEnum = {\n Amex,\n Discover,\n FacebookPlain,\n Google,\n Mastercard,\n Visa,\n AnalyticsLight,\n BellLight,\n BoxOfficeLight,\n BullHornLight,\n CalculatorLight,\n CalendarDayLight,\n CalendarLight,\n CalendarStarLight,\n CancelLight,\n CartLight,\n CheckLight,\n ClipboardLight,\n CopyLight,\n CreditCardFrontLight,\n EditLight,\n EnvelopeLight,\n EnvelopeOpenRegular,\n ExportLight,\n EyeLight,\n FilterLight,\n GiftLight,\n GlobeLinesLight,\n HelpLight,\n HomeLight,\n LinkLight,\n Lock,\n MapPinLight,\n MetricsLight,\n MicrophoneLight,\n MinusCircleLight,\n MobileLight,\n OrganizationLight,\n PhoneLight,\n PiggyBankLight,\n PlugLight,\n PlusCircleLight,\n ReceiptLight,\n ReportLight,\n Scan,\n SearchLight,\n SeatingLight,\n ShareLight,\n SortByLight,\n TeamLight,\n ThumbsDownLight,\n ThumbsUpLight,\n UnlockLight,\n UploadLight,\n UserLight,\n UsersLight,\n VenueLight,\n AnalyticsSolid,\n CalendarStarSolid,\n CreditCardFront,\n FeeSolid,\n KeySolid,\n LongRightArrow,\n QuestionSquareSolid,\n ReportSolid,\n SortBy,\n TeamSolid,\n UpgradeSolid,\n AngleDownRegular,\n AngleUpRegular,\n AudienceRegular,\n BoldRegular,\n CalculatorRegular,\n CalendarDayRegular,\n CheckRegular,\n Cheers,\n Clipboard,\n CrownRegular,\n DeleteRegular,\n Dollar,\n DownArrow,\n DownloadReport,\n Embed,\n FeeRegular,\n FilterRegular,\n FireRegular,\n GiftRegular,\n GlobeLinesRegular,\n GlobeRegular,\n GraphGrowth,\n ItalicRegular,\n KeyRegular,\n LeftArrowRegular,\n LeftChevronRegular,\n LinkRegular,\n LongRightArrowRegular,\n OListRegular,\n PlusRegular,\n PrintRegular,\n ReportRegular,\n RightArrowRegular,\n RightChevronRegular,\n SearchRegular,\n SettingsRegular,\n SignOut,\n StreamRegular,\n SyncRegular,\n TicketRegular,\n UListRegular,\n UnderlineRegular,\n UnlockRegular,\n UpArrow,\n Update,\n UpgradeRegular,\n UsersRegular,\n VerticalEllipsisRegular,\n WarningRegular,\n AngleDownSolid,\n AngleUpSolid,\n AudienceSolid,\n BackArrow,\n BoxOfficeSolid,\n BullhornSolid,\n CalculatorSolid,\n CalendarDaySolid,\n CalendarWeekSolid,\n Cancel,\n CancelCircle,\n CaretDown,\n Cash,\n CheckCircle,\n ContactSolid,\n CopySolid,\n CreditCardBack,\n CrownSolid,\n Cursor,\n DeleteSolid,\n EnvelopeSolid,\n EyeSolid,\n GlobeLinesSolid,\n GlobeSolid,\n HelpSolid,\n HomeSolid,\n InfotipSolid,\n LeftArrowSolid,\n LeftChevronSolid,\n LockSolid,\n Menu,\n MetricsSolid,\n MicrophoneSolid,\n MobileSolid,\n OrganizationSolid,\n PauseSolid,\n PiggyBankSolid,\n PlugSolid,\n Plus,\n PlusCircle,\n PrintSolid,\n ReceiptSolid,\n RightChevronCircle,\n RightChevronSolid,\n SearchSolid,\n SeatingSolid,\n SettingsSolid,\n ShareSolid,\n Sort,\n StarSolid,\n ThumbsDownSolid,\n ThumbsUpSolid,\n TicketSolid,\n UploadSolid,\n UserCircle,\n UserSolid,\n UsersSolid,\n VenueSolid,\n Warning,\n CalendarRegular,\n ChatRegular,\n Clock,\n CopyRegular,\n Edit,\n EyeRegular,\n EyeSlashRegular,\n Help,\n HelpRegular,\n SadTear,\n UserRegular,\n CreditCardBackLight,\n};\n"],"names":["Amex","Discover","FacebookPlain","Google","Mastercard","Visa","AnalyticsLight","BellLight","BoxOfficeLight","BullHornLight","CalculatorLight","CalendarDayLight","CalendarLight","CalendarStarLight","CancelLight","CartLight","CheckLight","ClipboardLight","CopyLight","CreditCardFrontLight","EditLight","EnvelopeLight","EnvelopeOpenRegular","ExportLight","EyeLight","FilterLight","GiftLight","GlobeLinesLight","HelpLight","HomeLight","LinkLight","Lock","MapPinLight","MetricsLight","MicrophoneLight","MinusCircleLight","MobileLight","OrganizationLight","PhoneLight","PiggyBankLight","PlugLight","PlusCircleLight","ReceiptLight","ReportLight","Scan","SearchLight","SeatingLight","ShareLight","SortByLight","TeamLight","ThumbsDownLight","ThumbsUpLight","UnlockLight","UploadLight","UserLight","UsersLight","VenueLight","AnalyticsSolid","CalendarStarSolid","CreditCardFront","FeeSolid","KeySolid","LongRightArrow","QuestionSquareSolid","ReportSolid","SortBy","TeamSolid","UpgradeSolid","AngleDownRegular","AngleUpRegular","AudienceRegular","BoldRegular","CalculatorRegular","CalendarDayRegular","CheckRegular","Cheers","Clipboard","CrownRegular","DeleteRegular","Dollar","DownArrow","DownloadReport","Embed","FeeRegular","FilterRegular","FireRegular","GiftRegular","GlobeLinesRegular","GlobeRegular","GraphGrowth","ItalicRegular","KeyRegular","LeftArrowRegular","LeftChevronRegular","LinkRegular","LongRightArrowRegular","OListRegular","PlusRegular","PrintRegular","ReportRegular","RightArrowRegular","RightChevronRegular","SearchRegular","SettingsRegular","SignOut","StreamRegular","SyncRegular","TicketRegular","UListRegular","UnderlineRegular","UnlockRegular","UpArrow","Update","UpgradeRegular","UsersRegular","VerticalEllipsisRegular","WarningRegular","AngleDownSolid","AngleUpSolid","AudienceSolid","BackArrow","BoxOfficeSolid","BullhornSolid","CalculatorSolid","CalendarDaySolid","CalendarWeekSolid","Cancel","CancelCircle","CaretDown","Cash","CheckCircle","ContactSolid","CopySolid","CreditCardBack","CrownSolid","Cursor","DeleteSolid","EnvelopeSolid","EyeSolid","GlobeLinesSolid","GlobeSolid","HelpSolid","HomeSolid","InfotipSolid","LeftArrowSolid","LeftChevronSolid","LockSolid","Menu","MetricsSolid","MicrophoneSolid","MobileSolid","OrganizationSolid","PauseSolid","PiggyBankSolid","PlugSolid","Plus","PlusCircle","PrintSolid","ReceiptSolid","RightChevronCircle","RightChevronSolid","SearchSolid","SeatingSolid","SettingsSolid","ShareSolid","Sort","StarSolid","ThumbsDownSolid","ThumbsUpSolid","TicketSolid","UploadSolid","UserCircle","UserSolid","UsersSolid","VenueSolid","Warning","CalendarRegular","ChatRegular","Clock","CopyRegular","Edit","EyeRegular","EyeSlashRegular","Help","HelpRegular","SadTear","UserRegular","CreditCardBackLight"],"mappings":";;;;;;;AA6La,IAAA,QAAQ,GAAG;AACtB,IAAA,IAAI,EAAAA,QAAA;AACJ,IAAA,QAAQ,EAAAC,YAAA;AACR,IAAA,aAAa,EAAAC,WAAA;AACb,IAAA,MAAM,EAAAC,QAAA;AACN,IAAA,UAAU,EAAAC,cAAA;AACV,IAAA,IAAI,EAAAC,QAAA;AACJ,IAAA,cAAc,EAAAC,WAAA;AACd,IAAA,SAAS,EAAAC,MAAA;AACT,IAAA,cAAc,EAAAC,cAAA;AACd,IAAA,aAAa,EAAAC,UAAA;AACb,IAAA,eAAe,EAAAC,YAAA;AACf,IAAA,gBAAgB,EAAAC,aAAA;AAChB,IAAA,aAAa,EAAAC,aAAA;AACb,IAAA,iBAAiB,EAAAC,cAAA;AACjB,IAAA,WAAW,EAAAC,OAAA;AACX,IAAA,SAAS,EAAAC,cAAA;AACT,IAAA,UAAU,EAAAC,OAAA;AACV,IAAA,cAAc,EAAAC,oBAAA;AACd,IAAA,SAAS,EAAAC,MAAA;AACT,IAAA,oBAAoB,EAAAC,iBAAA;AACpB,IAAA,SAAS,EAAAC,MAAA;AACT,IAAA,aAAa,EAAAC,UAAA;AACb,IAAA,mBAAmB,EAAAC,kBAAA;AACnB,IAAA,WAAW,EAAAC,YAAA;AACX,IAAA,QAAQ,EAAAC,KAAA;AACR,IAAA,WAAW,EAAAC,QAAA;AACX,IAAA,SAAS,EAAAC,MAAA;AACT,IAAA,eAAe,EAAAC,OAAA;AACf,IAAA,SAAS,EAAAC,gBAAA;AACT,IAAA,SAAS,EAAAC,MAAA;AACT,IAAA,SAAS,EAAAC,MAAA;AACT,IAAA,IAAI,EAAAC,MAAA;AACJ,IAAA,WAAW,EAAAC,cAAA;AACX,IAAA,YAAY,EAAAC,UAAA;AACZ,IAAA,eAAe,EAAAC,eAAA;AACf,IAAA,gBAAgB,EAAAC,aAAA;AAChB,IAAA,WAAW,EAAAC,WAAA;AACX,IAAA,iBAAiB,EAAAC,UAAA;AACjB,IAAA,UAAU,EAAAC,OAAA;AACV,IAAA,cAAc,EAAAC,WAAA;AACd,IAAA,SAAS,EAAAC,MAAA;AACT,IAAA,eAAe,EAAAC,YAAA;AACf,IAAA,YAAY,EAAAC,SAAA;AACZ,IAAA,WAAW,EAAAC,eAAA;AACX,IAAA,IAAI,EAAAC,aAAA;AACJ,IAAA,WAAW,EAAAC,QAAA;AACX,IAAA,YAAY,EAAAC,OAAA;AACZ,IAAA,UAAU,EAAAC,OAAA;AACV,IAAA,WAAW,EAAAC,SAAA;AACX,IAAA,SAAS,EAAAC,YAAA;AACT,IAAA,eAAe,EAAAC,YAAA;AACf,IAAA,aAAa,EAAAC,UAAA;AACb,IAAA,WAAW,EAAAC,QAAA;AACX,IAAA,WAAW,EAAAC,QAAA;AACX,IAAA,SAAS,EAAAC,MAAA;AACT,IAAA,UAAU,EAAAC,OAAA;AACV,IAAA,UAAU,EAAAC,UAAA;AACV,IAAA,cAAc,EAAAC,aAAA;AACd,IAAA,iBAAiB,EAAAC,gBAAA;AACjB,IAAA,eAAe,EAAAC,mBAAA;AACf,IAAA,QAAQ,EAAAC,WAAA;AACR,IAAA,QAAQ,EAAAC,KAAA;AACR,IAAA,cAAc,EAAAC,gBAAA;AACd,IAAA,mBAAmB,EAAAC,gBAAA;AACnB,IAAA,WAAW,EAAAC,iBAAA;AACX,IAAA,MAAM,EAAAC,WAAA;AACN,IAAA,SAAS,EAAAC,cAAA;AACT,IAAA,YAAY,EAAAC,kBAAA;AACZ,IAAA,gBAAgB,EAAAC,WAAA;AAChB,IAAA,cAAc,EAAAC,SAAA;AACd,IAAA,eAAe,EAAAC,aAAA;AACf,IAAA,WAAW,EAAAC,MAAA;AACX,IAAA,iBAAiB,EAAAC,cAAA;AACjB,IAAA,kBAAkB,EAAAC,eAAA;AAClB,IAAA,YAAY,EAAAC,SAAA;AACZ,IAAA,MAAM,EAAAC,aAAA;AACN,IAAA,SAAS,EAAAC,eAAA;AACT,IAAA,YAAY,EAAAC,OAAA;AACZ,IAAA,aAAa,EAAAC,OAAA;AACb,IAAA,MAAM,EAAAC,YAAA;AACN,IAAA,SAAS,EAAAC,cAAA;AACT,IAAA,cAAc,EAAAC,cAAA;AACd,IAAA,KAAK,EAAAC,MAAA;AACL,IAAA,UAAU,EAAAC,aAAA;AACV,IAAA,aAAa,EAAAC,UAAA;AACb,IAAA,WAAW,EAAAC,MAAA;AACX,IAAA,WAAW,EAAAC,QAAA;AACX,IAAA,iBAAiB,EAAAC,SAAA;AACjB,IAAA,YAAY,EAAAC,eAAA;AACZ,IAAA,WAAW,EAAAC,WAAA;AACX,IAAA,aAAa,EAAAC,QAAA;AACb,IAAA,UAAU,EAAAC,OAAA;AACV,IAAA,gBAAgB,EAAAC,WAAA;AAChB,IAAA,kBAAkB,EAAAC,aAAA;AAClB,IAAA,WAAW,EAAAC,QAAA;AACX,IAAA,qBAAqB,EAAAC,kBAAA;AACrB,IAAA,YAAY,EAAAC,QAAA;AACZ,IAAA,WAAW,EAAAC,MAAA;AACX,IAAA,YAAY,EAAAC,OAAA;AACZ,IAAA,aAAa,EAAAC,iBAAA;AACb,IAAA,iBAAiB,EAAAC,YAAA;AACjB,IAAA,mBAAmB,EAAAC,cAAA;AACnB,IAAA,aAAa,EAAAC,UAAA;AACb,IAAA,eAAe,EAAAC,KAAA;AACf,IAAA,OAAO,EAAAC,SAAA;AACP,IAAA,aAAa,EAAAC,QAAA;AACb,IAAA,WAAW,EAAAC,MAAA;AACX,IAAA,aAAa,EAAAC,WAAA;AACb,IAAA,YAAY,EAAAC,QAAA;AACZ,IAAA,gBAAgB,EAAAC,WAAA;AAChB,IAAA,aAAa,EAAAC,UAAA;AACb,IAAA,OAAO,EAAAC,YAAA;AACP,IAAA,MAAM,EAAAC,WAAA;AACN,IAAA,cAAc,EAAAC,oBAAA;AACd,IAAA,YAAY,EAAAC,SAAA;AACZ,IAAA,uBAAuB,EAAAC,WAAA;AACvB,IAAA,cAAc,EAAAC,qBAAA;AACd,IAAA,cAAc,EAAAC,aAAA;AACd,IAAA,YAAY,EAAAC,WAAA;AACZ,IAAA,aAAa,EAAAC,eAAA;AACb,IAAA,SAAS,EAAAC,aAAA;AACT,IAAA,cAAc,EAAAC,gBAAA;AACd,IAAA,aAAa,EAAAC,YAAA;AACb,IAAA,eAAe,EAAAC,cAAA;AACf,IAAA,gBAAgB,EAAAC,eAAA;AAChB,IAAA,iBAAiB,EAAAC,cAAA;AACjB,IAAA,MAAM,EAAAC,SAAA;AACN,IAAA,YAAY,EAAAC,aAAA;AACZ,IAAA,SAAS,EAAAC,WAAA;AACT,IAAA,IAAI,EAAAC,WAAA;AACJ,IAAA,WAAW,EAAAC,aAAA;AACX,IAAA,YAAY,EAAAC,SAAA;AACZ,IAAA,SAAS,EAAAC,QAAA;AACT,IAAA,cAAc,EAAAC,YAAA;AACd,IAAA,UAAU,EAAAC,SAAA;AACV,IAAA,MAAM,EAAAC,SAAA;AACN,IAAA,WAAW,EAAAC,SAAA;AACX,IAAA,aAAa,EAAAC,YAAA;AACb,IAAA,QAAQ,EAAAC,OAAA;AACR,IAAA,eAAe,EAAAC,SAAA;AACf,IAAA,UAAU,EAAAC,iBAAA;AACV,IAAA,SAAS,EAAAC,kBAAA;AACT,IAAA,SAAS,EAAAC,QAAA;AACT,IAAA,YAAY,EAAAC,YAAA;AACZ,IAAA,cAAc,EAAAC,aAAA;AACd,IAAA,gBAAgB,EAAAC,eAAA;AAChB,IAAA,SAAS,EAAAC,QAAA;AACT,IAAA,IAAI,EAAAC,MAAA;AACJ,IAAA,YAAY,EAAAC,YAAA;AACZ,IAAA,eAAe,EAAAC,iBAAA;AACf,IAAA,WAAW,EAAAC,aAAA;AACX,IAAA,iBAAiB,EAAAC,YAAA;AACjB,IAAA,UAAU,EAAAC,OAAA;AACV,IAAA,cAAc,EAAAC,aAAA;AACd,IAAA,SAAS,EAAAC,QAAA;AACT,IAAA,IAAI,EAAAC,QAAA;AACJ,IAAA,UAAU,EAAAC,cAAA;AACV,IAAA,UAAU,EAAAC,SAAA;AACV,IAAA,YAAY,EAAAC,WAAA;AACZ,IAAA,kBAAkB,EAAAC,oBAAA;AAClB,IAAA,iBAAiB,EAAAC,gBAAA;AACjB,IAAA,WAAW,EAAAC,UAAA;AACX,IAAA,YAAY,EAAAC,SAAA;AACZ,IAAA,aAAa,EAAAC,OAAA;AACb,IAAA,UAAU,EAAAC,SAAA;AACV,IAAA,IAAI,EAAAC,MAAA;AACJ,IAAA,SAAS,EAAAC,MAAA;AACT,IAAA,eAAe,EAAAC,cAAA;AACf,IAAA,aAAa,EAAAC,YAAA;AACb,IAAA,WAAW,EAAAC,aAAA;AACX,IAAA,WAAW,EAAAC,UAAA;AACX,IAAA,UAAU,EAAAC,YAAA;AACV,IAAA,SAAS,EAAAC,QAAA;AACT,IAAA,UAAU,EAAAC,SAAA;AACV,IAAA,UAAU,EAAAC,YAAA;AACV,IAAA,OAAO,EAAAC,uBAAA;AACP,IAAA,eAAe,EAAAC,eAAA;AACf,IAAA,WAAW,EAAAC,UAAA;AACX,IAAA,KAAK,EAAAC,OAAA;AACL,IAAA,WAAW,EAAAC,QAAA;AACX,IAAA,IAAI,EAAAC,QAAA;AACJ,IAAA,UAAU,EAAAC,OAAA;AACV,IAAA,eAAe,EAAAC,UAAA;AACf,IAAA,IAAI,EAAAC,UAAA;AACJ,IAAA,WAAW,EAAAC,kBAAA;AACX,IAAA,OAAO,EAAAC,SAAA;AACP,IAAA,WAAW,EAAAC,QAAA;AACX,IAAA,mBAAmB,EAAAC,YAAA;;;;;"}
|
|
@@ -1 +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, { IconProps, 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\";\nimport SvgRenderer from \"./SvgRendrer\";\n\nexport enum InputSizes {\n Large = \"Large\",\n Regular = \"Regular\",\n CustomInputHeight=\"CustomInputHeight\"\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 validationError?: string;\n onFocusedColor?:boolean;\n disableDarkThemeBg?:boolean;\n validationDarkThemeBorderColor?: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.onFocusedColor && props.focused) return Colors.HeadingSecondary;\n if (props.focused) return Colors.Grey4;\n if (props.hovered) return Polished.darken(0.05, Colors.Grey5);\n return !props.focused && props.onFocusedColor ?Colors.SecondaryStroke :Colors.Grey5;\n }};\n\n border-color: ${(props) => (props.validationError && props.validationDarkThemeBorderColor ? Colors.ErrorRed : \"\")};\n overflow: hidden;\n background-color: ${(props) =>\n props.disabled ? `${Colors.Grey6} !important` : null};\n\n > * {\n background-color: ${(props) =>\n props.disabled && props.disableDarkThemeBg ? `${Colors.InteractiveBGSecondary} !important` : (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 ? \"0px\" : \"-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 SvgLeftContainer = styled.div`\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n padding-left: 16px;\n top: 0px;\n left: 0px;\n background-color: ${Colors.SurfaceTertiary};\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\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 backgroundColor?: string;\n textColor?: string;\n fontSize?: string;\n fontWeight?: string;\n placeholderColor?: string;\n mediaDesktopFontSize?:string;\n};\n\nexport const InputStyled = styled.input<StyledInputProps>`\n background-color: ${(props) => props.backgroundColor || Colors.White};\n color: ${(props) =>\n props.textColor || (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 if (props.inputSize === InputSizes.CustomInputHeight) return \"56px\";\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: ${(props) => props.placeholderColor || Colors.Grey4};\n }\n\n ${media.mobile`\n font-size: 1.6rem;\n `};\n\n ${media.desktop`\n font-size: ${(props) => props.mediaDesktopFontSize || \"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 | any;\n subLabel?: string;\n tip?: string;\n maxLength?: number;\n iconConditionalColor?: any;\n validationError?: string | any;\n disabled?: boolean;\n incrementButton?: boolean;\n handleIncrement?: any;\n handleDecrement?: any;\n codeApply?: string;\n discountCode?: string;\n bgColor?: string;\n labelColor?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string;\n placeholderTextColor?: string;\n marginBottam?: string;\n iconProps?: Partial<IconProps>;\n letterSpacing?: string;\n onFocusedColor?:boolean;\n svgIconName?:string;\n svgWidth?:string;\n svgHeight?:string;\n disableDarkThemeBg?:boolean;\n validationDarkThemeBorderColor?:boolean;\n mediaDesktopFontSize?:string;\n maxLengthDisabled?:boolean;\n disableValidationErrorBox?:boolean;\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 bgColor,\n labelColor,\n fontSize,\n fontFamily,\n fontWeight,\n marginBottam,\n placeholderTextColor,\n iconProps,\n letterSpacing,\n onFocusedColor,\n svgIconName,\n svgWidth,\n svgHeight,\n disableDarkThemeBg,\n validationDarkThemeBorderColor,\n mediaDesktopFontSize,\n maxLengthDisabled,\n disableValidationErrorBox\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 && (\n <Label\n text={label}\n subText={subLabel}\n labelColor={labelColor}\n fontSize={fontSize}\n fontWeight={fontWeight}\n fontFamily={fontFamily}\n marginBottam={marginBottam}\n letterSpacing={letterSpacing}\n tip={tip}\n />\n )}\n {maxLength && (\n <MaxLength value={value as string} maxLength={maxLength} maxLengthDisabled={maxLengthDisabled}/>\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 validationError={validationError}\n onFocusedColor={onFocusedColor}\n disableDarkThemeBg={disableDarkThemeBg}\n validationDarkThemeBorderColor={validationDarkThemeBorderColor}\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 {svgIconName && (\n <SvgLeftContainer>\n <SvgRenderer\n iconName={svgIconName}\n width={svgWidth}\n height={svgHeight} \n style={{ margin: '2px 0px'}}\n />\n </SvgLeftContainer>\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 backgroundColor={bgColor}\n textColor={labelColor}\n placeholderColor={placeholderTextColor}\n mediaDesktopFontSize={mediaDesktopFontSize}\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 const iconstyles = iconProps ? iconProps : {};\n return (\n <>\n {!codeApply && (\n <Icon\n icon={Icons.RightArrowRegular}\n color={canSubmit ? Colors.Orange : Colors.Grey5}\n hoverColor=\"gray\"\n size={submitIconSize}\n {...iconstyles}\n />\n )}\n {codeApply && (\n <TextContainer canSubmit={canSubmit}>\n {discountCode ? (\n <Icon icon={Icons.Cancel} color={Colors.HeadingSecondary} size={\"18\"} marginRight=\"8px\" padding=\"0px 10px\" backgroundColor={Colors.SurfaceTertiary} borderRadius=\"8px\" width=\"29px\" height=\"40px\" top=\"4px\" display=\"flex\" alignItems=\"center\" justifyContent=\"center\"/>\n ) : (\n <Icon icon={Icons.RightArrowRegular} color={Colors.HeadingSecondary} size={\"18\"} marginRight=\"8px\" padding=\"0px 10px\" backgroundColor={validationError ? Colors.ErrorRed:Colors.InteractiveBGPrimary} borderRadius=\"8px\" width=\"29px\" height=\"40px\" top=\"4px\" display=\"flex\" alignItems=\"center\" justifyContent=\"center\"/>\n )}\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={iconProps?.icon ? iconProps.icon : Icons.CancelCircle}\n color={Colors.Grey4}\n hoverColor={Colors.Grey3}\n size={iconSize}\n {...iconProps}\n />\n </RightContainer>\n </Fragment>\n );\n }\n\n return <Spacer incrementButton />;\n })()}\n </Form>\n {validationError && <ValidationError validationError={validationError} disableValidationErrorBox={disableValidationErrorBox} />}\n </Container>\n );\n}\n\nexport default React.forwardRef(Input);\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +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 height?:string\n};\n\ntype TextProps = {\n fontSize?: string;\n fontWeight?: string;\n fontFamily?: string;\n marginBottam?: string;\n letterSpacing?: string;\n};\nconst Container = styled.div<ContainerProps>`\n display: flex;\n flex-direction: row;\n align-items: center;\n margin: ${(props) => props.margin};\n height: ${(props) => props.height || \"15px\"};\n`;\n\nconst Text = styled.div<TextProps>`\n font-size: ${(props) => props.fontSize || \"1.2rem\"};\n font-weight: ${(props) => props.fontWeight || \"600\"};\n color: ${(props) => props.color || Colors.Grey1};\n //margin-right: 7px;\n font-family: ${(props) => props.fontFamily};\n margin-bottom: ${(props) => props.marginBottam};\n letter-spacing: ${(props) => props.letterSpacing};\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 labelColor?: string;\n fontSize?: string;\n fontWeight?: string;\n fontFamily?: string;\n marginBottam?: string;\n letterSpacing?: string;\n height?:string;\n};\n\nconst Label: React.FC<LabelProps> = ({\n text,\n subText,\n tip,\n labelColor,\n fontSize,\n fontWeight,\n fontFamily,\n marginBottam,\n margin = \"0 0 8px\",\n letterSpacing,\n height,\n}) => {\n return (\n <Container margin={margin} height={height}>\n <Text\n color={labelColor}\n fontSize={fontSize}\n fontWeight={fontWeight}\n fontFamily={fontFamily}\n marginBottam={marginBottam}\n letterSpacing={letterSpacing}\n >\n {text}\n {subText && <SubText> {subText}</SubText>}\n </Text>\n {tip && <Tip tip={tip} />}\n </Container>\n );\n};\n\nexport default Label;\n"],"names":[],"mappings":";;;;;;AAiBA,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAgB,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,gFAAA,EAAA,eAAA,EAAA,KAAA,CAAA,EAAA,CAAA,gFAIhC,EAAuB,eACvB,EAAiC,KAC5C,CAAA,CAAA,CAAA,EAFW,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,MAAM,CAAZ,EAAY,EACvB,UAAC,KAAK,EAAK,EAAA,OAAA,KAAK,CAAC,MAAM,IAAI,MAAM,CAAtB,EAAsB,CAC5C,CAAC;AAEF,IAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,iBAAA,EAAA,oBAAA,EAAA,cAAA,EAAA,4CAAA,EAAA,sBAAA,EAAA,uBAAA,EAAA,KAAA,CAAA,EAAA,CAAW,iBACnB,EAAqC,oBACnC,EAAoC,cAC1C,EAAsC,4CAEhC,EAA2B,sBACzB,EAA6B,uBAC5B,EAA8B,KACjD,CAPc,CAAA,CAAA,EAAA,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,QAAQ,IAAI,QAAQ,GAAA,EACnC,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,UAAU,IAAI,KAAK,GAAA,EAC1C,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,GAAA,EAEhC,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,UAAU,CAAhB,EAAgB,EACzB,UAAC,KAAK,EAAK,EAAA,OAAA,KAAK,CAAC,YAAY,GAAA,EAC5B,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,aAAa,CAAnB,EAAmB,CACjD,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;AAgBI,IAAA,KAAK,GAAyB,UAAC,EAYpC,EAAA;AAXC,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,GAAG,GAAA,EAAA,CAAA,GAAA,EACH,UAAU,gBAAA,EACV,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,cAAkB,EAAlB,MAAM,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,SAAS,KAAA,EAClB,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,MAAM,GAAA,EAAA,CAAA,MAAA,CAAA;IAEN,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,EAAC,EAAA,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAA;QACvC,KAAC,CAAA,aAAA,CAAA,IAAI,EACH,EAAA,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAAA;YAE3B,IAAI;YACJ,OAAO,IAAI,oBAAC,OAAO,EAAA,IAAA;;AAAQ,gBAAA,OAAO,CAAW,CACzC;QACN,GAAG,IAAI,KAAC,CAAA,aAAA,CAAA,GAAG,EAAC,EAAA,GAAG,EAAE,GAAG,EAAA,CAAI,CACf,EACZ;AACJ,EAAE;;;;;"}
|
|
@@ -1 +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>\n </StyledLoader>\n );\n}"],"names":[],"mappings":"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"}
|
|
@@ -1 +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 maxLengthDisabled?:boolean\n};\n\nconst MaxLength: React.FC<MaxLengthProps> = ({ value, maxLength, maxLengthDisabled }) => {\n if (maxLengthDisabled) {\n return null;\n }\n return (\n <Container isMax={value?.length === maxLength}>\n {value?.length}/{maxLength}\n </Container>\n );\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;AAQI,IAAA,SAAS,GAA6B,UAAC,EAAuC,EAAA;AAArC,IAAA,IAAA,KAAK,WAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,iBAAiB,GAAA,EAAA,CAAA,iBAAA,CAAA;AAChF,IAAA,IAAI,iBAAiB,EAAE;AACrB,QAAA,OAAO,IAAI,CAAC;AACb,KAAA;AACD,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;;;;;"}
|
|
@@ -1 +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;;;;"}
|
|
@@ -1 +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\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 disabled?: boolean;\n bgColor?: string;\n typeTextColor?: string;\n labelTextColor?: string;\n selectedflagbg?: string;\n selectedflaghover?: string;\n countryList?: string;\n countryName?: string;\n highlightColor?: string;\n searchColor?: string;\n validationError?: string;\n validationDarkThemeBorderColor?:boolean;\n\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 background-color: ${(props) =>\n props.disabled ? `${Colors.Grey6} !important` : null};\n }\n\n .form-control {\n font-family: \"neue-haas-grotesk-display\", sans-serif;\n border-color:${(props) => props.validationError && props.validationDarkThemeBorderColor ? `${Colors.ErrorRed} !important`:\"\"};\n text-indent: 15px;\n transition: all 0.2s;\n color: ${(props) => props.typeTextColor || 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: ${(props) => props.bgColor || Colors.White};\n border: 1px solid ${Colors.Grey5};\n border-radius: 0px 10px 10px 0px;\n height: ${(props) =>\n props.phoneNumberInputSize === PhoneNumberInputSizes.Regular\n ? \"38px\"\n : \"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 border-color:${(props) => props.validationError&& props.validationDarkThemeBorderColor ? Colors.ErrorRed:\"\"};\n\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:${(props) =>\n props.selectedflaghover || Colors.White};;\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: ${(props) => props.selectedflagbg || Colors.White};\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: ${(props) => props.countryList || 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: ${(props) => props.searchColor || \"#f1f1f1\"};\n }\n &.highlight {\n background-color: ${(props) => props.highlightColor || \"#fff\"};\n }\n }\n .flag {\n margin-right: 7px;\n margin-top: 2px;\n }\n .country-name {\n margin-right: 6px;\n color:${(props) => props.countryName || \"#6b6b6b\"};\n }\n .search {\n position: sticky;\n top: 0;\n background-color: ${(props) => props.searchColor || Colors.Green};\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 disabled?: boolean;\n bgColor?: string;\n labeltextColor?: string;\n typedTextColor?: string;\n selectedflagbg?: string;\n selectedflaghover?: string;\n countryList?: string;\n countryName?: string;\n highlightColor?: string;\n searchColor?: string;\n fontWeight?: string;\n fontFamily?: string;\n fontSize?: string;\n letterSpacing?: string;\n validationDarkThemeBorderColor?:boolean;\n\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 disabled = false,\n bgColor,\n labeltextColor,\n typedTextColor,\n selectedflagbg,\n countryList,\n countryName,\n highlightColor,\n selectedflaghover,\n searchColor,\n fontWeight,\n fontFamily,\n fontSize,\n letterSpacing,\n validationDarkThemeBorderColor\n}) => {\n return (\n <Container margin={margin}>\n {label && (\n <Label\n text={label}\n subText={subLabel}\n tip={tip}\n labelColor={labeltextColor}\n fontFamily={fontFamily}\n fontWeight={fontWeight}\n fontSize={fontSize}\n letterSpacing={letterSpacing}\n />\n )}\n <InnerContainer\n isMobile={useMobileMedia()}\n phoneNumberInputSize={phoneNumberInputSize}\n disabled={disabled}\n bgColor={bgColor}\n selectedflagbg={selectedflagbg}\n selectedflaghover={selectedflaghover}\n labelTextColor={labeltextColor}\n typeTextColor={typedTextColor}\n countryList={countryList}\n countryName={countryName}\n highlightColor={highlightColor}\n searchColor={searchColor}\n validationError={validationError}\n validationDarkThemeBorderColor={validationDarkThemeBorderColor}\n >\n <PhoneInput\n country=\"us\"\n disabled={disabled}\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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"}
|
|
@@ -1 +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\";\n// @ts-ignore\nimport PaymentUtil from \"@sellout/models/.dist/utils/PaymentUtil\";\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\ntype RowProps = {\n justify?: string;\n};\nexport enum TicketsEnum {\n Tickets = \"Tickets\",\n AddOns = \"AddOns\",\n}\nexport enum FeeAppliedToEnum {\n Order = \"Order\",\n Ticket = \"Ticket\",\n Upgrade = \"Upgrade\",\n AddOns = \"Add-Ons\",\n}\nexport enum AdvanceOptionsEnum {\n ShowLess = \"Show Less\",\n ShowMore = \"Show More\",\n HideFees = \"Hide Fees\",\n ShowFees = \"Show Fees\",\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 align-items: flex-start;\n justify-content: space-between;\n`;\nconst LeftWrapper = styled.div`\n display: flex;\n flex-direction: column;\n`;\n\nconst Container = styled.div`\n background-color: ${Colors.SurfaceTertiary};\n margin: 0 24px;\n padding: 24px 0;\n border-bottom: 1px solid ${Colors.SecondaryStroke};\n display: flex;\n flex-direction: column;\n gap: 10px;\n`;\n\nconst Title = styled.div`\n font-size: 16px;\n color: ${Colors.HeadingSecondary};\n font-weight: 500;\n font-family: \"Inter\";\n line-height: 20px;\n`;\n\nconst Price = styled.div`\n font-size: 16px;\n color: ${Colors.HeadingSecondary};\n font-weight: 500;\n margin: 5px 0;\n line-height: 90%;\n`;\n\nconst Subtitle = styled.div`\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 160%;\n color: ${Colors.White};\n font-family: \"inter\";\n`;\n\nconst Description = styled.div`\n color: ${Colors.SupportTertiary};\n font-size: 14px;\n font-weight: 400;\n line-height: 21px;\n font-family: \"Inter\";\n letter-spacing: -0.08px;\n word-break: break-word;\n overflow-wrap: break-word;\n max-width: 88%;\n`;\n\nconst Tickets = styled.div`\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 160%;\n color: ${Colors.SupportTertiary};\n font-family: \"inter\";\n`;\n\nconst Tag = styled.div`\n font-size: 16px;\n color: ${Colors.HeadingPrimary};\n font-weight: 500;\n margin-bottom: 5px;\n line-height: 90%;\n`;\n\nconst Value = styled.div`\n font-size: 28px;\n min-width: 20px;\n color: ${Colors.HeadingPrimary};\n line-height: 90%;\n font-weight: 500;\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: 14px;\n font-weight: 500;\n line-height: 160%;\n color: ${Colors.InteractiveBGPrimary};\n transition: all 0.2s;\n font-family: \"Inter\";\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`;\nconst RightWrapperCol = styled.div`\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n justify-content: space-between;\n`;\nconst HideShowContent = styled.div`\n font-size: 12px;\n color: #fff;\n letter-spacing: 0.5px;\n margin-top: 10px;\n cursor: pointer;\n border-bottom: 1px solid #fff;\n opacity: 0.7;\n white-space: nowrap;\n`;\nconst FeeList = styled.div`\n display: flex;\n flex-direction: column;\n gap: 4px;\n`;\n\nconst FeeItem = styled.div`\n display: flex;\n justify-content: space-between;\n color: ${Colors.White};\n font-size: 14px;\n`;\nconst Label = styled.span``;\nconst Amount = styled.span``;\nconst DateTextWrapper = styled.span`\n margin: 7px 0px;\n`;\nconst DateText = styled.span`\n font-size: 15px;\n font-weight: 500;\n color: ${Colors.HeadingSecondary};\n margin-bottom: 5px;\n padding-right: 5px;\n`;\n\nexport type ProductProps = {\n title: string;\n isTicketScreen: 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 isTicketType?: boolean;\n isFees?: any;\n isUpgradeType?: boolean;\n} & CounterProps;\n\nexport default function Product({\n title = \"\",\n price = 0,\n subtitle = \"\",\n description = \"\",\n isRSVP = false,\n isTicketScreen,\n // Counter Props\n value,\n minValue,\n maxValue,\n onIncrement,\n onDecrement,\n eventDays,\n isMultiDaysEvent,\n timeZone,\n remainingQty = 0,\n isTicketType,\n isFees,\n isUpgradeType,\n}: ProductProps) {\n const [showMore, setShowMore] = useState(false);\n const [showEllipsis, setShowEllipsis] = useState(true);\n const [showFees, setShowFees] = useState(false);\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 const toggleFees = () => {\n setShowFees(!showFees);\n };\n\n const ticketsAddOns =\n isTicketScreen === TicketsEnum.Tickets\n ? FeeAppliedToEnum.Ticket\n : FeeAppliedToEnum.AddOns;\n\n const applicableFees = isFees\n ? PaymentUtil.getApplicableFees({\n price,\n fees: isFees,\n isTicketType,\n isUpgradeType,\n })\n : [];\n return (\n <Container>\n <Column>\n <LeftWrapper>\n <Title>{title}</Title>\n {isMultiDaysEvent && (\n <DateTextWrapper>\n {eventDays &&\n eventDays.length > 0 &&\n eventDays?.map((day: any, i) => {\n return (\n <DateText key={i}>\n {Time.format(day, \"MMM Do\", timeZone)}\n {eventDays.length !== i + 1 && \",\"}\n </DateText>\n );\n })}\n </DateTextWrapper>\n )}\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 {descModified.length > 115 ? (\n <ShowMore>\n <ShowMoreInner onClick={() => toggle()}>\n {showMore\n ? AdvanceOptionsEnum.ShowLess\n : AdvanceOptionsEnum.ShowMore}\n </ShowMoreInner>\n </ShowMore>\n ) : (\n \"\"\n )}\n </Fragment>\n );\n })()}\n </LeftWrapper>\n <RightWrapperCol>\n {isRSVP ? (\n PriceUtil.output(price, true) === \"0.00\" || 0 ? (\n <Price>{\"RSVP\"}</Price>\n ) : (\n <Price>\n {`$${PriceUtil.output(price, true)}` + \" (Ticket value)\"}\n </Price>\n )\n ) : (\n <Price>{`$${PriceUtil.output(price, true)}`}</Price>\n )}\n {applicableFees?.length > 0 && (\n <HideShowContent onClick={() => toggleFees()}>\n {showFees\n ? AdvanceOptionsEnum.HideFees\n : AdvanceOptionsEnum.ShowFees}\n </HideShowContent>\n )}\n </RightWrapperCol>\n </Column>\n {showFees && applicableFees?.length > 0 && (\n <FeeList>\n {applicableFees?.map((fee, idx) => (\n <FeeItem key={idx}>\n <Label>{fee.label}</Label>\n <Amount>${fee.amount.toFixed(2)}</Amount>\n </FeeItem>\n ))}\n </FeeList>\n )}\n <Column>\n <Value>\n {value}\n <Tickets>{ticketsAddOns}</Tickets>\n </Value>\n\n {remainingQty > 0 ? (\n <Counter\n value={value}\n minValue={minValue}\n maxValue={maxValue}\n onIncrement={onIncrement}\n onDecrement={onDecrement}\n />\n ) : (\n <Tag> Sold out</Tag>\n )}\n </Column>\n <Row>{subtitle && <Subtitle>{subtitle}</Subtitle>}</Row>\n </Container>\n );\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +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 darkThemeProps?: string;\n borderColor?:string;\n height?:string;\n};\ntype InputProps = {\n darkThemeProps?: string;\n};\ntype InputRowProps = {\n darkThemeProps?: string;\n};\ntype NoItemProps = {\n darkThemeProps?: string;\n};\n\nconst Inner = styled.div<InnerProps>`\n position: absolute;\n height: ${(props) => (props.open ? (props.height ?\"160px\":\"187px\") : \"38px\")};\n width: ${(props) => props.width};\n background-color: ${(props)=>(props.darkThemeProps? Colors.SurfaceTertiary :Colors.White)};\n border: 1px solid ${(props) => props.borderColor || Colors.Grey5};\n box-sizing: border-box;\n border-radius: 8px;\n transition: all 0.2s;\n z-index: ${props => props.open ? 100 : 0};\n box-shadow: ${props => 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 // &:hover {border: ${(props) =>props.borderColor? `1px solid ${Colors.Grey5}`: \"none\"};\n // }\n`;\n\nconst TopRow = styled.div<InputRowProps>`\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: ${(props) => (props.darkThemeProps || Colors.White)};\n`;\n\nconst Input = styled.input<InputProps>`\n background-color: ${(props) => (props.darkThemeProps)};\n font-size: 1.4rem;\n font-weight: 500;\n color: ${(props) => (props.darkThemeProps ? Colors.HeadingSecondary : 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<NoItemProps>`\n font-size: 1.2rem;\n font-weight: 500;\n color: ${(props) => (props.darkThemeProps ? Colors.HeadingSecondary: Colors.Grey3)};\n height: ${(props) => (props.darkThemeProps ? '148px': '30px')};\n padding: 0 16px;\n display: flex;\n align-items: ${(props) => (props.darkThemeProps ? 'start': 'center')};\n background-color: ${(props) => (props.darkThemeProps)};\n`;\n\nexport type ItemProps = {\n selected: boolean;\n darkThemeProps?:string;\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) =>props.darkThemeProps ? Colors.SurfaceTertiary : (props.selected ? Colors.Grey7 : Colors.White)};\n font-size: 1.2rem;\n color:${(props) =>props.darkThemeProps ? Colors.HeadingSecondary : Colors.Grey1};\n transition: all 0.2s;\n z-index: 100;\n\n &:hover {\n cursor: pointer;\n background-color: ${(props) =>props.darkThemeProps ? Colors.SupportTertiary : 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 fontSize?:string;\n fontWeight?:string;\n fontFamily?:string;\n labelColor?:string\n darkThemeProps?:string;\n borderColor?:string;\n height?:string;\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 fontSize,\n fontWeight,\n fontFamily,\n labelColor,\n darkThemeProps,\n borderColor,\n height\n}: SearchDropdownProps) {\n const [open, setOpen] = React.useState(false);\n\n return (\n <Container hasLabel={Boolean(label)}>\n {label && <Label fontFamily={fontFamily} fontSize ={fontSize} fontWeight= {fontWeight} text={label} tip={tip} subText={subLabel} labelColor={labelColor} />}\n <Inner\n tabIndex={1}\n open={open}\n width={width}\n onFocus={() => setOpen(true)}\n onBlur={() => setOpen(false)}\n darkThemeProps={darkThemeProps}\n borderColor={borderColor}\n height={height}\n >\n <TopRow darkThemeProps={darkThemeProps} >\n <Icon icon={icon} size={14} color={Colors.Grey4} />\n <Input\n darkThemeProps={darkThemeProps}\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 darkThemeProps={darkThemeProps}\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 darkThemeProps={darkThemeProps}>No results found...</NoItems>)}\n </ItemsContainer>\n {footer && <Footer>{footer}</Footer>}\n </Inner>\n </Container>\n );\n};"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SvgIcons.js","sources":["../../src/components/SvgIcons.tsx"],"sourcesContent":["import React from 'react';\n\ninterface IconProps {\n width?: string;\n height?: string;\n className?: string;\n style?: React.CSSProperties;\n}\n\nexport const DiscountIcon: React.FC<IconProps> = ({\n width,\n height,\n ...props\n}) => (\n<svg width={width} height={height} viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n<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\"/>\n</svg>\n);\n\n\nexport const ServiceFeeIcon: React.FC<IconProps> = ({\n width,\n height,\n ...props\n}) => (\n<svg width={width} height={height} viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n<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\"/>\n</svg>\n);\n\nexport const StripeProcessingFeeIcon: React.FC<IconProps> = ({\n width,\n height,\n ...props\n}) => (\n<svg width={width} height={height} viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n<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\"/>\n</svg>\n\n);\n\nexport const SalesTaxFeeIcon: React.FC<IconProps> = ({\n width,\n height,\n ...props\n}) => (\n<svg width={width} height={height} viewBox=\"0 0 20 19\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n<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\"/>\n</svg>\n\n);\n\nexport const CashIcon: React.FC<IconProps> = ({\n width,\n height,\n ...props\n}) => (\n<svg width={width} height={height} viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n<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\"/>\n</svg>\n\n);\n\nexport const ConfirmIcon: React.FC<IconProps> = ({\n width,\n height,\n ...props\n}) => (\n<svg width={width} height={height} viewBox=\"0 0 26 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n<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\"/>\n</svg>\n\n);\n\nexport const GuestCheckoutIcon: React.FC<IconProps> = ({\n width,\n height,\n ...props\n}) => (\n<svg width={width} height={height} viewBox=\"0 0 24 23\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n<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\"/>\n</svg>\n\n);\n\n\n\n\n\n\n\n\n\n\n\n\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SvgRendrer.js","sources":["../../src/components/SvgRendrer.tsx"],"sourcesContent":["import React from 'react';\nimport { CashIcon, ConfirmIcon, DiscountIcon, GuestCheckoutIcon, SalesTaxFeeIcon, ServiceFeeIcon, StripeProcessingFeeIcon } from './SvgIcons';\n\nconst iconsMap = {\n discount: DiscountIcon,\n serviceFee: ServiceFeeIcon,\n stripeProcessingIcon: StripeProcessingFeeIcon,\n salesTaxFeeIcon: SalesTaxFeeIcon,\n cashIcon:CashIcon,\n confirmIcon:ConfirmIcon,\n guestCheckoutIcon:GuestCheckoutIcon\n};\n\nexport default function SvgRenderer ({ iconName, ...props }) {\n const IconComponent = iconsMap[iconName];\n return IconComponent ? <IconComponent {...props} /> : null;\n};\n\n\n"],"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;;;;"}
|
|
@@ -1 +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 fontFamily?:string;\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 font-family:${props => props.fontFamily};\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 fontFamily?:string;\n iconMargin?:string;\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 fontFamily,\n iconMargin\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={iconMargin ||\"0 7px 0 0\"}\n rotation={iconRotation}\n />\n )}\n <TextWithoutLink>{textWithoutLink}</TextWithoutLink>\n <Text size={size} color={color} fontFamily={fontFamily}>\n {children}\n </Text>\n </InnerContainer>\n </Container>\n );\n};\n\nexport default TextButton;\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +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;;;;;"}
|
|
@@ -1 +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":";;;;;;AAaA,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,0aAAY,wBACrB;IAYnB,eACS,EAAqB,cACtB,EAAqB,mBAChB,EAAqB,kBACtB,EAAqB,sBACjB,EAAqC,cAC7C,EAAqD,kBACjD,EAAmB,0GAKtB,EAA2C,yBACjC,EAA4B,gEAGjD,CAAA,CAAA,CAAA,EA5BqB,UAAA,KAAK,EAAA;IACvB,IAAG,KAAK,CAAC,GAAG,EAAE;QACZ,IAAG,KAAK,CAAC,MAAM,EAAE;YACf,OAAO,MAAM,CAAC,KAAK,CAAC;AACrB,SAAA;AAAM,aAAA;YACL,OAAO,MAAM,CAAC,KAAK,CAAC;AACrB,SAAA;AACF,KAAA;SAAM,IAAG,KAAK,CAAC,MAAM,EAAC;QACnB,OAAO,MAAM,CAAC,KAAK,CAAC;AACvB,KAAA;AAAM,SAAA;QACL,OAAO,MAAM,CAAC,KAAK,CAAC;AACrB,KAAA;AACH,CAAC,EACS,UAAA,KAAK,EAAI,EAAA,OAAA,KAAK,CAAC,MAAM,CAAA,EAAA,EACtB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,MAAM,CAAZ,EAAY,EAChB,UAAA,KAAK,EAAA,EAAI,OAAA,KAAK,CAAC,MAAM,GAAA,EACtB,UAAA,KAAK,EAAI,EAAA,OAAA,KAAK,CAAC,MAAM,CAAA,EAAA,EACjB,UAAA,KAAK,EAAI,EAAA,QAAC,KAAK,CAAC,MAAM,GAAG,KAAK,GAAG,GAAG,EAAC,EAAA,EAC7C,UAAA,KAAK,EAAA,EAAI,QAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,EAA3C,EAA4C,EACjD,UAAA,KAAK,EAAA,EAAI,OAAA,KAAK,CAAC,IAAI,CAAA,EAAA,EAKtB,UAAA,KAAK,EAAI,EAAA,OAAA,KAAK,CAAC,MAAM,IAAI,kBAAkB,CAAA,EAAA,EACjC,UAAA,KAAK,EAAI,EAAA,OAAA,MAAO,GAAA,KAAK,CAAC,GAAG,GAAG,GAAA,CAAA,EAAA,CAGjD,CAAC;AAYI,IAAA,SAAS,GAAwB,UAAC,EASvC,EAAA;AARC,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAe,GAAA,EAAA,CAAA,MAAA,EAAf,MAAM,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,GAAA,EAAA,EACf,EAAe,GAAA,EAAA,CAAA,IAAA,EAAf,IAAI,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,QAAQ,GAAA,EAAA,EACf,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,EAAa,GAAA,EAAA,CAAA,MAAA,EAAb,MAAM,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,IAAI,GAAA,EAAA,CAAA;IAEb,IAAI,CAAC,QAAQ,EAAE;QACb,IAAI,YAAY,GAAG,EAAE,CAAC;QAEtB,IAAI,SAAS,IAAI,QAAQ,EAAE;YACzB,YAAY,GAAG,KAAG,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAG,CAAC;AACpE,SAAA;AAED,QAAA,QACE,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EACX,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EAEb,EAAA,YAAY,GAAG,YAAY,IAC1B,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,IAAI,EAAE,KAAK,CAAC,SAAS,EACrB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,EAC3C,IAAI,EAAE,EAAE,EAAA,CACR,CACH,CACY,EACf;AACH,KAAA;IAED,QACE,oBAAC,YAAY,EAAA,EACX,GAAG,EAAE,QAAQ,EACb,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,CAAA,EACF;AACJ,EAAC;;;;;"}
|
|
@@ -1 +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<NameProps>`\n font-size: 1.4rem;\n color: ${(props) => props.color || Colors.Grey1};\n font-weight: 600;\n font-family:${(props) => props.fontFamily};\n`;\n\nexport const Email = styled.div<EmailProps>`\n font-size: 1.2rem;\n color: ${(props) => props.color || Colors.Grey1};\n font-family:${(props) => props.fontFamily};\n`;\n\nconst PhoneNumber = styled.div<PhoneNumberProps>`\n font-size: 1.2rem;\n color: ${(props) => props.color || Colors.Grey1};\n font-family:${(props) => props.fontFamily};\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 nameColor?:string;\n fontFamily?:string;\n};\ntype NameProps = {\n fontFamily?:string;\n};\ntype EmailProps = {\n fontFamily?:string;\n};\ntype PhoneNumberProps = {\n fontFamily?:string;\n};\nconst UserInfo: React.FC<UserInfoPropTypes> = ({\n user = {},\n size = UserInfoSizeEnum.Regular,\n invert = false,\n nameColor,\n fontFamily\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 color={nameColor} fontFamily={fontFamily}>{firstName} {lastName}</Name>);\n const UserEmail = React.memo(() => <Email color={nameColor} fontFamily={fontFamily}>{email}</Email>);\n const UserPhoneNumber = React.memo(() => <PhoneNumber fontFamily={fontFamily} color={nameColor}>{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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"}
|
|
@@ -1 +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 disableValidationErrorBox?:boolean;\n}\n\nconst ValidationError: React.FC<ValidationErrorProps> = ({ validationError,disableValidationErrorBox}) => {\n if (disableValidationErrorBox) {\n return null;\n }\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;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;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorUtil.js","sources":["../../src/utils/ErrorUtil.ts"],"sourcesContent":["export function getErrorMessage(error: any): string {\n const defaultMessage = 'Something went wrong. Please contact support.';\n\n if (!error) return defaultMessage;\n\n let errorMsg = error?.graphQLErrors?.[0]?.extensions?.exception?.invalidArgs?.[0].message ?? null;\n if (errorMsg) return errorMsg;\n \n errorMsg = error?.graphQLErrors?.[0]?.message ?? null;\n if (errorMsg) return errorMsg;\n\n errorMsg = error.networkError?.result?.errors?.[0]?.message ?? null;\n if (errorMsg) return errorMsg;\n\n return defaultMessage;\n}\n"],"names":[],"mappings":"AAAM,SAAU,eAAe,CAAC,KAAU,EAAA;;IACxC,IAAM,cAAc,GAAG,+CAA+C,CAAC;AAEvE,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,cAAc,CAAC;IAElC,IAAI,QAAQ,uCAAG,KAAK,KAAA,IAAA,IAAL,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,KAAK,CAAE,aAAa,MAAG,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,CAAC,2CAAG,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAG,CAAC,CAAE,CAAA,OAAO,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,IAAI,CAAC;AAClG,IAAA,IAAI,QAAQ;AAAE,QAAA,OAAO,QAAQ,CAAC;AAE9B,IAAA,QAAQ,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAK,KAAL,IAAA,IAAA,KAAK,uBAAL,KAAK,CAAE,aAAa,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAG,CAAC,CAAA,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAG,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,IAAI,CAAC;AACtD,IAAA,IAAI,QAAQ;AAAE,QAAA,OAAO,QAAQ,CAAC;AAE9B,IAAA,QAAQ,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAK,CAAC,YAAY,0CAAE,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAG,CAAC,CAAA,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAG,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,IAAI,CAAC;AACpE,IAAA,IAAI,QAAQ;AAAE,QAAA,OAAO,QAAQ,CAAC;AAE9B,IAAA,OAAO,cAAc,CAAC;AACxB;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MediaQuery.js","sources":["../../src/utils/MediaQuery.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { css } from 'styled-components';\n\nconst mediaQuery = (queryTemplate: any, ...queryRest: any[]) => (rulesTemplate: any, ...rulesRest: any[]): any => {\n return css`\n @media ${css(queryTemplate as any, ...queryRest)} {\n ${css(rulesTemplate as any, ...rulesRest)}\n }\n `\n};\n\nconst sizes = {\n tablet: 768,\n desktop: 992,\n largeDesktop: 1281, // change from 1200\n extraLargeDesktop: 1536,\n giant: 1920,\n};\n\nconst queryStrings = {\n handheld: `(max-width: ${(sizes.tablet - 1) / 16}em)`,\n tablet: `(min-width: ${sizes.tablet / 16}em)`,\n tabletOnly: `(min-width: ${sizes.tablet / 16}em) and (max-width: ${(sizes.desktop - 1) / 16}em)`,\n mobile: `(max-width: ${(sizes.desktop - 1) / 16}em)`,\n desktop: `(min-width: ${sizes.desktop / 16}em)`,\n largeDesktop: `(min-width: ${sizes.largeDesktop / 16}em)`,\n extraLargeDesktop: `(min-width: ${sizes.extraLargeDesktop / 16}em)`,\n giant: `(min-width: ${sizes.giant / 16}em)`,\n print: 'print',\n}\n\nexport const media = {\n handheld: mediaQuery`${queryStrings.handheld}`,\n tablet: mediaQuery`${queryStrings.tablet}`,\n tabletOnly: mediaQuery`${queryStrings.tabletOnly}`,\n mobile: mediaQuery`${queryStrings.mobile}`,\n desktop: mediaQuery`${queryStrings.desktop}`,\n largeDesktop: mediaQuery`${queryStrings.largeDesktop}`,\n extraLargeDesktop: mediaQuery`${queryStrings.extraLargeDesktop}`,\n giant: mediaQuery`${queryStrings.giant}`,\n print: mediaQuery`${queryStrings.print}`,\n minWidth: (pxValue: any) => mediaQuery`(min-width: ${pxValue / 16}em)`,\n};\n\nexport const useMedia = (query: any) => {\n const matchQuery = window && window.matchMedia(query);\n const [isMatch, setIsMatch] = useState(matchQuery.matches);\n\n useEffect(() => {\n const handler = () => setIsMatch(matchQuery.matches);\n matchQuery.addListener(handler);\n return () => matchQuery.removeListener(handler);\n }, [query, matchQuery]);\n\n return isMatch;\n};\n\nexport const useMobileMedia = () => useMedia(`${queryStrings.mobile}`);\nexport const useTabletMedia = () => useMedia(`${queryStrings.tablet}`);\nexport const useDesktopMedia = () => useMedia(`${queryStrings.desktop}`);\nexport const useLargeDesktopMedia = () => useMedia(`${queryStrings.largeDesktop}`);\nexport const useGiantMedia = () => useMedia(`${queryStrings.giant}`);\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Validation.js","sources":["../../src/utils/Validation.ts"],"sourcesContent":["import Joi from \"@hapi/joi\";\n\n// Email Validation\nexport const email = Joi.string()\n .required()\n .email({ tlds: { allow: false } })\n .error(() => {\n return new Error(\"Please enter a valid email.\");\n });\n\n// Password Validation\n// could force users to be more secure ->\n// https://stackoverflow.com/questions/19605150/regex-for-password-must-contain-at-least-eight-characters-at-least-one-number-a\nexport const password = Joi.string()\n .required()\n .min(8)\n .max(30)\n .error((errors: any) => {\n return errors.map((error: any) => {\n console.log(error);\n switch (error.code) {\n case \"string.min\":\n return new Error(\"Password must be greater than 8 Characters.\");\n case \"string.max\":\n return new Error(\"Password must be fewer than 30 characters.\");\n case \"string.empty\":\n return new Error(\"Please enter a password.\");\n default:\n return new Error(\"Password validation error.\");\n }\n });\n });\n\n// full name validation - only checks for first and last name via single space character\n// all characters are valid, gotta support X Æ A-12 now\n// should maybe fix, idk, it accepts stuff like Mike\\tPollard\nexport const fullName = Joi.string()\n .required()\n .pattern(new RegExp(\"^[^\\\\s]+(\\\\s[^\\\\s]+)+$\"))\n .error(() => {\n return new Error(\"Please enter your first and last name\");\n });\n\n// Phone number validation, need to test internationally\nexport const phoneNumber = Joi.string()\n .required()\n .pattern(\n new RegExp(\n \"^(\\\\+\\\\d{1,2}\\\\s?)?1?\\\\-?\\\\.?\\\\s?\\\\(?\\\\d{3}\\\\)?[\\\\s.-]?\\\\d{3}[\\\\s.-]?\\\\d{5}$\"\n )\n )\n .error(() => {\n return new Error(\"Please enter a valid phone number.\");\n });\n"],"names":[],"mappings":";;AAEA;AACa,IAAA,KAAK,GAAG,GAAG,CAAC,MAAM,EAAE;AAC9B,KAAA,QAAQ,EAAE;KACV,KAAK,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC;AACjC,KAAA,KAAK,CAAC,YAAA;AACL,IAAA,OAAO,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC;AAClD,CAAC,EAAE;AAEL;AACA;AACA;AACa,IAAA,QAAQ,GAAG,GAAG,CAAC,MAAM,EAAE;AACjC,KAAA,QAAQ,EAAE;KACV,GAAG,CAAC,CAAC,CAAC;KACN,GAAG,CAAC,EAAE,CAAC;KACP,KAAK,CAAC,UAAC,MAAW,EAAA;AACjB,IAAA,OAAO,MAAM,CAAC,GAAG,CAAC,UAAC,KAAU,EAAA;AAC3B,QAAA,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACnB,QAAQ,KAAK,CAAC,IAAI;AAChB,YAAA,KAAK,YAAY;AACf,gBAAA,OAAO,IAAI,KAAK,CAAC,6CAA6C,CAAC,CAAC;AAClE,YAAA,KAAK,YAAY;AACf,gBAAA,OAAO,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAC;AACjE,YAAA,KAAK,cAAc;AACjB,gBAAA,OAAO,IAAI,KAAK,CAAC,0BAA0B,CAAC,CAAC;AAC/C,YAAA;AACE,gBAAA,OAAO,IAAI,KAAK,CAAC,4BAA4B,CAAC,CAAC;AAClD,SAAA;AACH,KAAC,CAAC,CAAC;AACL,CAAC,EAAE;AAEL;AACA;AACA;AACa,IAAA,QAAQ,GAAG,GAAG,CAAC,MAAM,EAAE;AACjC,KAAA,QAAQ,EAAE;AACV,KAAA,OAAO,CAAC,IAAI,MAAM,CAAC,wBAAwB,CAAC,CAAC;AAC7C,KAAA,KAAK,CAAC,YAAA;AACL,IAAA,OAAO,IAAI,KAAK,CAAC,uCAAuC,CAAC,CAAC;AAC5D,CAAC,EAAE;AAEL;AACa,IAAA,WAAW,GAAG,GAAG,CAAC,MAAM,EAAE;AACpC,KAAA,QAAQ,EAAE;AACV,KAAA,OAAO,CACN,IAAI,MAAM,CACR,8EAA8E,CAC/E,CACF;AACA,KAAA,KAAK,CAAC,YAAA;AACL,IAAA,OAAO,IAAI,KAAK,CAAC,oCAAoC,CAAC,CAAC;AACzD,CAAC;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"makeEventHandler.js","sources":["../../src/utils/makeEventHandler.ts"],"sourcesContent":["export default function makeEventHandler(executeOnEvent: Function = () => {}) {\n return function (eventHandler: Function) {\n return function(event: React.FormEvent<HTMLInputElement>) {\n executeOnEvent();\n eventHandler(event.currentTarget.value as string);\n };\n }\n}"],"names":[],"mappings":"AAAwB,SAAA,gBAAgB,CAAC,cAAmC,EAAA;IAAnC,IAAA,cAAA,KAAA,KAAA,CAAA,EAAA,EAAA,gCAAmC,CAAA,EAAA;AAC1E,IAAA,OAAO,UAAU,YAAsB,EAAA;AACrC,QAAA,OAAO,UAAS,KAAwC,EAAA;AACtD,YAAA,cAAc,EAAE,CAAC;AACjB,YAAA,YAAY,CAAC,KAAK,CAAC,aAAa,CAAC,KAAe,CAAC,CAAC;AACpD,SAAC,CAAC;AACJ,KAAC,CAAA;AACH;;;;"}
|
|
File without changes
|