@dintero/checkout-web-sdk 0.0.14 → 0.2.0

package/.babelrc

@@ -0,0 +1,3 @@
+{
+    "presets": ["@babel/preset-typescript"]
+}

package/.github/dependabot.yml

@@ -0,0 +1,10 @@
+version: 2
+updates:
+  - package-ecosystem: npm
+    directory: "/"
+    schedule:
+      interval: daily
+    commit-message:
+      prefix: fix
+      prefix-development: chore
+      include: scope

package/.github/workflows/build.yml

@@ -0,0 +1,25 @@
+name: CI
+
+on:
+  pull_request:
+    branches: [ master ]
+
+jobs:
+
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+    - uses: actions/checkout@v2
+      with:
+        fetch-depth: 0
+    - uses: actions/setup-node@v2
+      with:
+        node-version: 'lts/*'
+        cache: npm
+
+    - name: npm install, build and test
+      run: |
+        npm install
+        npm run test
+        npm run build

package/.github/workflows/release.yml

@@ -0,0 +1,34 @@
+name: Release
+
+on:
+  push:
+    branches:
+      - master
+
+jobs:
+  release:
+    name: Release
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+        with:
+          fetch-depth: 0
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: 'lts/*'
+
+      - name: Install dependencies
+        run: |
+          npm install
+          npm run test
+          npm run build
+
+      - name: Release
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_PUBLISH_TOKEN }}
+        run: npx semantic-release

package/.releaserc.json

@@ -0,0 +1,11 @@
+{
+  "branches": [
+    "master"
+  ],
+  "plugins": [
+    "@semantic-release/commit-analyzer",
+    "@semantic-release/release-notes-generator",
+    "@semantic-release/github",
+    "@semantic-release/npm"
+  ]
+}

package/CHANGELOG.md

@@ -1,11 +1,29 @@
-## [0.0.14]
+## [0.0.17]
+
+### Changed
+
+-  Adds `onActivePaymentProductType` callback.  
+-  Adds `setActivePaymentProductType` function.
+
+## [0.0.16]
+
+### Changed
+
+-   Changed build tool from microbundle to preconstruct, should fix exported types, updated/fixed documentation
+
+## [0.0.15]
 
 ### Changed
 
 - Added `lockSession` and `refreshSession` functions
-- Added `onSessionLocked` and `onSessionLockFailed` callbacks
-- Bumped dev dependencies to fix security issues with some of the
-  dev dependencies  
+
+## [0.0.14]
+
+### Changed
+
+-   Added `onSessionLocked` and `onSessionLockFailed` callbacks
+-   Bumped dev dependencies to fix security issues with some of the
+    dev dependencies
 
 ## [0.0.13]
 

package/LISENCE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright 2020 Dintero
+
+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:
+
+The above copyright notice and this permission notice shall be included in all 
+copies or substantial portions of the Software.
+
+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.

package/README.md

@@ -1,4 +1,4 @@
-# Dintero Checkout JavaScript SDK for frontend applications
+# Dintero Checkout JavaScript SDK for frontend applications [![Actions Status](https://github.com/Dintero/Dintero.Checkout.Web.SDK/workflows/CI/badge.svg?branch=master)](https://github.com/Dintero/Dintero.Checkout.Web.SDK/actions?query=branch%3Amaster+workflow%3ACI+)
 
 Use this SDK in your frontend application to
 
@@ -25,14 +25,6 @@ If no custom handler are added for `onPaymentError`, `onPaymentAuthorized` and `
 npm install @dintero/checkout-web-sdk
 ```
 
-**unpkg**
-
-Load the Dintero Checkout SDK in a script tag on your site.
-
-```
-<script src="https://unpkg.com/@dintero/checkout-web-sdk@0.0.14/dist/checkout-web-sdk.umd.js" integrity="sha384-E2Myyci1dTPk470XQKIR/AoEuuqsri5C30OGXIYxU7GI623+j3/YSZ60PUIkUqEV"></script>
-```
-
 ## Using the SDK for an embedded checkout
 
 The Dintero Checkout will be added to the `<div id="checkout-container"></div>` DOM-node.
@@ -87,6 +79,16 @@ _The checkout sdk will add a polyfill for promises if the browser does not suppo
             onSessionLockFailed: function(event, checkout) {
                 console.log("session lock failed");
             },
+            onActivePaymentType: function(event, checkout) {
+                console.log("payment product type selected", event.payment_product_type);
+            },
+            onValidateSession: function(event, checkout, callback) {
+                console.log("validating session", event.session);
+                callback({
+                   success: true,
+                   clientValidationError: undefined,
+                });
+            },
         })
         .then(function(checkout) {
             console.log("checkout", checkout);
@@ -98,7 +100,7 @@ _The checkout sdk will add a polyfill for promises if the browser does not suppo
 
 ```ts
 import {
-    dintero,
+    embed,
     SessionLoaded,
     SessionUpdated,
     SessionPayment,
@@ -108,7 +110,7 @@ import {
 
 const container = document.getElementById("checkout-container");
 
-const checkout = await dintero.embed({
+const checkout = await embed({
     container,
     sid: "T11223344.<short-uuid>",
     language: "no", \\ optional parameter, an ISO 639-1 two-letter language code
@@ -134,9 +136,33 @@ const checkout = await dintero.embed({
     onSessionLockFailed: (event, checkout) => {
         console.log("session lock failed");
     },
+    onActivePaymentType: function(event, checkout) {
+        console.log("payment product type selected", event.payment_product_type);
+    },
+    onValidateSession: function(event, checkout, callback) {
+        console.log("validating session", event.session);
+        callback({
+            success: true,
+            clientValidationError: undefined,
+        });
+   },
 });
 ```
 
+### Setting payment product type
+
+The payment product type can be set with the returned `setActivePaymentProductType()`function when embedding the checkout.
+
+Select "vipps" payment product type:
+```
+checkout.setActivePaymentProductType("vipps");
+```
+
+Resetting selection (so no option is selected in the checkout):
+```
+checkout.setActivePaymentProductType();
+```
+
 ### Updating an Checkout Express-session
 
 To update an existing Checkout Express-session, follow these steps:
@@ -147,7 +173,7 @@ To update an existing Checkout Express-session, follow these steps:
 
 #### Locking the session
 
-Call lockSession on the checkout object: 
+Call lockSession on the checkout object:
 
 ```js
 checkout.lockSession();
@@ -164,7 +190,7 @@ See [session update](https://docs.dintero.com/checkout-api.html#operation/checko
 
 #### Refreshing the session
 
-After updating the session, call refreshSession on the checkout object: 
+After updating the session, call refreshSession on the checkout object:
 
 ```js
 checkout.refreshSession();
@@ -172,15 +198,49 @@ checkout.refreshSession();
 
 Editing and paying in the checkout is enabled again.
 
+### Validating session before payment
+
+To validate the session and perform actions before the session is paid, use the `onSessionValidation`-handler.
+
+The checkout will be locked and payment will be paused until the provided callback function is called, or `checkout.submitValidationResult` is called with the result.
+
+When validated successfully, return a successful result:
+
+```js
+{
+   success: true
+}
+```
+
+If the validation is not successful, return the result with an error message:
+
+```js
+{
+   success: false,
+   clientValidationError: "session is not in sync with cart"
+}
+```
+
+Example implementation:
+
+```
+onValidateSession: function(event, checkout, callback) {
+     // Call the ecommerce solution to make sure the session is sync with the cart
+     callback({
+         success: false,
+         clientValidationError: "session is not in sync with cart",
+     });
+},
+```
 
 ## Using the SDK for a redirect checkout
 
 The user is redirected to the Dintero Checkout to complete payment.
 
 ```ts
-import { dintero } from "dintero-checkout-web-sdk";
+import { redirect } from "dintero-checkout-web-sdk";
 
-const checkout = dintero.redirect({
+const checkout = redirect({
     sid: "T11223344.<short-uuid>",
 });
 ```
@@ -208,11 +268,7 @@ npm run build
 
 The Dintero Checkout SDK is built with [microbundle](https://github.com/developit/microbundle).
 
-## Creating a new release checklist
+## Creating a new release
 
-1. Bump the package version in `package.json`.
-2. Regenerate integrity hash and update the unpgk install instructions in this file `shasum -b -a 384 dist/checkout-web-sdk.umd.js | awk '{ print $1 }' | xxd -r -p | base64 | sed "s/^/sha384-/g"`
-3. Update README.md with new version/sha
-4. Publish new version to npm with `npm publish --access=public`.
-5. Tag and create release in Github
-   `git tag "v$(jq .version -r < package.json)"`
+1. Enforce all commits to the master branch to be formatted according to the [Angular Commit Message Format](https://github.com/angular/angular/blob/master/CONTRIBUTING.md#-commit-message-format)
+2. When merged to master, it will automatically be released with [semantic-release](https://github.com/semantic-release/semantic-release)

package/coverage/Chrome Headless 80.0.3987.0 (Linux x86_64)/html/base.css

@@ -0,0 +1,224 @@
+body, html {
+  margin:0; padding: 0;
+  height: 100%;
+}
+body {
+    font-family: Helvetica Neue, Helvetica, Arial;
+    font-size: 14px;
+    color:#333;
+}
+.small { font-size: 12px; }
+*, *:after, *:before {
+  -webkit-box-sizing:border-box;
+     -moz-box-sizing:border-box;
+          box-sizing:border-box;
+  }
+h1 { font-size: 20px; margin: 0;}
+h2 { font-size: 14px; }
+pre {
+    font: 12px/1.4 Consolas, "Liberation Mono", Menlo, Courier, monospace;
+    margin: 0;
+    padding: 0;
+    -moz-tab-size: 2;
+    -o-tab-size:  2;
+    tab-size: 2;
+}
+a { color:#0074D9; text-decoration:none; }
+a:hover { text-decoration:underline; }
+.strong { font-weight: bold; }
+.space-top1 { padding: 10px 0 0 0; }
+.pad2y { padding: 20px 0; }
+.pad1y { padding: 10px 0; }
+.pad2x { padding: 0 20px; }
+.pad2 { padding: 20px; }
+.pad1 { padding: 10px; }
+.space-left2 { padding-left:55px; }
+.space-right2 { padding-right:20px; }
+.center { text-align:center; }
+.clearfix { display:block; }
+.clearfix:after {
+  content:'';
+  display:block;
+  height:0;
+  clear:both;
+  visibility:hidden;
+  }
+.fl { float: left; }
+@media only screen and (max-width:640px) {
+  .col3 { width:100%; max-width:100%; }
+  .hide-mobile { display:none!important; }
+}
+
+.quiet {
+  color: #7f7f7f;
+  color: rgba(0,0,0,0.5);
+}
+.quiet a { opacity: 0.7; }
+
+.fraction {
+  font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
+  font-size: 10px;
+  color: #555;
+  background: #E8E8E8;
+  padding: 4px 5px;
+  border-radius: 3px;
+  vertical-align: middle;
+}
+
+div.path a:link, div.path a:visited { color: #333; }
+table.coverage {
+  border-collapse: collapse;
+  margin: 10px 0 0 0;
+  padding: 0;
+}
+
+table.coverage td {
+  margin: 0;
+  padding: 0;
+  vertical-align: top;
+}
+table.coverage td.line-count {
+    text-align: right;
+    padding: 0 5px 0 20px;
+}
+table.coverage td.line-coverage {
+    text-align: right;
+    padding-right: 10px;
+    min-width:20px;
+}
+
+table.coverage td span.cline-any {
+    display: inline-block;
+    padding: 0 5px;
+    width: 100%;
+}
+.missing-if-branch {
+    display: inline-block;
+    margin-right: 5px;
+    border-radius: 3px;
+    position: relative;
+    padding: 0 4px;
+    background: #333;
+    color: yellow;
+}
+
+.skip-if-branch {
+    display: none;
+    margin-right: 10px;
+    position: relative;
+    padding: 0 4px;
+    background: #ccc;
+    color: white;
+}
+.missing-if-branch .typ, .skip-if-branch .typ {
+    color: inherit !important;
+}
+.coverage-summary {
+  border-collapse: collapse;
+  width: 100%;
+}
+.coverage-summary tr { border-bottom: 1px solid #bbb; }
+.keyline-all { border: 1px solid #ddd; }
+.coverage-summary td, .coverage-summary th { padding: 10px; }
+.coverage-summary tbody { border: 1px solid #bbb; }
+.coverage-summary td { border-right: 1px solid #bbb; }
+.coverage-summary td:last-child { border-right: none; }
+.coverage-summary th {
+  text-align: left;
+  font-weight: normal;
+  white-space: nowrap;
+}
+.coverage-summary th.file { border-right: none !important; }
+.coverage-summary th.pct { }
+.coverage-summary th.pic,
+.coverage-summary th.abs,
+.coverage-summary td.pct,
+.coverage-summary td.abs { text-align: right; }
+.coverage-summary td.file { white-space: nowrap;  }
+.coverage-summary td.pic { min-width: 120px !important;  }
+.coverage-summary tfoot td { }
+
+.coverage-summary .sorter {
+    height: 10px;
+    width: 7px;
+    display: inline-block;
+    margin-left: 0.5em;
+    background: url(sort-arrow-sprite.png) no-repeat scroll 0 0 transparent;
+}
+.coverage-summary .sorted .sorter {
+    background-position: 0 -20px;
+}
+.coverage-summary .sorted-desc .sorter {
+    background-position: 0 -10px;
+}
+.status-line {  height: 10px; }
+/* yellow */
+.cbranch-no { background: yellow !important; color: #111; }
+/* dark red */
+.red.solid, .status-line.low, .low .cover-fill { background:#C21F39 }
+.low .chart { border:1px solid #C21F39 }
+.highlighted,
+.highlighted .cstat-no, .highlighted .fstat-no, .highlighted .cbranch-no{
+  background: #C21F39 !important;
+}
+/* medium red */
+.cstat-no, .fstat-no, .cbranch-no, .cbranch-no { background:#F6C6CE }
+/* light red */
+.low, .cline-no { background:#FCE1E5 }
+/* light green */
+.high, .cline-yes { background:rgb(230,245,208) }
+/* medium green */
+.cstat-yes { background:rgb(161,215,106) }
+/* dark green */
+.status-line.high, .high .cover-fill { background:rgb(77,146,33) }
+.high .chart { border:1px solid rgb(77,146,33) }
+/* dark yellow (gold) */
+.status-line.medium, .medium .cover-fill { background: #f9cd0b; }
+.medium .chart { border:1px solid #f9cd0b; }
+/* light yellow */
+.medium { background: #fff4c2; }
+
+.cstat-skip { background: #ddd; color: #111; }
+.fstat-skip { background: #ddd; color: #111 !important; }
+.cbranch-skip { background: #ddd !important; color: #111; }
+
+span.cline-neutral { background: #eaeaea; }
+
+.coverage-summary td.empty {
+    opacity: .5;
+    padding-top: 4px;
+    padding-bottom: 4px;
+    line-height: 1;
+    color: #888;
+}
+
+.cover-fill, .cover-empty {
+  display:inline-block;
+  height: 12px;
+}
+.chart {
+  line-height: 0;
+}
+.cover-empty {
+    background: white;
+}
+.cover-full {
+    border-right: none !important;
+}
+pre.prettyprint {
+    border: none !important;
+    padding: 0 !important;
+    margin: 0 !important;
+}
+.com { color: #999 !important; }
+.ignore-none { color: #999; font-weight: normal; }
+
+.wrapper {
+  min-height: 100%;
+  height: auto !important;
+  height: 100%;
+  margin: 0 auto -48px;
+}
+.footer, .push {
+  height: 48px;
+}

package/coverage/Chrome Headless 80.0.3987.0 (Linux x86_64)/html/block-navigation.js

@@ -0,0 +1,79 @@
+/* eslint-disable */
+var jumpToCode = (function init() {
+    // Classes of code we would like to highlight in the file view
+    var missingCoverageClasses = ['.cbranch-no', '.cstat-no', '.fstat-no'];
+
+    // Elements to highlight in the file listing view
+    var fileListingElements = ['td.pct.low'];
+
+    // We don't want to select elements that are direct descendants of another match
+    var notSelector = ':not(' + missingCoverageClasses.join('):not(') + ') > '; // becomes `:not(a):not(b) > `
+
+    // Selecter that finds elements on the page to which we can jump
+    var selector =
+        fileListingElements.join(', ') +
+        ', ' +
+        notSelector +
+        missingCoverageClasses.join(', ' + notSelector); // becomes `:not(a):not(b) > a, :not(a):not(b) > b`
+
+    // The NodeList of matching elements
+    var missingCoverageElements = document.querySelectorAll(selector);
+
+    var currentIndex;
+
+    function toggleClass(index) {
+        missingCoverageElements
+            .item(currentIndex)
+            .classList.remove('highlighted');
+        missingCoverageElements.item(index).classList.add('highlighted');
+    }
+
+    function makeCurrent(index) {
+        toggleClass(index);
+        currentIndex = index;
+        missingCoverageElements.item(index).scrollIntoView({
+            behavior: 'smooth',
+            block: 'center',
+            inline: 'center'
+        });
+    }
+
+    function goToPrevious() {
+        var nextIndex = 0;
+        if (typeof currentIndex !== 'number' || currentIndex === 0) {
+            nextIndex = missingCoverageElements.length - 1;
+        } else if (missingCoverageElements.length > 1) {
+            nextIndex = currentIndex - 1;
+        }
+
+        makeCurrent(nextIndex);
+    }
+
+    function goToNext() {
+        var nextIndex = 0;
+
+        if (
+            typeof currentIndex === 'number' &&
+            currentIndex < missingCoverageElements.length - 1
+        ) {
+            nextIndex = currentIndex + 1;
+        }
+
+        makeCurrent(nextIndex);
+    }
+
+    return function jump(event) {
+        switch (event.which) {
+            case 78: // n
+            case 74: // j
+                goToNext();
+                break;
+            case 66: // b
+            case 75: // k
+            case 80: // p
+                goToPrevious();
+                break;
+        }
+    };
+})();
+window.addEventListener('keydown', jumpToCode);