Compare commits
21 Commits
f9e758fda5
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
 Nathan Anderson
|
7ffeb2d199 | ||
|
Nathan Anderson
|
3e140d6310 | ||
|
Nathan Anderson
|
dcc5cf010f | ||
|
Nathan Anderson
|
713f35c692 | ||
|
Nathan Anderson
|
abcbf96d08 | ||
|
Nathan Anderson
|
f4b05dbccf | ||
|
Nathan Anderson
|
ef189517c1 | ||
|
Nathan Anderson
|
462e40308f | ||
|
Nathan Anderson
|
d7d27a1cf5 | ||
|
Nathan Anderson
|
1c918f72f9 | ||
|
Nathan Anderson
|
4b0e4a98de | ||
 n8r
|
645d0749da | ||
|
Nathan Anderson
|
bd91c1f814 | ||
|
Nathan Anderson
|
a8e571ca7b | ||
|
Nathan Anderson
|
dd52ffb398 | ||
|
Nathan Anderson
|
d4c697dde8 | ||
|
Nathan Anderson
|
a356775a39 | ||
|
Nathan Anderson
|
f9fba42a79 | ||
|
Nathan Anderson
|
106ba444e1 | ||
|
Nathan Anderson
|
1668ab8947 | ||
|
Nathan Anderson
|
f23805a3a8 |
@@ -28,3 +28,4 @@ migrate_working_dir/
|
||||
.dart_tool/
|
||||
.packages
|
||||
build/
|
||||
|
||||
|
||||
+62
-1
@@ -1,3 +1,64 @@
|
||||
## 0.0.10
|
||||
|
||||
- One little 'Y' I missed
|
||||
- Fixed out of range error with `_adjustSelection`
|
||||
|
||||
## 0.0.9
|
||||
|
||||
- Drastically improved usability and performance with flutter web and canvaskit renderer, especially on mobile
|
||||
- Using streams to more accurately call `widget.onValidCardDetails` when the card details are valid and completed
|
||||
- Added `cursorColor` customization
|
||||
- Reworked widget life cycle so that hot reloads work as expected (resizing, focus, etc.).
|
||||
|
||||
## 0.0.8
|
||||
|
||||
- Updated dart sdk constraints again... oops (>=3.0.0)
|
||||
|
||||
## 0.0.7
|
||||
|
||||
- Changed pubspec versioning to allow lower SDK constraints (>=2.12.0)
|
||||
|
||||
## 0.0.6
|
||||
|
||||
- Improved assertion and error messaging when missing stripe implements
|
||||
- Added better doc comments
|
||||
- Fixed `CardTextField.delayToShowLoading`, now it uses it
|
||||
- Fixed bad assertion logic when providing stripe keys
|
||||
- Added ability to make Stripe call with `GlobalKey`
|
||||
- Refactored method `onTokenReceived` to `onStripeResponse` to be clearer
|
||||
- Refactored method `onCardDetailsComplete` to `onValidCardDetails` to be clearer
|
||||
|
||||
## 0.0.5
|
||||
|
||||
- Fix Web, invalid call to `Platform.isAndroid`
|
||||
- Analysis issues fixed for pub points
|
||||
|
||||
## 0.0.4
|
||||
|
||||
- Fix for focus and soft keyboard on mobile devices
|
||||
- Added README gif to show `CardTextField` in action
|
||||
- Added Icon color customization to `CardProviderIcon` widget
|
||||
- Fleshed out a dark mode styling example
|
||||
|
||||
## 0.0.3
|
||||
|
||||
Lots of improvements!
|
||||
|
||||
- `CardTextField` now has customizable styles. Stripe integration is natively handled now, returning a card token, if stripe keys are provided.
|
||||
- `README` revamped with emojis, screen recordings, the whole nine yards.
|
||||
- `LICENSE` changed from BSD-3.0 to MIT license for pub points, I guess it wasn't being recognized correctly...
|
||||
- Added `http` depency for handling Stripe token api call.
|
||||
- Added Widget tests because that should be a thing that gets checked.
|
||||
- Fix for backspacing on mobile not changing focus.
|
||||
- Fix for text field spacing when in small form factor
|
||||
- Much improved usability on mobile, added manually scrolling to element
|
||||
- Added Icon Size param for card Provider Icon
|
||||
|
||||
|
||||
## 0.0.2
|
||||
|
||||
Added dartdoc comments for more pub points!
|
||||
|
||||
## 0.0.1
|
||||
|
||||
* TODO: Describe initial release.
|
||||
I think it works
|
||||
|
||||
@@ -1,9 +1,7 @@
|
||||
BSD 3-Clause License
|
||||
Copyright 2023 - Nathan Anderson
|
||||
|
||||
Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
||||
|
||||
Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
|
||||
Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
|
||||
The names of its contributors may not be used to endorse or promote products derived from this software without specific prior written permission.
|
||||
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||
|
||||
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
|
||||
@@ -1,17 +1,55 @@
|
||||
For information about how to write a good package README, see the guide for
|
||||
[writing package pages](https://dart.dev/guides/libraries/writing-package-pages).
|
||||
|
||||
A simple and clean Stripe Element Card clone, rebuilt in native Flutter widgets.
|
||||
|
||||
# DISCLAIMER
|
||||
|
||||
This is not an officially maintained package by Stripe, but using the html stripe
|
||||
elements they provide with flutter is less than ideal.
|
||||
elements they provide in flutter was inconvenient for me, so I made this package.
|
||||
|
||||
## Features
|
||||
# Features
|
||||
|
||||
- Card number validation
|
||||
- No more depending on Flutter Webview
|
||||
Got to use emojis and taglines for attention grabbing and algorithm hacking:
|
||||
|
||||
## Getting started
|
||||
- ⚡ Blazingly fast ( its as fast as the rest of flutter )
|
||||
- 🧹 Cleaner & Easier to Use ( fewer dependencies than the official stripe elements )
|
||||
- 🛡 Safe and Supports all Flutter Targets ( its native flutter with minimal dependencies )
|
||||
- ☑ Seemless UI/UX ( hard to match stripe quality, but I think I got pretty close )
|
||||
- 💳 Built-in Stripe Integration ( guess that one is obvious )
|
||||
- ☯ Chi Energy Boost ( alright I'm fishing... )
|
||||
|
||||
## Why StripeNativeCardField?
|
||||
|
||||
- Fewer dependencies: no more depending on Flutter Webview
|
||||
- Customizable: the entire field can inherit native Flutter styling, i.e. `BoxDecoration()`
|
||||
- Native Implementation: compiles and loads like the rest of your app, unlike embeded html
|
||||
- Automatic validation: no `inputFormatters` or `RegExp` needed on your side
|
||||
|
||||
The card data can either be retrieved with the `onValidCardDetails` callback, or
|
||||
you can have the element automatically create a Stripe card token when the fields
|
||||
are filled out, and return the token with the `onTokenReceived` callback.
|
||||
|
||||
### Card Provider Detection
|
||||
|
||||
|
||||
|
||||
[Supported Card Providers in Docs](https://pub.dev/documentation/stripe_native_card_field/latest/card_details/CardProviderID.html)
|
||||
|
||||
### Customizable Styles
|
||||
|
||||
|
||||
|
||||
This dark mode style example provided [here](https://git.fosscat.com/n8r/stripe_native_card_field/raw/branch/main/example/lib/dark_customization.dart)
|
||||
|
||||
For documentation on all of the available customizable aspects of the `CardTextField`, go
|
||||
to the [API docs here](https://pub.dev/documentation/stripe_native_card_field/latest/stripe_native_card_field/CardTextField-class.html).
|
||||
|
||||
### Smooth UX
|
||||
|
||||
|
||||
|
||||
Mimics the Stripe html elements behavior wherever possible. Auto focusing / transitioning text fields, backspacing focuses to last field,
|
||||
automatically validating user input, etc.
|
||||
|
||||
# Getting started
|
||||
|
||||
- Install the package by running `flutter pub add stripe_native_card_field`
|
||||
|
||||
@@ -19,20 +57,47 @@ elements they provide with flutter is less than ideal.
|
||||
|
||||
Include the package in a file:
|
||||
|
||||
|
||||
```dart
|
||||
import 'package:stripe_native_card_field/stripe_native_card_field.dart';
|
||||
```
|
||||
|
||||
### For Raw Card Data
|
||||
|
||||
Provide a callback for the `CardTextField` to return you the data when its complete.
|
||||
```dart
|
||||
CardTextField(
|
||||
width: 500,
|
||||
onCardDetailsComplete: (details) {
|
||||
onValidCardDetails: (details) {
|
||||
// Save the card details to use with your call to Stripe, or whoever
|
||||
setState(() => _cardDetails = details);
|
||||
},
|
||||
);
|
||||
```
|
||||
|
||||
## Additional information
|
||||
### For Stripe Token
|
||||
|
||||
Simply provide a function for the `onStripeResponse` callback!
|
||||
|
||||
```dart
|
||||
CardTextField(
|
||||
width: 500,
|
||||
stripePublishableKey: 'pk_test_abc123', // Your stripe key here
|
||||
onStripeResponse: (Map<String, dynamic> data) {
|
||||
// Save the stripe token to send to your backend
|
||||
setState(() => _tokenData = data);
|
||||
},
|
||||
);
|
||||
```
|
||||
|
||||
If you want more fine-grained control of when the stripe call is made, you
|
||||
can create a `GlobalKey` and access the `CardTextFieldState`, calling the
|
||||
`getStripeResponse()` function yourself. See the provided [example](https://pub.dev/packages/stripe_native_card_field/example)
|
||||
for details. If you choose this route, do not provide an `onStripeResponse` callback, or you will end up
|
||||
making two calls to stripe!
|
||||
|
||||
# Additional information
|
||||
|
||||
Repository located [here](https://git.fosscat.com/n8r/stripe_native_card_field)
|
||||
|
||||
Please email me at n8r@fosscat.com for any issues or PRs.
|
||||
|
||||
Generated
+19
@@ -0,0 +1,19 @@
|
||||
<component name="libraryTable">
|
||||
<library name="Dart SDK">
|
||||
<CLASSES>
|
||||
<root url="file:///home/nate/Tooling/flutter/bin/cache/dart-sdk/lib/async" />
|
||||
<root url="file:///home/nate/Tooling/flutter/bin/cache/dart-sdk/lib/collection" />
|
||||
<root url="file:///home/nate/Tooling/flutter/bin/cache/dart-sdk/lib/convert" />
|
||||
<root url="file:///home/nate/Tooling/flutter/bin/cache/dart-sdk/lib/core" />
|
||||
<root url="file:///home/nate/Tooling/flutter/bin/cache/dart-sdk/lib/developer" />
|
||||
<root url="file:///home/nate/Tooling/flutter/bin/cache/dart-sdk/lib/html" />
|
||||
<root url="file:///home/nate/Tooling/flutter/bin/cache/dart-sdk/lib/io" />
|
||||
<root url="file:///home/nate/Tooling/flutter/bin/cache/dart-sdk/lib/isolate" />
|
||||
<root url="file:///home/nate/Tooling/flutter/bin/cache/dart-sdk/lib/math" />
|
||||
<root url="file:///home/nate/Tooling/flutter/bin/cache/dart-sdk/lib/mirrors" />
|
||||
<root url="file:///home/nate/Tooling/flutter/bin/cache/dart-sdk/lib/typed_data" />
|
||||
</CLASSES>
|
||||
<JAVADOC />
|
||||
<SOURCES />
|
||||
</library>
|
||||
</component>
|
||||
+15
@@ -0,0 +1,15 @@
|
||||
<component name="libraryTable">
|
||||
<library name="KotlinJavaRuntime">
|
||||
<CLASSES>
|
||||
<root url="jar://$KOTLIN_BUNDLED$/lib/kotlin-stdlib.jar!/" />
|
||||
<root url="jar://$KOTLIN_BUNDLED$/lib/kotlin-reflect.jar!/" />
|
||||
<root url="jar://$KOTLIN_BUNDLED$/lib/kotlin-test.jar!/" />
|
||||
</CLASSES>
|
||||
<JAVADOC />
|
||||
<SOURCES>
|
||||
<root url="jar://$KOTLIN_BUNDLED$/lib/kotlin-stdlib-sources.jar!/" />
|
||||
<root url="jar://$KOTLIN_BUNDLED$/lib/kotlin-reflect-sources.jar!/" />
|
||||
<root url="jar://$KOTLIN_BUNDLED$/lib/kotlin-test-sources.jar!/" />
|
||||
</SOURCES>
|
||||
</library>
|
||||
</component>
|
||||
Generated
+9
@@ -0,0 +1,9 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="ProjectModuleManager">
|
||||
<modules>
|
||||
<module fileurl="file://$PROJECT_DIR$/example.iml" filepath="$PROJECT_DIR$/example.iml" />
|
||||
<module fileurl="file://$PROJECT_DIR$/android/example_android.iml" filepath="$PROJECT_DIR$/android/example_android.iml" />
|
||||
</modules>
|
||||
</component>
|
||||
</project>
|
||||
+6
@@ -0,0 +1,6 @@
|
||||
<component name="ProjectRunConfigurationManager">
|
||||
<configuration default="false" name="main.dart" type="FlutterRunConfigurationType" factoryName="Flutter">
|
||||
<option name="filePath" value="$PROJECT_DIR$/lib/main.dart" />
|
||||
<method />
|
||||
</configuration>
|
||||
</component>
|
||||
Generated
+36
@@ -0,0 +1,36 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="FileEditorManager">
|
||||
<leaf>
|
||||
<file leaf-file-name="main.dart" pinned="false" current-in-tab="true">
|
||||
<entry file="file://$PROJECT_DIR$/lib/main.dart">
|
||||
<provider selected="true" editor-type-id="text-editor">
|
||||
<state relative-caret-position="0">
|
||||
<caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
|
||||
</state>
|
||||
</provider>
|
||||
</entry>
|
||||
</file>
|
||||
</leaf>
|
||||
</component>
|
||||
<component name="ToolWindowManager">
|
||||
<editor active="true" />
|
||||
<layout>
|
||||
<window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
|
||||
</layout>
|
||||
</component>
|
||||
<component name="ProjectView">
|
||||
<navigator currentView="ProjectPane" proportions="" version="1">
|
||||
</navigator>
|
||||
<panes>
|
||||
<pane id="ProjectPane">
|
||||
<option name="show-excluded-files" value="false" />
|
||||
</pane>
|
||||
</panes>
|
||||
</component>
|
||||
<component name="PropertiesComponent">
|
||||
<property name="last_opened_file_path" value="$PROJECT_DIR$" />
|
||||
<property name="dart.analysis.tool.window.force.activate" value="true" />
|
||||
<property name="show.migrate.to.gradle.popup" value="false" />
|
||||
</component>
|
||||
</project>
|
||||
@@ -0,0 +1,19 @@
|
||||
package io.flutter.plugins;
|
||||
|
||||
import androidx.annotation.Keep;
|
||||
import androidx.annotation.NonNull;
|
||||
import io.flutter.Log;
|
||||
|
||||
import io.flutter.embedding.engine.FlutterEngine;
|
||||
|
||||
/**
|
||||
* Generated file. Do not edit.
|
||||
* This file is generated by the Flutter tool based on the
|
||||
* plugins that support the Android platform.
|
||||
*/
|
||||
@Keep
|
||||
public final class GeneratedPluginRegistrant {
|
||||
private static final String TAG = "GeneratedPluginRegistrant";
|
||||
public static void registerWith(@NonNull FlutterEngine flutterEngine) {
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,29 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<module type="JAVA_MODULE" version="4">
|
||||
<component name="FacetManager">
|
||||
<facet type="android" name="Android">
|
||||
<configuration>
|
||||
<option name="ALLOW_USER_CONFIGURATION" value="false" />
|
||||
<option name="GEN_FOLDER_RELATIVE_PATH_APT" value="/gen" />
|
||||
<option name="GEN_FOLDER_RELATIVE_PATH_AIDL" value="/gen" />
|
||||
<option name="MANIFEST_FILE_RELATIVE_PATH" value="/app/src/main/AndroidManifest.xml" />
|
||||
<option name="RES_FOLDER_RELATIVE_PATH" value="/app/src/main/res" />
|
||||
<option name="ASSETS_FOLDER_RELATIVE_PATH" value="/app/src/main/assets" />
|
||||
<option name="LIBS_FOLDER_RELATIVE_PATH" value="/app/src/main/libs" />
|
||||
<option name="PROGUARD_LOGS_FOLDER_RELATIVE_PATH" value="/app/src/main/proguard_logs" />
|
||||
</configuration>
|
||||
</facet>
|
||||
</component>
|
||||
<component name="NewModuleRootManager" inherit-compiler-output="true">
|
||||
<exclude-output />
|
||||
<content url="file://$MODULE_DIR$">
|
||||
<sourceFolder url="file://$MODULE_DIR$/app/src/main/java" isTestSource="false" />
|
||||
<sourceFolder url="file://$MODULE_DIR$/app/src/main/kotlin" isTestSource="false" />
|
||||
<sourceFolder url="file://$MODULE_DIR$/gen" isTestSource="false" generated="true" />
|
||||
</content>
|
||||
<orderEntry type="jdk" jdkName="Android API 29 Platform" jdkType="Android SDK" />
|
||||
<orderEntry type="sourceFolder" forTests="false" />
|
||||
<orderEntry type="library" name="Flutter for Android" level="project" />
|
||||
<orderEntry type="library" name="KotlinJavaRuntime" level="project" />
|
||||
</component>
|
||||
</module>
|
||||
Binary file not shown.
+160
@@ -0,0 +1,160 @@
|
||||
#!/usr/bin/env bash
|
||||
|
||||
##############################################################################
|
||||
##
|
||||
## Gradle start up script for UN*X
|
||||
##
|
||||
##############################################################################
|
||||
|
||||
# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
|
||||
DEFAULT_JVM_OPTS=""
|
||||
|
||||
APP_NAME="Gradle"
|
||||
APP_BASE_NAME=`basename "$0"`
|
||||
|
||||
# Use the maximum available, or set MAX_FD != -1 to use that value.
|
||||
MAX_FD="maximum"
|
||||
|
||||
warn ( ) {
|
||||
echo "$*"
|
||||
}
|
||||
|
||||
die ( ) {
|
||||
echo
|
||||
echo "$*"
|
||||
echo
|
||||
exit 1
|
||||
}
|
||||
|
||||
# OS specific support (must be 'true' or 'false').
|
||||
cygwin=false
|
||||
msys=false
|
||||
darwin=false
|
||||
case "`uname`" in
|
||||
CYGWIN* )
|
||||
cygwin=true
|
||||
;;
|
||||
Darwin* )
|
||||
darwin=true
|
||||
;;
|
||||
MINGW* )
|
||||
msys=true
|
||||
;;
|
||||
esac
|
||||
|
||||
# Attempt to set APP_HOME
|
||||
# Resolve links: $0 may be a link
|
||||
PRG="$0"
|
||||
# Need this for relative symlinks.
|
||||
while [ -h "$PRG" ] ; do
|
||||
ls=`ls -ld "$PRG"`
|
||||
link=`expr "$ls" : '.*-> \(.*\)$'`
|
||||
if expr "$link" : '/.*' > /dev/null; then
|
||||
PRG="$link"
|
||||
else
|
||||
PRG=`dirname "$PRG"`"/$link"
|
||||
fi
|
||||
done
|
||||
SAVED="`pwd`"
|
||||
cd "`dirname \"$PRG\"`/" >/dev/null
|
||||
APP_HOME="`pwd -P`"
|
||||
cd "$SAVED" >/dev/null
|
||||
|
||||
CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
|
||||
|
||||
# Determine the Java command to use to start the JVM.
|
||||
if [ -n "$JAVA_HOME" ] ; then
|
||||
if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
|
||||
# IBM's JDK on AIX uses strange locations for the executables
|
||||
JAVACMD="$JAVA_HOME/jre/sh/java"
|
||||
else
|
||||
JAVACMD="$JAVA_HOME/bin/java"
|
||||
fi
|
||||
if [ ! -x "$JAVACMD" ] ; then
|
||||
die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
|
||||
|
||||
Please set the JAVA_HOME variable in your environment to match the
|
||||
location of your Java installation."
|
||||
fi
|
||||
else
|
||||
JAVACMD="java"
|
||||
which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
|
||||
|
||||
Please set the JAVA_HOME variable in your environment to match the
|
||||
location of your Java installation."
|
||||
fi
|
||||
|
||||
# Increase the maximum file descriptors if we can.
|
||||
if [ "$cygwin" = "false" -a "$darwin" = "false" ] ; then
|
||||
MAX_FD_LIMIT=`ulimit -H -n`
|
||||
if [ $? -eq 0 ] ; then
|
||||
if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
|
||||
MAX_FD="$MAX_FD_LIMIT"
|
||||
fi
|
||||
ulimit -n $MAX_FD
|
||||
if [ $? -ne 0 ] ; then
|
||||
warn "Could not set maximum file descriptor limit: $MAX_FD"
|
||||
fi
|
||||
else
|
||||
warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
|
||||
fi
|
||||
fi
|
||||
|
||||
# For Darwin, add options to specify how the application appears in the dock
|
||||
if $darwin; then
|
||||
GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
|
||||
fi
|
||||
|
||||
# For Cygwin, switch paths to Windows format before running java
|
||||
if $cygwin ; then
|
||||
APP_HOME=`cygpath --path --mixed "$APP_HOME"`
|
||||
CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
|
||||
JAVACMD=`cygpath --unix "$JAVACMD"`
|
||||
|
||||
# We build the pattern for arguments to be converted via cygpath
|
||||
ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
|
||||
SEP=""
|
||||
for dir in $ROOTDIRSRAW ; do
|
||||
ROOTDIRS="$ROOTDIRS$SEP$dir"
|
||||
SEP="|"
|
||||
done
|
||||
OURCYGPATTERN="(^($ROOTDIRS))"
|
||||
# Add a user-defined pattern to the cygpath arguments
|
||||
if [ "$GRADLE_CYGPATTERN" != "" ] ; then
|
||||
OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
|
||||
fi
|
||||
# Now convert the arguments - kludge to limit ourselves to /bin/sh
|
||||
i=0
|
||||
for arg in "$@" ; do
|
||||
CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
|
||||
CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option
|
||||
|
||||
if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition
|
||||
eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
|
||||
else
|
||||
eval `echo args$i`="\"$arg\""
|
||||
fi
|
||||
i=$((i+1))
|
||||
done
|
||||
case $i in
|
||||
(0) set -- ;;
|
||||
(1) set -- "$args0" ;;
|
||||
(2) set -- "$args0" "$args1" ;;
|
||||
(3) set -- "$args0" "$args1" "$args2" ;;
|
||||
(4) set -- "$args0" "$args1" "$args2" "$args3" ;;
|
||||
(5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
|
||||
(6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
|
||||
(7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
|
||||
(8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
|
||||
(9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
|
||||
esac
|
||||
fi
|
||||
|
||||
# Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules
|
||||
function splitJvmOpts() {
|
||||
JVM_OPTS=("$@")
|
||||
}
|
||||
eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS
|
||||
JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME"
|
||||
|
||||
exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@"
|
||||
Vendored
+90
@@ -0,0 +1,90 @@
|
||||
@if "%DEBUG%" == "" @echo off
|
||||
@rem ##########################################################################
|
||||
@rem
|
||||
@rem Gradle startup script for Windows
|
||||
@rem
|
||||
@rem ##########################################################################
|
||||
|
||||
@rem Set local scope for the variables with windows NT shell
|
||||
if "%OS%"=="Windows_NT" setlocal
|
||||
|
||||
@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
|
||||
set DEFAULT_JVM_OPTS=
|
||||
|
||||
set DIRNAME=%~dp0
|
||||
if "%DIRNAME%" == "" set DIRNAME=.
|
||||
set APP_BASE_NAME=%~n0
|
||||
set APP_HOME=%DIRNAME%
|
||||
|
||||
@rem Find java.exe
|
||||
if defined JAVA_HOME goto findJavaFromJavaHome
|
||||
|
||||
set JAVA_EXE=java.exe
|
||||
%JAVA_EXE% -version >NUL 2>&1
|
||||
if "%ERRORLEVEL%" == "0" goto init
|
||||
|
||||
echo.
|
||||
echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
|
||||
echo.
|
||||
echo Please set the JAVA_HOME variable in your environment to match the
|
||||
echo location of your Java installation.
|
||||
|
||||
goto fail
|
||||
|
||||
:findJavaFromJavaHome
|
||||
set JAVA_HOME=%JAVA_HOME:"=%
|
||||
set JAVA_EXE=%JAVA_HOME%/bin/java.exe
|
||||
|
||||
if exist "%JAVA_EXE%" goto init
|
||||
|
||||
echo.
|
||||
echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
|
||||
echo.
|
||||
echo Please set the JAVA_HOME variable in your environment to match the
|
||||
echo location of your Java installation.
|
||||
|
||||
goto fail
|
||||
|
||||
:init
|
||||
@rem Get command-line arguments, handling Windowz variants
|
||||
|
||||
if not "%OS%" == "Windows_NT" goto win9xME_args
|
||||
if "%@eval[2+2]" == "4" goto 4NT_args
|
||||
|
||||
:win9xME_args
|
||||
@rem Slurp the command line arguments.
|
||||
set CMD_LINE_ARGS=
|
||||
set _SKIP=2
|
||||
|
||||
:win9xME_args_slurp
|
||||
if "x%~1" == "x" goto execute
|
||||
|
||||
set CMD_LINE_ARGS=%*
|
||||
goto execute
|
||||
|
||||
:4NT_args
|
||||
@rem Get arguments from the 4NT Shell from JP Software
|
||||
set CMD_LINE_ARGS=%$
|
||||
|
||||
:execute
|
||||
@rem Setup the command line
|
||||
|
||||
set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
|
||||
|
||||
@rem Execute Gradle
|
||||
"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS%
|
||||
|
||||
:end
|
||||
@rem End local scope for the variables with windows NT shell
|
||||
if "%ERRORLEVEL%"=="0" goto mainEnd
|
||||
|
||||
:fail
|
||||
rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
|
||||
rem the _cmd.exe /c_ return code!
|
||||
if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
|
||||
exit /b 1
|
||||
|
||||
:mainEnd
|
||||
if "%OS%"=="Windows_NT" endlocal
|
||||
|
||||
:omega
|
||||
@@ -0,0 +1,5 @@
|
||||
sdk.dir=/home/nate/Android/Sdk
|
||||
flutter.sdk=/home/nate/Tooling/flutter
|
||||
flutter.buildMode=debug
|
||||
flutter.versionName=1.0.0
|
||||
flutter.versionCode=1
|
||||
Binary file not shown.
@@ -0,0 +1,17 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<module type="JAVA_MODULE" version="4">
|
||||
<component name="NewModuleRootManager" inherit-compiler-output="true">
|
||||
<exclude-output />
|
||||
<content url="file://$MODULE_DIR$">
|
||||
<sourceFolder url="file://$MODULE_DIR$/lib" isTestSource="false" />
|
||||
<sourceFolder url="file://$MODULE_DIR$/test" isTestSource="true" />
|
||||
<excludeFolder url="file://$MODULE_DIR$/.dart_tool" />
|
||||
<excludeFolder url="file://$MODULE_DIR$/.idea" />
|
||||
<excludeFolder url="file://$MODULE_DIR$/build" />
|
||||
</content>
|
||||
<orderEntry type="sourceFolder" forTests="false" />
|
||||
<orderEntry type="library" name="Dart SDK" level="project" />
|
||||
<orderEntry type="library" name="Flutter Plugins" level="project" />
|
||||
<orderEntry type="library" name="Dart Packages" level="project" />
|
||||
</component>
|
||||
</module>
|
||||
@@ -0,0 +1,19 @@
|
||||
//
|
||||
// Generated file. Do not edit.
|
||||
//
|
||||
|
||||
// clang-format off
|
||||
|
||||
#ifndef GeneratedPluginRegistrant_h
|
||||
#define GeneratedPluginRegistrant_h
|
||||
|
||||
#import <Flutter/Flutter.h>
|
||||
|
||||
NS_ASSUME_NONNULL_BEGIN
|
||||
|
||||
@interface GeneratedPluginRegistrant : NSObject
|
||||
+ (void)registerWithRegistry:(NSObject<FlutterPluginRegistry>*)registry;
|
||||
@end
|
||||
|
||||
NS_ASSUME_NONNULL_END
|
||||
#endif /* GeneratedPluginRegistrant_h */
|
||||
@@ -0,0 +1,14 @@
|
||||
//
|
||||
// Generated file. Do not edit.
|
||||
//
|
||||
|
||||
// clang-format off
|
||||
|
||||
#import "GeneratedPluginRegistrant.h"
|
||||
|
||||
@implementation GeneratedPluginRegistrant
|
||||
|
||||
+ (void)registerWithRegistry:(NSObject<FlutterPluginRegistry>*)registry {
|
||||
}
|
||||
|
||||
@end
|
||||
@@ -0,0 +1,101 @@
|
||||
import 'package:flutter/foundation.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:stripe_native_card_field/card_details.dart';
|
||||
import 'package:stripe_native_card_field/stripe_native_card_field.dart';
|
||||
|
||||
void main() {
|
||||
runApp(const MyApp());
|
||||
}
|
||||
|
||||
class MyApp extends StatelessWidget {
|
||||
const MyApp({super.key});
|
||||
|
||||
// This widget is the root of your application.
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return MaterialApp(
|
||||
debugShowCheckedModeBanner: false,
|
||||
title: 'Native Stripe Field Demo',
|
||||
theme: ThemeData(
|
||||
brightness: Brightness.dark,
|
||||
colorScheme: ColorScheme.fromSeed(
|
||||
seedColor: Colors.deepPurple, brightness: Brightness.dark),
|
||||
useMaterial3: true,
|
||||
),
|
||||
home: const MyHomePage(title: 'Flutter Demo Home Page'),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class MyHomePage extends StatefulWidget {
|
||||
const MyHomePage({super.key, required this.title});
|
||||
|
||||
final String title;
|
||||
|
||||
@override
|
||||
State<MyHomePage> createState() => _MyHomePageState();
|
||||
}
|
||||
|
||||
class _MyHomePageState extends State<MyHomePage> {
|
||||
CardDetailsValidState? state;
|
||||
String? errorText;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
backgroundColor: Colors.black45,
|
||||
appBar: AppBar(
|
||||
backgroundColor: Theme.of(context).colorScheme.inversePrimary,
|
||||
title: Text(widget.title),
|
||||
),
|
||||
body: Center(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: <Widget>[
|
||||
const Padding(
|
||||
padding: EdgeInsets.all(8.0),
|
||||
child: Text(
|
||||
'Enter your card details below:',
|
||||
style: TextStyle(color: Colors.white70),
|
||||
),
|
||||
),
|
||||
CardTextField(
|
||||
width: 300,
|
||||
onValidCardDetails: (details) {
|
||||
if (kDebugMode) {
|
||||
print(details);
|
||||
}
|
||||
},
|
||||
textStyle:
|
||||
const TextStyle(fontFamily: 'Lato', color: Colors.tealAccent),
|
||||
hintTextStyle:
|
||||
const TextStyle(fontFamily: 'Lato', color: Colors.teal),
|
||||
errorTextStyle: const TextStyle(color: Colors.purpleAccent),
|
||||
boxDecoration: BoxDecoration(
|
||||
color: Colors.black54,
|
||||
border: Border.all(
|
||||
color: Colors.teal.withAlpha(255),
|
||||
),
|
||||
),
|
||||
errorBoxDecoration: BoxDecoration(
|
||||
color: Colors.black54,
|
||||
border: Border.all(width: 3.0, color: Colors.purple),
|
||||
),
|
||||
cardIconColor: 'teal',
|
||||
cardIconErrorColor: '#b65cc2',
|
||||
overrideValidState: state,
|
||||
errorText: errorText,
|
||||
),
|
||||
ElevatedButton(
|
||||
child: const Text('Set manual error'),
|
||||
onPressed: () => setState(() {
|
||||
errorText = 'There is a problem';
|
||||
state = CardDetailsValidState.invalidCard;
|
||||
}),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
+45
-35
@@ -1,5 +1,6 @@
|
||||
import 'package:flutter/foundation.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:stripe_native_card_field/card_details.dart';
|
||||
import 'package:stripe_native_card_field/stripe_native_card_field.dart';
|
||||
|
||||
void main() {
|
||||
@@ -13,23 +14,9 @@ class MyApp extends StatelessWidget {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return MaterialApp(
|
||||
title: 'Flutter Demo',
|
||||
debugShowCheckedModeBanner: false,
|
||||
title: 'Native Stripe Field Demo',
|
||||
theme: ThemeData(
|
||||
// This is the theme of your application.
|
||||
//
|
||||
// TRY THIS: Try running your application with "flutter run". You'll see
|
||||
// the application has a blue toolbar. Then, without quitting the app,
|
||||
// try changing the seedColor in the colorScheme below to Colors.green
|
||||
// and then invoke "hot reload" (save your changes or press the "hot
|
||||
// reload" button in a Flutter-supported IDE, or press "r" if you used
|
||||
// the command line to start the app).
|
||||
//
|
||||
// Notice that the counter didn't reset back to zero; the application
|
||||
// state is not lost during the reload. To reset the state, use hot
|
||||
// restart instead.
|
||||
//
|
||||
// This works for code too, not just values: Most code changes can be
|
||||
// tested with just a hot reload.
|
||||
colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
|
||||
useMaterial3: true,
|
||||
),
|
||||
@@ -41,15 +28,6 @@ class MyApp extends StatelessWidget {
|
||||
class MyHomePage extends StatefulWidget {
|
||||
const MyHomePage({super.key, required this.title});
|
||||
|
||||
// This widget is the home page of your application. It is stateful, meaning
|
||||
// that it has a State object (defined below) that contains fields that affect
|
||||
// how it looks.
|
||||
|
||||
// This class is the configuration for the state. It holds the values (in this
|
||||
// case the title) provided by the parent (in this case the App widget) and
|
||||
// used by the build method of the State. Fields in a Widget subclass are
|
||||
// always marked "final".
|
||||
|
||||
final String title;
|
||||
|
||||
@override
|
||||
@@ -57,26 +35,58 @@ class MyHomePage extends StatefulWidget {
|
||||
}
|
||||
|
||||
class _MyHomePageState extends State<MyHomePage> {
|
||||
CardDetailsValidState? state;
|
||||
String? errorText;
|
||||
|
||||
// Creating a global key here allows us to call the `getStripeResponse()`
|
||||
// inside the CardTextFieldState widget in our build method. See below
|
||||
final _key = GlobalKey<CardTextFieldState>();
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final cardField = CardTextField(
|
||||
key: _key,
|
||||
loadingWidgetLocation: LoadingLocation.above,
|
||||
stripePublishableKey: 'pk_test_abc123testmykey',
|
||||
width: 600,
|
||||
onValidCardDetails: (details) {
|
||||
if (kDebugMode) {
|
||||
print(details);
|
||||
}
|
||||
},
|
||||
overrideValidState: state,
|
||||
errorText: errorText,
|
||||
);
|
||||
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
backgroundColor: Theme.of(context).colorScheme.inversePrimary,
|
||||
title: Text(widget.title),
|
||||
),
|
||||
body: Center(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: <Widget>[
|
||||
Text(
|
||||
const Padding(
|
||||
padding: EdgeInsets.all(8.0),
|
||||
child: Text(
|
||||
'Enter your card details below:',
|
||||
),
|
||||
CardTextField(
|
||||
width: 500,
|
||||
onCardDetailsComplete: (details) {
|
||||
if (kDebugMode) print('Got card details: $details');
|
||||
},
|
||||
),
|
||||
cardField,
|
||||
ElevatedButton(
|
||||
child: const Text('Set manual error'),
|
||||
onPressed: () => setState(() {
|
||||
errorText = 'There is a problem';
|
||||
state = CardDetailsValidState.invalidCard;
|
||||
}),
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
ElevatedButton(
|
||||
child: const Text('Get Stripe token'),
|
||||
onPressed: () async {
|
||||
// Here we use the global key to get the stripe data, rather than
|
||||
// using the `onStripeResponse` callback in the widget
|
||||
final tok = await _key.currentState?.getStripeResponse();
|
||||
if (kDebugMode) print(tok);
|
||||
},
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
+38
-14
@@ -45,10 +45,10 @@ packages:
|
||||
dependency: transitive
|
||||
description:
|
||||
name: collection
|
||||
sha256: f092b211a4319e98e5ff58223576de6c2803db36221657b46c82574721240687
|
||||
sha256: ee67cb0715911d28db6bf4af1026078bd6f0128b07a5f66fb2ed94ec6783c09a
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "1.17.2"
|
||||
version: "1.18.0"
|
||||
cupertino_icons:
|
||||
dependency: "direct main"
|
||||
description:
|
||||
@@ -91,6 +91,22 @@ packages:
|
||||
description: flutter
|
||||
source: sdk
|
||||
version: "0.0.0"
|
||||
http:
|
||||
dependency: transitive
|
||||
description:
|
||||
name: http
|
||||
sha256: "759d1a329847dd0f39226c688d3e06a6b8679668e350e2891a6474f8b4bb8525"
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "1.1.0"
|
||||
http_parser:
|
||||
dependency: transitive
|
||||
description:
|
||||
name: http_parser
|
||||
sha256: "2aa08ce0341cc9b354a498388e30986515406668dbcc4f7c950c3e715496693b"
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "4.0.2"
|
||||
lints:
|
||||
dependency: transitive
|
||||
description:
|
||||
@@ -119,10 +135,10 @@ packages:
|
||||
dependency: transitive
|
||||
description:
|
||||
name: meta
|
||||
sha256: "3c74dbf8763d36539f114c799d8a2d87343b5067e9d796ca22b5eb8437090ee3"
|
||||
sha256: a6e590c838b18133bb482a2745ad77c5bb7715fb0451209e1a7567d416678b8e
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "1.9.1"
|
||||
version: "1.10.0"
|
||||
path:
|
||||
dependency: transitive
|
||||
description:
|
||||
@@ -164,18 +180,18 @@ packages:
|
||||
dependency: transitive
|
||||
description:
|
||||
name: stack_trace
|
||||
sha256: c3c7d8edb15bee7f0f74debd4b9c5f3c2ea86766fe4178eb2a18eb30a0bdaed5
|
||||
sha256: "73713990125a6d93122541237550ee3352a2d84baad52d375a4cad2eb9b7ce0b"
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "1.11.0"
|
||||
version: "1.11.1"
|
||||
stream_channel:
|
||||
dependency: transitive
|
||||
description:
|
||||
name: stream_channel
|
||||
sha256: "83615bee9045c1d322bbbd1ba209b7a749c2cbcdcb3fdd1df8eb488b3279c1c8"
|
||||
sha256: ba2aa5d8cc609d96bbb2899c28934f9e1af5cddbd60a827822ea467161eb54e7
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "2.1.1"
|
||||
version: "2.1.2"
|
||||
string_scanner:
|
||||
dependency: transitive
|
||||
description:
|
||||
@@ -190,7 +206,7 @@ packages:
|
||||
path: ".."
|
||||
relative: true
|
||||
source: path
|
||||
version: "0.0.1"
|
||||
version: "0.0.9"
|
||||
term_glyph:
|
||||
dependency: transitive
|
||||
description:
|
||||
@@ -203,10 +219,18 @@ packages:
|
||||
dependency: transitive
|
||||
description:
|
||||
name: test_api
|
||||
sha256: "75760ffd7786fffdfb9597c35c5b27eaeec82be8edfb6d71d32651128ed7aab8"
|
||||
sha256: "5c2f730018264d276c20e4f1503fd1308dfbbae39ec8ee63c5236311ac06954b"
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "0.6.0"
|
||||
version: "0.6.1"
|
||||
typed_data:
|
||||
dependency: transitive
|
||||
description:
|
||||
name: typed_data
|
||||
sha256: facc8d6582f16042dd49f2463ff1bd6e2c9ef9f3d5da3d9b087e244a7b564b3c
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "1.3.2"
|
||||
vector_graphics:
|
||||
dependency: transitive
|
||||
description:
|
||||
@@ -243,10 +267,10 @@ packages:
|
||||
dependency: transitive
|
||||
description:
|
||||
name: web
|
||||
sha256: dc8ccd225a2005c1be616fe02951e2e342092edf968cf0844220383757ef8f10
|
||||
sha256: afe077240a270dcfd2aafe77602b4113645af95d0ad31128cc02bce5ac5d5152
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "0.1.4-beta"
|
||||
version: "0.3.0"
|
||||
xml:
|
||||
dependency: transitive
|
||||
description:
|
||||
@@ -256,5 +280,5 @@ packages:
|
||||
source: hosted
|
||||
version: "6.3.0"
|
||||
sdks:
|
||||
dart: ">=3.1.3 <4.0.0"
|
||||
dart: ">=3.2.0-194.0.dev <4.0.0"
|
||||
flutter: ">=3.7.0-0"
|
||||
|
||||
@@ -4,7 +4,7 @@ publish_to: 'none' # Remove this line if you wish to publish to pub.dev
|
||||
version: 1.0.0+1
|
||||
|
||||
environment:
|
||||
sdk: '>=3.1.3 <4.0.0'
|
||||
sdk: '>=3.0.0 <4.0.0'
|
||||
|
||||
dependencies:
|
||||
flutter:
|
||||
@@ -25,3 +25,10 @@ flutter:
|
||||
|
||||
uses-material-design: true
|
||||
|
||||
|
||||
|
||||
fonts:
|
||||
- family: Lato
|
||||
fonts:
|
||||
- asset: assets/Lato-Medium.ttf
|
||||
weight: 400
|
||||
|
||||
+132
-68
@@ -1,50 +1,90 @@
|
||||
import 'dart:async';
|
||||
|
||||
import 'package:flutter/foundation.dart';
|
||||
|
||||
/// Class encapsulating the card's data
|
||||
/// as well as validation of the data.
|
||||
///
|
||||
/// `CardDetails.validState == ValidState.ok`
|
||||
/// when fields are filled and validated as correct.
|
||||
class CardDetails {
|
||||
CardDetails({
|
||||
required dynamic cardNumber,
|
||||
required String? securityCode,
|
||||
required String? cardNumber,
|
||||
required this.securityCode,
|
||||
required this.expirationString,
|
||||
required this.postalCode,
|
||||
}) : _cardNumber = cardNumber {
|
||||
this.securityCode = int.tryParse(securityCode ?? '');
|
||||
checkIsValid();
|
||||
}
|
||||
|
||||
/// Sets every field to null, a default
|
||||
/// `CardDetails` when nothing has been entered.
|
||||
factory CardDetails.blank() {
|
||||
return CardDetails(cardNumber: null, securityCode: null, expirationString: null, postalCode: null);
|
||||
return CardDetails(
|
||||
cardNumber: null,
|
||||
securityCode: null,
|
||||
expirationString: null,
|
||||
postalCode: null);
|
||||
}
|
||||
|
||||
/// Returns the CardNumber as a `String` with the spaces removed.
|
||||
String? get cardNumber => _cardNumber?.replaceAll(' ', '');
|
||||
|
||||
set cardNumber(String? num) => _cardNumber = num;
|
||||
|
||||
String? _cardNumber;
|
||||
int? securityCode;
|
||||
String? securityCode;
|
||||
String? postalCode;
|
||||
String? expirationString;
|
||||
DateTime? expirationDate;
|
||||
bool _complete = false;
|
||||
ValidState _validState = ValidState.blank;
|
||||
CardDetailsValidState _validState = CardDetailsValidState.blank;
|
||||
int _lastCheckHash = 0;
|
||||
CardProvider? provider;
|
||||
StreamController<CardDetails> onCompleteController = StreamController();
|
||||
|
||||
ValidState get validState {
|
||||
set overrideValidState(CardDetailsValidState state) => _validState = state;
|
||||
|
||||
/// Checks the validity of the `CardDetails` and returns the result.
|
||||
CardDetailsValidState get validState {
|
||||
checkIsValid();
|
||||
return _validState;
|
||||
}
|
||||
|
||||
bool get cardNumberFilled =>
|
||||
_cardNumber == null ? false : (provider?.cardLength ?? 16) == _cardNumber!.replaceAll(' ', '').length;
|
||||
String get expMonth => isComplete ? expirationString!.split('/').first : '';
|
||||
String get expYear => isComplete ? expirationString!.split('/').last : '';
|
||||
|
||||
/// Returns true if `_cardNumber` is null, or
|
||||
/// if the _cardNumber matches the detected `provider`'s
|
||||
/// card lenght, defaulting to 16.
|
||||
bool get cardNumberFilled => _cardNumber == null
|
||||
? false
|
||||
: (provider?.cardLength ?? 16) == _cardNumber!.replaceAll(' ', '').length;
|
||||
|
||||
/// Returns true if all details are complete and valid
|
||||
/// otherwise, return false.
|
||||
bool get isComplete {
|
||||
checkIsValid();
|
||||
return _complete;
|
||||
}
|
||||
|
||||
int get minInnLength => 1;
|
||||
/// Detects if the card is complete, then broadcasts
|
||||
/// card details to `onCompleteController`
|
||||
void broadcastStatus() {
|
||||
if (isComplete) {
|
||||
onCompleteController.add(this);
|
||||
}
|
||||
}
|
||||
|
||||
/// The maximum length of the INN (identifier)
|
||||
/// of a card provider.
|
||||
int get maxINNLength => 4;
|
||||
|
||||
/// Validates each field of the `CardDetails` object in entry order,
|
||||
/// namely _cardNumber -> expirationString -> securityCode -> postalCode
|
||||
///
|
||||
/// If all fields are filled out and valid, `CardDetails.isComplete == true`
|
||||
/// and `CardDetails.validState == ValidState.ok`.
|
||||
void checkIsValid() {
|
||||
try {
|
||||
int currentHash = hash;
|
||||
@@ -52,10 +92,13 @@ class CardDetails {
|
||||
return;
|
||||
}
|
||||
|
||||
_lastCheckHash = currentHash;
|
||||
if (_cardNumber == null && expirationString == null && securityCode == null && postalCode == null) {
|
||||
_complete = false;
|
||||
_validState = ValidState.blank;
|
||||
_lastCheckHash = currentHash;
|
||||
if (_cardNumber == null &&
|
||||
expirationString == null &&
|
||||
securityCode == null &&
|
||||
postalCode == null) {
|
||||
_validState = CardDetailsValidState.blank;
|
||||
return;
|
||||
}
|
||||
final nums = _cardNumber!
|
||||
@@ -65,81 +108,82 @@ class CardDetails {
|
||||
(i) => int.parse(i),
|
||||
)
|
||||
.toList();
|
||||
if (!luhnAlgorithmCheck(nums)) {
|
||||
_complete = false;
|
||||
_validState = ValidState.invalidCard;
|
||||
if (!_luhnAlgorithmCheck(nums)) {
|
||||
_validState = CardDetailsValidState.invalidCard;
|
||||
return;
|
||||
}
|
||||
if (_cardNumber == null || !cardNumberFilled) {
|
||||
_complete = false;
|
||||
_validState = ValidState.missingCard;
|
||||
_validState = CardDetailsValidState.missingCard;
|
||||
return;
|
||||
}
|
||||
if (expirationString == null) {
|
||||
_complete = false;
|
||||
_validState = ValidState.missingDate;
|
||||
_validState = CardDetailsValidState.missingDate;
|
||||
return;
|
||||
}
|
||||
final expSplits = expirationString!.split('/');
|
||||
if (expSplits.length != 2 || expSplits.last == '') {
|
||||
_complete = false;
|
||||
_validState = ValidState.missingDate;
|
||||
_validState = CardDetailsValidState.missingDate;
|
||||
return;
|
||||
}
|
||||
final month = int.parse(expSplits.first[0] == '0' ? expSplits.first[1] : expSplits.first);
|
||||
final month = int.parse(
|
||||
expSplits.first[0] == '0' ? expSplits.first[1] : expSplits.first);
|
||||
if (month < 1 || month > 12) {
|
||||
_complete = false;
|
||||
_validState = ValidState.invalidMonth;
|
||||
_validState = CardDetailsValidState.invalidMonth;
|
||||
return;
|
||||
}
|
||||
final year = 2000 + int.parse(expSplits.last);
|
||||
final date = DateTime(year, month);
|
||||
if (date.isBefore(DateTime.now())) {
|
||||
_complete = false;
|
||||
_validState = ValidState.dateTooEarly;
|
||||
_validState = CardDetailsValidState.dateTooEarly;
|
||||
return;
|
||||
} else if (date.isAfter(DateTime.now().add(const Duration(days: 365 * 50)))) {
|
||||
_complete = false;
|
||||
_validState = ValidState.dateTooLate;
|
||||
} else if (date
|
||||
.isAfter(DateTime.now().add(const Duration(days: 365 * 50)))) {
|
||||
_validState = CardDetailsValidState.dateTooLate;
|
||||
return;
|
||||
}
|
||||
expirationDate = date;
|
||||
if (securityCode == null) {
|
||||
_complete = false;
|
||||
_validState = ValidState.missingCVC;
|
||||
_validState = CardDetailsValidState.missingCVC;
|
||||
return;
|
||||
}
|
||||
if (provider != null && securityCode!.length != provider!.cvcLength) {
|
||||
_validState = CardDetailsValidState.invalidCVC;
|
||||
return;
|
||||
}
|
||||
if (postalCode == null) {
|
||||
_complete = false;
|
||||
_validState = ValidState.missingZip;
|
||||
_validState = CardDetailsValidState.missingZip;
|
||||
return;
|
||||
}
|
||||
if (!RegExp(r'^\d{5}(-\d{4})?$').hasMatch(postalCode!)) {
|
||||
_complete = false;
|
||||
_validState = ValidState.invalidZip;
|
||||
_validState = CardDetailsValidState.invalidZip;
|
||||
return;
|
||||
}
|
||||
_complete = true;
|
||||
_validState = ValidState.ok;
|
||||
_validState = CardDetailsValidState.ok;
|
||||
} catch (err, st) {
|
||||
if (kDebugMode) {
|
||||
print('Error while validating CardDetails: $err\n$st');
|
||||
}
|
||||
_complete = false;
|
||||
_validState = ValidState.error;
|
||||
_validState = CardDetailsValidState.error;
|
||||
}
|
||||
}
|
||||
|
||||
/// Provides a hash of the CardDetails object
|
||||
/// Hashes `_cardNumber`, `expirationString`,
|
||||
/// `securityCode`, and `postalCode`.
|
||||
int get hash {
|
||||
return Object.hash(_cardNumber, expirationString, securityCode, postalCode);
|
||||
}
|
||||
|
||||
/// Iterates over the list `_providers`, detecting which
|
||||
/// provider the current `_cardNumber` falls under.
|
||||
void detectCardProvider() {
|
||||
bool found = false;
|
||||
if (_cardNumber == null) {
|
||||
return;
|
||||
}
|
||||
for (var cardPvd in providers) {
|
||||
for (var cardPvd in _providers) {
|
||||
if (cardPvd.innValidNums != null) {
|
||||
// trim card number to correct length
|
||||
String trimmedNum = _cardNumber!;
|
||||
@@ -180,9 +224,37 @@ class CardDetails {
|
||||
String toString() {
|
||||
return 'Number: "$_cardNumber" - Exp: "$expirationString" CVC: $securityCode Zip: "$postalCode"';
|
||||
}
|
||||
|
||||
/// https://en.wikipedia.org/wiki/Luhn_algorithm
|
||||
/// The Luhn algorithm is used in industry to check
|
||||
/// for valid credit / debit card numbers
|
||||
///
|
||||
/// The algorithm adds together all the numbers, every
|
||||
/// other number is doubled, then the sum is checked to
|
||||
/// see if it is a multiple of 10.
|
||||
/// https://en.wikipedia.org/wiki/Luhn_algorithm
|
||||
bool _luhnAlgorithmCheck(List<int> digits) {
|
||||
int sum = 0;
|
||||
bool isSecond = false;
|
||||
for (int i = digits.length - 1; i >= 0; i--) {
|
||||
int d = digits[i];
|
||||
if (isSecond) {
|
||||
d *= 2;
|
||||
|
||||
if (d > 9) {
|
||||
d -= 9;
|
||||
}
|
||||
}
|
||||
|
||||
sum += d;
|
||||
isSecond = !isSecond;
|
||||
}
|
||||
return (sum % 10) == 0;
|
||||
}
|
||||
}
|
||||
|
||||
enum ValidState {
|
||||
/// Enum of validation states a `CardDetails` object can have.
|
||||
enum CardDetailsValidState {
|
||||
ok,
|
||||
error,
|
||||
blank,
|
||||
@@ -198,6 +270,7 @@ enum ValidState {
|
||||
invalidZip,
|
||||
}
|
||||
|
||||
/// Enum of supported Card Providers
|
||||
enum CardProviderID {
|
||||
americanExpress,
|
||||
dinersClub,
|
||||
@@ -207,6 +280,9 @@ enum CardProviderID {
|
||||
visa,
|
||||
}
|
||||
|
||||
/// Encapsulates criteria for Card Providers in the U.S.
|
||||
/// Used by `CardDetails.detectCardProvider()` to determine
|
||||
/// a card's Provider.
|
||||
class CardProvider {
|
||||
CardProviderID id;
|
||||
List<int>? innValidNums;
|
||||
@@ -215,7 +291,11 @@ class CardProvider {
|
||||
int cvcLength;
|
||||
|
||||
CardProvider(
|
||||
{required this.id, required this.cardLength, required this.cvcLength, this.innValidNums, this.innValidRanges}) {
|
||||
{required this.id,
|
||||
required this.cardLength,
|
||||
required this.cvcLength,
|
||||
this.innValidNums,
|
||||
this.innValidRanges}) {
|
||||
// Must provide one or the other
|
||||
assert(innValidNums != null || innValidRanges != null);
|
||||
// Do not provide empty list of valid nums
|
||||
@@ -228,6 +308,9 @@ class CardProvider {
|
||||
}
|
||||
}
|
||||
|
||||
/// Object for `CardProvider` to determine valid number ranges.
|
||||
/// A loose wrapper on a tuple, that provides assertion of
|
||||
/// valid inputs and the `isWithin()` helper function.
|
||||
class Range {
|
||||
int high;
|
||||
int low;
|
||||
@@ -236,12 +319,19 @@ class Range {
|
||||
assert(low <= high);
|
||||
}
|
||||
|
||||
/// Returns bool whether or not `val` is between `low` and `high`.
|
||||
/// The range includes the `val`, so
|
||||
/// ```dart
|
||||
/// Range(low: 1, high: 3).isWithin(3);
|
||||
/// ```
|
||||
/// would return true.
|
||||
bool isWithin(int val) {
|
||||
return low <= val && val <= high;
|
||||
}
|
||||
}
|
||||
|
||||
List<CardProvider> providers = [
|
||||
/// List of CardProviders for US-based Credit / Debit Cards.
|
||||
List<CardProvider> _providers = [
|
||||
CardProvider(
|
||||
id: CardProviderID.americanExpress,
|
||||
cardLength: 15,
|
||||
@@ -280,29 +370,3 @@ List<CardProvider> providers = [
|
||||
innValidNums: [4],
|
||||
)
|
||||
];
|
||||
|
||||
// https://en.wikipedia.org/wiki/Luhn_algorithm
|
||||
// The Luhn algorithm is used in industry to check
|
||||
// for valid credit / debit card numbers
|
||||
//
|
||||
// The algorithm adds together all the numbers, every
|
||||
// other number is doubled, then the sum is checked to
|
||||
// see if it is a multiple of 10.
|
||||
bool luhnAlgorithmCheck(List<int> digits) {
|
||||
int sum = 0;
|
||||
bool isSecond = false;
|
||||
for (int i = digits.length - 1; i >= 0; i--) {
|
||||
int d = digits[i];
|
||||
if (isSecond) {
|
||||
d *= 2;
|
||||
|
||||
if (d > 9) {
|
||||
d -= 9;
|
||||
}
|
||||
}
|
||||
|
||||
sum += d;
|
||||
isSecond = !isSecond;
|
||||
}
|
||||
return (sum % 10) == 0;
|
||||
}
|
||||
|
||||
+36
-13
@@ -2,21 +2,41 @@ import 'card_details.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_svg/flutter_svg.dart';
|
||||
|
||||
/// Widget that provides the various supported card provider's
|
||||
/// icons, as well as a default and error card icon.
|
||||
///
|
||||
/// To see a list of supported card providers, see `CardDetails.provider`.
|
||||
class CardProviderIcon extends StatefulWidget {
|
||||
const CardProviderIcon({required this.cardDetails, super.key});
|
||||
const CardProviderIcon(
|
||||
{required this.cardDetails,
|
||||
this.size,
|
||||
this.defaultCardColor,
|
||||
this.errorCardColor,
|
||||
super.key});
|
||||
|
||||
final CardDetails? cardDetails;
|
||||
final Size? size;
|
||||
final String? defaultCardColor;
|
||||
final String? errorCardColor;
|
||||
|
||||
@override
|
||||
State<CardProviderIcon> createState() => _CardProviderIconState();
|
||||
}
|
||||
|
||||
class _CardProviderIconState extends State<CardProviderIcon> {
|
||||
final Map<String, String> cardProviderSvg = {
|
||||
late final Map<String, String> cardProviderSvg;
|
||||
late final Size _size;
|
||||
|
||||
@override
|
||||
initState() {
|
||||
final errorCardColor = widget.errorCardColor ?? 'red';
|
||||
final defaultCardColor = widget.defaultCardColor ?? 'black';
|
||||
|
||||
cardProviderSvg = {
|
||||
'credit-card':
|
||||
'<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 15C7.55228 15 8 14.5523 8 14C8 13.4477 7.55228 13 7 13C6.44772 13 6 13.4477 6 14C6 14.5523 6.44772 15 7 15Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M2 9V5.6C2 5.26863 2.26863 5 2.6 5H21.4C21.7314 5 22 5.26863 22 5.6V9M2 9V18.4C2 18.7314 2.26863 19 2.6 19H21.4C21.7314 19 22 18.7314 22 18.4V9M2 9H22" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>',
|
||||
'<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 15C7.55228 15 8 14.5523 8 14C8 13.4477 7.55228 13 7 13C6.44772 13 6 13.4477 6 14C6 14.5523 6.44772 15 7 15Z" fill="$defaultCardColor" stroke="$defaultCardColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M2 9V5.6C2 5.26863 2.26863 5 2.6 5H21.4C21.7314 5 22 5.26863 22 5.6V9M2 9V18.4C2 18.7314 2.26863 19 2.6 19H21.4C21.7314 19 22 18.7314 22 18.4V9M2 9H22" stroke="$defaultCardColor" stroke-linecap="round" stroke-linejoin="round"/></svg>',
|
||||
'error':
|
||||
'<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 3L21 21" stroke="red" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 15C7.55228 15 8 14.5523 8 14C8 13.4477 7.55228 13 7 13C6.44772 13 6 13.4477 6 14C6 14.5523 6.44772 15 7 15Z" fill="red" stroke="red" stroke-linecap="round" stroke-linejoin="round"/><path d="M18.5 19H2.6C2.26863 19 2 18.7314 2 18.4V9H8.5" stroke="red" stroke-linecap="round" stroke-linejoin="round"/><path d="M2 9V5.6C2 5.26863 2.26863 5 2.6 5H4.5" stroke="red" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 9H22V17" stroke="red" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 9V5.6C22 5.26863 21.7314 5 21.4 5H10" stroke="red" stroke-linecap="round" stroke-linejoin="round"/></svg>',
|
||||
'<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 3L21 21" stroke="$errorCardColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 15C7.55228 15 8 14.5523 8 14C8 13.4477 7.55228 13 7 13C6.44772 13 6 13.4477 6 14C6 14.5523 6.44772 15 7 15Z" fill="$errorCardColor" stroke="$errorCardColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M18.5 19H2.6C2.26863 19 2 18.7314 2 18.4V9H8.5" stroke="$errorCardColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M2 9V5.6C2 5.26863 2.26863 5 2.6 5H4.5" stroke="$errorCardColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 9H22V17" stroke="$errorCardColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 9V5.6C22 5.26863 21.7314 5 21.4 5H10" stroke="$errorCardColor" stroke-linecap="round" stroke-linejoin="round"/></svg>',
|
||||
CardProviderID.discoverCard.name:
|
||||
'<svg height="500" viewBox="0 0 780 500" width="780" xmlns="http://www.w3.org/2000/svg"><g fill-rule="evenodd"><path d="m54.992 0c-30.365 0-54.992 24.63-54.992 55.004v390.992c0 30.38 24.619 55.004 54.992 55.004h670.016c30.365 0 54.992-24.63 54.992-55.004v-390.992c0-30.38-24.619-55.004-54.992-55.004z" fill="#4d4d4d"/><path d="m327.152 161.893c8.837 0 16.248 1.784 25.268 6.09v22.751c-8.544-7.863-15.955-11.154-25.756-11.154-19.264 0-34.414 15.015-34.414 34.05 0 20.075 14.681 34.196 35.37 34.196 9.312 0 16.586-3.12 24.8-10.857v22.763c-9.341 4.14-16.911 5.776-25.756 5.776-31.278 0-55.582-22.596-55.582-51.737 0-28.826 24.951-51.878 56.07-51.878zm-97.113.627c11.546 0 22.11 3.72 30.943 10.994l-10.748 13.248c-5.35-5.646-10.41-8.028-16.564-8.028-8.853 0-15.3 4.745-15.3 10.989 0 5.354 3.619 8.188 15.944 12.482 23.365 8.044 30.29 15.176 30.29 30.926 0 19.193-14.976 32.553-36.32 32.553-15.63 0-26.994-5.795-36.458-18.872l13.268-12.03c4.73 8.61 12.622 13.222 22.42 13.222 9.163 0 15.947-5.952 15.947-13.984 0-4.164-2.055-7.734-6.158-10.258-2.066-1.195-6.158-2.977-14.2-5.647-19.291-6.538-25.91-13.527-25.91-27.185 0-16.225 14.214-28.41 32.846-28.41zm234.723 1.728h22.437l28.084 66.592 28.446-66.592h22.267l-45.494 101.686h-11.053zm-397.348.152h30.15c33.312 0 56.534 20.382 56.534 49.641 0 14.59-7.104 28.696-19.118 38.057-10.108 7.901-21.626 11.445-37.574 11.445h-29.992zm96.135 0h20.54v99.143h-20.54zm411.734 0h58.252v16.8h-37.725v22.005h36.336v16.791h-36.336v26.762h37.726v16.785h-58.252v-99.143zm71.858 0h30.455c23.69 0 37.265 10.71 37.265 29.272 0 15.18-8.514 25.14-23.986 28.105l33.148 41.766h-25.26l-28.429-39.828h-2.678v39.828h-20.515zm20.515 15.616v30.025h6.002c13.117 0 20.069-5.362 20.069-15.328 0-9.648-6.954-14.697-19.745-14.697zm-579.716 1.183v65.559h5.512c13.273 0 21.656-2.394 28.11-7.88 7.103-5.955 11.376-15.465 11.376-24.98 0-9.499-4.273-18.725-11.376-24.681-6.785-5.78-14.837-8.018-28.11-8.018z" fill="#fff"/><path d="m415.13 161.21c30.941 0 56.022 23.58 56.022 52.709v.033c0 29.13-25.081 52.742-56.021 52.742s-56.022-23.613-56.022-52.742v-.033c0-29.13 25.082-52.71 56.022-52.71zm364.85 127.15c-26.05 18.33-221.08 149.34-558.75 212.62h503.76c30.365 0 54.992-24.63 54.992-55.004v-157.62z" fill="#f47216"/></g></svg>',
|
||||
CardProviderID.americanExpress.name:
|
||||
@@ -30,22 +50,24 @@ class _CardProviderIconState extends State<CardProviderIcon> {
|
||||
CardProviderID.jcb.name:
|
||||
'<svg enable-background="new 0 0 780 500" height="500" viewBox="0 0 780 500" width="780" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a" gradientTransform="matrix(132.87 0 0 323.02 -120270 -100930)" gradientUnits="userSpaceOnUse" x1="908.72" x2="909.72" y1="313.21" y2="313.21"><stop offset="0" stop-color="#007b40"/><stop offset="1" stop-color="#55b330"/></linearGradient><linearGradient id="b" gradientTransform="matrix(133.43 0 0 323.02 -121080 -100920)" gradientUnits="userSpaceOnUse" x1="908.73" x2="909.73" y1="313.21" y2="313.21"><stop offset="0" stop-color="#1d2970"/><stop offset="1" stop-color="#006dba"/></linearGradient><linearGradient id="c" gradientTransform="matrix(132.96 0 0 323.03 -120500 -100930)" gradientUnits="userSpaceOnUse" x1="908.72" x2="909.72" y1="313.21" y2="313.21"><stop offset="0" stop-color="#6e2b2f"/><stop offset="1" stop-color="#e30138"/></linearGradient><path d="m632.24 361.27c0 41.615-33.729 75.36-75.357 75.36h-409.13v-297.88c0-41.626 33.73-75.371 75.364-75.371h409.12l-.001 297.89z" fill="#fff"/><path d="m498.86 256.54c11.686.254 23.438-.516 35.077.4 11.787 2.199 14.628 20.043 4.156 25.887-7.145 3.85-15.633 1.434-23.379 2.113h-15.854zm41.834-32.145c2.596 9.164-6.238 17.392-15.064 16.13h-26.77c.188-8.642-.367-18.022.272-26.209 10.724.302 21.547-.616 32.209.48 4.581 1.151 8.415 4.917 9.353 9.599zm64.425-135.9c.498 17.501.072 35.927.215 53.783-.033 72.596.07 145.19-.057 217.79-.47 27.207-24.582 50.848-51.601 51.391-27.045.11-54.094.017-81.143.047v-109.75c29.471-.152 58.957.309 88.416-.23 13.666-.858 28.635-9.875 29.271-24.914 1.609-15.104-12.631-25.551-26.151-27.201-5.197-.135-5.045-1.515 0-2.117 12.895-2.787 23.021-16.133 19.227-29.499-3.233-14.058-18.771-19.499-31.695-19.472-26.352-.179-52.709-.025-79.062-.077.17-20.489-.355-41 .283-61.474 2.088-26.716 26.807-48.748 53.446-48.27 26.287-.004 52.57-.004 78.851-.005z" fill="url(#a)"/><path d="m174.74 139.54c.673-27.164 24.888-50.611 51.872-51.008 26.945-.083 53.894-.012 80.839-.036-.074 90.885.146 181.78-.111 272.66-1.038 26.834-24.989 49.834-51.679 50.309-26.996.098-53.995.014-80.992.041v-113.45c26.223 6.195 53.722 8.832 80.474 4.723 15.991-2.573 33.487-10.426 38.901-27.016 3.984-14.191 1.741-29.126 2.334-43.691v-33.825h-46.297c-.208 22.371.426 44.781-.335 67.125-1.248 13.734-14.849 22.46-27.802 21.994-16.064.17-47.897-11.642-47.897-11.642-.08-41.914.466-94.405.693-136.18z" fill="url(#b)"/><path d="m324.72 211.89c-2.437.517-.49-8.301-1.113-11.646.166-21.15-.347-42.323.283-63.458 2.082-26.829 26.991-48.916 53.738-48.288h78.768c-.074 90.885.145 181.78-.111 272.66-1.039 26.834-24.992 49.833-51.683 50.309-26.997.102-53.997.016-80.996.042v-124.3c18.439 15.129 43.5 17.484 66.472 17.525 17.318-.006 34.535-2.676 51.353-6.67v-22.772c-18.953 9.446-41.233 15.446-62.243 10.019-14.656-3.648-25.295-17.812-25.058-32.937-1.698-15.729 7.522-32.335 22.979-37.011 19.191-6.008 40.107-1.413 58.096 6.398 3.854 2.018 7.766 4.521 6.225-1.921v-17.899c-30.086-7.158-62.104-9.792-92.33-2.005-8.749 2.468-17.273 6.211-24.38 11.956z" fill="url(#c)"/></svg>',
|
||||
};
|
||||
final double height = 20;
|
||||
final double width = 30;
|
||||
|
||||
_size = widget.size ?? const Size(30.0, 20.0);
|
||||
super.initState();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
late Widget child;
|
||||
if (widget.cardDetails?.cardNumber != null &&
|
||||
widget.cardDetails!.cardNumberFilled &&
|
||||
widget.cardDetails!.validState == ValidState.invalidCard) {
|
||||
widget.cardDetails!.validState == CardDetailsValidState.invalidCard) {
|
||||
child = Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 5.0),
|
||||
child: SvgPicture.string(
|
||||
key: const Key('invalid-card'),
|
||||
cardProviderSvg['error']!,
|
||||
height: height,
|
||||
width: width,
|
||||
height: _size.height,
|
||||
width: _size.width,
|
||||
),
|
||||
);
|
||||
} else {
|
||||
@@ -55,8 +77,8 @@ class _CardProviderIconState extends State<CardProviderIcon> {
|
||||
child: SvgPicture.string(
|
||||
key: const Key('credit_card'),
|
||||
cardProviderSvg['credit-card']!,
|
||||
height: height,
|
||||
width: width,
|
||||
height: _size.height,
|
||||
width: _size.width,
|
||||
),
|
||||
);
|
||||
} else {
|
||||
@@ -77,12 +99,13 @@ class _CardProviderIconState extends State<CardProviderIcon> {
|
||||
);
|
||||
}
|
||||
|
||||
/// Helper function to create the SVG icons provided a `CardProviderID`.
|
||||
Widget createCardSvg(CardProviderID id) {
|
||||
return SvgPicture.string(
|
||||
key: Key('${id.name}-card'),
|
||||
cardProviderSvg[id.name]!,
|
||||
height: height,
|
||||
width: width,
|
||||
height: _size.height,
|
||||
width: _size.width,
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,19 @@
|
||||
/// Error class that `CardTextField` throws if any errors are encountered
|
||||
class CardTextFieldError extends Error {
|
||||
/// Details provided for the error
|
||||
String? details;
|
||||
CardTextFieldErrorType type;
|
||||
|
||||
CardTextFieldError(this.type, {this.details});
|
||||
|
||||
@override
|
||||
String toString() {
|
||||
return 'CardTextFieldError-${type.name}: $details';
|
||||
}
|
||||
}
|
||||
|
||||
/// Enum to add typing to the `CardTextFieldErrorType`
|
||||
enum CardTextFieldErrorType {
|
||||
stripeImplementation,
|
||||
unknown,
|
||||
}
|
||||
+936
-209
File diff suppressed because it is too large
Load Diff
+3
-3
@@ -1,16 +1,16 @@
|
||||
name: stripe_native_card_field
|
||||
description: A native flutter implementation of the elegant Stripe Card Field.
|
||||
version: 0.0.1
|
||||
version: 0.0.10
|
||||
repository: https://git.fosscat.com/n8r/stripe_native_card_field
|
||||
|
||||
environment:
|
||||
sdk: '>=3.1.3 <4.0.0'
|
||||
flutter: ">=1.17.0"
|
||||
sdk: '>=3.0.0 <4.0.0'
|
||||
|
||||
dependencies:
|
||||
flutter:
|
||||
sdk: flutter
|
||||
flutter_svg: ^2.0.9
|
||||
http: ^1.1.0
|
||||
|
||||
dev_dependencies:
|
||||
flutter_test:
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 2.8 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 924 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 56 MiB |
@@ -1,111 +0,0 @@
|
||||
---
|
||||
author: Nathan Anderson
|
||||
date: MMMM dd, YYYY
|
||||
paging: Slide %d / %d
|
||||
---
|
||||
|
||||
# Steps to Publish
|
||||
|
||||
1. Initialize Library
|
||||
2. Write Library
|
||||
4. Write some tests
|
||||
5. Publish!
|
||||
|
||||
---
|
||||
|
||||
# 1. Initialize Your Library!
|
||||
|
||||
---
|
||||
|
||||
## Publishing Requirements
|
||||
|
||||
- You must include a LICENSE file.
|
||||
- Your package must be smaller than 100 MB after gzip compression.
|
||||
- Your package should depend only on hosted dependencies (from the default pub
|
||||
package server) and SDK dependencies (sdk: flutter).
|
||||
- You must have a Google Account,
|
||||
|
||||
---
|
||||
|
||||
## Publishing is Forever
|
||||
|
||||
To make sure projects don't break after using a dependency, you are unable to
|
||||
take down a published project.
|
||||
|
||||
If you will have regrets publishing, turn back now.
|
||||
|
||||
---
|
||||
|
||||
## Initialize Project
|
||||
|
||||
Creating a flutter library is straightforward, simply run the command
|
||||
|
||||
```sh
|
||||
flutter create -template=package <package_name>
|
||||
```
|
||||
|
||||
Creates a new flutter project with a simple example library inside.
|
||||
|
||||
---
|
||||
|
||||
## Select License
|
||||
|
||||
This is important. The dart team recommends the BSD-3 clause license.
|
||||
|
||||
---
|
||||
|
||||
## pubspec.yaml Considerations
|
||||
|
||||
In the `pubspec.yaml` file, it is recommended to include a "homepage" or "repository"
|
||||
field. This gets popultated into the package page on [pub.dev](https://pub.dev).
|
||||
|
||||
```yaml
|
||||
# Top of pubspec.yaml file
|
||||
name: stripe_native_card_field
|
||||
description: A native flutter implementation of Stripes Card Field.
|
||||
version: 0.0.1
|
||||
repository: https://git.fosscat.com/nathananderson98/stripe_native_card_field
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
# 2. Write Your Library
|
||||
|
||||
---
|
||||
|
||||
## Important Bits
|
||||
|
||||
Be sure to include a `README.md` file at the root of your library as this is
|
||||
what determines the content of your packages page on [pub.dev](https://pub.dev)
|
||||
|
||||
A `CHANGELOG.md` file can also be included and will fill out a tab on the
|
||||
package's page
|
||||
|
||||
### Verified Publisher
|
||||
|
||||
You can publish under a verified domain as a "Verified Publisher". Its a bit of
|
||||
a process. But it adds a cool checkmark on your package and you can hide your email.
|
||||
|
||||
---
|
||||
|
||||
## Tests
|
||||
|
||||
Its a good idea to include some Unit Tests and Widget Tests for your library.
|
||||
|
||||
---
|
||||
|
||||
# 3. Publishing!
|
||||
|
||||
---
|
||||
|
||||
## Dry Run
|
||||
|
||||
To see the results of what publishing will look like without going through with it run
|
||||
|
||||
```sh
|
||||
dart pub publish --dry-run
|
||||
```
|
||||
|
||||
## Helpful Links
|
||||
|
||||
[Dart Publishing Guide](https://dart.dev/tools/pub/publishing)
|
||||
@@ -18,22 +18,23 @@ void main() {
|
||||
CardDetails? details;
|
||||
final cardField = CardTextField(
|
||||
width: width,
|
||||
onCardDetailsComplete: (cd) => details = cd,
|
||||
onValidCardDetails: (cd) => details = cd,
|
||||
);
|
||||
await tester.pumpWidget(cardFieldWidget(cardField));
|
||||
await tester.pumpWidget(baseCardFieldWidget(cardField));
|
||||
|
||||
final input = TestTextInput();
|
||||
|
||||
final cardState = tester.state(find.byType(CardTextField)) as CardTextFieldState;
|
||||
final cardState =
|
||||
tester.state(find.byType(CardTextField)) as CardTextFieldState;
|
||||
|
||||
assertEmptyTextFields(tester, width);
|
||||
assertEmptyTextFields(tester, cardState.isWideFormat);
|
||||
|
||||
await tester.tap(find.byType(CardTextField));
|
||||
expect(cardState.cardNumberFocusNode.hasFocus, true);
|
||||
|
||||
// await enterTextByKey(tester, key: cardFieldKey, text: '4242424242424242');
|
||||
input.enterText("4242424242424242");
|
||||
await tester.pumpAndSettle();
|
||||
await tester.pump();
|
||||
|
||||
expect(cardState.cardNumberFocusNode.hasFocus, false);
|
||||
expect(cardState.expirationFocusNode.hasFocus, true);
|
||||
@@ -44,20 +45,23 @@ void main() {
|
||||
// Backspace should move focus back to card number
|
||||
|
||||
await tester.sendKeyDownEvent(LogicalKeyboardKey.backspace);
|
||||
await tester.pumpAndSettle();
|
||||
await tester.pump();
|
||||
|
||||
expect(getTextFormField(expirationFieldKey).controller?.text, '');
|
||||
expect(getTextFormField(cardFieldKey).controller?.text, '4242 4242 4242 424');
|
||||
expect(getTextFormField(cardFieldKey).controller?.text,
|
||||
'4242 4242 4242 424');
|
||||
expect(cardState.cardNumberFocusNode.hasFocus, true);
|
||||
expect(cardState.expirationFocusNode.hasFocus, false);
|
||||
// Postal code should now be gone
|
||||
expect(find.text("Postal Code"), findsNothing);
|
||||
// FIXME this doesnt work
|
||||
// expect(find.text("Postal Code"), findsNothing);
|
||||
|
||||
// When using TestTextInput, any enterText() clears what is currently in focused field
|
||||
input.enterText("4242424242424242");
|
||||
await tester.pumpAndSettle();
|
||||
await tester.pump();
|
||||
|
||||
expect(getTextFormField(cardFieldKey).controller?.text, '4242 4242 4242 4242');
|
||||
expect(getTextFormField(cardFieldKey).controller?.text,
|
||||
'4242 4242 4242 4242');
|
||||
expect(cardState.cardNumberFocusNode.hasFocus, false);
|
||||
expect(cardState.expirationFocusNode.hasFocus, true);
|
||||
// Postal code should move back into view
|
||||
@@ -88,13 +92,116 @@ void main() {
|
||||
await input.receiveAction(TextInputAction.done);
|
||||
await tester.pump();
|
||||
|
||||
final expectedCardDetails = CardDetails(cardNumber: '4242 4242 4242 4242', securityCode: '333', expirationString: '10/28', postalCode: '91555');
|
||||
final expectedCardDetails = CardDetails(
|
||||
cardNumber: '4242 4242 4242 4242',
|
||||
securityCode: '333',
|
||||
expirationString: '10/28',
|
||||
postalCode: '91555');
|
||||
// print('${expectedCardDetails.toString()}\n${details?.toString()}');
|
||||
expect(details?.hash, expectedCardDetails.hash);
|
||||
},
|
||||
);
|
||||
|
||||
testWidgets(
|
||||
'CardTextField: GIVEN the user enters invalid input WHEN each text field is filled THEN the correct error messages are displayed',
|
||||
(tester) async {
|
||||
const width = 500.0;
|
||||
CardDetails? details;
|
||||
|
||||
final cardField = CardTextField(
|
||||
width: width,
|
||||
onValidCardDetails: (cd) => details = cd,
|
||||
);
|
||||
await tester.pumpWidget(baseCardFieldWidget(cardField));
|
||||
|
||||
final input = TestTextInput();
|
||||
|
||||
final cardState =
|
||||
tester.state(find.byType(CardTextField)) as CardTextFieldState;
|
||||
|
||||
assertEmptyTextFields(tester, cardState.isWideFormat);
|
||||
|
||||
await tester.sendKeyDownEvent(LogicalKeyboardKey.tab);
|
||||
expect(cardState.cardNumberFocusNode.hasFocus, true);
|
||||
|
||||
input.enterText('4242424242424222');
|
||||
await tester.pump();
|
||||
|
||||
expect(find.text('Your card number is invalid.'), findsOneWidget);
|
||||
|
||||
await tester.sendKeyDownEvent(LogicalKeyboardKey.backspace);
|
||||
await tester.pump();
|
||||
|
||||
expect(cardState.cardNumberFocusNode.hasFocus, true);
|
||||
|
||||
input.enterText('4242424242424242');
|
||||
await tester.pump();
|
||||
|
||||
expect(cardState.expirationFocusNode.hasFocus, true);
|
||||
|
||||
input.enterText('0055');
|
||||
await tester.pump();
|
||||
|
||||
expect(
|
||||
find.text("Your card's expiration month is invalid."), findsOneWidget);
|
||||
|
||||
await tester.sendKeyDownEvent(LogicalKeyboardKey.backspace);
|
||||
await tester.pump();
|
||||
|
||||
expect(cardState.expirationFocusNode.hasFocus, true);
|
||||
|
||||
input.enterText('1099');
|
||||
await tester.pump();
|
||||
|
||||
expect(
|
||||
find.text("Your card's expiration year is invalid."), findsOneWidget);
|
||||
|
||||
await tester.sendKeyDownEvent(LogicalKeyboardKey.backspace);
|
||||
await tester.pump();
|
||||
|
||||
expect(cardState.expirationFocusNode.hasFocus, true);
|
||||
|
||||
input.enterText('0228');
|
||||
await tester.pump();
|
||||
|
||||
expect(cardState.securityCodeFocusNode.hasFocus, true);
|
||||
|
||||
// FIXME this isnt transitioning focus correctly in test
|
||||
input.enterText('123');
|
||||
await tester.sendKeyDownEvent(LogicalKeyboardKey.tab);
|
||||
await tester.pump();
|
||||
|
||||
expect(cardState.postalCodeFocusNode.hasFocus, true);
|
||||
|
||||
input.enterText('1234');
|
||||
// Pressing enter doesnt work here...
|
||||
await input.receiveAction(TextInputAction.done);
|
||||
await tester.pump();
|
||||
|
||||
expect(find.text("The postal code you entered is not correct."),
|
||||
findsOneWidget);
|
||||
|
||||
await tester.tap(find.byType(CardTextField));
|
||||
|
||||
// Tab from security field to get zipcode focus
|
||||
await tester.sendKeyDownEvent(LogicalKeyboardKey.tab);
|
||||
expect(cardState.postalCodeFocusNode.hasFocus, true);
|
||||
|
||||
input.enterText('12345');
|
||||
await input.receiveAction(TextInputAction.done);
|
||||
await tester.pump();
|
||||
|
||||
final expectedCardDetails = CardDetails(
|
||||
cardNumber: '4242 4242 4242 4242',
|
||||
expirationString: '02/28',
|
||||
securityCode: '123',
|
||||
postalCode: '12345');
|
||||
|
||||
expect(details?.hash, expectedCardDetails.hash);
|
||||
});
|
||||
}
|
||||
|
||||
Widget cardFieldWidget(CardTextField cardField) => MaterialApp(
|
||||
Widget baseCardFieldWidget(CardTextField cardField) => MaterialApp(
|
||||
home: Scaffold(
|
||||
body: Center(
|
||||
child: Column(
|
||||
@@ -106,14 +213,17 @@ Widget cardFieldWidget(CardTextField cardField) => MaterialApp(
|
||||
),
|
||||
);
|
||||
|
||||
void assertEmptyTextFields(WidgetTester tester, double width) {
|
||||
void assertEmptyTextFields(WidgetTester tester, bool isWideFormat) {
|
||||
if (isWideFormat) {
|
||||
expect(find.text("Card number"), findsOneWidget);
|
||||
expect(find.text("MM/YY"), findsOneWidget);
|
||||
expect(find.text("CVC"), findsOneWidget);
|
||||
expect(find.text("Postal Code"), findsNothing);
|
||||
}
|
||||
// expect(find.text("Postal Code"), findsNothing);
|
||||
}
|
||||
|
||||
Future<void> enterTextByKey(WidgetTester tester, {required String key, required String text}) async {
|
||||
Future<void> enterTextByKey(WidgetTester tester,
|
||||
{required String key, required String text}) async {
|
||||
await tester.enterText(find.byKey(ValueKey(key)), text);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user