intelicoreact 1.8.3 → 1.8.5
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/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.jsx +18 -0
- package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN_old.jsx +121 -0
- package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.jsx +507 -0
- package/dist/Atomic/FormElements/MultiSelect/MultiSelect.jsx +46 -0
- package/dist/Atomic/FormElements/NumericInput/NumericInput.jsx +337 -0
- package/dist/Atomic/FormElements/RadioGroup/RadioGroup.jsx +66 -0
- package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.jsx +78 -0
- package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.jsx +54 -0
- package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.jsx +183 -0
- package/dist/Atomic/FormElements/RangeList/RangeList.jsx +181 -0
- package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.jsx +41 -0
- package/dist/Atomic/FormElements/RangeSlider/RangeSlider.jsx +449 -0
- package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.jsx +865 -0
- package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.jsx +37 -0
- package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.jsx +48 -0
- package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.jsx +62 -0
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.jsx +175 -0
- package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.jsx +65 -0
- package/dist/Atomic/FormElements/TagListToDropdown/TagListToDropdown.jsx +118 -0
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.interface.ts +2 -0
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +1 -1
- package/dist/Atomic/FormElements/Text/Text.jsx +126 -0
- package/dist/Atomic/FormElements/Textarea/Textarea.jsx +61 -0
- package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.jsx +181 -0
- package/dist/Atomic/FormElements/TieredCheckboxes/partial/AccordionWithCheckbox.jsx +60 -0
- package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.jsx +83 -0
- package/dist/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.jsx +80 -0
- package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.jsx +103 -0
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.jsx +115 -0
- package/dist/Atomic/Layout/Header/Header.jsx +86 -0
- package/dist/Atomic/UI/AccordionTable/AccordionTable.jsx +250 -0
- package/dist/Atomic/UI/AccordionText/AccordionText.jsx +68 -0
- package/dist/Atomic/UI/Arrow/Arrow.jsx +134 -0
- package/dist/Atomic/UI/Box/Box.jsx +53 -0
- package/dist/Atomic/UI/Chart/Chart.jsx +178 -0
- package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.jsx +78 -0
- package/dist/Atomic/UI/Chart/partial/optionsConstructor.jsx +334 -0
- package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.jsx +111 -0
- package/dist/Atomic/UI/DateTime/DateTime.jsx +57 -0
- package/dist/Atomic/UI/DebugContainer/DebugContainer.jsx +44 -0
- package/dist/Atomic/UI/DebugContainer/useDebugContainer.jsx +15 -0
- package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.jsx +223 -0
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion._test.jsx +75 -0
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion.jsx +86 -0
- package/dist/Atomic/UI/PieChart/PieChart.jsx +41 -0
- package/dist/Atomic/UI/Table/Partials/TdCell.jsx +87 -0
- package/dist/Atomic/UI/Table/Partials/TdHeader.jsx +36 -0
- package/dist/Atomic/UI/Table/Partials/TdRow.jsx +103 -0
- package/dist/Atomic/UI/Table/Partials/TdTitle.jsx +55 -0
- package/dist/Atomic/UI/Table/Table.jsx +63 -0
- package/dist/Atomic/UI/Table/TdTypes/TdActions.jsx +80 -0
- package/dist/Atomic/UI/Table/TdTypes/TdPriority.jsx +26 -0
- package/dist/Atomic/UI/Table/TdTypes/TdRange.jsx +13 -0
- package/dist/Atomic/UI/Table/TdTypes/TdWeight.jsx +56 -0
- package/dist/Atomic/UI/Tag/Tag.interface.ts +1 -0
- package/dist/Atomic/UI/Tag/Tag.js +1 -1
- package/dist/Atomic/UI/TagList/TagList.jsx +256 -0
- package/dist/Atomic/UI/WizardStepper/constructor.jsx +86 -0
- package/dist/Classes/RESTAPI/partials/CredentialsProcessing.jsx +254 -0
- package/dist/Functions/customEventListener.jsx +96 -0
- package/dist/Functions/operations.jsx +138 -0
- package/dist/Functions/useFormTools/functions/RenderFields.jsx +108 -0
- package/dist/Functions/useFormTools/index.jsx +777 -0
- package/dist/Functions/usePasswordChecker.jsx +128 -0
- package/dist/Functions/utils.jsx +492 -0
- package/dist/Molecular/CustomIcons/components/AffiliateNetworks.jsx +22 -0
- package/dist/Molecular/CustomIcons/components/AlertCircle.jsx +24 -0
- package/dist/Molecular/CustomIcons/components/AppStore.jsx +30 -0
- package/dist/Molecular/CustomIcons/components/Arrow.jsx +33 -0
- package/dist/Molecular/CustomIcons/components/ArrowDown.jsx +18 -0
- package/dist/Molecular/CustomIcons/components/ArrowLeft.jsx +23 -0
- package/dist/Molecular/CustomIcons/components/ArrowRight.jsx +23 -0
- package/dist/Molecular/CustomIcons/components/ArrowUp.jsx +18 -0
- package/dist/Molecular/CustomIcons/components/Bell.jsx +16 -0
- package/dist/Molecular/CustomIcons/components/Button.jsx +13 -0
- package/dist/Molecular/CustomIcons/components/Campaigns.jsx +17 -0
- package/dist/Molecular/CustomIcons/components/Check.jsx +15 -0
- package/dist/Molecular/CustomIcons/components/Check2.jsx +13 -0
- package/dist/Molecular/CustomIcons/components/ChevronDown.jsx +13 -0
- package/dist/Molecular/CustomIcons/components/ChevronDownDisabled.jsx +12 -0
- package/dist/Molecular/CustomIcons/components/ChevronLeft.jsx +12 -0
- package/dist/Molecular/CustomIcons/components/ChevronRight.jsx +12 -0
- package/dist/Molecular/CustomIcons/components/ChevronUp.jsx +12 -0
- package/dist/Molecular/CustomIcons/components/ChevronUpDown.jsx +28 -0
- package/dist/Molecular/CustomIcons/components/Close.jsx +15 -0
- package/dist/Molecular/CustomIcons/components/ColumnsOrder.jsx +18 -0
- package/dist/Molecular/CustomIcons/components/Delete.jsx +17 -0
- package/dist/Molecular/CustomIcons/components/Edit.jsx +16 -0
- package/dist/Molecular/CustomIcons/components/Email.jsx +32 -0
- package/dist/Molecular/CustomIcons/components/FinturfLogo.jsx +19 -0
- package/dist/Molecular/CustomIcons/components/FinturfLogo2.jsx +36 -0
- package/dist/Molecular/CustomIcons/components/Flows.jsx +16 -0
- package/dist/Molecular/CustomIcons/components/Gift.jsx +26 -0
- package/dist/Molecular/CustomIcons/components/GoogleAuth.jsx +30 -0
- package/dist/Molecular/CustomIcons/components/GooglePlay.jsx +30 -0
- package/dist/Molecular/CustomIcons/components/HelpCircle.jsx +20 -0
- package/dist/Molecular/CustomIcons/components/HelpCircle2.jsx +21 -0
- package/dist/Molecular/CustomIcons/components/HelpCircleFilled.jsx +20 -0
- package/dist/Molecular/CustomIcons/components/Home.jsx +17 -0
- package/dist/Molecular/CustomIcons/components/Home2.jsx +23 -0
- package/dist/Molecular/CustomIcons/components/Key.jsx +24 -0
- package/dist/Molecular/CustomIcons/components/Landers.jsx +21 -0
- package/dist/Molecular/CustomIcons/components/Lock.jsx +16 -0
- package/dist/Molecular/CustomIcons/components/Mail.jsx +27 -0
- package/dist/Molecular/CustomIcons/components/Mastercard.jsx +74 -0
- package/dist/Molecular/CustomIcons/components/Minus.jsx +26 -0
- package/dist/Molecular/CustomIcons/components/Offers.jsx +17 -0
- package/dist/Molecular/CustomIcons/components/Pause.jsx +29 -0
- package/dist/Molecular/CustomIcons/components/PayPal.jsx +42 -0
- package/dist/Molecular/CustomIcons/components/PayPalLightLarge.jsx +29 -0
- package/dist/Molecular/CustomIcons/components/Phone.jsx +31 -0
- package/dist/Molecular/CustomIcons/components/Play.jsx +26 -0
- package/dist/Molecular/CustomIcons/components/Plus.jsx +26 -0
- package/dist/Molecular/CustomIcons/components/Profile.jsx +17 -0
- package/dist/Molecular/CustomIcons/components/QRCode.jsx +30 -0
- package/dist/Molecular/CustomIcons/components/Rectangle.jsx +13 -0
- package/dist/Molecular/CustomIcons/components/Revert.jsx +14 -0
- package/dist/Molecular/CustomIcons/components/Star.jsx +15 -0
- package/dist/Molecular/CustomIcons/components/Star2.jsx +17 -0
- package/dist/Molecular/CustomIcons/components/TrafficSources.jsx +15 -0
- package/dist/Molecular/CustomIcons/components/Trash.jsx +16 -0
- package/dist/Molecular/CustomIcons/components/TrashRed.jsx +16 -0
- package/dist/Molecular/CustomIcons/components/Triggers.jsx +16 -0
- package/dist/Molecular/CustomIcons/components/User.jsx +26 -0
- package/dist/Molecular/CustomIcons/components/Visa.jsx +32 -0
- package/dist/Molecular/CustomIcons/components/X.jsx +13 -0
- package/dist/Molecular/FormElement/FormElement.jsx +52 -0
- package/dist/Molecular/FormWithDependOn/FormWithDependOn.jsx +161 -0
- package/dist/Molecular/InputAddress/InputAddress.jsx +641 -0
- package/dist/Molecular/InputPassword/InputPassword.jsx +50 -0
- package/package.json +13 -6
- package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +0 -1
- package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN_old.js +0 -1
- package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js +0 -1
- package/dist/Atomic/FormElements/MultiSelect/MultiSelect.js +0 -1
- package/dist/Atomic/FormElements/NumericInput/NumericInput.js +0 -1
- package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js +0 -1
- package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js +0 -1
- package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.js +0 -1
- package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js +0 -1
- package/dist/Atomic/FormElements/RangeList/RangeList.js +0 -1
- package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js +0 -1
- package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js +0 -1
- package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.js +0 -1
- package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.js +0 -1
- package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.js +0 -1
- package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js +0 -1
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.d.ts +0 -16
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js +0 -1
- package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js +0 -1
- package/dist/Atomic/FormElements/TagListToDropdown/TagListToDropdown.d.ts +0 -9
- package/dist/Atomic/FormElements/TagListToDropdown/TagListToDropdown.js +0 -1
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.d.ts +0 -5
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.interface.d.ts +0 -79
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.interface.js +0 -1
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.interface.js.map +0 -1
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js.map +0 -1
- package/dist/Atomic/FormElements/Text/Text.js +0 -1
- package/dist/Atomic/FormElements/Textarea/Textarea.js +0 -1
- package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js +0 -1
- package/dist/Atomic/FormElements/TieredCheckboxes/partial/AccordionWithCheckbox.js +0 -1
- package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.js +0 -1
- package/dist/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.js +0 -1
- package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js +0 -1
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js +0 -1
- package/dist/Atomic/Layout/Header/Header.js +0 -1
- package/dist/Atomic/UI/AccordionTable/AccordionTable.js +0 -1
- package/dist/Atomic/UI/AccordionText/AccordionText.js +0 -1
- package/dist/Atomic/UI/Arrow/Arrow.js +0 -1
- package/dist/Atomic/UI/Box/Box.js +0 -1
- package/dist/Atomic/UI/Chart/Chart.js +0 -1
- package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.js +0 -1
- package/dist/Atomic/UI/Chart/partial/optionsConstructor.js +0 -1
- package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.js +0 -1
- package/dist/Atomic/UI/DateTime/DateTime.js +0 -1
- package/dist/Atomic/UI/DebugContainer/DebugContainer.js +0 -1
- package/dist/Atomic/UI/DebugContainer/useDebugContainer.js +0 -1
- package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js +0 -1
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion._test.js +0 -1
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js +0 -1
- package/dist/Atomic/UI/PieChart/PieChart.js +0 -1
- package/dist/Atomic/UI/Table/Partials/TdCell.js +0 -1
- package/dist/Atomic/UI/Table/Partials/TdHeader.js +0 -1
- package/dist/Atomic/UI/Table/Partials/TdRow.js +0 -1
- package/dist/Atomic/UI/Table/Partials/TdTitle.js +0 -1
- package/dist/Atomic/UI/Table/Table.js +0 -1
- package/dist/Atomic/UI/Table/TdTypes/TdActions.js +0 -1
- package/dist/Atomic/UI/Table/TdTypes/TdPriority.js +0 -1
- package/dist/Atomic/UI/Table/TdTypes/TdRange.js +0 -1
- package/dist/Atomic/UI/Table/TdTypes/TdWeight.js +0 -1
- package/dist/Atomic/UI/TagList/TagList.js +0 -1
- package/dist/Atomic/UI/WizardStepper/constructor.js +0 -1
- package/dist/Classes/RESTAPI/partials/CredentialsProcessing.js +0 -1
- package/dist/Functions/customEventListener.js +0 -1
- package/dist/Functions/operations.js +0 -1
- package/dist/Functions/useFormTools/functions/RenderFields.js +0 -1
- package/dist/Functions/useFormTools/index.js +0 -1
- package/dist/Functions/usePasswordChecker.js +0 -1
- package/dist/Functions/utils.js +0 -1
- package/dist/Molecular/CustomIcons/components/AffiliateNetworks.js +0 -1
- package/dist/Molecular/CustomIcons/components/AlertCircle.js +0 -1
- package/dist/Molecular/CustomIcons/components/AppStore.js +0 -1
- package/dist/Molecular/CustomIcons/components/Arrow.js +0 -1
- package/dist/Molecular/CustomIcons/components/ArrowDown.js +0 -1
- package/dist/Molecular/CustomIcons/components/ArrowLeft.js +0 -1
- package/dist/Molecular/CustomIcons/components/ArrowRight.js +0 -1
- package/dist/Molecular/CustomIcons/components/ArrowUp.js +0 -1
- package/dist/Molecular/CustomIcons/components/Bell.js +0 -1
- package/dist/Molecular/CustomIcons/components/Button.js +0 -1
- package/dist/Molecular/CustomIcons/components/Campaigns.js +0 -1
- package/dist/Molecular/CustomIcons/components/Check.js +0 -1
- package/dist/Molecular/CustomIcons/components/Check2.js +0 -1
- package/dist/Molecular/CustomIcons/components/ChevronDown.js +0 -1
- package/dist/Molecular/CustomIcons/components/ChevronDownDisabled.js +0 -1
- package/dist/Molecular/CustomIcons/components/ChevronLeft.js +0 -1
- package/dist/Molecular/CustomIcons/components/ChevronRight.js +0 -1
- package/dist/Molecular/CustomIcons/components/ChevronUp.js +0 -1
- package/dist/Molecular/CustomIcons/components/ChevronUpDown.js +0 -1
- package/dist/Molecular/CustomIcons/components/Close.js +0 -1
- package/dist/Molecular/CustomIcons/components/ColumnsOrder.js +0 -1
- package/dist/Molecular/CustomIcons/components/Delete.js +0 -1
- package/dist/Molecular/CustomIcons/components/Edit.js +0 -1
- package/dist/Molecular/CustomIcons/components/Email.js +0 -1
- package/dist/Molecular/CustomIcons/components/FinturfLogo.js +0 -1
- package/dist/Molecular/CustomIcons/components/FinturfLogo2.js +0 -1
- package/dist/Molecular/CustomIcons/components/Flows.js +0 -1
- package/dist/Molecular/CustomIcons/components/Gift.js +0 -1
- package/dist/Molecular/CustomIcons/components/GoogleAuth.js +0 -1
- package/dist/Molecular/CustomIcons/components/GooglePlay.js +0 -1
- package/dist/Molecular/CustomIcons/components/HelpCircle.js +0 -1
- package/dist/Molecular/CustomIcons/components/HelpCircle2.js +0 -1
- package/dist/Molecular/CustomIcons/components/HelpCircleFilled.js +0 -1
- package/dist/Molecular/CustomIcons/components/Home.js +0 -1
- package/dist/Molecular/CustomIcons/components/Home2.js +0 -1
- package/dist/Molecular/CustomIcons/components/Key.js +0 -1
- package/dist/Molecular/CustomIcons/components/Landers.js +0 -1
- package/dist/Molecular/CustomIcons/components/Lock.js +0 -1
- package/dist/Molecular/CustomIcons/components/Mail.js +0 -1
- package/dist/Molecular/CustomIcons/components/Mastercard.js +0 -1
- package/dist/Molecular/CustomIcons/components/Minus.js +0 -1
- package/dist/Molecular/CustomIcons/components/Offers.js +0 -1
- package/dist/Molecular/CustomIcons/components/Pause.js +0 -1
- package/dist/Molecular/CustomIcons/components/PayPal.js +0 -1
- package/dist/Molecular/CustomIcons/components/PayPalLightLarge.js +0 -1
- package/dist/Molecular/CustomIcons/components/Phone.js +0 -1
- package/dist/Molecular/CustomIcons/components/Play.js +0 -1
- package/dist/Molecular/CustomIcons/components/Plus.js +0 -1
- package/dist/Molecular/CustomIcons/components/Profile.js +0 -1
- package/dist/Molecular/CustomIcons/components/QRCode.js +0 -1
- package/dist/Molecular/CustomIcons/components/Rectangle.js +0 -1
- package/dist/Molecular/CustomIcons/components/Revert.js +0 -1
- package/dist/Molecular/CustomIcons/components/Star.js +0 -1
- package/dist/Molecular/CustomIcons/components/Star2.js +0 -1
- package/dist/Molecular/CustomIcons/components/TrafficSources.js +0 -1
- package/dist/Molecular/CustomIcons/components/Trash.js +0 -1
- package/dist/Molecular/CustomIcons/components/TrashRed.js +0 -1
- package/dist/Molecular/CustomIcons/components/Triggers.js +0 -1
- package/dist/Molecular/CustomIcons/components/User.js +0 -1
- package/dist/Molecular/CustomIcons/components/Visa.js +0 -1
- package/dist/Molecular/CustomIcons/components/X.js +0 -1
- package/dist/Molecular/FormElement/FormElement.js +0 -1
- package/dist/Molecular/FormWithDependOn/FormWithDependOn.js +0 -1
- package/dist/Molecular/InputAddress/InputAddress.js +0 -1
- package/dist/Molecular/InputPassword/InputPassword.js +0 -1
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
export function PayPal(props) {
|
|
2
|
+
return (
|
|
3
|
+
<svg
|
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
5
|
+
width={201}
|
|
6
|
+
height={42}
|
|
7
|
+
fill="none"
|
|
8
|
+
{...props}
|
|
9
|
+
>
|
|
10
|
+
<rect
|
|
11
|
+
width={200}
|
|
12
|
+
height={41}
|
|
13
|
+
x={0.5}
|
|
14
|
+
y={0.5}
|
|
15
|
+
fill="#fff"
|
|
16
|
+
stroke="#6B81DD"
|
|
17
|
+
rx={3.5}
|
|
18
|
+
/>
|
|
19
|
+
<rect width={61} height={40} x={1} y={1} fill="#fff" rx={4} />
|
|
20
|
+
<path
|
|
21
|
+
fill="#253D80"
|
|
22
|
+
d="m26.85 32.65.444-2.75H21.626l3.253-20.325a.261.261 0 0 1 .09-.163.308.308 0 0 1 .177-.062h7.892c2.63 0 4.435.537 5.388 1.6.422.446.716.994.852 1.588a5.437 5.437 0 0 1 0 2.187v.625l.445.25c.338.166.644.39.902.662.388.462.64 1.02.724 1.613.096.775.061 1.56-.101 2.325a8.016 8.016 0 0 1-.979 2.637 5.41 5.41 0 0 1-1.538 1.663 6.485 6.485 0 0 1-2.071.913c-.83.206-1.685.306-2.542.3h-.622c-.437 0-.86.15-1.195.424-.337.28-.559.671-.623 1.1v.25l-.775 4.85v.188c.01.033.01.067 0 .1h-.076l-3.978.025Z"
|
|
23
|
+
/>
|
|
24
|
+
<path
|
|
25
|
+
fill="#189BD7"
|
|
26
|
+
d="m40.141 14.85-.076.463c-1.042 5.25-4.613 7.074-9.163 7.074H28.59c-.556 0-1.03.397-1.118.938l-1.182 7.4-.343 2.1a.58.58 0 0 0 .136.468c.112.13.276.205.449.207h4.117c.488 0 .904-.35.979-.825v-.2l.775-4.838v-.262a.973.973 0 0 1 .966-.825h.673c3.978 0 7.104-1.588 8.007-6.25a5.23 5.23 0 0 0-.814-4.663 4.098 4.098 0 0 0-1.093-.787Z"
|
|
27
|
+
/>
|
|
28
|
+
<path
|
|
29
|
+
fill="#242E65"
|
|
30
|
+
d="m39.049 14.425-.483-.125-.534-.1A13.012 13.012 0 0 0 36 14.063h-6.202a.952.952 0 0 0-.966.813l-1.27 8.211v.238c.087-.54.561-.938 1.118-.938h2.313c4.55 0 8.12-1.825 9.162-7.075l.077-.462a5.762 5.762 0 0 0-.852-.35l-.33-.075Z"
|
|
31
|
+
/>
|
|
32
|
+
<path
|
|
33
|
+
fill="#253D80"
|
|
34
|
+
d="M28.831 14.875a.952.952 0 0 1 .966-.813H36c.68-.007 1.36.039 2.033.138l.534.1.483.125.241.075c.293.094.578.21.852.35a4.938 4.938 0 0 0-1.017-4.463C37.855 9.063 35.77 8.5 33.05 8.5h-7.904c-.557 0-1.03.397-1.118.938L20.736 29.95c-.03.193.028.39.157.539.13.148.318.235.517.236h4.88l1.27-7.638 1.271-8.212Z"
|
|
35
|
+
/>
|
|
36
|
+
<path
|
|
37
|
+
fill="#6B81DD"
|
|
38
|
+
d="M66.871 22.067c-.114.978-.476 1.733-1.085 2.267-.606.529-1.412.793-2.419.793-1.092 0-1.968-.392-2.628-1.174-.656-.783-.984-1.83-.984-3.142v-.89c0-.858.153-1.613.457-2.265.31-.652.745-1.151 1.308-1.498.563-.352 1.214-.527 1.955-.527.982 0 1.769.275 2.361.825.593.546.938 1.303 1.035 2.273h-1.225c-.106-.737-.336-1.27-.692-1.6-.351-.33-.844-.495-1.479-.495-.779 0-1.39.288-1.834.863-.44.576-.66 1.394-.66 2.457v.895c0 1.003.209 1.8.628 2.393.419.592 1.005.888 1.758.888.677 0 1.196-.152 1.555-.457.364-.309.606-.844.724-1.606h1.225Zm2.66-3.104c.52-.639 1.197-.958 2.031-.958 1.451 0 2.184.819 2.196 2.456V25h-1.174v-4.545c-.004-.495-.118-.861-.343-1.098-.22-.237-.565-.355-1.034-.355-.381 0-.716.101-1.003.304-.288.203-.512.47-.673.8V25h-1.175v-9.75h1.175v3.713Zm8.836 6.164c-.931 0-1.689-.305-2.273-.914-.584-.614-.876-1.433-.876-2.457v-.215c0-.682.13-1.289.388-1.822a3.048 3.048 0 0 1 1.091-1.257c.47-.305.978-.457 1.524-.457.893 0 1.587.294 2.082.882.495.588.742 1.43.742 2.527v.488h-4.652c.016.677.213 1.225.59 1.644.38.415.863.623 1.447.623.415 0 .766-.085 1.054-.254.288-.17.54-.394.755-.673l.718.558c-.576.885-1.44 1.327-2.59 1.327Zm-.146-6.157c-.474 0-.872.173-1.194.52-.321.343-.52.825-.596 1.448h3.44v-.09c-.034-.596-.195-1.057-.482-1.383-.288-.33-.677-.495-1.168-.495Zm6.944 5.199c.419 0 .785-.128 1.098-.381a1.34 1.34 0 0 0 .52-.953h1.111a2.129 2.129 0 0 1-.406 1.124 2.67 2.67 0 0 1-1.003.85 2.866 2.866 0 0 1-1.32.318c-.935 0-1.68-.311-2.234-.933-.55-.627-.825-1.481-.825-2.565v-.196c0-.669.122-1.264.368-1.784.245-.52.596-.925 1.053-1.213.462-.287 1.005-.431 1.632-.431.77 0 1.409.23 1.917.692.512.461.785 1.06.819 1.796h-1.111c-.034-.444-.203-.808-.508-1.092-.3-.287-.673-.431-1.117-.431-.597 0-1.06.216-1.39.647-.326.428-.49 1.048-.49 1.86v.222c0 .792.164 1.4.49 1.828.325.428.79.642 1.396.642Zm5.967-2.35-.737.769V25h-1.174v-9.75h1.174v5.897l.629-.755 2.14-2.26h1.427L91.92 21 94.902 25h-1.377l-2.393-3.18Zm4.36-.317c0-.672.132-1.278.394-1.815a2.988 2.988 0 0 1 1.105-1.244 3.023 3.023 0 0 1 1.618-.438c.936 0 1.691.324 2.266.971.58.648.87 1.509.87 2.584v.082c0 .669-.129 1.27-.387 1.803-.254.529-.62.941-1.098 1.238-.474.296-1.02.444-1.638.444-.93 0-1.686-.324-2.266-.971-.576-.648-.863-1.505-.863-2.571v-.083Zm1.181.14c0 .762.176 1.373.527 1.835.356.46.83.692 1.422.692.597 0 1.07-.233 1.422-.699.351-.47.527-1.125.527-1.968 0-.753-.18-1.362-.54-1.828a1.693 1.693 0 0 0-1.422-.704c-.58 0-1.047.23-1.402.692-.356.46-.534 1.121-.534 1.98Zm10.785 2.679c-.457.537-1.128.806-2.012.806-.732 0-1.291-.212-1.676-.635-.381-.427-.573-1.058-.578-1.891v-4.47h1.175v4.438c0 1.04.423 1.561 1.269 1.561.897 0 1.494-.334 1.79-1.003v-4.995h1.175V25h-1.118l-.025-.68Zm4.526-7.852v1.663h1.282v.908h-1.282v4.259c0 .275.057.482.171.622.115.135.309.203.584.203.136 0 .322-.025.559-.076V25c-.309.085-.61.127-.902.127-.524 0-.92-.159-1.187-.476-.266-.317-.399-.768-.399-1.352v-4.26h-1.251v-.907h1.251v-1.663h1.174Zm11.965 6.912 1.321-5.25h1.174l-2 6.869h-.952l-1.669-5.205L120.198 25h-.952l-1.994-6.868h1.168l1.352 5.141 1.6-5.141h.946l1.631 5.25Zm4.97 1.619h-1.174v-6.868h1.174V25Zm-1.269-8.69a.71.71 0 0 1 .171-.482c.119-.131.292-.197.521-.197.228 0 .402.066.52.197a.692.692 0 0 1 .178.482c0 .19-.059.35-.178.476-.118.127-.292.19-.52.19-.229 0-.402-.063-.521-.19a.686.686 0 0 1-.171-.476Zm4.748.159v1.663h1.282v.908h-1.282v4.259c0 .275.057.482.171.622.115.135.309.203.584.203.136 0 .322-.025.559-.076V25a3.404 3.404 0 0 1-.901.127c-.525 0-.921-.159-1.187-.476-.267-.317-.4-.768-.4-1.352v-4.26h-1.251v-.907h1.251v-1.663h1.174Zm3.834 2.494c.52-.639 1.198-.958 2.031-.958 1.452 0 2.184.819 2.196 2.456V25h-1.174v-4.545c-.004-.495-.118-.861-.343-1.098-.22-.237-.565-.355-1.034-.355-.381 0-.715.101-1.003.304-.288.203-.512.47-.673.8V25h-1.174v-9.75h1.174v3.713Zm10.613 2.419V25h-1.219v-9.242h3.409c1.012 0 1.803.258 2.374.774.576.517.863 1.2.863 2.05 0 .898-.281 1.59-.844 2.076-.558.483-1.36.724-2.406.724h-2.177Zm0-.997h2.19c.652 0 1.151-.152 1.498-.457.347-.309.521-.753.521-1.333 0-.55-.174-.99-.521-1.32-.347-.33-.823-.502-1.428-.514h-2.26v3.624ZM157.808 25c-.068-.135-.123-.377-.165-.724-.546.567-1.198.851-1.955.851-.678 0-1.234-.19-1.67-.571a1.87 1.87 0 0 1-.647-1.46c0-.715.27-1.27.812-1.663.546-.398 1.312-.597 2.298-.597h1.143v-.54c0-.41-.123-.736-.369-.977-.245-.246-.607-.368-1.085-.368-.419 0-.77.105-1.054.317-.283.212-.425.468-.425.768h-1.181c0-.343.121-.673.362-.99.246-.322.576-.576.99-.762.419-.186.878-.28 1.378-.28.791 0 1.411.2 1.86.598.448.393.681.937.698 1.63v3.162c0 .63.08 1.132.241 1.504V25h-1.231Zm-1.949-.895c.368 0 .717-.095 1.047-.286.33-.19.569-.438.718-.742v-1.41h-.921c-1.439 0-2.158.421-2.158 1.264 0 .368.123.656.368.863.246.207.561.311.946.311Zm6.925-.825 1.6-5.148h1.257l-2.762 7.928c-.427 1.143-1.106 1.714-2.037 1.714l-.222-.02-.438-.082v-.952l.317.026c.398 0 .707-.08.927-.242.224-.16.408-.455.552-.882l.26-.698-2.45-6.792h1.282l1.714 5.148Zm5.313-1.898V25h-1.219v-9.242h3.409c1.012 0 1.803.258 2.374.774.576.517.863 1.2.863 2.05 0 .898-.281 1.59-.844 2.076-.558.483-1.36.724-2.406.724h-2.177Zm0-.997h2.19c.652 0 1.151-.152 1.498-.457.347-.309.521-.753.521-1.333 0-.55-.174-.99-.521-1.32-.347-.33-.823-.502-1.428-.514h-2.26v3.624ZM179.06 25c-.068-.135-.123-.377-.165-.724-.546.567-1.198.851-1.956.851-.677 0-1.233-.19-1.669-.571a1.87 1.87 0 0 1-.647-1.46c0-.715.27-1.27.812-1.663.546-.398 1.312-.597 2.298-.597h1.142v-.54c0-.41-.122-.736-.368-.977-.245-.246-.607-.368-1.085-.368-.419 0-.77.105-1.054.317-.283.212-.425.468-.425.768h-1.181c0-.343.121-.673.362-.99a2.51 2.51 0 0 1 .99-.762c.419-.186.878-.28 1.378-.28.791 0 1.411.2 1.86.598.448.393.681.937.698 1.63v3.162c0 .63.08 1.132.241 1.504V25h-1.231Zm-1.949-.895c.368 0 .717-.095 1.047-.286.33-.19.569-.438.717-.742v-1.41h-.92c-1.439 0-2.158.421-2.158 1.264 0 .368.123.656.368.863.245.207.561.311.946.311Zm6.056.895h-1.175v-9.75h1.175V25Z"
|
|
39
|
+
/>
|
|
40
|
+
</svg>
|
|
41
|
+
)
|
|
42
|
+
}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
export function PayPalLightLarge(props) {
|
|
2
|
+
return (
|
|
3
|
+
<svg
|
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
5
|
+
width={61}
|
|
6
|
+
height={40}
|
|
7
|
+
fill="none"
|
|
8
|
+
{...props}
|
|
9
|
+
>
|
|
10
|
+
<rect width={61} height={40} fill="#fff" rx={4} />
|
|
11
|
+
<path
|
|
12
|
+
fill="#253D80"
|
|
13
|
+
d="m25.85 31.65.444-2.75H20.626l3.253-20.325a.261.261 0 0 1 .09-.163.308.308 0 0 1 .177-.062h7.892c2.63 0 4.435.537 5.388 1.6.422.446.716.994.852 1.588a5.437 5.437 0 0 1 0 2.187v.625l.445.25c.338.166.644.39.902.662.388.462.64 1.02.724 1.613.096.775.061 1.56-.101 2.325a8.016 8.016 0 0 1-.979 2.637 5.41 5.41 0 0 1-1.538 1.663 6.485 6.485 0 0 1-2.071.913c-.83.206-1.685.306-2.542.3h-.622c-.437 0-.86.15-1.195.424-.337.28-.559.671-.623 1.1v.25l-.775 4.85v.188c.01.033.01.067 0 .1h-.076l-3.978.025Z"
|
|
14
|
+
/>
|
|
15
|
+
<path
|
|
16
|
+
fill="#189BD7"
|
|
17
|
+
d="m39.141 13.85-.076.463c-1.042 5.25-4.613 7.074-9.163 7.074H27.59c-.556 0-1.03.397-1.118.938l-1.182 7.4-.343 2.1a.58.58 0 0 0 .136.469c.112.129.276.204.449.206h4.117c.488 0 .904-.35.979-.825v-.2l.775-4.838v-.262a.973.973 0 0 1 .966-.825h.673c3.978 0 7.104-1.588 8.007-6.25a5.23 5.23 0 0 0-.814-4.663 4.098 4.098 0 0 0-1.093-.787Z"
|
|
18
|
+
/>
|
|
19
|
+
<path
|
|
20
|
+
fill="#242E65"
|
|
21
|
+
d="m38.049 13.425-.483-.125-.534-.1A13.012 13.012 0 0 0 35 13.063h-6.202a.952.952 0 0 0-.966.813l-1.27 8.211v.238c.087-.54.561-.938 1.118-.938h2.313c4.55 0 8.12-1.825 9.162-7.075l.077-.462a5.762 5.762 0 0 0-.852-.35l-.33-.075Z"
|
|
22
|
+
/>
|
|
23
|
+
<path
|
|
24
|
+
fill="#253D80"
|
|
25
|
+
d="M27.831 13.875a.952.952 0 0 1 .966-.813H35c.68-.007 1.36.039 2.033.138l.534.1.483.125.241.075c.293.094.578.21.852.35a4.938 4.938 0 0 0-1.017-4.463C36.855 8.063 34.77 7.5 32.05 7.5h-7.904c-.557 0-1.03.397-1.118.938L19.736 28.95c-.03.193.028.39.157.539.13.148.318.235.517.236h4.88l1.27-7.638 1.271-8.212Z"
|
|
26
|
+
/>
|
|
27
|
+
</svg>
|
|
28
|
+
)
|
|
29
|
+
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
export function Phone(props) {
|
|
2
|
+
return (
|
|
3
|
+
<svg
|
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
5
|
+
width={16}
|
|
6
|
+
height={16}
|
|
7
|
+
fill="none"
|
|
8
|
+
{...props}
|
|
9
|
+
>
|
|
10
|
+
<mask
|
|
11
|
+
id="a"
|
|
12
|
+
width={16}
|
|
13
|
+
height={16}
|
|
14
|
+
x={0}
|
|
15
|
+
y={0}
|
|
16
|
+
maskUnits="userSpaceOnUse"
|
|
17
|
+
style={{
|
|
18
|
+
masktype: '"',
|
|
19
|
+
}}
|
|
20
|
+
>
|
|
21
|
+
<path
|
|
22
|
+
stroke="#000"
|
|
23
|
+
d="M11.333 1.333H4.667c-.737 0-1.334.597-1.334 1.334v10.666c0 .737.597 1.334 1.334 1.334h6.666c.737 0 1.334-.597 1.334-1.334V2.667c0-.737-.597-1.334-1.334-1.334ZM8 12h.008"
|
|
24
|
+
/>
|
|
25
|
+
</mask>
|
|
26
|
+
<g mask="url(#a)">
|
|
27
|
+
<path fill="#1F7499" d="M0 0h16v16H0z" />
|
|
28
|
+
</g>
|
|
29
|
+
</svg>
|
|
30
|
+
)
|
|
31
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export function Play(props) {
|
|
2
|
+
return (
|
|
3
|
+
<svg
|
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
5
|
+
width={16}
|
|
6
|
+
height={16}
|
|
7
|
+
fill="none"
|
|
8
|
+
{...props}
|
|
9
|
+
>
|
|
10
|
+
<mask
|
|
11
|
+
id="a"
|
|
12
|
+
width={16}
|
|
13
|
+
height={16}
|
|
14
|
+
x={0}
|
|
15
|
+
y={0}
|
|
16
|
+
mask-type="alpha"
|
|
17
|
+
maskUnits="userSpaceOnUse"
|
|
18
|
+
>
|
|
19
|
+
<path stroke="#000" d="M3.444 1.857 13 8l-9.556 6.143V1.857Z" />
|
|
20
|
+
</mask>
|
|
21
|
+
<g mask="url(#a)">
|
|
22
|
+
<path fill="#00B031" d="M0 0h16v16H0z" />
|
|
23
|
+
</g>
|
|
24
|
+
</svg>
|
|
25
|
+
)
|
|
26
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export function Plus(props) {
|
|
2
|
+
return (
|
|
3
|
+
<svg
|
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
5
|
+
width={16}
|
|
6
|
+
height={16}
|
|
7
|
+
fill="none"
|
|
8
|
+
{...props}
|
|
9
|
+
>
|
|
10
|
+
<mask
|
|
11
|
+
id="a"
|
|
12
|
+
width={16}
|
|
13
|
+
height={16}
|
|
14
|
+
x={0}
|
|
15
|
+
y={0}
|
|
16
|
+
mask-type="alpha"
|
|
17
|
+
maskUnits="userSpaceOnUse"
|
|
18
|
+
>
|
|
19
|
+
<path stroke="#1E1E2D" d="M8 3.333v9.334M3.333 8h9.334" />
|
|
20
|
+
</mask>
|
|
21
|
+
<g mask="url(#a)">
|
|
22
|
+
<path fill="#1E1E2D" d="M0 0h16v16H0z" />
|
|
23
|
+
</g>
|
|
24
|
+
</svg>
|
|
25
|
+
)
|
|
26
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export function Profile(props) {
|
|
2
|
+
return (
|
|
3
|
+
<svg
|
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
5
|
+
width={24}
|
|
6
|
+
height={24}
|
|
7
|
+
fill="none"
|
|
8
|
+
{...props}
|
|
9
|
+
>
|
|
10
|
+
<circle cx={12} cy={12} r={12} fill="#F4F6FF" />
|
|
11
|
+
<path
|
|
12
|
+
stroke="#9AA0B9"
|
|
13
|
+
d="M17.333 18v-1.333A2.667 2.667 0 0 0 14.667 14H9.333a2.667 2.667 0 0 0-2.666 2.667V18M12 11.333A2.667 2.667 0 1 0 12 6a2.667 2.667 0 0 0 0 5.333Z"
|
|
14
|
+
/>
|
|
15
|
+
</svg>
|
|
16
|
+
)
|
|
17
|
+
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
export function QRCode(props) {
|
|
2
|
+
return (
|
|
3
|
+
<svg
|
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
5
|
+
xmlnsXlink="http://www.w3.org/1999/xlink"
|
|
6
|
+
width={168}
|
|
7
|
+
height={168}
|
|
8
|
+
fill="none"
|
|
9
|
+
{...props}
|
|
10
|
+
>
|
|
11
|
+
<path fill="url(#a)" stroke="#E2E5EC" d="M.5.5h167v167H.5z" />
|
|
12
|
+
<defs>
|
|
13
|
+
<pattern
|
|
14
|
+
id="a"
|
|
15
|
+
width={1}
|
|
16
|
+
height={1}
|
|
17
|
+
patternContentUnits="objectBoundingBox"
|
|
18
|
+
>
|
|
19
|
+
<use xlinkHref="#b" transform="scale(.0039)" />
|
|
20
|
+
</pattern>
|
|
21
|
+
<image
|
|
22
|
+
xlinkHref="data:image/png;base64,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"
|
|
23
|
+
id="b"
|
|
24
|
+
width={256}
|
|
25
|
+
height={256}
|
|
26
|
+
/>
|
|
27
|
+
</defs>
|
|
28
|
+
</svg>
|
|
29
|
+
)
|
|
30
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export function Revert(props) {
|
|
2
|
+
return (
|
|
3
|
+
<svg
|
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
5
|
+
width={16}
|
|
6
|
+
height={16}
|
|
7
|
+
fill="none"
|
|
8
|
+
{...props}
|
|
9
|
+
>
|
|
10
|
+
<path stroke="#000" d="M1 3v4h4" />
|
|
11
|
+
<path stroke="#F06D8D" d="M2.34 10a6 6 0 1 0 1.42-6.24S2.5 5 2 6.5" />
|
|
12
|
+
</svg>
|
|
13
|
+
)
|
|
14
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export function Star(props) {
|
|
2
|
+
return (
|
|
3
|
+
<svg
|
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
5
|
+
xmlSpace="preserve"
|
|
6
|
+
viewBox="0 0 16 16"
|
|
7
|
+
{...props}
|
|
8
|
+
>
|
|
9
|
+
<path
|
|
10
|
+
fill="#F59A2F"
|
|
11
|
+
d="m8 .1 2.5 5 5.5.8-3.9 3.8 1 5.5-5-2.6-4.9 2.6 1-5.5L0 5.9l5.5-.8L8 .1z"
|
|
12
|
+
/>
|
|
13
|
+
</svg>
|
|
14
|
+
)
|
|
15
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export function Star2(props) {
|
|
2
|
+
return (
|
|
3
|
+
<svg
|
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
5
|
+
xmlSpace="preserve"
|
|
6
|
+
viewBox="0 0 16 16"
|
|
7
|
+
{...props}
|
|
8
|
+
>
|
|
9
|
+
<path
|
|
10
|
+
fill="none"
|
|
11
|
+
stroke="#9AA0B9"
|
|
12
|
+
strokeMiterlimit={10}
|
|
13
|
+
d="m8 1.2 2.1 4.2 4.6.7-3.3 3.2.8 4.6L8 11.7l-4.1 2.2.8-4.6-3.4-3.2 4.6-.7L8 1.2z"
|
|
14
|
+
/>
|
|
15
|
+
</svg>
|
|
16
|
+
)
|
|
17
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export function TrafficSources(props) {
|
|
2
|
+
return (
|
|
3
|
+
<svg
|
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
5
|
+
xmlSpace="preserve"
|
|
6
|
+
viewBox="0 0 16 16"
|
|
7
|
+
{...props}
|
|
8
|
+
>
|
|
9
|
+
<g fill="none" stroke="#9AA0B9">
|
|
10
|
+
<path d="M4.7 10.7 8 14l3.3-3.3" />
|
|
11
|
+
<path d="M.7 2.7h4.7c.7 0 1.4.3 1.9.8.4.4.7 1.1.7 1.8v8M15.3 2.7h-4.7c-.7 0-1.4.3-1.9.8S8 4.6 8 5.3v8" />
|
|
12
|
+
</g>
|
|
13
|
+
</svg>
|
|
14
|
+
)
|
|
15
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export function Trash(props) {
|
|
2
|
+
return (
|
|
3
|
+
<svg
|
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
5
|
+
xmlSpace="preserve"
|
|
6
|
+
viewBox="0 0 16 16"
|
|
7
|
+
{...props}
|
|
8
|
+
>
|
|
9
|
+
<path
|
|
10
|
+
fill="none"
|
|
11
|
+
stroke="currentColor"
|
|
12
|
+
d="M2 4h12M5.3 4V2.7c0-.4.1-.7.4-.9.3-.3.6-.5 1-.5h2.7c.4 0 .7.1.9.4.3.3.4.6.4.9V4m2 0v9.3c0 .4-.1.7-.4.9-.3.3-.6.4-.9.4H4.7c-.4 0-.7-.1-.9-.4-.3-.3-.4-.6-.4-.9V4h9.3zM6.7 7.3v4M9.3 7.3v4"
|
|
13
|
+
/>
|
|
14
|
+
</svg>
|
|
15
|
+
)
|
|
16
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export function TrashRed(props) {
|
|
2
|
+
return (
|
|
3
|
+
<svg
|
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
5
|
+
xmlSpace="preserve"
|
|
6
|
+
viewBox="0 0 16 16"
|
|
7
|
+
{...props}
|
|
8
|
+
>
|
|
9
|
+
<path
|
|
10
|
+
fill="none"
|
|
11
|
+
stroke="#F06D8D"
|
|
12
|
+
d="M2 4h12M5.3 4V2.7c0-.4.1-.7.4-.9.3-.3.6-.5 1-.5h2.7c.4 0 .7.1.9.4.3.3.4.6.4.9V4m2 0v9.3c0 .4-.1.7-.4.9-.3.3-.6.4-.9.4H4.7c-.4 0-.7-.1-.9-.4-.3-.3-.4-.6-.4-.9V4h9.3zM6.7 7.3v4M9.3 7.3v4"
|
|
13
|
+
/>
|
|
14
|
+
</svg>
|
|
15
|
+
)
|
|
16
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export function Triggers(props) {
|
|
2
|
+
return (
|
|
3
|
+
<svg
|
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
5
|
+
xmlSpace="preserve"
|
|
6
|
+
viewBox="0 0 24 24"
|
|
7
|
+
{...props}
|
|
8
|
+
>
|
|
9
|
+
<path
|
|
10
|
+
fill="none"
|
|
11
|
+
stroke="#9AA0B9"
|
|
12
|
+
d="M4 21v-7M4 10V3M12 21v-9M12 8V3M20 21v-5M20 12V3M1 14h6M9 8h6M17 16h6"
|
|
13
|
+
/>
|
|
14
|
+
</svg>
|
|
15
|
+
)
|
|
16
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export function User(props) {
|
|
2
|
+
return (
|
|
3
|
+
<svg
|
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
5
|
+
xmlSpace="preserve"
|
|
6
|
+
id="Layer_1"
|
|
7
|
+
x={0}
|
|
8
|
+
y={0}
|
|
9
|
+
style={{
|
|
10
|
+
enableBackground: 'new 0 0 16 16',
|
|
11
|
+
}}
|
|
12
|
+
viewBox="0 0 16 16"
|
|
13
|
+
{...props}
|
|
14
|
+
>
|
|
15
|
+
<style>
|
|
16
|
+
{
|
|
17
|
+
'.st0{fill:none;stroke:#9aa0b9;strokeWidth:1.07;strokeLinecap:round;strokeLinejoin:round}'
|
|
18
|
+
}
|
|
19
|
+
</style>
|
|
20
|
+
<path
|
|
21
|
+
d="M13.3 14v-1.3a2.732 2.732 0 0 0-2.7-2.7H5.3a2.732 2.732 0 0 0-2.7 2.7V14M8 7.3c1.5 0 2.7-1.2 2.7-2.7S9.5 2 8 2 5.3 3.2 5.3 4.7 6.5 7.3 8 7.3z"
|
|
22
|
+
className="st0"
|
|
23
|
+
/>
|
|
24
|
+
</svg>
|
|
25
|
+
)
|
|
26
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
export function Visa(props) {
|
|
2
|
+
return (
|
|
3
|
+
<svg
|
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
5
|
+
width={38}
|
|
6
|
+
height={24}
|
|
7
|
+
fill="none"
|
|
8
|
+
{...props}
|
|
9
|
+
>
|
|
10
|
+
<g fillRule="evenodd" clipPath="url(#a)" clipRule="evenodd">
|
|
11
|
+
<path
|
|
12
|
+
fill="#fff"
|
|
13
|
+
d="M0 1.784C0 .799.799 0 1.784 0H36.27c.985 0 1.784.799 1.784 1.784v21.405c0 .985-.799 1.784-1.784 1.784H1.784A1.784 1.784 0 0 1 0 23.189V1.784Z"
|
|
14
|
+
/>
|
|
15
|
+
<path
|
|
16
|
+
fill="#0071CE"
|
|
17
|
+
d="M23.325 9.21a4.132 4.132 0 0 0-1.543-.291c-1.702 0-2.9.938-2.91 2.281-.01.994.855 1.548 1.508 1.878.67.339.896.555.893.858-.004.463-.535.675-1.03.675-.69 0-1.055-.104-1.622-.363l-.221-.11-.24 1.548c.4.192 1.145.36 1.917.368 1.81 0 2.984-.927 2.998-2.36.006-.789-.452-1.386-1.446-1.88-.601-.32-.97-.532-.966-.856 0-.288.311-.595.986-.595.563-.01.97.125 1.288.265l.155.08.233-1.499Zm-7.966 6.742 1.077-6.913h1.721l-1.077 6.913H15.36Zm10.944-4.383s-.543 1.535-.685 1.932h1.429c-.068-.346-.399-1.995-.399-1.995l-.116-.597c-.046.137-.11.318-.158.456v.001a4.467 4.467 0 0 0-.07.203Zm1.438-2.523h-1.33c-.413 0-.722.123-.902.573l-2.557 6.335h1.808s.295-.852.362-1.04l.994.002 1.211.002c.052.242.21 1.036.21 1.036h1.598L27.74 9.046Zm-13.826 0-1.685 4.712-.18-.958-.001-.003-.603-3.173c-.104-.438-.407-.568-.78-.583H7.888l-.023.143c.676.179 1.28.437 1.81.758l1.53 6.004 1.822-.002 2.711-6.899h-1.824Z"
|
|
18
|
+
/>
|
|
19
|
+
<path
|
|
20
|
+
fill="#E5E5E5"
|
|
21
|
+
fillOpacity={0.01}
|
|
22
|
+
d="M0 1.784C0 .799.799 0 1.784 0H36.27c.985 0 1.784.799 1.784 1.784v21.405c0 .985-.799 1.784-1.784 1.784H1.784A1.784 1.784 0 0 1 0 23.189V1.784Z"
|
|
23
|
+
/>
|
|
24
|
+
</g>
|
|
25
|
+
<defs>
|
|
26
|
+
<clipPath id="a">
|
|
27
|
+
<path fill="#fff" d="M0 0h38v24H0z" />
|
|
28
|
+
</clipPath>
|
|
29
|
+
</defs>
|
|
30
|
+
</svg>
|
|
31
|
+
)
|
|
32
|
+
}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import cn from 'classnames';
|
|
2
|
+
|
|
3
|
+
import Label from '../../Atomic/FormElements/Label/Label';
|
|
4
|
+
|
|
5
|
+
import Alert from './../../Atomic/UI/Alert/Alert';
|
|
6
|
+
|
|
7
|
+
import './FormElement.scss';
|
|
8
|
+
|
|
9
|
+
const RC = 'form-element';
|
|
10
|
+
|
|
11
|
+
function FormElement({
|
|
12
|
+
label,
|
|
13
|
+
required,
|
|
14
|
+
children,
|
|
15
|
+
error,
|
|
16
|
+
className,
|
|
17
|
+
hint,
|
|
18
|
+
isLabelBolt,
|
|
19
|
+
isNoLabel,
|
|
20
|
+
alert,
|
|
21
|
+
onClickHintCallback,
|
|
22
|
+
note,
|
|
23
|
+
}) {
|
|
24
|
+
return (
|
|
25
|
+
<div className={cn(className, RC)}>
|
|
26
|
+
{label && !isNoLabel && (
|
|
27
|
+
<Label
|
|
28
|
+
className={`${RC}__label`}
|
|
29
|
+
label={label}
|
|
30
|
+
hint={hint}
|
|
31
|
+
note={note}
|
|
32
|
+
isRequired={required}
|
|
33
|
+
isLabelBolt={isLabelBolt}
|
|
34
|
+
onClickHintCallback={onClickHintCallback}
|
|
35
|
+
/>
|
|
36
|
+
)}
|
|
37
|
+
{children}
|
|
38
|
+
{error && (
|
|
39
|
+
<span
|
|
40
|
+
className={cn(`${RC}__error`, {
|
|
41
|
+
[`${RC}__error--with-alert`]: alert,
|
|
42
|
+
})}
|
|
43
|
+
>
|
|
44
|
+
{error}
|
|
45
|
+
</span>
|
|
46
|
+
)}
|
|
47
|
+
{alert && <Alert className={`${RC}__alert`} {...alert} />}
|
|
48
|
+
</div>
|
|
49
|
+
);
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
export default FormElement;
|
|
@@ -0,0 +1,161 @@
|
|
|
1
|
+
import cn from 'classnames';
|
|
2
|
+
|
|
3
|
+
// global
|
|
4
|
+
import { useEffect, useState } from 'react';
|
|
5
|
+
|
|
6
|
+
import useFormFieldsChangesManager from '../../Functions/hooks/useFormFieldsChangesManager';
|
|
7
|
+
import { clone, getIsOnlyAnObject } from '../../Functions/utils';
|
|
8
|
+
|
|
9
|
+
// local functions
|
|
10
|
+
import { getDependOnStarter } from './partials/_utils';
|
|
11
|
+
|
|
12
|
+
const RC = 'form-with-depend-on';
|
|
13
|
+
|
|
14
|
+
function FormWithDependOn({ ref, form, formId, setForm, getActualForm: getActualFormOuter, onChange, renderField, getAnotherActions, className, isInitializeByDependOn, isFormDisabled, typeOfUse = 'default' }) {
|
|
15
|
+
// ? Прихраниваем состояние формы на момент входа
|
|
16
|
+
const [initialForm] = useState(clone(form));
|
|
17
|
+
|
|
18
|
+
const safelySetForm = typeof setForm === 'function' ? setForm : () => {};
|
|
19
|
+
const safelyOnChange = typeof onChange === 'function' ? onChange : () => {};
|
|
20
|
+
|
|
21
|
+
const getActualForm = typeof getActualFormOuter === 'function' ? getActualFormOuter : () => form;
|
|
22
|
+
|
|
23
|
+
const { assignChangesToField } = useFormFieldsChangesManager({
|
|
24
|
+
form: Array.isArray(form) ? form : [],
|
|
25
|
+
setForm: safelySetForm,
|
|
26
|
+
});
|
|
27
|
+
|
|
28
|
+
const assign = assignChangesToField;
|
|
29
|
+
|
|
30
|
+
// ***** handlers *****
|
|
31
|
+
|
|
32
|
+
const anotherActions = typeof getAnotherActions === 'function'
|
|
33
|
+
? getAnotherActions({ setForm, assign, getActualForm })
|
|
34
|
+
: {};
|
|
35
|
+
|
|
36
|
+
const getMainOfAdditional = (onChange, additionalOfOnChange) => ({
|
|
37
|
+
formId,
|
|
38
|
+
actions: anotherActions,
|
|
39
|
+
isInit: true,
|
|
40
|
+
...(getIsOnlyAnObject(additionalOfOnChange) ? additionalOfOnChange : {}),
|
|
41
|
+
onChange,
|
|
42
|
+
setForm: safelySetForm,
|
|
43
|
+
assign,
|
|
44
|
+
getActualForm,
|
|
45
|
+
initialForm,
|
|
46
|
+
typeOfUse,
|
|
47
|
+
});
|
|
48
|
+
|
|
49
|
+
const startDependOn = getDependOnStarter({ assign, getActualForm });
|
|
50
|
+
|
|
51
|
+
// ? Местный handleChange добавляет логику dependOn к верхнему onChange,
|
|
52
|
+
// ? а так же запускает прочие экшены, из объекта методов, возвращаемым getAnotherActions
|
|
53
|
+
const handleChange = (
|
|
54
|
+
newValue,
|
|
55
|
+
fieldKey,
|
|
56
|
+
propKey,
|
|
57
|
+
additionalOfOnChange,
|
|
58
|
+
) => {
|
|
59
|
+
const {
|
|
60
|
+
updatedForm = null,
|
|
61
|
+
isMakeChangesAnyway = false,
|
|
62
|
+
isUseActualForm = false,
|
|
63
|
+
} = getIsOnlyAnObject(additionalOfOnChange) ? additionalOfOnChange : {};
|
|
64
|
+
|
|
65
|
+
const currentForm = clone(
|
|
66
|
+
(() => {
|
|
67
|
+
if (isUseActualForm) return getActualForm();
|
|
68
|
+
return Array.isArray(updatedForm) ? updatedForm : form;
|
|
69
|
+
})(),
|
|
70
|
+
);
|
|
71
|
+
|
|
72
|
+
const currField = clone(currentForm.find(field => field.key === fieldKey));
|
|
73
|
+
|
|
74
|
+
// ? Защита от дублирующих вызовов onChange снизу
|
|
75
|
+
// ? "Если newValue такое же как уже есть и нет флага "применять изменения всегда""
|
|
76
|
+
// ! (*) - Важно !
|
|
77
|
+
// ! Отключайте прямую мутацию на уровне проектного FormItem (в каждом филде указать isNotUseInnerHandler: true)
|
|
78
|
+
// ! т.к. тот хендлер запускатся раньше и сюда филд доходит с измененным значением,
|
|
79
|
+
// ! а значит не пройдет эту if-ку
|
|
80
|
+
if (currField[propKey || 'value'] === newValue && !isMakeChangesAnyway) return;
|
|
81
|
+
|
|
82
|
+
// ? Сразу же мутируем
|
|
83
|
+
safelyOnChange(newValue, fieldKey, propKey, { ...additionalOfOnChange, updatedForm: currentForm });
|
|
84
|
+
|
|
85
|
+
// ? Механика dependOn (обработка зависимостей)
|
|
86
|
+
// ? В текущей реализации отделил от экшена all.
|
|
87
|
+
|
|
88
|
+
startDependOn({
|
|
89
|
+
newValue,
|
|
90
|
+
fieldKey,
|
|
91
|
+
propKey,
|
|
92
|
+
field: currField,
|
|
93
|
+
form: currentForm,
|
|
94
|
+
additional: getMainOfAdditional(handleChange, additionalOfOnChange),
|
|
95
|
+
});
|
|
96
|
+
|
|
97
|
+
// ? Если в объекте методов возвращаемом getAnotherActions есть метод all, то он запускается отдельно
|
|
98
|
+
if (typeof anotherActions.all === 'function') {
|
|
99
|
+
anotherActions.all({
|
|
100
|
+
newValue,
|
|
101
|
+
fieldKey,
|
|
102
|
+
propKey,
|
|
103
|
+
field: currField,
|
|
104
|
+
form: currentForm,
|
|
105
|
+
additional: getMainOfAdditional(handleChange, additionalOfOnChange),
|
|
106
|
+
});
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
if (fieldKey in anotherActions && typeof anotherActions[fieldKey] === 'function') {
|
|
110
|
+
const postChanges = anotherActions[fieldKey]({
|
|
111
|
+
newValue,
|
|
112
|
+
fieldKey,
|
|
113
|
+
propKey,
|
|
114
|
+
field: currField,
|
|
115
|
+
form: currentForm,
|
|
116
|
+
additional: getMainOfAdditional(handleChange, additionalOfOnChange),
|
|
117
|
+
});
|
|
118
|
+
|
|
119
|
+
if (postChanges) assign(postChanges, fieldKey);
|
|
120
|
+
}
|
|
121
|
+
};
|
|
122
|
+
|
|
123
|
+
// ***** useEffects *****
|
|
124
|
+
|
|
125
|
+
useEffect(() => {
|
|
126
|
+
if (isInitializeByDependOn && typeof setForm === 'function' && typeof onChange === 'function') {
|
|
127
|
+
form.forEach((field) => {
|
|
128
|
+
startDependOn({
|
|
129
|
+
newValue: field.value,
|
|
130
|
+
fieldKey: field.key,
|
|
131
|
+
field,
|
|
132
|
+
form,
|
|
133
|
+
additional: {
|
|
134
|
+
...getMainOfAdditional(handleChange),
|
|
135
|
+
isInitialization: true,
|
|
136
|
+
isInit: false,
|
|
137
|
+
},
|
|
138
|
+
});
|
|
139
|
+
});
|
|
140
|
+
}
|
|
141
|
+
}, [isInitializeByDependOn]);
|
|
142
|
+
|
|
143
|
+
// ***** output *****
|
|
144
|
+
return (
|
|
145
|
+
<div {...(formId ? { id: formId } : {})} className={cn(RC, className)}>
|
|
146
|
+
{typeof renderField === 'function'
|
|
147
|
+
? form.map(field =>
|
|
148
|
+
renderField({
|
|
149
|
+
...getMainOfAdditional(handleChange),
|
|
150
|
+
field: {
|
|
151
|
+
...field,
|
|
152
|
+
disabled: Boolean(isFormDisabled || field.disabled),
|
|
153
|
+
},
|
|
154
|
+
}),
|
|
155
|
+
)
|
|
156
|
+
: null}
|
|
157
|
+
</div>
|
|
158
|
+
);
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
export default FormWithDependOn;
|