├── .gitignore ├── README.md ├── css ├── icons │ ├── invalid_mark.svg │ └── valid_check.svg └── style.css ├── demo.html ├── dev.html ├── examples ├── customization │ ├── floating-labels-example │ │ ├── README.md │ │ ├── index.html │ │ ├── script.js │ │ └── style.css │ └── single-line-payment-form-example │ │ ├── README.md │ │ └── single-line-payment-example.html ├── features │ ├── capture-bin-number-example │ │ ├── README.md │ │ ├── index.html │ │ ├── script.js │ │ └── style.css │ ├── compare-field-values-example │ │ ├── README.md │ │ ├── index.html │ │ ├── script.js │ │ └── style.css │ ├── conditional-rendering-example │ │ ├── README.md │ │ ├── index.html │ │ ├── script.js │ │ └── style.css │ ├── extended-card-brands-support-example │ │ ├── README.md │ │ ├── index.html │ │ ├── script.js │ │ └── style.css │ ├── input-masking-example │ │ ├── README.md │ │ ├── index.html │ │ └── script.js │ └── submit-on-enter-example │ │ ├── README.md │ │ ├── index.html │ │ ├── script.js │ │ └── style.css └── usecases │ ├── credit-card-example │ ├── README.md │ └── credit-card-example.html │ ├── login-data-example │ ├── README.md │ └── login-data-example.html │ ├── multiplexing-example │ ├── README.md │ ├── inbound.yaml │ └── multiplexing.html │ ├── pii-example │ ├── README.md │ └── pii-example.html │ └── shipping-info-example │ ├── README.md │ └── shipping-info-example.html ├── favicon.ico ├── index.html ├── js ├── credit-card-example.js ├── login-data-example.js ├── pii-example.js ├── script.js └── shipping-info-example.js ├── masked-examples.html ├── masked-examples └── masked-examples.js ├── style-examples.html ├── styles-examples ├── credit-card-custom.js ├── payment-form-custom.js ├── pii-form-custom.js └── signup-form-custom.js └── vendor ├── bootstrap └── bootstrap.min.js ├── jquery-3.3.1.min.js └── main.css /.gitignore: -------------------------------------------------------------------------------- 1 | .idea 2 | .DS_Store 3 | 4 | node_modules 5 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/README.md -------------------------------------------------------------------------------- /css/icons/invalid_mark.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/css/icons/invalid_mark.svg -------------------------------------------------------------------------------- /css/icons/valid_check.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/css/icons/valid_check.svg -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/css/style.css -------------------------------------------------------------------------------- /demo.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/demo.html -------------------------------------------------------------------------------- /dev.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/dev.html -------------------------------------------------------------------------------- /examples/customization/floating-labels-example/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/customization/floating-labels-example/README.md -------------------------------------------------------------------------------- /examples/customization/floating-labels-example/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/customization/floating-labels-example/index.html -------------------------------------------------------------------------------- /examples/customization/floating-labels-example/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/customization/floating-labels-example/script.js -------------------------------------------------------------------------------- /examples/customization/floating-labels-example/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/customization/floating-labels-example/style.css -------------------------------------------------------------------------------- /examples/customization/single-line-payment-form-example/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/customization/single-line-payment-form-example/README.md -------------------------------------------------------------------------------- /examples/customization/single-line-payment-form-example/single-line-payment-example.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/customization/single-line-payment-form-example/single-line-payment-example.html -------------------------------------------------------------------------------- /examples/features/capture-bin-number-example/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/features/capture-bin-number-example/README.md -------------------------------------------------------------------------------- /examples/features/capture-bin-number-example/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/features/capture-bin-number-example/index.html -------------------------------------------------------------------------------- /examples/features/capture-bin-number-example/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/features/capture-bin-number-example/script.js -------------------------------------------------------------------------------- /examples/features/capture-bin-number-example/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/features/capture-bin-number-example/style.css -------------------------------------------------------------------------------- /examples/features/compare-field-values-example/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/features/compare-field-values-example/README.md -------------------------------------------------------------------------------- /examples/features/compare-field-values-example/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/features/compare-field-values-example/index.html -------------------------------------------------------------------------------- /examples/features/compare-field-values-example/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/features/compare-field-values-example/script.js -------------------------------------------------------------------------------- /examples/features/compare-field-values-example/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/features/compare-field-values-example/style.css -------------------------------------------------------------------------------- /examples/features/conditional-rendering-example/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/features/conditional-rendering-example/README.md -------------------------------------------------------------------------------- /examples/features/conditional-rendering-example/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/features/conditional-rendering-example/index.html -------------------------------------------------------------------------------- /examples/features/conditional-rendering-example/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/features/conditional-rendering-example/script.js -------------------------------------------------------------------------------- /examples/features/conditional-rendering-example/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/features/conditional-rendering-example/style.css -------------------------------------------------------------------------------- /examples/features/extended-card-brands-support-example/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/features/extended-card-brands-support-example/README.md -------------------------------------------------------------------------------- /examples/features/extended-card-brands-support-example/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/features/extended-card-brands-support-example/index.html -------------------------------------------------------------------------------- /examples/features/extended-card-brands-support-example/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/features/extended-card-brands-support-example/script.js -------------------------------------------------------------------------------- /examples/features/extended-card-brands-support-example/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/features/extended-card-brands-support-example/style.css -------------------------------------------------------------------------------- /examples/features/input-masking-example/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/features/input-masking-example/README.md -------------------------------------------------------------------------------- /examples/features/input-masking-example/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/features/input-masking-example/index.html -------------------------------------------------------------------------------- /examples/features/input-masking-example/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/features/input-masking-example/script.js -------------------------------------------------------------------------------- /examples/features/submit-on-enter-example/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/features/submit-on-enter-example/README.md -------------------------------------------------------------------------------- /examples/features/submit-on-enter-example/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/features/submit-on-enter-example/index.html -------------------------------------------------------------------------------- /examples/features/submit-on-enter-example/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/features/submit-on-enter-example/script.js -------------------------------------------------------------------------------- /examples/features/submit-on-enter-example/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/features/submit-on-enter-example/style.css -------------------------------------------------------------------------------- /examples/usecases/credit-card-example/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/usecases/credit-card-example/README.md -------------------------------------------------------------------------------- /examples/usecases/credit-card-example/credit-card-example.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/usecases/credit-card-example/credit-card-example.html -------------------------------------------------------------------------------- /examples/usecases/login-data-example/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/usecases/login-data-example/README.md -------------------------------------------------------------------------------- /examples/usecases/login-data-example/login-data-example.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/usecases/login-data-example/login-data-example.html -------------------------------------------------------------------------------- /examples/usecases/multiplexing-example/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/usecases/multiplexing-example/README.md -------------------------------------------------------------------------------- /examples/usecases/multiplexing-example/inbound.yaml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/usecases/multiplexing-example/inbound.yaml -------------------------------------------------------------------------------- /examples/usecases/multiplexing-example/multiplexing.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/usecases/multiplexing-example/multiplexing.html -------------------------------------------------------------------------------- /examples/usecases/pii-example/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/usecases/pii-example/README.md -------------------------------------------------------------------------------- /examples/usecases/pii-example/pii-example.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/usecases/pii-example/pii-example.html -------------------------------------------------------------------------------- /examples/usecases/shipping-info-example/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/usecases/shipping-info-example/README.md -------------------------------------------------------------------------------- /examples/usecases/shipping-info-example/shipping-info-example.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/examples/usecases/shipping-info-example/shipping-info-example.html -------------------------------------------------------------------------------- /favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/favicon.ico -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/index.html -------------------------------------------------------------------------------- /js/credit-card-example.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/js/credit-card-example.js -------------------------------------------------------------------------------- /js/login-data-example.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/js/login-data-example.js -------------------------------------------------------------------------------- /js/pii-example.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/js/pii-example.js -------------------------------------------------------------------------------- /js/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/js/script.js -------------------------------------------------------------------------------- /js/shipping-info-example.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/js/shipping-info-example.js -------------------------------------------------------------------------------- /masked-examples.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/masked-examples.html -------------------------------------------------------------------------------- /masked-examples/masked-examples.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/masked-examples/masked-examples.js -------------------------------------------------------------------------------- /style-examples.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/style-examples.html -------------------------------------------------------------------------------- /styles-examples/credit-card-custom.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/styles-examples/credit-card-custom.js -------------------------------------------------------------------------------- /styles-examples/payment-form-custom.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/styles-examples/payment-form-custom.js -------------------------------------------------------------------------------- /styles-examples/pii-form-custom.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/styles-examples/pii-form-custom.js -------------------------------------------------------------------------------- /styles-examples/signup-form-custom.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/styles-examples/signup-form-custom.js -------------------------------------------------------------------------------- /vendor/bootstrap/bootstrap.min.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/vendor/bootstrap/bootstrap.min.js -------------------------------------------------------------------------------- /vendor/jquery-3.3.1.min.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/vendor/jquery-3.3.1.min.js -------------------------------------------------------------------------------- /vendor/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vgs-samples/vgs-collect-examples/HEAD/vendor/main.css --------------------------------------------------------------------------------