npm - @procivis/one-react-native-components - Versions diffs - 0.1.63 → 0.3.22 - Mend

@procivis/one-react-native-components 0.1.63 → 0.3.22

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.

Files changed (1697) hide show

package/lib/module/ui-components/icons/nerd-view.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["React","Svg","Path","Rect","useAppColorScheme","OpenLinkIcon","colorScheme","createElement","fill","height","viewBox","width","white","fillOpacity","rx","d","opacity","CopyContentIcon","props","color","CredentialValidIcon","stroke","strokeOpacity","strokeWidth","CredentialSuspendedIcon","CredentialSuspendedTempIcon"],"sources":["nerd-view.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport Svg, { Path, Rect, SvgProps } from 'react-native-svg';\n\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\n// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=465-117924&mode=dev\nexport const OpenLinkIcon: FC<SvgProps> = () => {\n const colorScheme = useAppColorScheme();\n\n return (\n <Svg fill=\"none\" height={24} viewBox=\"0 0 24 24\" width={24}>\n <Rect fill={colorScheme.white} fillOpacity={0.08} height={24} rx={12} width={24} />\n <Path\n d=\"M8.07617 19.2764C7.36068 19.2764 6.82292 19.0986 6.46289 18.7432C6.10742 18.3923 5.92969 17.8636 5.92969 17.1572V10.335C5.92969 9.62858 6.10742 9.09993 6.46289 8.74902C6.82292 8.39355 7.36068 8.21582 8.07617 8.21582H10.1338V9.31641H8.08984C7.74805 9.31641 7.486 9.40755 7.30371 9.58984C7.12142 9.77214 7.03027 10.041 7.03027 10.3965V17.0957C7.03027 17.4512 7.12142 17.7201 7.30371 17.9023C7.486 18.0846 7.74805 18.1758 8.08984 18.1758H15.8965C16.2337 18.1758 16.4958 18.0846 16.6826 17.9023C16.8695 17.7201 16.9629 17.4512 16.9629 17.0957V10.3965C16.9629 10.041 16.8695 9.77214 16.6826 9.58984C16.4958 9.40755 16.2337 9.31641 15.8965 9.31641H13.8594V8.21582H15.917C16.6325 8.21582 17.168 8.39355 17.5234 8.74902C17.8835 9.10449 18.0635 9.63314 18.0635 10.335V17.1572C18.0635 17.859 17.8835 18.3877 17.5234 18.7432C17.168 19.0986 16.6325 19.2764 15.917 19.2764H8.07617ZM11.9932 13.9238C11.8473 13.9238 11.7197 13.8714 11.6104 13.7666C11.5055 13.6618 11.4531 13.5365 11.4531 13.3906V6.37012L11.4941 5.34473L11.0293 5.83008L9.99707 6.9375C9.90137 7.04688 9.77604 7.10156 9.62109 7.10156C9.47526 7.10156 9.35677 7.05599 9.26562 6.96484C9.17448 6.8737 9.12891 6.75749 9.12891 6.61621C9.12891 6.48861 9.18132 6.37012 9.28613 6.26074L11.5967 4.03223C11.6696 3.96387 11.7357 3.91602 11.7949 3.88867C11.8587 3.86133 11.9248 3.84766 11.9932 3.84766C12.0661 3.84766 12.1322 3.86133 12.1914 3.88867C12.2552 3.91602 12.3213 3.96387 12.3896 4.03223L14.7002 6.26074C14.8096 6.37012 14.8643 6.48861 14.8643 6.61621C14.8643 6.75749 14.8164 6.8737 14.7207 6.96484C14.625 7.05599 14.5065 7.10156 14.3652 7.10156C14.2148 7.10156 14.0918 7.04688 13.9961 6.9375L12.957 5.83008L12.499 5.34473L12.54 6.37012V13.3906C12.54 13.5365 12.4854 13.6618 12.376 13.7666C12.2712 13.8714 12.1436 13.9238 11.9932 13.9238Z\"\n fill={colorScheme.white}\n opacity={0.9}\n />\n </Svg>\n );\n};\n\n// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=465-111516&mode=dev\nexport const CopyContentIcon: FC<SvgProps> = (props) => {\n const colorScheme = useAppColorScheme();\n const { color = colorScheme.white } = props;\n\n return (\n <Svg height={24} width={24}>\n <Rect fill=\"rgba(255, 255, 255, 0.08)\" fillOpacity={0.08} height={24} rx={12} width={24} />\n <Path\n d=\"M8.32227 7.50488V5.60449C8.32227 4.889 8.49772 4.35352 8.84863 3.99805C9.2041 3.63802 9.73503 3.45801 10.4414 3.45801H16.8672C17.5736 3.45801 18.1022 3.63802 18.4531 3.99805C18.8086 4.35807 18.9863 4.89355 18.9863 5.60449V15.0996C18.9863 15.8105 18.8086 16.346 18.4531 16.7061C18.1022 17.0661 17.5736 17.2461 16.8672 17.2461H15.3496V12.4678L10.4346 7.50488H8.32227ZM11.9863 5.80273H15.3223C15.4681 5.80273 15.5775 5.76172 15.6504 5.67969C15.7233 5.59766 15.7598 5.50423 15.7598 5.39941V5.25586C15.7598 5.15104 15.7233 5.05762 15.6504 4.97559C15.5775 4.89355 15.4681 4.85254 15.3223 4.85254H11.9863C11.8359 4.85254 11.7243 4.89355 11.6514 4.97559C11.583 5.05762 11.5488 5.15104 11.5488 5.25586V5.39941C11.5488 5.50423 11.583 5.59766 11.6514 5.67969C11.7243 5.76172 11.8359 5.80273 11.9863 5.80273ZM5.00684 18.5107V9.01562C5.00684 8.30469 5.18229 7.76921 5.5332 7.40918C5.88867 7.04915 6.4196 6.86914 7.12598 6.86914H9.53906C9.92188 6.86914 10.2386 6.91016 10.4893 6.99219C10.7399 7.07422 10.9951 7.24967 11.2549 7.51855L15.0215 11.3535C15.2038 11.5404 15.3405 11.7181 15.4316 11.8867C15.5273 12.0508 15.5911 12.2331 15.623 12.4336C15.6549 12.6341 15.6709 12.8802 15.6709 13.1719V18.5107C15.6709 19.2217 15.4932 19.7572 15.1377 20.1172C14.7868 20.4772 14.2581 20.6572 13.5518 20.6572H7.12598C6.4196 20.6572 5.88867 20.4772 5.5332 20.1172C5.18229 19.7617 5.00684 19.2262 5.00684 18.5107ZM6.10742 18.4902C6.10742 18.832 6.19629 19.0941 6.37402 19.2764C6.55632 19.4632 6.82292 19.5566 7.17383 19.5566H13.4971C13.848 19.5566 14.1146 19.4632 14.2969 19.2764C14.4792 19.0941 14.5703 18.832 14.5703 18.4902V13.2266H10.708C10.2842 13.2266 9.96289 13.1195 9.74414 12.9053C9.52995 12.6911 9.42285 12.3675 9.42285 11.9346V7.96973H7.18066C6.8252 7.96973 6.55632 8.06315 6.37402 8.25C6.19629 8.43229 6.10742 8.69206 6.10742 9.0293V18.4902ZM10.8379 12.1943H14.3584L10.4551 8.22266V11.8115C10.4551 11.9482 10.4847 12.0462 10.5439 12.1055C10.6032 12.1647 10.7012 12.1943 10.8379 12.1943Z\"\n fill={color}\n opacity={0.9}\n />\n </Svg>\n );\n};\n\n// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=454-100241&mode=dev\nexport const CredentialValidIcon = (\n <Svg fill=\"none\" height={22} viewBox=\"0 0 22 22\" width={22}>\n <Path\n d=\"M10.5747 20C9.40153 20 8.29753 19.7759 7.2627 19.3276C6.22786 18.8849 5.31478 18.2679 4.52344 17.4766C3.73763 16.6852 3.12061 15.7721 2.67236 14.7373C2.22412 13.7025 2 12.5985 2 11.4253C2 10.2521 2.22412 9.14811 2.67236 8.11328C3.12061 7.07845 3.73763 6.16813 4.52344 5.38232C5.31478 4.59098 6.2251 3.97119 7.25439 3.52295C8.28923 3.07471 9.39323 2.85059 10.5664 2.85059C11.7451 2.85059 12.8519 3.07471 13.8867 3.52295C14.9215 3.97119 15.8346 4.59098 16.626 5.38232C17.4173 6.16813 18.0371 7.07845 18.4854 8.11328C18.9336 9.14811 19.1577 10.2521 19.1577 11.4253C19.1577 12.5985 18.9336 13.7025 18.4854 14.7373C18.0371 15.7721 17.4173 16.6852 16.626 17.4766C15.8346 18.2679 14.9215 18.8849 13.8867 19.3276C12.8519 19.7759 11.7479 20 10.5747 20Z\"\n fill=\"#00D066\"\n />\n <Path\n d=\"M3.81385 18.1812L3.81633 18.1837C4.69776 19.0651 5.71679 19.7536 6.86722 20.2461C8.032 20.7503 9.27117 21 10.5747 21C11.8782 21 13.1174 20.7503 14.2821 20.2461C15.4326 19.7537 16.4516 19.0651 17.3331 18.1837C18.2142 17.3026 18.9051 16.2842 19.403 15.1348C19.9077 13.9694 20.1577 12.7296 20.1577 11.4253C20.1577 10.121 19.9077 8.88117 19.403 7.71581C18.905 6.56624 18.2138 5.55009 17.3318 4.67398C16.451 3.79349 15.4331 3.103 14.2842 2.60533C13.1182 2.10029 11.8755 1.85059 10.5664 1.85059C9.26213 1.85059 8.02228 2.10055 6.85692 2.60533L6.85513 2.60611C5.71136 3.10421 4.69653 3.79502 3.81633 4.67522C2.94015 5.5514 2.25228 6.56718 1.75475 7.71581C1.24997 8.88117 1 10.121 1 11.4253C1 12.7296 1.24997 13.9694 1.75475 15.1348C2.252 16.2828 2.93915 17.3003 3.81385 18.1812Z\"\n stroke=\"white\"\n strokeOpacity=\"0.2\"\n strokeWidth=\"2\"\n />\n <Path\n d=\"M9.91406 15.3828C10.0703 15.3828 10.2135 15.3464 10.3438 15.2734C10.4792 15.1953 10.5938 15.0885 10.6875 14.9531L14.3359 9.3125C14.3932 9.22396 14.4401 9.13021 14.4766 9.03125C14.5182 8.93229 14.5391 8.83333 14.5391 8.73438C14.5391 8.51562 14.4557 8.33854 14.2891 8.20312C14.1276 8.06771 13.9427 8 13.7344 8C13.4583 8 13.2266 8.14844 13.0391 8.44531L9.89062 13.4766L8.44531 11.6641C8.34115 11.5339 8.23698 11.4427 8.13281 11.3906C8.02865 11.3333 7.91146 11.3047 7.78125 11.3047C7.5625 11.3047 7.3776 11.3828 7.22656 11.5391C7.07552 11.6901 7 11.875 7 12.0938C7 12.1979 7.01823 12.2995 7.05469 12.3984C7.09635 12.4922 7.15365 12.5885 7.22656 12.6875L9.10938 14.9531C9.22396 15.099 9.34635 15.2083 9.47656 15.2812C9.60677 15.349 9.7526 15.3828 9.91406 15.3828Z\"\n fill=\"white\"\n />\n </Svg>\n);\n\n// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=544-93347&mode=dev\nexport const CredentialSuspendedIcon = (\n <Svg fill=\"none\" height={22} viewBox=\"0 0 22 22\" width={22}>\n <Path\n d=\"M10.5747 20C9.40153 20 8.29753 19.7759 7.2627 19.3276C6.22786 18.8849 5.31478 18.2679 4.52344 17.4766C3.73763 16.6852 3.12061 15.7721 2.67236 14.7373C2.22412 13.7025 2 12.5985 2 11.4253C2 10.2521 2.22412 9.14811 2.67236 8.11328C3.12061 7.07845 3.73763 6.16813 4.52344 5.38232C5.31478 4.59098 6.2251 3.97119 7.25439 3.52295C8.28923 3.07471 9.39323 2.85059 10.5664 2.85059C11.7451 2.85059 12.8519 3.07471 13.8867 3.52295C14.9215 3.97119 15.8346 4.59098 16.626 5.38232C17.4173 6.16813 18.0371 7.07845 18.4854 8.11328C18.9336 9.14811 19.1577 10.2521 19.1577 11.4253C19.1577 12.5985 18.9336 13.7025 18.4854 14.7373C18.0371 15.7721 17.4173 16.6852 16.626 17.4766C15.8346 18.2679 14.9215 18.8849 13.8867 19.3276C12.8519 19.7759 11.7479 20 10.5747 20Z\"\n fill=\"#F7BF0B\"\n />\n <Path\n d=\"M3.81385 18.1812L3.81633 18.1837C4.69776 19.0651 5.71679 19.7536 6.86722 20.2461C8.032 20.7503 9.27117 21 10.5747 21C11.8782 21 13.1174 20.7503 14.2821 20.2461C15.4326 19.7537 16.4516 19.0651 17.3331 18.1837C18.2142 17.3026 18.9051 16.2842 19.403 15.1348C19.9077 13.9694 20.1577 12.7296 20.1577 11.4253C20.1577 10.121 19.9077 8.88117 19.403 7.71581C18.905 6.56624 18.2138 5.55009 17.3318 4.67398C16.451 3.79349 15.4331 3.103 14.2842 2.60533C13.1182 2.10029 11.8755 1.85059 10.5664 1.85059C9.26213 1.85059 8.02228 2.10055 6.85692 2.60533L6.85513 2.60611C5.71136 3.10421 4.69653 3.79502 3.81633 4.67522C2.94015 5.5514 2.25228 6.56718 1.75475 7.71581C1.24997 8.88117 1 10.121 1 11.4253C1 12.7296 1.24997 13.9694 1.75475 15.1348C2.252 16.2828 2.93915 17.3003 3.81385 18.1812Z\"\n stroke=\"white\"\n strokeOpacity=\"0.2\"\n strokeWidth=\"2\"\n />\n <Path\n d=\"M6.74556 12.2289C6.52643 12.2211 6.33665 12.1369 6.17622 11.9765C6.02361 11.8239 5.94535 11.64 5.94143 11.4248C5.94535 11.2096 6.02361 11.0256 6.17622 10.873C6.32882 10.7204 6.51274 10.6461 6.72795 10.65L9.79772 10.6441L11.3649 10.65L14.4405 10.6617C14.6597 10.6617 14.8455 10.738 14.9981 10.8906C15.1507 11.0433 15.2251 11.2272 15.2212 11.4424C15.2251 11.6576 15.1507 11.8415 14.9981 11.9941C14.8494 12.1428 14.6636 12.2191 14.4405 12.223L11.3708 12.2172H9.79772L6.74556 12.2289Z\"\n fill=\"black\"\n />\n </Svg>\n);\n\n// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=544-93350&mode=dev\nexport const CredentialSuspendedTempIcon = (\n <Svg fill=\"none\" height={22} viewBox=\"0 0 22 22\" width={22}>\n <Path\n d=\"M10.5747 20C9.40153 20 8.29753 19.7759 7.2627 19.3276C6.22786 18.8849 5.31478 18.2679 4.52344 17.4766C3.73763 16.6852 3.12061 15.7721 2.67236 14.7373C2.22412 13.7025 2 12.5985 2 11.4253C2 10.2521 2.22412 9.14811 2.67236 8.11328C3.12061 7.07845 3.73763 6.16813 4.52344 5.38232C5.31478 4.59098 6.2251 3.97119 7.25439 3.52295C8.28923 3.07471 9.39323 2.85059 10.5664 2.85059C11.7451 2.85059 12.8519 3.07471 13.8867 3.52295C14.9215 3.97119 15.8346 4.59098 16.626 5.38232C17.4173 6.16813 18.0371 7.07845 18.4854 8.11328C18.9336 9.14811 19.1577 10.2521 19.1577 11.4253C19.1577 12.5985 18.9336 13.7025 18.4854 14.7373C18.0371 15.7721 17.4173 16.6852 16.626 17.4766C15.8346 18.2679 14.9215 18.8849 13.8867 19.3276C12.8519 19.7759 11.7479 20 10.5747 20Z\"\n fill=\"#F7BF0B\"\n />\n <Path\n d=\"M3.81385 18.1812L3.81633 18.1837C4.69776 19.0651 5.71679 19.7536 6.86722 20.2461C8.032 20.7503 9.27117 21 10.5747 21C11.8782 21 13.1174 20.7503 14.2821 20.2461C15.4326 19.7537 16.4516 19.0651 17.3331 18.1837C18.2142 17.3026 18.9051 16.2842 19.403 15.1348C19.9077 13.9694 20.1577 12.7296 20.1577 11.4253C20.1577 10.121 19.9077 8.88117 19.403 7.71581C18.905 6.56624 18.2138 5.55009 17.3318 4.67398C16.451 3.79349 15.4331 3.103 14.2842 2.60533C13.1182 2.10029 11.8755 1.85059 10.5664 1.85059C9.26213 1.85059 8.02228 2.10055 6.85692 2.60533L6.85513 2.60611C5.71136 3.10421 4.69653 3.79502 3.81633 4.67522C2.94015 5.5514 2.25228 6.56718 1.75475 7.71581C1.24997 8.88117 1 10.121 1 11.4253C1 12.7296 1.24997 13.9694 1.75475 15.1348C2.252 16.2828 2.93915 17.3003 3.81385 18.1812Z\"\n stroke=\"white\"\n strokeOpacity=\"0.2\"\n strokeWidth=\"2\"\n />\n <Path\n d=\"M6.74556 12.2289C6.52643 12.2211 6.33665 12.1369 6.17622 11.9765C6.02361 11.8239 5.94535 11.64 5.94143 11.4248C5.94535 11.2096 6.02361 11.0256 6.17622 10.873C6.32882 10.7204 6.51274 10.6461 6.72795 10.65L9.79772 10.6441L11.3649 10.65L14.4405 10.6617C14.6597 10.6617 14.8455 10.738 14.9981 10.8906C15.1507 11.0433 15.2251 11.2272 15.2212 11.4424C15.2251 11.6576 15.1507 11.8415 14.9981 11.9941C14.8494 12.1428 14.6636 12.2191 14.4405 12.223L11.3708 12.2172H9.79772L6.74556 12.2289Z\"\n fill=\"black\"\n />\n <Path\n d=\"M15.1328 20.6719C15.5521 20.8542 15.9987 20.9453 16.4727 20.9453C16.9421 20.9453 17.3864 20.8542 17.8057 20.6719C18.2249 20.4896 18.5941 20.2389 18.9131 19.9199C19.2367 19.6009 19.4896 19.2318 19.6719 18.8125C19.8542 18.3932 19.9453 17.9466 19.9453 17.4727C19.9453 16.9941 19.8542 16.5452 19.6719 16.126C19.4941 15.7067 19.2458 15.3376 18.9268 15.0186C18.6077 14.6995 18.2386 14.4512 17.8193 14.2734C17.4001 14.0911 16.9512 14 16.4727 14C15.9987 14 15.5521 14.0911 15.1328 14.2734C14.7135 14.4512 14.3444 14.7018 14.0254 15.0254C13.7064 15.3444 13.4557 15.7135 13.2734 16.1328C13.0911 16.5475 13 16.9941 13 17.4727C13 17.9512 13.0911 18.4001 13.2734 18.8193C13.4557 19.2386 13.7064 19.6077 14.0254 19.9268C14.3444 20.2458 14.7135 20.4941 15.1328 20.6719Z\"\n fill=\"#0D0E10\"\n />\n <Path\n d=\"M16.5068 18.0059H14.8457C14.7272 18.0059 14.627 17.9626 14.5449 17.876C14.4629 17.7939 14.4219 17.696 14.4219 17.582C14.4219 17.4681 14.4629 17.3701 14.5449 17.2881C14.6315 17.2061 14.7318 17.165 14.8457 17.165H16.083V15.4492C16.083 15.3353 16.124 15.2396 16.2061 15.1621C16.2881 15.0801 16.3883 15.0391 16.5068 15.0391C16.6208 15.0391 16.7188 15.0801 16.8008 15.1621C16.8828 15.2396 16.9238 15.3353 16.9238 15.4492V17.582C16.9238 17.7005 16.8828 17.8008 16.8008 17.8828C16.7233 17.9648 16.6253 18.0059 16.5068 18.0059Z\"\n fill=\"white\"\n />\n </Svg>\n);\n"],"mappings":"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","ignoreList":[]}

package/lib/module/ui-components/icons/selector.js ADDED Viewed

@@ -0,0 +1,44 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import Svg, { Path, Rect } from 'react-native-svg';
+import { SelectorStatus } from '../credential/selector-status';
+import { useAppColorScheme } from '../theme/color-scheme-context';
+export const SelectorIcon = ({
+  status,
+  testID
+}) => {
+  const colorScheme = useAppColorScheme();
+  return /*#__PURE__*/React.createElement(Svg, {
+    testID: testID,
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, status === SelectorStatus.Rejected ? /*#__PURE__*/React.createElement(Path, {
+    d: "M12.807 12.0012L16.6097 8.18723C16.6645 8.13574 16.6957 8.06384 16.6957 7.98859C16.6957 7.91334 16.6645 7.84144 16.6097 7.78994L16.2124 7.3813C16.0998 7.27882 15.9277 7.27882 15.8151 7.3813L12.0011 11.1953L8.18714 7.3813C8.07454 7.27882 7.90246 7.27882 7.78985 7.3813L7.38121 7.78994C7.27873 7.90255 7.27873 8.07463 7.38121 8.18723L11.1952 12.0012L7.38121 15.8152C7.27873 15.9278 7.27873 16.0999 7.38121 16.2125L7.78985 16.6098C7.84135 16.6646 7.91325 16.6957 7.9885 16.6957C8.06375 16.6957 8.13564 16.6646 8.18714 16.6098L12.0011 12.8071L15.8151 16.6098C15.8666 16.6646 15.9385 16.6957 16.0137 16.6957C16.089 16.6957 16.1609 16.6646 16.2124 16.6098L16.6097 16.2125C16.6645 16.161 16.6957 16.0891 16.6957 16.0138C16.6957 15.9386 16.6645 15.8667 16.6097 15.8152L12.807 12.0012Z",
+    fill: colorScheme.error
+  }) : /*#__PURE__*/React.createElement(Path, {
+    d: "M16.767 8.11a.432.432 0 0 0-.576 0l-6.013 5.941-3.109-3.149-.001-.001a.411.411 0 0 0-.576 0l-.375.364-.007.008a.432.432 0 0 0 0 .576l4.065 4.098 6.963-6.878.005-.005a.421.421 0 0 0 0-.568l-.368-.38-.008-.006Z",
+    fill: status === SelectorStatus.SelectedCheckmark ? colorScheme.accentText : colorScheme.text
+  }));
+};
+// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=433-28355&mode=design&t=1iRzM15ip3buTTYX-4
+export const CheckedIcon = props => {
+  const colorScheme = useAppColorScheme();
+  return /*#__PURE__*/React.createElement(Svg, _extends({
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement(Rect, {
+    width: "24",
+    height: "24",
+    rx: "12",
+    fill: colorScheme.accent
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M16.767 8.10994C16.6031 7.96335 16.3553 7.96335 16.1914 8.10994L10.1779 14.0513L7.06945 10.9024L7.06769 10.9007C6.908 10.7442 6.65225 10.7443 6.49247 10.9007L6.117 11.2652L6.11001 11.273C5.96343 11.4369 5.96328 11.6849 6.10986 11.8488L10.1755 15.9467L17.1378 9.06948L17.1432 9.06357C17.2895 8.90283 17.2895 8.65712 17.1432 8.49638L16.7748 8.11693L16.767 8.10994Z",
+    fill: colorScheme.white
+  }));
+};
+//# sourceMappingURL=selector.js.map

package/lib/module/ui-components/icons/selector.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["React","Svg","Path","Rect","SelectorStatus","useAppColorScheme","SelectorIcon","status","testID","colorScheme","createElement","width","height","viewBox","fill","Rejected","d","error","SelectedCheckmark","accentText","text","CheckedIcon","props","_extends","rx","accent","white"],"sources":["selector.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport Svg, { Path, Rect, SvgProps } from 'react-native-svg';\n\nimport { SelectorStatus } from '../credential/selector-status';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\ninterface SelectorIconProps {\n status: SelectorStatus.SelectedCheckmark | SelectorStatus.Rejected | SelectorStatus.Required;\n testID?: string;\n}\n\nexport const SelectorIcon: FC<SelectorIconProps> = ({ status, testID }) => {\n const colorScheme = useAppColorScheme();\n return (\n <Svg testID={testID} width={24} height={24} viewBox=\"0 0 24 24\" fill=\"none\">\n {status === SelectorStatus.Rejected ? (\n <Path\n d=\"M12.807 12.0012L16.6097 8.18723C16.6645 8.13574 16.6957 8.06384 16.6957 7.98859C16.6957 7.91334 16.6645 7.84144 16.6097 7.78994L16.2124 7.3813C16.0998 7.27882 15.9277 7.27882 15.8151 7.3813L12.0011 11.1953L8.18714 7.3813C8.07454 7.27882 7.90246 7.27882 7.78985 7.3813L7.38121 7.78994C7.27873 7.90255 7.27873 8.07463 7.38121 8.18723L11.1952 12.0012L7.38121 15.8152C7.27873 15.9278 7.27873 16.0999 7.38121 16.2125L7.78985 16.6098C7.84135 16.6646 7.91325 16.6957 7.9885 16.6957C8.06375 16.6957 8.13564 16.6646 8.18714 16.6098L12.0011 12.8071L15.8151 16.6098C15.8666 16.6646 15.9385 16.6957 16.0137 16.6957C16.089 16.6957 16.1609 16.6646 16.2124 16.6098L16.6097 16.2125C16.6645 16.161 16.6957 16.0891 16.6957 16.0138C16.6957 15.9386 16.6645 15.8667 16.6097 15.8152L12.807 12.0012Z\"\n fill={colorScheme.error}\n />\n ) : (\n <Path\n d=\"M16.767 8.11a.432.432 0 0 0-.576 0l-6.013 5.941-3.109-3.149-.001-.001a.411.411 0 0 0-.576 0l-.375.364-.007.008a.432.432 0 0 0 0 .576l4.065 4.098 6.963-6.878.005-.005a.421.421 0 0 0 0-.568l-.368-.38-.008-.006Z\"\n fill={status === SelectorStatus.SelectedCheckmark ? colorScheme.accentText : colorScheme.text}\n />\n )}\n </Svg>\n );\n};\n\n// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=433-28355&mode=design&t=1iRzM15ip3buTTYX-4\nexport const CheckedIcon: FC<SvgProps> = (props) => {\n const colorScheme = useAppColorScheme();\n return (\n <Svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n <Rect width=\"24\" height=\"24\" rx=\"12\" fill={colorScheme.accent} />\n <Path\n d=\"M16.767 8.10994C16.6031 7.96335 16.3553 7.96335 16.1914 8.10994L10.1779 14.0513L7.06945 10.9024L7.06769 10.9007C6.908 10.7442 6.65225 10.7443 6.49247 10.9007L6.117 11.2652L6.11001 11.273C5.96343 11.4369 5.96328 11.6849 6.10986 11.8488L10.1755 15.9467L17.1378 9.06948L17.1432 9.06357C17.2895 8.90283 17.2895 8.65712 17.1432 8.49638L16.7748 8.11693L16.767 8.10994Z\"\n fill={colorScheme.white}\n />\n </Svg>\n );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,OAAOC,GAAG,IAAIC,IAAI,EAAEC,IAAI,QAAkB,kBAAkB;AAE5D,SAASC,cAAc,QAAQ,+BAA+B;AAC9D,SAASC,iBAAiB,QAAQ,+BAA+B;AAOjE,OAAO,MAAMC,YAAmC,GAAGA,CAAC;EAAEC,MAAM;EAAEC;AAAO,CAAC,KAAK;EACzE,MAAMC,WAAW,GAAGJ,iBAAiB,CAAC,CAAC;EACvC,oBACEL,KAAA,CAAAU,aAAA,CAACT,GAAG;IAACO,MAAM,EAAEA,MAAO;IAACG,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE,EAAG;IAACC,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC;EAAM,GACxEP,MAAM,KAAKH,cAAc,CAACW,QAAQ,gBACjCf,KAAA,CAAAU,aAAA,CAACR,IAAI;IACHc,CAAC,EAAC,0wBAA0wB;IAC5wBF,IAAI,EAAEL,WAAW,CAACQ;EAAM,CACzB,CAAC,gBAEFjB,KAAA,CAAAU,aAAA,CAACR,IAAI;IACHc,CAAC,EAAC,kNAAkN;IACpNF,IAAI,EAAEP,MAAM,KAAKH,cAAc,CAACc,iBAAiB,GAAGT,WAAW,CAACU,UAAU,GAAGV,WAAW,CAACW;EAAK,CAC/F,CAEA,CAAC;AAEV,CAAC;;AAED;AACA,OAAO,MAAMC,WAAyB,GAAIC,KAAK,IAAK;EAClD,MAAMb,WAAW,GAAGJ,iBAAiB,CAAC,CAAC;EACvC,oBACEL,KAAA,CAAAU,aAAA,CAACT,GAAG,EAAAsB,QAAA;IAACZ,KAAK,EAAC,IAAI;IAACC,MAAM,EAAC,IAAI;IAACC,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC;EAAM,GAAKQ,KAAK,gBACnEtB,KAAA,CAAAU,aAAA,CAACP,IAAI;IAACQ,KAAK,EAAC,IAAI;IAACC,MAAM,EAAC,IAAI;IAACY,EAAE,EAAC,IAAI;IAACV,IAAI,EAAEL,WAAW,CAACgB;EAAO,CAAE,CAAC,eACjEzB,KAAA,CAAAU,aAAA,CAACR,IAAI;IACHc,CAAC,EAAC,4WAA4W;IAC9WF,IAAI,EAAEL,WAAW,CAACiB;EAAM,CACzB,CACE,CAAC;AAEV,CAAC","ignoreList":[]}

package/lib/module/ui-components/icons/wallet.js ADDED Viewed

@@ -0,0 +1,108 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import Svg, { Circle, Defs, LinearGradient, Path, Rect, Stop } from 'react-native-svg';
+// Icons for the wallet dashboard: https://www.figma.com/file/Mj9Nm9CUtauth6jt49UL7t/OTS-Developments-2023?type=design&node-id=135-32814&t=GXsNdBzYheEWxZvG-4
+// https://www.figma.com/file/S3WwgTMHuqxAsfu5zElCzq/App-Icon-Library-(Design)?type=design&node-id=89-86&t=4mzTEO913aBKgW7w-4
+export const NextIcon = ({
+  color,
+  ...props
+}) => /*#__PURE__*/React.createElement(Svg, _extends({
+  fill: "none",
+  height: 24,
+  viewBox: "0 0 24 24",
+  width: 24
+}, props), /*#__PURE__*/React.createElement(Path, {
+  d: "M8.62948 6.10988C8.69502 6.03977 8.78652 6 8.88228 6C8.97805 6 9.06954 6.03977 9.13508 6.10988L15 11.9841L9.13508 17.9018C8.99178 18.0327 8.77278 18.0327 8.62948 17.9018L8.10944 17.3796C8.03961 17.3138 8 17.222 8 17.1258C8 17.0297 8.03961 16.9378 8.10944 16.872L12.9487 12.0131L8.10944 7.12517C8.03961 7.05937 8 6.9675 8 6.87135C8 6.7752 8.03961 6.68333 8.10944 6.61753L8.62948 6.10988Z",
+  fill: color
+}));
+// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=426-19996&t=m7aYCyqnFetWyDBt-4
+export const NoCredentialsIcon = props => /*#__PURE__*/React.createElement(Svg, _extends({
+  fill: "none",
+  height: "381",
+  viewBox: "0 0 257 381",
+  width: "257"
+}, props), /*#__PURE__*/React.createElement(Circle, {
+  cx: "128.5",
+  cy: "191.5",
+  fill: "url(#paint0_linear_2399_11695)",
+  opacity: "0.1",
+  r: "128"
+}), /*#__PURE__*/React.createElement(Rect, {
+  fill: "white",
+  height: "118.725",
+  rx: "10.4757",
+  width: "178.087",
+  x: "39.4565",
+  y: "132.138"
+}), /*#__PURE__*/React.createElement(Rect, {
+  fill: "url(#paint1_linear_2399_11695)",
+  height: "118.725",
+  rx: "10.4757",
+  transform: "rotate(-180 217.543 119.152)",
+  width: "178.087",
+  x: "217.543",
+  y: "119.152"
+}), /*#__PURE__*/React.createElement(Rect, {
+  fill: "url(#paint2_linear_2399_11695)",
+  height: "118.725",
+  rx: "10.4757",
+  width: "178.087",
+  x: "39.4565",
+  y: "261.993"
+}), /*#__PURE__*/React.createElement(Rect, {
+  fill: "#0F151A",
+  height: "1.85507",
+  width: "44.5217",
+  x: "108.094",
+  y: "189.645"
+}), /*#__PURE__*/React.createElement(Rect, {
+  fill: "#0F151A",
+  height: "1.85507",
+  transform: "rotate(90 131.283 168.312)",
+  width: "44.5217",
+  x: "131.283",
+  y: "168.312"
+}), /*#__PURE__*/React.createElement(Defs, null, /*#__PURE__*/React.createElement(LinearGradient, {
+  gradientUnits: "userSpaceOnUse",
+  id: "paint0_linear_2399_11695",
+  x1: "128.5",
+  x2: "128.5",
+  y1: "63.5",
+  y2: "319.5"
+}, /*#__PURE__*/React.createElement(Stop, {
+  stopColor: "#21353A"
+}), /*#__PURE__*/React.createElement(Stop, {
+  offset: "1",
+  stopColor: "#21353A",
+  stopOpacity: "0"
+})), /*#__PURE__*/React.createElement(LinearGradient, {
+  gradientUnits: "userSpaceOnUse",
+  id: "paint1_linear_2399_11695",
+  x1: "306.587",
+  x2: "306.587",
+  y1: "119.152",
+  y2: "237.877"
+}, /*#__PURE__*/React.createElement(Stop, {
+  stopColor: "white"
+}), /*#__PURE__*/React.createElement(Stop, {
+  offset: "1",
+  stopColor: "white",
+  stopOpacity: "0"
+})), /*#__PURE__*/React.createElement(LinearGradient, {
+  gradientUnits: "userSpaceOnUse",
+  id: "paint2_linear_2399_11695",
+  x1: "128.5",
+  x2: "128.5",
+  y1: "261.993",
+  y2: "380.717"
+}, /*#__PURE__*/React.createElement(Stop, {
+  stopColor: "white"
+}), /*#__PURE__*/React.createElement(Stop, {
+  offset: "1",
+  stopColor: "white",
+  stopOpacity: "0"
+}))));
+//# sourceMappingURL=wallet.js.map

package/lib/module/ui-components/icons/wallet.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["React","Svg","Circle","Defs","LinearGradient","Path","Rect","Stop","NextIcon","color","props","createElement","_extends","fill","height","viewBox","width","d","NoCredentialsIcon","cx","cy","opacity","r","rx","x","y","transform","gradientUnits","id","x1","x2","y1","y2","stopColor","offset","stopOpacity"],"sources":["wallet.tsx"],"sourcesContent":["import React from 'react';\nimport Svg, { Circle, Defs, LinearGradient, Path, Rect, Stop, SvgProps } from 'react-native-svg';\n\n// Icons for the wallet dashboard: https://www.figma.com/file/Mj9Nm9CUtauth6jt49UL7t/OTS-Developments-2023?type=design&node-id=135-32814&t=GXsNdBzYheEWxZvG-4\n\n// https://www.figma.com/file/S3WwgTMHuqxAsfu5zElCzq/App-Icon-Library-(Design)?type=design&node-id=89-86&t=4mzTEO913aBKgW7w-4\nexport const NextIcon: React.FunctionComponent<SvgProps> = ({ color, ...props }) => (\n <Svg fill=\"none\" height={24} viewBox=\"0 0 24 24\" width={24} {...props}>\n <Path\n d=\"M8.62948 6.10988C8.69502 6.03977 8.78652 6 8.88228 6C8.97805 6 9.06954 6.03977 9.13508 6.10988L15 11.9841L9.13508 17.9018C8.99178 18.0327 8.77278 18.0327 8.62948 17.9018L8.10944 17.3796C8.03961 17.3138 8 17.222 8 17.1258C8 17.0297 8.03961 16.9378 8.10944 16.872L12.9487 12.0131L8.10944 7.12517C8.03961 7.05937 8 6.9675 8 6.87135C8 6.7752 8.03961 6.68333 8.10944 6.61753L8.62948 6.10988Z\"\n fill={color}\n />\n </Svg>\n);\n\n// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=426-19996&t=m7aYCyqnFetWyDBt-4\nexport const NoCredentialsIcon: React.FunctionComponent<SvgProps> = (props) => (\n <Svg fill=\"none\" height=\"381\" viewBox=\"0 0 257 381\" width=\"257\" {...props}>\n <Circle cx=\"128.5\" cy=\"191.5\" fill=\"url(#paint0_linear_2399_11695)\" opacity=\"0.1\" r=\"128\" />\n <Rect fill=\"white\" height=\"118.725\" rx=\"10.4757\" width=\"178.087\" x=\"39.4565\" y=\"132.138\" />\n <Rect\n fill=\"url(#paint1_linear_2399_11695)\"\n height=\"118.725\"\n rx=\"10.4757\"\n transform=\"rotate(-180 217.543 119.152)\"\n width=\"178.087\"\n x=\"217.543\"\n y=\"119.152\"\n />\n <Rect fill=\"url(#paint2_linear_2399_11695)\" height=\"118.725\" rx=\"10.4757\" width=\"178.087\" x=\"39.4565\" y=\"261.993\" />\n <Rect fill=\"#0F151A\" height=\"1.85507\" width=\"44.5217\" x=\"108.094\" y=\"189.645\" />\n <Rect\n fill=\"#0F151A\"\n height=\"1.85507\"\n transform=\"rotate(90 131.283 168.312)\"\n width=\"44.5217\"\n x=\"131.283\"\n y=\"168.312\"\n />\n <Defs>\n <LinearGradient\n gradientUnits=\"userSpaceOnUse\"\n id=\"paint0_linear_2399_11695\"\n x1=\"128.5\"\n x2=\"128.5\"\n y1=\"63.5\"\n y2=\"319.5\">\n <Stop stopColor=\"#21353A\" />\n <Stop offset=\"1\" stopColor=\"#21353A\" stopOpacity=\"0\" />\n </LinearGradient>\n <LinearGradient\n gradientUnits=\"userSpaceOnUse\"\n id=\"paint1_linear_2399_11695\"\n x1=\"306.587\"\n x2=\"306.587\"\n y1=\"119.152\"\n y2=\"237.877\">\n <Stop stopColor=\"white\" />\n <Stop offset=\"1\" stopColor=\"white\" stopOpacity=\"0\" />\n </LinearGradient>\n <LinearGradient\n gradientUnits=\"userSpaceOnUse\"\n id=\"paint2_linear_2399_11695\"\n x1=\"128.5\"\n x2=\"128.5\"\n y1=\"261.993\"\n y2=\"380.717\">\n <Stop stopColor=\"white\" />\n <Stop offset=\"1\" stopColor=\"white\" stopOpacity=\"0\" />\n </LinearGradient>\n </Defs>\n </Svg>\n);\n"],"mappings":"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","ignoreList":[]}

package/lib/module/ui-components/image/image-or-component.js ADDED Viewed

@@ -0,0 +1,69 @@
+import React, { useMemo } from 'react';
+import { Image, StyleSheet, View } from 'react-native';
+const styles = StyleSheet.create({
+  imageWrapper: {
+    overflow: 'hidden'
+  }
+});
+const ImageSourceComponent = ({
+  source,
+  style,
+  resizeMode = 'cover',
+  resizeMethod = 'resize',
+  testID
+}) => {
+  const imageStyle = useMemo(() => {
+    const {
+      width,
+      height,
+      borderWidth = 0,
+      borderBottomWidth,
+      borderTopWidth,
+      borderLeftWidth,
+      borderRightWidth
+    } = StyleSheet.flatten(style);
+    const borderWidths = {
+      left: borderLeftWidth !== null && borderLeftWidth !== void 0 ? borderLeftWidth : borderWidth,
+      right: borderRightWidth !== null && borderRightWidth !== void 0 ? borderRightWidth : borderWidth,
+      top: borderTopWidth !== null && borderTopWidth !== void 0 ? borderTopWidth : borderWidth,
+      bottom: borderBottomWidth !== null && borderBottomWidth !== void 0 ? borderBottomWidth : borderWidth
+    };
+    return {
+      width: typeof width === 'number' ? width - borderWidths.left - borderWidths.right : width,
+      height: typeof height === 'number' ? height - borderWidths.top - borderWidths.bottom : height
+    };
+  }, [style]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.imageWrapper, style]
+  }, /*#__PURE__*/React.createElement(Image, {
+    testID: testID,
+    style: imageStyle,
+    source: source,
+    resizeMode: resizeMode,
+    resizeMethod: resizeMethod
+  }));
+};
+const ImageOrComponent = ({
+  source,
+  style,
+  testID
+}) => {
+  if ('imageSource' in source) {
+    return /*#__PURE__*/React.createElement(ImageSourceComponent, {
+      style: style,
+      source: source.imageSource,
+      resizeMode: source.resizeMode,
+      resizeMethod: source.resizeMethod,
+      testID: testID
+    });
+  }
+  if ('component' in source) {
+    return /*#__PURE__*/React.createElement(View, {
+      testID: testID,
+      style: style
+    }, source.component);
+  }
+  return null;
+};
+export default ImageOrComponent;
+//# sourceMappingURL=image-or-component.js.map

package/lib/module/ui-components/image/image-or-component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["React","useMemo","Image","StyleSheet","View","styles","create","imageWrapper","overflow","ImageSourceComponent","source","style","resizeMode","resizeMethod","testID","imageStyle","width","height","borderWidth","borderBottomWidth","borderTopWidth","borderLeftWidth","borderRightWidth","flatten","borderWidths","left","right","top","bottom","createElement","ImageOrComponent","imageSource","component"],"sources":["image-or-component.tsx"],"sourcesContent":["import React, { FC, ReactElement, useMemo } from 'react';\nimport { Image, ImageProps, ImageSourcePropType, ImageStyle, StyleProp, StyleSheet, View } from 'react-native';\n\nconst styles = StyleSheet.create({\n imageWrapper: {\n overflow: 'hidden',\n },\n});\n\ninterface ImageSourceComponentProps {\n source: ImageSourcePropType;\n style: StyleProp<ImageStyle>;\n resizeMode?: ImageProps['resizeMode'];\n resizeMethod?: ImageProps['resizeMethod'];\n testID?: string;\n}\n\nconst ImageSourceComponent: FC<ImageSourceComponentProps> = ({\n source,\n style,\n resizeMode = 'cover',\n resizeMethod = 'resize',\n testID,\n}) => {\n const imageStyle = useMemo<ImageStyle>(() => {\n const {\n width,\n height,\n borderWidth = 0,\n borderBottomWidth,\n borderTopWidth,\n borderLeftWidth,\n borderRightWidth,\n } = StyleSheet.flatten(style);\n\n const borderWidths = {\n left: borderLeftWidth ?? borderWidth,\n right: borderRightWidth ?? borderWidth,\n top: borderTopWidth ?? borderWidth,\n bottom: borderBottomWidth ?? borderWidth,\n };\n\n return {\n width: typeof width === 'number' ? width - borderWidths.left - borderWidths.right : width,\n height: typeof height === 'number' ? height - borderWidths.top - borderWidths.bottom : height,\n };\n }, [style]);\n\n return (\n <View style={[styles.imageWrapper, style]}>\n <Image testID={testID} style={imageStyle} source={source} resizeMode={resizeMode} resizeMethod={resizeMethod} />\n </View>\n );\n};\n\nexport type ImageOrComponentSource =\n | {\n imageSource: ImageSourcePropType;\n resizeMode?: ImageProps['resizeMode'];\n resizeMethod?: ImageProps['resizeMethod'];\n }\n | { component: ReactElement };\n\ninterface ImageOrComponentProps {\n source: ImageOrComponentSource;\n style: StyleProp<ImageStyle>;\n testID?: string;\n}\n\nconst ImageOrComponent: FC<ImageOrComponentProps> = ({ source, style, testID }) => {\n if ('imageSource' in source) {\n return (\n <ImageSourceComponent\n style={style}\n source={source.imageSource}\n resizeMode={source.resizeMode}\n resizeMethod={source.resizeMethod}\n testID={testID}\n />\n );\n }\n if ('component' in source) {\n return (\n <View testID={testID} style={style}>\n {source.component}\n </View>\n );\n }\n return null;\n};\n\nexport default ImageOrComponent;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAsBC,OAAO,QAAQ,OAAO;AACxD,SAASC,KAAK,EAA0DC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE9G,MAAMC,MAAM,GAAGF,UAAU,CAACG,MAAM,CAAC;EAC/BC,YAAY,EAAE;IACZC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAUF,MAAMC,oBAAmD,GAAGA,CAAC;EAC3DC,MAAM;EACNC,KAAK;EACLC,UAAU,GAAG,OAAO;EACpBC,YAAY,GAAG,QAAQ;EACvBC;AACF,CAAC,KAAK;EACJ,MAAMC,UAAU,GAAGd,OAAO,CAAa,MAAM;IAC3C,MAAM;MACJe,KAAK;MACLC,MAAM;MACNC,WAAW,GAAG,CAAC;MACfC,iBAAiB;MACjBC,cAAc;MACdC,eAAe;MACfC;IACF,CAAC,GAAGnB,UAAU,CAACoB,OAAO,CAACZ,KAAK,CAAC;IAE7B,MAAMa,YAAY,GAAG;MACnBC,IAAI,EAAEJ,eAAe,aAAfA,eAAe,cAAfA,eAAe,GAAIH,WAAW;MACpCQ,KAAK,EAAEJ,gBAAgB,aAAhBA,gBAAgB,cAAhBA,gBAAgB,GAAIJ,WAAW;MACtCS,GAAG,EAAEP,cAAc,aAAdA,cAAc,cAAdA,cAAc,GAAIF,WAAW;MAClCU,MAAM,EAAET,iBAAiB,aAAjBA,iBAAiB,cAAjBA,iBAAiB,GAAID;IAC/B,CAAC;IAED,OAAO;MACLF,KAAK,EAAE,OAAOA,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGQ,YAAY,CAACC,IAAI,GAAGD,YAAY,CAACE,KAAK,GAAGV,KAAK;MACzFC,MAAM,EAAE,OAAOA,MAAM,KAAK,QAAQ,GAAGA,MAAM,GAAGO,YAAY,CAACG,GAAG,GAAGH,YAAY,CAACI,MAAM,GAAGX;IACzF,CAAC;EACH,CAAC,EAAE,CAACN,KAAK,CAAC,CAAC;EAEX,oBACEX,KAAA,CAAA6B,aAAA,CAACzB,IAAI;IAACO,KAAK,EAAE,CAACN,MAAM,CAACE,YAAY,EAAEI,KAAK;EAAE,gBACxCX,KAAA,CAAA6B,aAAA,CAAC3B,KAAK;IAACY,MAAM,EAAEA,MAAO;IAACH,KAAK,EAAEI,UAAW;IAACL,MAAM,EAAEA,MAAO;IAACE,UAAU,EAAEA,UAAW;IAACC,YAAY,EAAEA;EAAa,CAAE,CAC3G,CAAC;AAEX,CAAC;AAgBD,MAAMiB,gBAA2C,GAAGA,CAAC;EAAEpB,MAAM;EAAEC,KAAK;EAAEG;AAAO,CAAC,KAAK;EACjF,IAAI,aAAa,IAAIJ,MAAM,EAAE;IAC3B,oBACEV,KAAA,CAAA6B,aAAA,CAACpB,oBAAoB;MACnBE,KAAK,EAAEA,KAAM;MACbD,MAAM,EAAEA,MAAM,CAACqB,WAAY;MAC3BnB,UAAU,EAAEF,MAAM,CAACE,UAAW;MAC9BC,YAAY,EAAEH,MAAM,CAACG,YAAa;MAClCC,MAAM,EAAEA;IAAO,CAChB,CAAC;EAEN;EACA,IAAI,WAAW,IAAIJ,MAAM,EAAE;IACzB,oBACEV,KAAA,CAAA6B,aAAA,CAACzB,IAAI;MAACU,MAAM,EAAEA,MAAO;MAACH,KAAK,EAAEA;IAAM,GAChCD,MAAM,CAACsB,SACJ,CAAC;EAEX;EACA,OAAO,IAAI;AACb,CAAC;AAED,eAAeF,gBAAgB","ignoreList":[]}

package/lib/module/ui-components/image/index.js ADDED Viewed

@@ -0,0 +1,3 @@
+import ImageOrComponent from './image-or-component';
+export { ImageOrComponent };
+//# sourceMappingURL=index.js.map

package/lib/module/ui-components/image/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"names":["ImageOrComponent"],"sources":["index.tsx"],"sourcesContent":["import type { ImageOrComponentSource } from './image-or-component';\nimport ImageOrComponent from './image-or-component';\n\nexport { ImageOrComponent, ImageOrComponentSource };\n"],"mappings":"AACA,OAAOA,gBAAgB,MAAM,sBAAsB;AAEnD,SAASA,gBAAgB","ignoreList":[]}

package/lib/module/ui-components/index.js ADDED Viewed

@@ -0,0 +1,26 @@
+export * from './accessibility';
+export * from './action-modal';
+export * from './activity-indicator';
+export * from './blur';
+export * from './buttons';
+export * from './camera';
+export * from './control';
+export * from './credential';
+export * from './detail';
+export * from './entity';
+export * from './header';
+export * from './history';
+export * from './icons';
+export * from './image';
+export * from './input';
+export * from './list';
+export * from './loader';
+export * from './nerd-view';
+export * from './pin';
+export * from './screens';
+export * from './searchbar';
+export * from './settings';
+export * from './state';
+export * from './text';
+export * from './theme';
+//# sourceMappingURL=index.js.map

package/lib/module/ui-components/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './accessibility';\nexport * from './action-modal';\nexport * from './activity-indicator';\nexport * from './blur';\nexport * from './buttons';\nexport * from './camera';\nexport * from './control';\nexport * from './credential';\nexport * from './detail';\nexport * from './entity';\nexport * from './header';\nexport * from './history';\nexport * from './icons';\nexport * from './image';\nexport * from './input';\nexport * from './list';\nexport * from './loader';\nexport * from './nerd-view';\nexport * from './pin';\nexport * from './screens';\nexport * from './searchbar';\nexport * from './settings';\nexport * from './state';\nexport * from './text';\nexport * from './theme';\n"],"mappings":"AAAA,cAAc,iBAAiB;AAC/B,cAAc,gBAAgB;AAC9B,cAAc,sBAAsB;AACpC,cAAc,QAAQ;AACtB,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,UAAU;AACxB,cAAc,aAAa;AAC3B,cAAc,OAAO;AACrB,cAAc,WAAW;AACzB,cAAc,aAAa;AAC3B,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS","ignoreList":[]}

package/lib/module/ui-components/input/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["RadioGroup","RadioGroupItem","RadioGroupProps","SelectionInput","SelectionInputChoice","SelectionInputProps","TextInput","TextInputAccessory","TextInputProps"],"sources":["index.ts"],"sourcesContent":["import RadioGroup, { RadioGroupItem, RadioGroupProps } from './radio-group';\nimport SelectionInput, { SelectionInputChoice, SelectionInputProps } from './selection-input';\nimport TextInput, { TextInputAccessory, TextInputProps } from './text-input';\n\nexport { RadioGroup, RadioGroupItem, RadioGroupProps };\nexport { SelectionInput, SelectionInputChoice, SelectionInputProps };\nexport { TextInput, TextInputAccessory, TextInputProps };\n"],"mappings":"AAAA,OAAOA,UAAU,IAAIC,cAAc,EAAEC,eAAe,QAAQ,eAAe;AAC3E,OAAOC,cAAc,IAAIC,oBAAoB,EAAEC,mBAAmB,QAAQ,mBAAmB;AAC7F,OAAOC,SAAS,IAAIC,kBAAkB,EAAEC,cAAc,QAAQ,cAAc;AAE5E,SAASR,UAAU,EAAEC,cAAc,EAAEC,eAAe;AACpD,SAASC,cAAc,EAAEC,oBAAoB,EAAEC,mBAAmB;AAClE,SAASC,SAAS,EAAEC,kBAAkB,EAAEC,cAAc","ignoreList":[]}

package/lib/module/ui-components/input/radio-group.js ADDED Viewed

@@ -0,0 +1,91 @@
+import React from 'react';
+import { FlatList, StyleSheet, View } from 'react-native';
+import { concatTestID } from '../../utils';
+import { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';
+import Selector from '../credential/selector';
+import { SelectorStatus } from '../credential/selector-status';
+import Typography from '../text/typography';
+import { useAppColorScheme } from '../theme/color-scheme-context';
+const RadioGroup = ({
+  containerStyle,
+  items,
+  selectedItem,
+  onSelected,
+  style,
+  listFooter,
+  listFooterStyle,
+  onEndReached,
+  onGetItemAccessibilityLabel,
+  testID,
+  scrollEnabled = true
+}) => {
+  const colorScheme = useAppColorScheme();
+  return /*#__PURE__*/React.createElement(FlatList, {
+    scrollEnabled: scrollEnabled,
+    ListFooterComponent: listFooter,
+    ListFooterComponentStyle: listFooterStyle,
+    contentContainerStyle: containerStyle,
+    data: items,
+    onEndReached: onEndReached,
+    renderItem: ({
+      item,
+      index
+    }) => {
+      const selected = selectedItem === item.key;
+      return /*#__PURE__*/React.createElement(React.Fragment, {
+        key: item.key
+      }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+        accessibilityLabel: item.label,
+        accessibilityRole: "button",
+        accessibilityState: {
+          selected
+        },
+        accessibilityValue: items.length > 1 && onGetItemAccessibilityLabel ? {
+          text: onGetItemAccessibilityLabel(index + 1, items.length)
+        } : undefined,
+        activeOpacity: selected ? 1 : undefined,
+        onPress: () => {
+          onSelected(item, index);
+        },
+        style: [styles.item, item.style],
+        testID: item.testID
+      }, /*#__PURE__*/React.createElement(Typography, {
+        color: colorScheme.text,
+        style: styles.label,
+        numberOfLines: 2
+      }, item.label), /*#__PURE__*/React.createElement(Selector, {
+        status: selected ? SelectorStatus.SelectedRadio : SelectorStatus.Empty,
+        style: styles.selector,
+        testID: concatTestID(item.testID, 'selector')
+      })), /*#__PURE__*/React.createElement(View, {
+        style: [styles.divider, {
+          backgroundColor: colorScheme.background
+        }]
+      }));
+    },
+    showsVerticalScrollIndicator: false,
+    style: style,
+    testID: testID
+  });
+};
+const styles = StyleSheet.create({
+  divider: {
+    height: 1,
+    width: '100%'
+  },
+  item: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    paddingVertical: 24,
+    width: '100%'
+  },
+  label: {
+    flex: 1
+  },
+  selector: {
+    marginLeft: 4,
+    paddingTop: 0
+  }
+});
+export default RadioGroup;
+//# sourceMappingURL=radio-group.js.map

package/lib/module/ui-components/input/radio-group.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["React","FlatList","StyleSheet","View","concatTestID","TouchableOpacity","Selector","SelectorStatus","Typography","useAppColorScheme","RadioGroup","containerStyle","items","selectedItem","onSelected","style","listFooter","listFooterStyle","onEndReached","onGetItemAccessibilityLabel","testID","scrollEnabled","colorScheme","createElement","ListFooterComponent","ListFooterComponentStyle","contentContainerStyle","data","renderItem","item","index","selected","key","Fragment","accessibilityLabel","label","accessibilityRole","accessibilityState","accessibilityValue","length","text","undefined","activeOpacity","onPress","styles","color","numberOfLines","status","SelectedRadio","Empty","selector","divider","backgroundColor","background","showsVerticalScrollIndicator","create","height","width","alignItems","flexDirection","paddingVertical","flex","marginLeft","paddingTop"],"sources":["radio-group.tsx"],"sourcesContent":["import React, { FunctionComponent } from 'react';\nimport { FlatList, FlatListProps, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../utils';\nimport { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';\nimport Selector from '../credential/selector';\nimport { SelectorStatus } from '../credential/selector-status';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type RadioGroupItem = {\n key: React.Key;\n label: string;\n style?: StyleProp<ViewStyle>;\n testID?: string;\n};\n\nexport type RadioGroupProps = {\n containerStyle?: StyleProp<ViewStyle>;\n items: RadioGroupItem[];\n listFooter?: FlatListProps<RadioGroupItem>['ListFooterComponent'];\n listFooterStyle?: FlatListProps<RadioGroupItem>['ListFooterComponentStyle'];\n onEndReached?: FlatListProps<RadioGroupItem>['onEndReached'];\n onGetItemAccessibilityLabel?: (current: number, length: number) => string;\n onSelected: (item: RadioGroupItem, index: number) => void;\n selectedItem?: React.Key;\n style?: StyleProp<ViewStyle>;\n testID?: string;\n scrollEnabled?: boolean;\n};\n\nconst RadioGroup: FunctionComponent<RadioGroupProps> = ({\n containerStyle,\n items,\n selectedItem,\n onSelected,\n style,\n listFooter,\n listFooterStyle,\n onEndReached,\n onGetItemAccessibilityLabel,\n testID,\n scrollEnabled = true,\n}) => {\n const colorScheme = useAppColorScheme();\n\n return (\n <FlatList<RadioGroupItem>\n scrollEnabled={scrollEnabled}\n ListFooterComponent={listFooter}\n ListFooterComponentStyle={listFooterStyle}\n contentContainerStyle={containerStyle}\n data={items}\n onEndReached={onEndReached}\n renderItem={({ item, index }) => {\n const selected = selectedItem === item.key;\n return (\n <React.Fragment key={item.key}>\n <TouchableOpacity\n accessibilityLabel={item.label}\n accessibilityRole=\"button\"\n accessibilityState={{ selected }}\n accessibilityValue={\n items.length > 1 && onGetItemAccessibilityLabel\n ? {\n text: onGetItemAccessibilityLabel(index + 1, items.length),\n }\n : undefined\n }\n activeOpacity={selected ? 1 : undefined}\n onPress={() => {\n onSelected(item, index);\n }}\n style={[styles.item, item.style]}\n testID={item.testID}>\n <Typography color={colorScheme.text} style={styles.label} numberOfLines={2}>\n {item.label}\n </Typography>\n <Selector\n status={selected ? SelectorStatus.SelectedRadio : SelectorStatus.Empty}\n style={styles.selector}\n testID={concatTestID(item.testID, 'selector')}\n />\n </TouchableOpacity>\n <View style={[styles.divider, { backgroundColor: colorScheme.background }]} />\n </React.Fragment>\n );\n }}\n showsVerticalScrollIndicator={false}\n style={style}\n testID={testID}\n />\n );\n};\n\nconst styles = StyleSheet.create({\n divider: {\n height: 1,\n width: '100%',\n },\n item: {\n alignItems: 'center',\n flexDirection: 'row',\n paddingVertical: 24,\n width: '100%',\n },\n label: {\n flex: 1,\n },\n selector: {\n marginLeft: 4,\n paddingTop: 0,\n },\n});\n\nexport default RadioGroup;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/ui-components/input/selection-input.js ADDED Viewed

@@ -0,0 +1,82 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import Picker from '@procivis/react-native-picker';
+import React, { forwardRef, useCallback, useMemo, useState } from 'react';
+import { useForwardedRef } from '../../utils/ref';
+import { focusAccessibility } from '../accessibility/accessibility';
+import { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';
+import { useAccessibilityTranslation } from '../accessibility/accessibilityLanguage';
+import { useAppColorScheme } from '../theme';
+import TextInput, { TextInputAccessory } from './text-input';
+/**
+ * Generic selection input component
+ * @see https://www.figma.com/file/Gd0Tj0234hxtl3HMcCJThW/App-Component-Library-(Design)?node-id=4%3A127&t=B2Y3PtJHH22XDPkx-0
+ */
+const SelectionInput = /*#__PURE__*/forwardRef(({
+  selectedValue,
+  values,
+  label,
+  pickerTitle,
+  pickerConfirmLabel,
+  pickerCancelLabel,
+  onChange,
+  error,
+  ...props
+}, ref) => {
+  var _selectedChoice$short;
+  const t = useAccessibilityTranslation();
+  const colorScheme = useAppColorScheme();
+  const selectedChoice = useMemo(() => selectedValue !== undefined ? values.find(({
+    value
+  }) => value === selectedValue) : undefined, [selectedValue, values]);
+  const [forwardedRef, refObject] = useForwardedRef(ref);
+  const [pickerOpen, setPickerOpen] = useState(false);
+  const onOpen = useCallback(() => setPickerOpen(true), []);
+  const onConfirm = useCallback(valueLabel => {
+    setPickerOpen(false);
+    const choice = values.find(({
+      label: choiceLabel
+    }) => choiceLabel === valueLabel);
+    if (!choice || !(onChange !== null && onChange !== void 0 && onChange(choice))) {
+      setTimeout(() => focusAccessibility(refObject.current), 200);
+    }
+  }, [onChange, refObject, values]);
+  const onCancel = useCallback(() => {
+    setPickerOpen(false);
+    requestAnimationFrame(() => focusAccessibility(refObject.current));
+  }, [refObject]);
+  const accessibilityLabel = error ? `${label}, ${error}` : label;
+  return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({
+    accessibilityHint: t('accessibility.control.combobox.tapToSelect'),
+    accessibilityLabel: accessibilityLabel,
+    accessibilityRole: "combobox",
+    accessibilityValue: {
+      text: selectedChoice === null || selectedChoice === void 0 ? void 0 : selectedChoice.label
+    },
+    onPress: onOpen,
+    ref: forwardedRef
+  }, props), /*#__PURE__*/React.createElement(TextInput, {
+    accessory: TextInputAccessory.Dropdown,
+    disabled: true,
+    error: error,
+    label: label,
+    pointerEvents: "none",
+    value: (_selectedChoice$short = selectedChoice === null || selectedChoice === void 0 ? void 0 : selectedChoice.shortLabel) !== null && _selectedChoice$short !== void 0 ? _selectedChoice$short : selectedChoice === null || selectedChoice === void 0 ? void 0 : selectedChoice.label
+  }), /*#__PURE__*/React.createElement(Picker, {
+    cancelText: pickerCancelLabel,
+    confirmText: pickerConfirmLabel,
+    items: values.map(({
+      label: itemLabel
+    }) => itemLabel),
+    modal: true,
+    mode: "list",
+    onCancel: onCancel,
+    onConfirm: onConfirm,
+    open: pickerOpen,
+    selectedValue: selectedChoice === null || selectedChoice === void 0 ? void 0 : selectedChoice.label,
+    textColor: colorScheme.text,
+    title: pickerTitle !== null && pickerTitle !== void 0 ? pickerTitle : label
+  }));
+});
+SelectionInput.displayName = 'SelectionInput';
+export default SelectionInput;
+//# sourceMappingURL=selection-input.js.map

package/lib/module/ui-components/input/selection-input.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["Picker","React","forwardRef","useCallback","useMemo","useState","useForwardedRef","focusAccessibility","TouchableOpacity","useAccessibilityTranslation","useAppColorScheme","TextInput","TextInputAccessory","SelectionInput","selectedValue","values","label","pickerTitle","pickerConfirmLabel","pickerCancelLabel","onChange","error","props","ref","_selectedChoice$short","t","colorScheme","selectedChoice","undefined","find","value","forwardedRef","refObject","pickerOpen","setPickerOpen","onOpen","onConfirm","valueLabel","choice","choiceLabel","setTimeout","current","onCancel","requestAnimationFrame","accessibilityLabel","createElement","_extends","accessibilityHint","accessibilityRole","accessibilityValue","text","onPress","accessory","Dropdown","disabled","pointerEvents","shortLabel","cancelText","confirmText","items","map","itemLabel","modal","mode","open","textColor","title","displayName"],"sources":["selection-input.tsx"],"sourcesContent":["import Picker from '@procivis/react-native-picker';\nimport React, { forwardRef, useCallback, useMemo, useState } from 'react';\nimport type { TouchableOpacityProps } from 'react-native';\n\nimport { useForwardedRef } from '../../utils/ref';\nimport { focusAccessibility } from '../accessibility/accessibility';\nimport { TouchableOpacity, TouchableOpacityRef } from '../accessibility/accessibilityHistoryWrappers';\nimport { useAccessibilityTranslation } from '../accessibility/accessibilityLanguage';\nimport { useAppColorScheme } from '../theme';\nimport TextInput, { TextInputAccessory } from './text-input';\n\nexport interface SelectionInputChoice {\n label: string;\n /**\n * If specified used in the input display, otherwise {@link label} used.\n * The {@link label} is always used for the picker values.\n */\n shortLabel?: string;\n value: string | number;\n}\n\nexport interface SelectionInputProps extends TouchableOpacityProps {\n error?: string;\n label: string;\n /**\n * Called when selection changes\n * @return `true` to avoid accessibility auto-focusing, `false` otherwise\n */\n onChange?: (value: SelectionInputChoice) => boolean;\n pickerCancelLabel: string;\n\n pickerConfirmLabel: string;\n pickerTitle?: string;\n /** {@link SelectionInputChoice.label} of the selected choice */\n selectedValue?: string | number;\n\n values: SelectionInputChoice[];\n}\n\n/**\n * Generic selection input component\n * @see https://www.figma.com/file/Gd0Tj0234hxtl3HMcCJThW/App-Component-Library-(Design)?node-id=4%3A127&t=B2Y3PtJHH22XDPkx-0\n */\nconst SelectionInput = forwardRef<TouchableOpacityRef, SelectionInputProps>(\n (\n { selectedValue, values, label, pickerTitle, pickerConfirmLabel, pickerCancelLabel, onChange, error, ...props },\n ref,\n ) => {\n const t = useAccessibilityTranslation();\n const colorScheme = useAppColorScheme();\n const selectedChoice = useMemo(\n () => (selectedValue !== undefined ? values.find(({ value }) => value === selectedValue) : undefined),\n [selectedValue, values],\n );\n\n const [forwardedRef, refObject] = useForwardedRef(ref);\n const [pickerOpen, setPickerOpen] = useState(false);\n\n const onOpen = useCallback(() => setPickerOpen(true), []);\n const onConfirm = useCallback(\n (valueLabel: any) => {\n setPickerOpen(false);\n const choice = values.find(({ label: choiceLabel }) => choiceLabel === valueLabel);\n if (!choice || !onChange?.(choice)) {\n setTimeout(() => focusAccessibility(refObject.current), 200);\n }\n },\n [onChange, refObject, values],\n );\n const onCancel = useCallback(() => {\n setPickerOpen(false);\n requestAnimationFrame(() => focusAccessibility(refObject.current));\n }, [refObject]);\n\n const accessibilityLabel = error ? `${label}, ${error}` : label;\n return (\n <TouchableOpacity\n accessibilityHint={t('accessibility.control.combobox.tapToSelect')}\n accessibilityLabel={accessibilityLabel}\n accessibilityRole=\"combobox\"\n accessibilityValue={{ text: selectedChoice?.label }}\n onPress={onOpen}\n ref={forwardedRef}\n {...props}>\n <TextInput\n accessory={TextInputAccessory.Dropdown}\n disabled={true}\n error={error}\n label={label}\n pointerEvents=\"none\"\n value={selectedChoice?.shortLabel ?? selectedChoice?.label}\n />\n <Picker\n cancelText={pickerCancelLabel}\n confirmText={pickerConfirmLabel}\n items={values.map(({ label: itemLabel }) => itemLabel)}\n modal\n mode=\"list\"\n onCancel={onCancel}\n onConfirm={onConfirm}\n open={pickerOpen}\n selectedValue={selectedChoice?.label}\n textColor={colorScheme.text}\n title={pickerTitle ?? label}\n />\n </TouchableOpacity>\n );\n },\n);\n\nSelectionInput.displayName = 'SelectionInput';\nexport default SelectionInput;\n"],"mappings":"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","ignoreList":[]}