@activeprospect/integration-components - npm Package Compare versions

Comparing version 3.0.3 to 4.0.0

dist/leadconduit-integration-components.esm.js

@@ -12,3 +12,2 @@ //
 //
-//
 
@@ -20,6 +19,5 @@ var script$1 = {
      * Typically this is a Vue expression that starts falsy but can be made truthy by user interaction,
-     * like entering a value in a field. For example, `:disableNext="!source || !type"` disables the button until
-     * both the `source` and `type` variables have values.
-     */
-    disableNext: {
+     * like entering a value in a field. For example, `:disableConfirm="!source || !type"` disables the button until
+     * both the `source` and `type` variables have values.     */
+    disableConfirm: {
       type: Boolean,
@@ -29,18 +27,6 @@ default: false
     /**
-     * A boolean expression that determines whether the finish button should be shown in an inactive state.
-     * See `disableNext`.
-     */
-    disableFinish: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * A function, defined in the same `<script>` block, to execute when the user clicks "Next".
+     * A function, defined in the same `<script>` block, to execute when the user clicks "Confirm".
      *
-     * Defining this function determines whether the button is present (no `:onNext` function, no button).
-     * Note that these a value here is mutually exclusive with `:onFinish`; if both are defined, only "Next" will be shown.
-     *
-     * This function is responsible for advancing the view to the next page, with a call such as `this.$router.push('/2');`
-     */
-    onNext: {
+     * This function is responsible for advancing the view to the next page, with a call such as `this.$router.push('/2');`     */
+    onConfirm: {
       type: Function,
@@ -50,10 +36,2 @@ default: undefined
     /**
-     * A function, defined in the same `<script>` block, to execute when the user clicks "Finish".
-     * See `onNext`.
-     */
-    onFinish: {
-      type: Function,
-      default: undefined
-    },
-    /**
      * A boolean expression that determines whether the previous button should be shown.
@@ -76,3 +54,2 @@ */
   },
-
   data() {
@@ -89,11 +66,2 @@ return {
     },
-
-    showFinish() {
-      return !!this.$props.onFinish; // if onFinish is defined
-    },
-
-    showNext() {
-      return !!this.$props.onNext; // if onNext is defined
-    },
-
     showPrev() {
@@ -126,16 +94,9 @@ var prevPage = this.$props.navHistory.slice(-1)[0]; // get last element of history without removing it
     },
-    next() {
-      if (this.$props.onNext) {
+    confirm() {
+      if (this.$props.onConfirm) {
         this.$props.navHistory.push(this.page); // save this page to the end of the history array
-        this.$props.onNext();
+        this.$props.onConfirm();
       } else {
-        console.debug('Navigation: next() called with no :onNext');
+        console.debug('Navigation: confirm() called with no :onConfirm');
       }
-    },
-    finish() {
-      if (this.$props.onFinish) {
-        this.$props.onFinish();
-      } else {
-        console.debug('Navigation: finish() called with no :onFinish');
-      }
     }
@@ -236,22 +197,13 @@ }
     }
-  }, [_vm._v("Previous")]) : _vm._e(), _vm._v(" "), _vm._t("footer"), _vm._v(" "), _vm.showFinish ? _c('button', {
+  }, [_vm._v("Previous")]) : _vm._e(), _vm._v(" "), _vm._t("footer"), _vm._v(" "), _c('button', {
     staticClass: "primary",
     attrs: {
-      "disabled": _vm.disableFinish,
-      "data-test": "nav-finish"
+      "disabled": _vm.disableConfirm,
+      "data-test": "nav-confirm"
     },
     on: {
-      "click": _vm.finish
+      "click": _vm.confirm
     }
-  }, [_vm._v("Finish")]) : _vm._e(), _vm._v(" "), _vm.showNext ? _c('button', {
-    staticClass: "primary",
+  }, [_vm._v("Confirm")]), _vm._v(" "), _c('button', {
     attrs: {
-      "disabled": _vm.disableNext,
-      "data-test": "nav-next"
-    },
-    on: {
-      "click": _vm.next
-    }
-  }, [_vm._v("Next")]) : _vm._e(), _vm._v(" "), _c('button', {
-    attrs: {
       "data-test": "nav-cancel"
@@ -375,4 +327,3 @@ },
   install.installed = true;
-  Object.entries(components).forEach(_ref => {
-    let [componentName, component] = _ref;
+  Object.entries(components).forEach(([componentName, component]) => {
     Vue.component(componentName, component);
@@ -379,0 +330,0 @@ });

dist/leadconduit-integration-components.min.js

@@ -1,1 +0,1 @@
-var LeadconduitIntegrationComponents=function(t){"use strict";function e(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var o,i,r,s,a=[],c=!0,u=!1;try{if(r=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;c=!1}else for(;!(c=(o=r.call(n)).done)&&(a.push(o.value),a.length!==e);c=!0);}catch(t){u=!0,i=t}finally{try{if(!c&&null!=n.return&&(s=n.return(),Object(s)!==s))return}finally{if(u)throw i}}return a}}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return n(t,e);var o=Object.prototype.toString.call(t).slice(8,-1);"Object"===o&&t.constructor&&(o=t.constructor.name);if("Map"===o||"Set"===o)return Array.from(t);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return n(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function n(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}function o(t,e,n,o,i,r,s,a,c,u){"boolean"!=typeof s&&(c=a,a=s,s=!1);const l="function"==typeof n?n.options:n;let d;if(t&&t.render&&(l.render=t.render,l.staticRenderFns=t.staticRenderFns,l._compiled=!0,i&&(l.functional=!0)),o&&(l._scopeId=o),r?(d=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),e&&e.call(this,c(t)),t&&t._registeredComponents&&t._registeredComponents.add(r)},l._ssrRegister=d):e&&(d=s?function(t){e.call(this,u(t,this.$root.$options.shadowRoot))}:function(t){e.call(this,a(t))}),d)if(l.functional){const t=l.render;l.render=function(e,n){return d.call(n),t(e,n)}}else{const t=l.beforeCreate;l.beforeCreate=t?[].concat(t,d):[d]}return n}var i=o({render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",[n("footer",[t.showPrev?n("button",{staticClass:"tertiary-control",attrs:{"data-test":"nav-prev"},on:{click:t.prev}},[t._v("Previous")]):t._e(),t._v(" "),t._t("footer"),t._v(" "),t.showFinish?n("button",{staticClass:"primary",attrs:{disabled:t.disableFinish,"data-test":"nav-finish"},on:{click:t.finish}},[t._v("Finish")]):t._e(),t._v(" "),t.showNext?n("button",{staticClass:"primary",attrs:{disabled:t.disableNext,"data-test":"nav-next"},on:{click:t.next}},[t._v("Next")]):t._e(),t._v(" "),n("button",{attrs:{"data-test":"nav-cancel"},on:{click:t.cancel}},[t._v("Cancel")])],2)])},staticRenderFns:[]},void 0,{props:{disableNext:{type:Boolean,default:!1},disableFinish:{type:Boolean,default:!1},onNext:{type:Function,default:void 0},onFinish:{type:Function,default:void 0},showPrevious:{type:Boolean,default:!0},navHistory:{type:Array,default:function(){return[]}}},data:function(){return{page:this.$router?this.$router.currentRoute.path:"/"}},computed:{pageNo:function(){return"/"===this.page?1:parseInt(this.page.slice(1),10)},showFinish:function(){return!!this.$props.onFinish},showNext:function(){return!!this.$props.onNext},showPrev:function(){return("string"==typeof this.$props.navHistory.slice(-1)[0]||this.pageNo>1)&&this.$props.showPrevious}},methods:{cancel:function(){try{this.$store.dispatch("cancel")}catch(t){console.warn('Navigation Error - Could not dispatch "cancel" to Vuex store.')}},prev:function(){try{var t=this.$props.navHistory.pop();t||(t="/".concat(this.pageNo-1),console.debug("Navigation.vue: no previous page in history; using previous page by number: '".concat(t,"'"))),this.$router.push(t)}catch(t){console.warn("Navigation Error - Could not direct to previous page.")}},next:function(){this.$props.onNext?(this.$props.navHistory.push(this.page),this.$props.onNext()):console.debug("Navigation: next() called with no :onNext")},finish:function(){this.$props.onFinish?this.$props.onFinish():console.debug("Navigation: finish() called with no :onFinish")}}},void 0,!1,void 0,!1,void 0,void 0,void 0),r=o({render:function(){var t=this.$createElement,e=this._self._c||t;return e("div",[e("header",[this._v("\n    "+this._s(this.moduleName)+"\n  ")]),this._v(" "),e("section",[e("span",{staticClass:"loading"}),this._v(" We're setting up your "+this._s(this.moduleName)+" step now.\n  ")])])},staticRenderFns:[]},void 0,{name:"loading-screen",props:{moduleName:String,onFinish:{type:Function,default:void 0}},methods:{finish:function(){this.$props.onFinish?this.$props.onFinish():this.$store.dispatch("finish")}},mounted:function(){var t=this;setTimeout((function(){t.finish()}),2e3)}},void 0,!1,void 0,!1,void 0,void 0,void 0),s=Object.freeze({__proto__:null,Navigation:i,LoadingScreen:r}),a=function(t){a.installed||(a.installed=!0,Object.entries(s).forEach((function(n){var o=e(n,2),i=o[0],r=o[1];t.component(i,r)})))},c={install:a},u=null;return"undefined"!=typeof window?u=window.Vue:"undefined"!=typeof global&&(u=global.Vue),u&&u.use(c),t.LoadingScreen=r,t.Navigation=i,t.default=c,Object.defineProperty(t,"__esModule",{value:!0}),t}({});
+var LeadconduitIntegrationComponents=function(t){"use strict";function e(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var o,r,i,s,a=[],c=!0,u=!1;try{if(i=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;c=!1}else for(;!(c=(o=i.call(n)).done)&&(a.push(o.value),a.length!==e);c=!0);}catch(t){u=!0,r=t}finally{try{if(!c&&null!=n.return&&(s=n.return(),Object(s)!==s))return}finally{if(u)throw r}}return a}}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return n(t,e);var o=Object.prototype.toString.call(t).slice(8,-1);"Object"===o&&t.constructor&&(o=t.constructor.name);if("Map"===o||"Set"===o)return Array.from(t);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return n(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function n(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}function o(t,e,n,o,r,i,s,a,c,u){"boolean"!=typeof s&&(c=a,a=s,s=!1);const l="function"==typeof n?n.options:n;let d;if(t&&t.render&&(l.render=t.render,l.staticRenderFns=t.staticRenderFns,l._compiled=!0,r&&(l.functional=!0)),o&&(l._scopeId=o),i?(d=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),e&&e.call(this,c(t)),t&&t._registeredComponents&&t._registeredComponents.add(i)},l._ssrRegister=d):e&&(d=s?function(t){e.call(this,u(t,this.$root.$options.shadowRoot))}:function(t){e.call(this,a(t))}),d)if(l.functional){const t=l.render;l.render=function(e,n){return d.call(n),t(e,n)}}else{const t=l.beforeCreate;l.beforeCreate=t?[].concat(t,d):[d]}return n}var r=o({render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",[n("footer",[t.showPrev?n("button",{staticClass:"tertiary-control",attrs:{"data-test":"nav-prev"},on:{click:t.prev}},[t._v("Previous")]):t._e(),t._v(" "),t._t("footer"),t._v(" "),n("button",{staticClass:"primary",attrs:{disabled:t.disableConfirm,"data-test":"nav-confirm"},on:{click:t.confirm}},[t._v("Confirm")]),t._v(" "),n("button",{attrs:{"data-test":"nav-cancel"},on:{click:t.cancel}},[t._v("Cancel")])],2)])},staticRenderFns:[]},void 0,{props:{disableConfirm:{type:Boolean,default:!1},onConfirm:{type:Function,default:void 0},showPrevious:{type:Boolean,default:!0},navHistory:{type:Array,default:function(){return[]}}},data:function(){return{page:this.$router?this.$router.currentRoute.path:"/"}},computed:{pageNo:function(){return"/"===this.page?1:parseInt(this.page.slice(1),10)},showPrev:function(){return("string"==typeof this.$props.navHistory.slice(-1)[0]||this.pageNo>1)&&this.$props.showPrevious}},methods:{cancel:function(){try{this.$store.dispatch("cancel")}catch(t){console.warn('Navigation Error - Could not dispatch "cancel" to Vuex store.')}},prev:function(){try{var t=this.$props.navHistory.pop();t||(t="/".concat(this.pageNo-1),console.debug("Navigation.vue: no previous page in history; using previous page by number: '".concat(t,"'"))),this.$router.push(t)}catch(t){console.warn("Navigation Error - Could not direct to previous page.")}},confirm:function(){this.$props.onConfirm?(this.$props.navHistory.push(this.page),this.$props.onConfirm()):console.debug("Navigation: confirm() called with no :onConfirm")}}},void 0,!1,void 0,!1,void 0,void 0,void 0),i=o({render:function(){var t=this.$createElement,e=this._self._c||t;return e("div",[e("header",[this._v("\n    "+this._s(this.moduleName)+"\n  ")]),this._v(" "),e("section",[e("span",{staticClass:"loading"}),this._v(" We're setting up your "+this._s(this.moduleName)+" step now.\n  ")])])},staticRenderFns:[]},void 0,{name:"loading-screen",props:{moduleName:String,onFinish:{type:Function,default:void 0}},methods:{finish:function(){this.$props.onFinish?this.$props.onFinish():this.$store.dispatch("finish")}},mounted:function(){var t=this;setTimeout((function(){t.finish()}),2e3)}},void 0,!1,void 0,!1,void 0,void 0,void 0),s=Object.freeze({__proto__:null,Navigation:r,LoadingScreen:i}),a=function(t){a.installed||(a.installed=!0,Object.entries(s).forEach((function(n){var o=e(n,2),r=o[0],i=o[1];t.component(r,i)})))},c={install:a},u=null;return"undefined"!=typeof window?u=window.Vue:"undefined"!=typeof global&&(u=global.Vue),u&&u.use(c),t.LoadingScreen=i,t.Navigation=r,t.default=c,Object.defineProperty(t,"__esModule",{value:!0}),t}({});

dist/leadconduit-integration-components.ssr.js

@@ -1,26 +0,26 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});function _iterableToArrayLimit(arr, i) {
-  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
-  if (null != _i) {
-    var _s,
-      _e,
-      _x,
-      _r,
-      _arr = [],
-      _n = !0,
-      _d = !1;
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
     try {
-      if (_x = (_i = _i.call(arr)).next, 0 === i) {
-        if (Object(_i) !== _i) return;
-        _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
-    } catch (err) {
-      _d = !0, _e = err;
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
     } finally {
       try {
-        if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return;
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
       } finally {
-        if (_d) throw _e;
+        if (o) throw n;
       }
     }
-    return _arr;
+    return a;
   }
@@ -60,3 +60,2 @@ }
 //
-//
 
@@ -68,6 +67,5 @@ var script$1 = {
      * Typically this is a Vue expression that starts falsy but can be made truthy by user interaction,
-     * like entering a value in a field. For example, `:disableNext="!source || !type"` disables the button until
-     * both the `source` and `type` variables have values.
-     */
-    disableNext: {
+     * like entering a value in a field. For example, `:disableConfirm="!source || !type"` disables the button until
+     * both the `source` and `type` variables have values.     */
+    disableConfirm: {
       type: Boolean,
@@ -77,18 +75,6 @@ default: false
     /**
-     * A boolean expression that determines whether the finish button should be shown in an inactive state.
-     * See `disableNext`.
-     */
-    disableFinish: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * A function, defined in the same `<script>` block, to execute when the user clicks "Next".
+     * A function, defined in the same `<script>` block, to execute when the user clicks "Confirm".
      *
-     * Defining this function determines whether the button is present (no `:onNext` function, no button).
-     * Note that these a value here is mutually exclusive with `:onFinish`; if both are defined, only "Next" will be shown.
-     *
-     * This function is responsible for advancing the view to the next page, with a call such as `this.$router.push('/2');`
-     */
-    onNext: {
+     * This function is responsible for advancing the view to the next page, with a call such as `this.$router.push('/2');`     */
+    onConfirm: {
       type: Function,
@@ -98,10 +84,2 @@ default: undefined
     /**
-     * A function, defined in the same `<script>` block, to execute when the user clicks "Finish".
-     * See `onNext`.
-     */
-    onFinish: {
-      type: Function,
-      default: undefined
-    },
-    /**
      * A boolean expression that determines whether the previous button should be shown.
@@ -137,8 +115,2 @@ */
     },
-    showFinish: function showFinish() {
-      return !!this.$props.onFinish; // if onFinish is defined
-    },
-    showNext: function showNext() {
-      return !!this.$props.onNext; // if onNext is defined
-    },
     showPrev: function showPrev() {
@@ -171,16 +143,9 @@ var prevPage = this.$props.navHistory.slice(-1)[0]; // get last element of history without removing it
     },
-    next: function next() {
-      if (this.$props.onNext) {
+    confirm: function confirm() {
+      if (this.$props.onConfirm) {
         this.$props.navHistory.push(this.page); // save this page to the end of the history array
-        this.$props.onNext();
+        this.$props.onConfirm();
       } else {
-        console.debug('Navigation: next() called with no :onNext');
+        console.debug('Navigation: confirm() called with no :onConfirm');
       }
-    },
-    finish: function finish() {
-      if (this.$props.onFinish) {
-        this.$props.onFinish();
-      } else {
-        console.debug('Navigation: finish() called with no :onFinish');
-      }
     }
@@ -269,3 +234,3 @@ }
   var _c = _vm._self._c || _h;
-  return _c('div', [_vm._ssrNode("<footer>", "</footer>", [_vm._ssrNode((_vm.showPrev ? "<button data-test=\"nav-prev\" class=\"tertiary-control\">Previous</button>" : "<!---->") + " "), _vm._t("footer"), _vm._ssrNode(" " + (_vm.showFinish ? "<button" + _vm._ssrAttr("disabled", _vm.disableFinish) + " data-test=\"nav-finish\" class=\"primary\">Finish</button>" : "<!---->") + " " + (_vm.showNext ? "<button" + _vm._ssrAttr("disabled", _vm.disableNext) + " data-test=\"nav-next\" class=\"primary\">Next</button>" : "<!---->") + " <button data-test=\"nav-cancel\">Cancel</button>")], 2)]);
+  return _c('div', [_vm._ssrNode("<footer>", "</footer>", [_vm._ssrNode((_vm.showPrev ? "<button data-test=\"nav-prev\" class=\"tertiary-control\">Previous</button>" : "<!---->") + " "), _vm._t("footer"), _vm._ssrNode(" <button" + _vm._ssrAttr("disabled", _vm.disableConfirm) + " data-test=\"nav-confirm\" class=\"primary\">Confirm</button> <button data-test=\"nav-cancel\">Cancel</button>")], 2)]);
 };
@@ -279,3 +244,3 @@ var __vue_staticRenderFns__$1 = [];
 /* module identifier */
-var __vue_module_identifier__$1 = "data-v-1343938e";
+var __vue_module_identifier__$1 = "data-v-4bfce758";
 /* functional template */
@@ -282,0 +247,0 @@ var __vue_is_functional_template__$1 = false;

package.json

 {
   "name": "@activeprospect/integration-components",
-  "version": "3.0.3",
+  "version": "4.0.0",
   "description": "A Vue component library for LeadConduit integrations",
@@ -5,0 +5,0 @@ "main": "dist/leadconduit-integration-components.ssr.js",

No alert changes

Worsened metrics

Total package byte prevSize

37420

decreased by-11.34%

Number of package files

8

decreased by-11.11%

Lines of code

644

decreased by-11.17%

No dependency changes