@getspot/spot-widget-vue2 3.2.2 → 4.0.0

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+# [4.0.0](https://gitlab.com/getspot/spot-widget/compare/@getspot/spot-widget-vue2@3.2.2...@getspot/spot-widget-vue2@4.0.0) (2026-01-12)
+
+
+* feat!(core): replacing optInSelected prop with selection enum ([0d40913](https://gitlab.com/getspot/spot-widget/commit/0d409135aa50eaa98995b9c1e20ca05cc7e2b2fc))
+
+
+### BREAKING CHANGES
+
+* better preselection of widget optIn/optOut
+
 ## [3.2.2](https://gitlab.com/getspot/spot-widget/compare/@getspot/spot-widget-vue2@3.2.1...@getspot/spot-widget-vue2@3.2.2) (2026-01-09)
 
 

package/README.md

@@ -30,7 +30,7 @@ npm install @getspot/spot-widget-vue2
     }"
     :quote-request-data="quoteData"
     :show-table="true"
-    :opt-in-selected="false"
+    :selection="'unselected'"
     @quote-retrieved="onQuoteRetrieved"
     @opt-in="onOptIn"
     @opt-out="onOptOut"
@@ -169,7 +169,7 @@ export default Vue.extend({
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
 | `showTable` | `boolean` | `true` | Whether to show the payout table |
-| `optInSelected` | `boolean` | `false` | Whether the widget should be pre-selected for opt-in |
+| `selection` | `SelectionEnum` | `'unselected'` | Initial selection state for the widget |
 | `theme` | `Theme` | `undefined` | Theme customization options for styling the widget |
 
 ## Events

package/dist/index.es.js

@@ -1,5 +1,5 @@
-import p from "@getspot/spot-widget";
-function w(t, e, n, d, r, a, u, f) {
+import w, { SelectionEnum as f } from "@getspot/spot-widget";
+function y(t, e, n, d, r, a, u, c) {
   var i = typeof t == "function" ? t.options : t;
   e && (i.render = e, i.staticRenderFns = n, i._compiled = !0), d && (i.functional = !0), a && (i._scopeId = "data-v-" + a);
   var s;
@@ -7,7 +7,7 @@ function w(t, e, n, d, r, a, u, f) {
     o = o || // cached call
     this.$vnode && this.$vnode.ssrContext || // stateful
     this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !o && typeof __VUE_SSR_CONTEXT__ < "u" && (o = __VUE_SSR_CONTEXT__), r && r.call(this, o), o && o._registeredComponents && o._registeredComponents.add(u);
-  }, i._ssrRegister = s) : r && (s = f ? function() {
+  }, i._ssrRegister = s) : r && (s = c ? function() {
     r.call(
       this,
       (i.functional ? this.parent : this).$root.$options.shadowRoot
@@ -15,9 +15,9 @@ function w(t, e, n, d, r, a, u, f) {
   } : r), s)
     if (i.functional) {
       i._injectStyles = s;
-      var c = i.render;
-      i.render = function(g, l) {
-        return s.call(l), c(g, l);
+      var g = i.render;
+      i.render = function(p, l) {
+        return s.call(l), g(p, l);
       };
     } else {
       var h = i.beforeCreate;
@@ -28,7 +28,7 @@ function w(t, e, n, d, r, a, u, f) {
     options: i
   };
 }
-const y = {
+const m = {
   name: "Vue2SpotWidget",
   props: {
     apiConfig: {
@@ -43,9 +43,10 @@ const y = {
       type: Boolean,
       default: !0
     },
-    optInSelected: {
-      type: Boolean,
-      default: !1
+    selection: {
+      type: String,
+      default: f.UNSELECTED,
+      validator: (t) => Object.values(f).includes(t)
     },
     theme: {
       type: Object,
@@ -114,7 +115,7 @@ const y = {
         apiConfig: this.apiConfig,
         quoteRequestData: this.quoteRequestData,
         showTable: this.showTable,
-        optInSelected: this.optInSelected,
+        selection: this.selection,
         theme: this.theme,
         callbacks: this.mergedCallbacks,
         ...this.options
@@ -147,7 +148,7 @@ const y = {
     showTable: function(t, e) {
       t !== e && this.reinitializeWidget();
     },
-    optInSelected: function(t, e) {
+    selection: function(t, e) {
       t !== e && this.reinitializeWidget();
     },
     theme: {
@@ -167,7 +168,7 @@ const y = {
     initializeWidget() {
       this.widget && (this.widget.destroy(), this.widget = null), this.$refs.container && (this.$refs.container.innerHTML = ""), this.$nextTick(() => {
         try {
-          this.widget = new p({
+          this.widget = new w({
             ...this.widgetOptions,
             location: this.$refs.container
           });
@@ -206,20 +207,20 @@ const y = {
     this.reinitTimeout && clearTimeout(this.reinitTimeout), this.widget && typeof this.widget.destroy == "function" && this.widget.destroy();
   }
 };
-var _ = function() {
+var O = function() {
   var e = this, n = e._self._c;
   return n("div", { ref: "container" });
-}, m = [], O = /* @__PURE__ */ w(
-  y,
-  _,
+}, _ = [], v = /* @__PURE__ */ y(
   m,
+  O,
+  _,
   !1,
   null,
   null,
   null,
   null
 );
-const S = O.exports;
+const C = v.exports;
 export {
-  S as default
+  C as default
 };

package/dist/index.umd.js

@@ -1 +1 @@
-(function(d,u){typeof exports=="object"&&typeof module<"u"?module.exports=u(require("@getspot/spot-widget")):typeof define=="function"&&define.amd?define(["@getspot/spot-widget"],u):(d=typeof globalThis<"u"?globalThis:d||self,d.Vue2SpotWidget=u(d.SpotWidget))})(this,function(d){"use strict";function u(t,e,n,a,r,h,f,m){var i=typeof t=="function"?t.options:t;e&&(i.render=e,i.staticRenderFns=n,i._compiled=!0),a&&(i.functional=!0),h&&(i._scopeId="data-v-"+h);var s;if(f?(s=function(o){o=o||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,!o&&typeof __VUE_SSR_CONTEXT__<"u"&&(o=__VUE_SSR_CONTEXT__),r&&r.call(this,o),o&&o._registeredComponents&&o._registeredComponents.add(f)},i._ssrRegister=s):r&&(s=m?function(){r.call(this,(i.functional?this.parent:this).$root.$options.shadowRoot)}:r),s)if(i.functional){i._injectStyles=s;var _=i.render;i.render=function(O,c){return s.call(c),_(O,c)}}else{var l=i.beforeCreate;i.beforeCreate=l?[].concat(l,s):[s]}return{exports:t,options:i}}const g={name:"Vue2SpotWidget",props:{apiConfig:{type:Object,default:void 0},quoteRequestData:{type:[Object,Array],default:void 0},showTable:{type:Boolean,default:!0},optInSelected:{type:Boolean,default:!1},theme:{type:Object,default:void 0},callbacks:{type:Object,default:()=>({})},onQuoteRetrieved:{type:Function,default:void 0},onOptIn:{type:Function,default:void 0},onOptOut:{type:Function,default:void 0},onError:{type:Function,default:void 0},onNoMatchingQuote:{type:Function,default:void 0},onSelectionChange:{type:Function,default:void 0},options:{type:Object,default:()=>({})}},data(){return{widget:null,reinitTimeout:null}},computed:{mergedCallbacks(){return{...this.callbacks,...this.onQuoteRetrieved&&{onQuoteRetrieved:this.onQuoteRetrieved},...this.onOptIn&&{onOptIn:t=>{this.onOptIn&&this.onOptIn(t),this.onSelectionChange&&this.onSelectionChange(t)}},...this.onOptOut&&{onOptOut:t=>{this.onOptOut&&this.onOptOut(t),this.onSelectionChange&&this.onSelectionChange(t)}},...this.onError&&{onError:this.onError},...this.onNoMatchingQuote&&{onNoMatchingQuote:this.onNoMatchingQuote}}},widgetOptions(){return{apiConfig:this.apiConfig,quoteRequestData:this.quoteRequestData,showTable:this.showTable,optInSelected:this.optInSelected,theme:this.theme,callbacks:this.mergedCallbacks,...this.options}}},mounted(){this.initializeWidget()},watch:{quoteRequestData:{handler:function(t,e){this.widget&&t&&JSON.stringify(t)!==JSON.stringify(e)&&(this.reinitTimeout&&clearTimeout(this.reinitTimeout),this.reinitTimeout=setTimeout(async()=>{try{await this.widget.updateQuote(t)||this.reinitializeWidget()}catch{this.reinitializeWidget()}this.reinitTimeout=null},100))},deep:!0},apiConfig:{handler:function(){this.reinitializeWidget()},deep:!0},showTable:function(t,e){t!==e&&this.reinitializeWidget()},optInSelected:function(t,e){t!==e&&this.reinitializeWidget()},theme:{handler:function(t,e){this.widget&&JSON.stringify(t)!==JSON.stringify(e)&&this.updateTheme(t)},deep:!0},mergedCallbacks:{handler:function(t,e){this.widget&&JSON.stringify(t)!==JSON.stringify(e)&&this.updateCallbacks(t)},deep:!0}},methods:{initializeWidget(){this.widget&&(this.widget.destroy(),this.widget=null),this.$refs.container&&(this.$refs.container.innerHTML=""),this.$nextTick(()=>{try{this.widget=new d({...this.widgetOptions,location:this.$refs.container})}catch(t){this.$emit("error",t),this.onError&&this.onError(t)}})},reinitializeWidget(){this.widget&&(this.widget.destroy(),this.widget=null),this.initializeWidget()},async updateQuote(t){return this.widget&&this.widget.updateQuote?this.widget.updateQuote(t):void 0},getSelection(){return this.widget&&this.widget.getSelection?this.widget.getSelection():void 0},validateSelection(){return this.widget&&this.widget.validateSelection?this.widget.validateSelection():void 0},updateTheme:function(t){if(!(!this.widget||!this.widget.container))for(var e=Object.keys(t||{}),n=0;n<e.length;n++){var a=e[n],r=t[a],h="--"+a;this.widget.container.style.setProperty(h,r)}},updateCallbacks:function(t){this.widget&&(this.widget.options.callbacks=t)},destroy(){this.widget&&typeof this.widget.destroy=="function"&&(this.widget.destroy(),this.widget=null)}},beforeDestroy(){this.reinitTimeout&&clearTimeout(this.reinitTimeout),this.widget&&typeof this.widget.destroy=="function"&&this.widget.destroy()}};var p=function(){var e=this,n=e._self._c;return n("div",{ref:"container"})},w=[],y=u(g,p,w,!1,null,null,null,null);return y.exports});
+(function(s,u){typeof exports=="object"&&typeof module<"u"?module.exports=u(require("@getspot/spot-widget")):typeof define=="function"&&define.amd?define(["@getspot/spot-widget"],u):(s=typeof globalThis<"u"?globalThis:s||self,s.Vue2SpotWidget=u(s.SpotWidget))})(this,function(s){"use strict";function u(t,e,n,a,d,h,f,m){var i=typeof t=="function"?t.options:t;e&&(i.render=e,i.staticRenderFns=n,i._compiled=!0),a&&(i.functional=!0),h&&(i._scopeId="data-v-"+h);var r;if(f?(r=function(o){o=o||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,!o&&typeof __VUE_SSR_CONTEXT__<"u"&&(o=__VUE_SSR_CONTEXT__),d&&d.call(this,o),o&&o._registeredComponents&&o._registeredComponents.add(f)},i._ssrRegister=r):d&&(r=m?function(){d.call(this,(i.functional?this.parent:this).$root.$options.shadowRoot)}:d),r)if(i.functional){i._injectStyles=r;var O=i.render;i.render=function(_,c){return r.call(c),O(_,c)}}else{var l=i.beforeCreate;i.beforeCreate=l?[].concat(l,r):[r]}return{exports:t,options:i}}const g={name:"Vue2SpotWidget",props:{apiConfig:{type:Object,default:void 0},quoteRequestData:{type:[Object,Array],default:void 0},showTable:{type:Boolean,default:!0},selection:{type:String,default:s.SelectionEnum.UNSELECTED,validator:t=>Object.values(s.SelectionEnum).includes(t)},theme:{type:Object,default:void 0},callbacks:{type:Object,default:()=>({})},onQuoteRetrieved:{type:Function,default:void 0},onOptIn:{type:Function,default:void 0},onOptOut:{type:Function,default:void 0},onError:{type:Function,default:void 0},onNoMatchingQuote:{type:Function,default:void 0},onSelectionChange:{type:Function,default:void 0},options:{type:Object,default:()=>({})}},data(){return{widget:null,reinitTimeout:null}},computed:{mergedCallbacks(){return{...this.callbacks,...this.onQuoteRetrieved&&{onQuoteRetrieved:this.onQuoteRetrieved},...this.onOptIn&&{onOptIn:t=>{this.onOptIn&&this.onOptIn(t),this.onSelectionChange&&this.onSelectionChange(t)}},...this.onOptOut&&{onOptOut:t=>{this.onOptOut&&this.onOptOut(t),this.onSelectionChange&&this.onSelectionChange(t)}},...this.onError&&{onError:this.onError},...this.onNoMatchingQuote&&{onNoMatchingQuote:this.onNoMatchingQuote}}},widgetOptions(){return{apiConfig:this.apiConfig,quoteRequestData:this.quoteRequestData,showTable:this.showTable,selection:this.selection,theme:this.theme,callbacks:this.mergedCallbacks,...this.options}}},mounted(){this.initializeWidget()},watch:{quoteRequestData:{handler:function(t,e){this.widget&&t&&JSON.stringify(t)!==JSON.stringify(e)&&(this.reinitTimeout&&clearTimeout(this.reinitTimeout),this.reinitTimeout=setTimeout(async()=>{try{await this.widget.updateQuote(t)||this.reinitializeWidget()}catch{this.reinitializeWidget()}this.reinitTimeout=null},100))},deep:!0},apiConfig:{handler:function(){this.reinitializeWidget()},deep:!0},showTable:function(t,e){t!==e&&this.reinitializeWidget()},selection:function(t,e){t!==e&&this.reinitializeWidget()},theme:{handler:function(t,e){this.widget&&JSON.stringify(t)!==JSON.stringify(e)&&this.updateTheme(t)},deep:!0},mergedCallbacks:{handler:function(t,e){this.widget&&JSON.stringify(t)!==JSON.stringify(e)&&this.updateCallbacks(t)},deep:!0}},methods:{initializeWidget(){this.widget&&(this.widget.destroy(),this.widget=null),this.$refs.container&&(this.$refs.container.innerHTML=""),this.$nextTick(()=>{try{this.widget=new s({...this.widgetOptions,location:this.$refs.container})}catch(t){this.$emit("error",t),this.onError&&this.onError(t)}})},reinitializeWidget(){this.widget&&(this.widget.destroy(),this.widget=null),this.initializeWidget()},async updateQuote(t){return this.widget&&this.widget.updateQuote?this.widget.updateQuote(t):void 0},getSelection(){return this.widget&&this.widget.getSelection?this.widget.getSelection():void 0},validateSelection(){return this.widget&&this.widget.validateSelection?this.widget.validateSelection():void 0},updateTheme:function(t){if(!(!this.widget||!this.widget.container))for(var e=Object.keys(t||{}),n=0;n<e.length;n++){var a=e[n],d=t[a],h="--"+a;this.widget.container.style.setProperty(h,d)}},updateCallbacks:function(t){this.widget&&(this.widget.options.callbacks=t)},destroy(){this.widget&&typeof this.widget.destroy=="function"&&(this.widget.destroy(),this.widget=null)}},beforeDestroy(){this.reinitTimeout&&clearTimeout(this.reinitTimeout),this.widget&&typeof this.widget.destroy=="function"&&this.widget.destroy()}};var p=function(){var e=this,n=e._self._c;return n("div",{ref:"container"})},w=[],y=u(g,p,w,!1,null,null,null,null);return y.exports});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getspot/spot-widget-vue2",
-  "version": "3.2.2",
+  "version": "4.0.0",
   "description": "Vue 2 wrapper for Spot Widget",
   "publishConfig": {
     "access": "public"
@@ -14,7 +14,7 @@
     "CHANGELOG.md"
   ],
   "dependencies": {
-    "@getspot/spot-widget": "^3.3.2"
+    "@getspot/spot-widget": "^4.0.0"
   },
   "peerDependencies": {
     "vue": "^2.6.0"