@availity/native-form 4.0.6 → 4.0.10

package/CHANGELOG.md

@@ -3,6 +3,38 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 4.0.10 (2021-12-21)
+
+**Note:** Version bump only for package @availity/native-form
+
+
+
+
+
+## [4.0.9](https://github.com/Availity/sdk-js/compare/@availity/native-form@4.0.8...@availity/native-form@4.0.9) (2021-10-29)
+
+**Note:** Version bump only for package @availity/native-form
+
+
+
+
+
+## [4.0.8](https://github.com/Availity/sdk-js/compare/@availity/native-form@4.0.7...@availity/native-form@4.0.8) (2021-10-22)
+
+**Note:** Version bump only for package @availity/native-form
+
+
+
+
+
+## 4.0.7 (2021-10-20)
+
+**Note:** Version bump only for package @availity/native-form
+
+
+
+
+
 ## [4.0.6](https://github.com/Availity/sdk-js/compare/@availity/native-form@4.0.5...@availity/native-form@4.0.6) (2021-10-19)
 
 **Note:** Version bump only for package @availity/native-form

package/README.md

@@ -1,8 +1,10 @@
-# native form
+# @availity/native-form
 
 > Submit JSON data via a native form, not AJAX. Useful when you need to open a new page with a POST action.
 
 [![Version](https://img.shields.io/npm/v/@availity/native-form.svg?style=for-the-badge)](https://www.npmjs.com/package/@availity/native-form)
+[![NPM Downloads](https://img.shields.io/npm/dt/@availity/native-form.svg?style=for-the-badge)](https://www.npmjs.com/package/@availity/native-form)
+[![Dependecy Status](https://img.shields.io/librariesio/release/npm/@availity/native-form?style=for-the-badge)](https://github.com/Availity/sdk-js/blob/master/packages/native-form/package.json)
 
 ## Install
 
@@ -18,4 +20,6 @@ npm install @availity/native-form
 yarn add @availity/native-form
 ```
 
-## [Documentation](https://availity.github.io/sdk-js/features/native-form)
+## Documentation
+
+Check out more documentation at [availity.github.io](https://availity.github.io/sdk-js/resources/native-form)

package/lib/flattenObject.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 require("core-js/modules/es.object.to-string");
 
 Object.defineProperty(exports, "__esModule", {
@@ -7,8 +9,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
 require("core-js/modules/es.regexp.to-string.js");
 
+require("core-js/modules/esnext.async-iterator.reduce.js");
+
+require("core-js/modules/esnext.iterator.constructor.js");
+
+require("core-js/modules/esnext.iterator.reduce.js");
+
 require("core-js/modules/es.object.keys.js");
 
 require("core-js/modules/web.url.to-json.js");
@@ -28,7 +38,7 @@ var flattenObject = function flattenObject(ob) {
   return Object.keys(ob).reduce(function (toReturn, k) {
     if (Object.prototype.toString.call(ob[k]) === '[object Date]') {
       toReturn[k] = ob[k].toJSON();
-    } else if (ob[k] && typeof ob[k] === 'object') {
+    } else if (ob[k] && (0, _typeof2["default"])(ob[k]) === 'object') {
       var flatObject = flattenObject(ob[k]);
       var isArray = Array.isArray(ob[k]);
 

package/lib/index.js

@@ -15,6 +15,10 @@ require("core-js/modules/es.array.join.js");
 
 require("core-js/modules/es.array.map.js");
 
+require("core-js/modules/esnext.async-iterator.map.js");
+
+require("core-js/modules/esnext.iterator.map.js");
+
 require("core-js/modules/es.regexp.exec.js");
 
 require("core-js/modules/es.string.replace.js");

package/package.json

@@ -1,33 +1,44 @@
 {
   "name": "@availity/native-form",
-  "version": "4.0.6",
+  "version": "4.0.10",
   "description": "Submit JSON data via a native form, not AJAX. Useful when you need to open a new page with a POST action.",
-  "main": "lib/index.js",
-  "module": "src/index.js",
-  "types": "types/index.d.ts",
-  "scripts": {
-    "test": "test"
-  },
   "keywords": [
     "availity",
     "form",
     "native",
     "submission"
   ],
-  "author": "Evan Sharp <evan.sharp@availity.com>",
+  "homepage": "https://availity.github.io/sdk-js/resources/native-form",
+  "bugs": {
+    "url": "https://github.com/availity/sdk-js/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/availity/sdk-js.git",
+    "directory": "packages/native-form"
+  },
   "license": "MIT",
-  "publishConfig": {
-    "access": "public"
+  "author": "Evan Sharp <evan.sharp@availity.com>",
+  "main": "lib/index.js",
+  "module": "src/index.js",
+  "types": "src/index.d.ts",
+  "scripts": {
+    "build": "yarn clean && yarn transpile",
+    "clean": "rimraf ./lib",
+    "transpile": "babel --root-mode upward src -d lib --ignore **/*.test.js"
   },
   "dependencies": {
-    "@babel/runtime": "^7.10.2",
+    "@babel/runtime": "^7.16.5",
     "core-js": "^3.12.1"
   },
   "devDependencies": {
-    "@availity/api-axios": "^6.0.2"
+    "@availity/api-axios": "^6.0.6"
   },
   "peerDependencies": {
     "@availity/api-axios": "^6.0.0"
   },
-  "gitHead": "a5531289347963c0b9cef5494271441b1e7240d6"
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "1c3e8c8045b16fc5111f941d863600f0a97cdbff"
 }

package/{types → src}/index.d.ts

@@ -1,3 +1,5 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
 type SsoType = 'saml' | 'openid';
 
 declare function nativeForm(

package/src/index.js

@@ -1,4 +1,5 @@
 import { avWebQLApi } from '@availity/api-axios';
+
 import flattenObject from './flattenObject';
 
 const ssoTypeQuery = `

package/tests/flattenObject.test.js

@@ -1,34 +0,0 @@
-import flattenObject from '../src/flattenObject';
-
-describe('flattenObject', () => {
-  test('should flatten', () => {
-    const obj = {
-      int: 123,
-      obj: {
-        string: 'string',
-      },
-    };
-
-    const flatObj = flattenObject(obj);
-    expect(flatObj.int).toBe('123');
-    expect(flatObj['obj.string']).toBe('string');
-  });
-
-  test('handles undefined', () => {
-    const obj = {
-      int: 0,
-      false: false,
-      undefined,
-      obj: {
-        int: 123,
-        string: 'string',
-      },
-    };
-
-    const flatObj = flattenObject(obj);
-    expect(flatObj.int).toBe('0');
-    expect(flatObj.false).toBe('false');
-    expect(flatObj['obj.string']).toBe('string');
-    expect(flatObj.undefined).toBeUndefined();
-  });
-});

package/tests/nativeForm.test.js

@@ -1,243 +0,0 @@
-import { avWebQLApi } from '@availity/api-axios';
-import nativeForm from '../src';
-import flattenObject from '../src/flattenObject';
-
-jest.mock('@availity/api-axios');
-
-describe('nativeForm', () => {
-  const complexObject = {
-    a: { b: 'c', d: 1, e: ['f', 'g', 2, 3, { h: { i: 'j', k: [4, 'l'] } }] },
-  };
-
-  describe('flattenObject', () => {
-    test('should return an object', () => {
-      expect(Object.prototype.toString.call(flattenObject({ a: { b: 'c' } }))).toBe('[object Object]');
-    });
-    describe('returned object', () => {
-      let result;
-      beforeEach(() => {
-        result = flattenObject(complexObject);
-      });
-      test('should be 1 level deep', () => {
-        for (const key of Object.keys(result)) {
-          expect(Object.prototype.toString.call(result[key])).toBe('[object String]');
-        }
-      });
-      test('should correctly represent the keys as dot notation', () => {
-        const expected = {
-          'a.b': 'c',
-          'a.d': '1',
-          'a.e[0]': 'f',
-          'a.e[1]': 'g',
-          'a.e[2]': '2',
-          'a.e[3]': '3',
-          'a.e[4].h.i': 'j',
-          'a.e[4].h.k[0]': '4',
-          'a.e[4].h.k[1]': 'l',
-        };
-        expect(result).toEqual(expected);
-      });
-    });
-  });
-
-  describe('default export', () => {
-    beforeEach(() => {
-      window.HTMLFormElement.prototype.submit = jest.fn();
-    });
-
-    afterEach(() => {
-      const form = document.querySelector('form');
-      if (form) form.remove();
-    });
-
-    test('spaceId is required', async () => {
-      await expect(() => nativeForm()).rejects.toThrow('spaceId is required and was not provided');
-    });
-
-    test('create a form', async () => {
-      await nativeForm('spaceId', {}, {}, 'saml');
-      expect(document.querySelector('form')).not.toBeNull();
-    });
-
-    describe('the form', () => {
-      test('should be added to the body (to be able to be submitted)', async () => {
-        await nativeForm('spaceId', {}, {}, 'saml');
-        expect(document.body.querySelector('form')).not.toBeNull();
-      });
-
-      test('action should have the space id in the URL by default', async () => {
-        await nativeForm('spaceId123', {}, {}, 'saml');
-        expect(document.querySelector('form').getAttribute('action')).toBe(
-          '/ms/api/availity/internal/spc/magneto/sso/v1/saml/spaceId123'
-        );
-      });
-
-      test('action should be overridable', async () => {
-        await nativeForm('spaceId123', {}, { action: '/my/url/here' }, 'saml');
-        expect(document.querySelector('form').getAttribute('action')).toBe('/my/url/here');
-      });
-
-      test('action magneto integration type should be overridable', async () => {
-        await nativeForm('spaceId123', {}, {}, 'openid');
-        expect(document.querySelector('form').getAttribute('action')).toBe(
-          '/ms/api/availity/internal/spc/magneto/sso/v1/openid/spaceId123'
-        );
-      });
-
-      test('method should be post by default', async () => {
-        await nativeForm('spaceId', {}, {}, 'saml');
-        expect(document.querySelector('form').getAttribute('method')).toBe('post');
-      });
-
-      test('method should be overridable', async () => {
-        await nativeForm('spaceId123', {}, { method: 'get' }, 'saml');
-        expect(document.querySelector('form').getAttribute('method')).toBe('get');
-      });
-
-      test('target should be _blank by default', async () => {
-        await nativeForm('spaceId', {}, {}, 'saml');
-        expect(document.querySelector('form').getAttribute('target')).toBe('_blank');
-      });
-
-      test('target should be overridable', async () => {
-        await nativeForm('spaceId123', {}, { target: '_top' }, 'saml');
-        expect(document.querySelector('form').getAttribute('target')).toBe('_top');
-      });
-
-      test('addtional attributes can be defined', async () => {
-        await nativeForm('spaceId123', {}, { id: 'myForm', class: 'my-form' }, 'saml');
-
-        expect(document.querySelector('form').getAttribute('id')).toBe('myForm');
-
-        expect(document.querySelector('form').getAttribute('class')).toBe('my-form');
-      });
-
-      test('should have no field if no data was provided', async () => {
-        await nativeForm('spaceId123', {}, {}, 'saml');
-        expect(document.querySelector('input')).toBeNull();
-      });
-
-      test('should have fields if was provided', async () => {
-        await nativeForm('spaceId123', { a: 'b' }, {}, 'saml');
-        expect(document.querySelector('input')).not.toBeNull();
-      });
-
-      describe('the fields', () => {
-        test('should have a field for each piece of data (no more, no less)', async () => {
-          await nativeForm('spaceId123', complexObject, {}, 'saml');
-          expect(document.querySelectorAll('input').length).toBe(Object.keys(flattenObject(complexObject)).length);
-        });
-
-        test('the names will match the flat object, but have the array index value removed (the way the back-end likes it)', async () => {
-          // Note: this causes multiple fields to have the same name, so we have to account for that
-          await nativeForm('spaceId123', complexObject, {}, 'saml');
-          const flat = flattenObject(complexObject);
-          const count = {};
-          for (const key of Object.keys(flat)) {
-            const name = key.replace(/\[\d+]/g, '[]');
-            count[name] = count[name] || 0;
-            expect(document.querySelectorAll(`[name="${name}"`)[count[name]]).not.toBeNull();
-            count[name] += 1;
-          }
-        });
-
-        test('data should match the values within the object', async () => {
-          // Note: this causes multiple fields to have the same name, so we have to account for that
-          await nativeForm('spaceId123', complexObject, {}, 'saml');
-          const flat = flattenObject(complexObject);
-          const count = {};
-          for (const key of Object.keys(flat)) {
-            const name = key.replace(/\[\d+]/g, '[]');
-            count[name] = count[name] || 0;
-            const value = flat[key];
-            expect(document.querySelectorAll(`[name="${name}"`)[count[name]].value).toBe(value);
-            count[name] += 1;
-          }
-        });
-      });
-    });
-
-    test('submit the form', async () => {
-      await nativeForm('spaceId', {}, {}, 'saml');
-      expect(window.HTMLFormElement.prototype.submit).toHaveBeenCalled();
-    });
-
-    describe('fetch sso type behavior', () => {
-      beforeEach(() => {
-        jest.clearAllMocks();
-      });
-
-      test('skips call to webQL endpoint when type param is saml', async () => {
-        avWebQLApi.create.mockResolvedValue({
-          data: {
-            data: {
-              configurationFindOne: {
-                type: null,
-              },
-            },
-          },
-        });
-
-        await nativeForm('spaceId', {}, {}, 'saml');
-        expect(avWebQLApi.create).toHaveBeenCalledTimes(0);
-        expect(document.querySelector('form').getAttribute('action')).toBe(
-          '/ms/api/availity/internal/spc/magneto/sso/v1/saml/spaceId'
-        );
-      });
-
-      test('skips call to webQL endpoint when type param is openid', async () => {
-        avWebQLApi.create.mockResolvedValue({
-          data: {
-            data: {
-              configurationFindOne: {
-                type: null,
-              },
-            },
-          },
-        });
-
-        await nativeForm('spaceId', {}, {}, 'openid');
-        expect(avWebQLApi.create).toHaveBeenCalledTimes(0);
-        expect(document.querySelector('form').getAttribute('action')).toBe(
-          '/ms/api/availity/internal/spc/magneto/sso/v1/openid/spaceId'
-        );
-      });
-
-      test('calls webQL endpoint when type param is omitted', async () => {
-        avWebQLApi.create.mockResolvedValue({
-          data: {
-            data: {
-              configurationFindOne: {
-                type: 'SAML',
-              },
-            },
-          },
-        });
-
-        await nativeForm('spaceId', {}, {});
-        expect(avWebQLApi.create).toHaveBeenCalledTimes(1);
-        expect(document.querySelector('form').getAttribute('action')).toBe(
-          '/ms/api/availity/internal/spc/magneto/sso/v1/saml/spaceId'
-        );
-      });
-
-      test('calls webQL endpoint when type param is neither saml nor openid', async () => {
-        avWebQLApi.create.mockResolvedValue({
-          data: {
-            data: {
-              configurationFindOne: {
-                type: 'OPENID',
-              },
-            },
-          },
-        });
-
-        await nativeForm('spaceId', {}, {}, 'application');
-        expect(avWebQLApi.create).toHaveBeenCalledTimes(1);
-        expect(document.querySelector('form').getAttribute('action')).toBe(
-          '/ms/api/availity/internal/spc/magneto/sso/v1/openid/spaceId'
-        );
-      });
-    });
-  });
-});