@schematichq/schematic-components 1.2.0 → 1.3.0

package/dist/schematic-components.cjs.js

@@ -579,10 +579,10 @@ var require_coreJsData = __commonJS({
 var require_isMasked = __commonJS({
   "node_modules/lodash/_isMasked.js"(exports, module2) {
     var coreJsData = require_coreJsData();
-    var maskSrcKey = function() {
+    var maskSrcKey = (function() {
       var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || "");
       return uid ? "Symbol(src)_1." + uid : "";
-    }();
+    })();
     function isMasked(func) {
       return !!maskSrcKey && maskSrcKey in func;
     }
@@ -945,14 +945,14 @@ var require_Stack = __commonJS({
 var require_defineProperty = __commonJS({
   "node_modules/lodash/_defineProperty.js"(exports, module2) {
     var getNative = require_getNative();
-    var defineProperty = function() {
+    var defineProperty = (function() {
       try {
         var func = getNative(Object, "defineProperty");
         func({}, "", {});
         return func;
       } catch (e2) {
       }
-    }();
+    })();
     module2.exports = defineProperty;
   }
 });
@@ -1094,7 +1094,7 @@ var require_baseCreate = __commonJS({
   "node_modules/lodash/_baseCreate.js"(exports, module2) {
     var isObject2 = require_isObject();
     var objectCreate = Object.create;
-    var baseCreate = /* @__PURE__ */ function() {
+    var baseCreate = /* @__PURE__ */ (function() {
       function object() {
       }
       return function(proto) {
@@ -1109,7 +1109,7 @@ var require_baseCreate = __commonJS({
         object.prototype = void 0;
         return result;
       };
-    }();
+    })();
     module2.exports = baseCreate;
   }
 });
@@ -1181,9 +1181,9 @@ var require_isArguments = __commonJS({
     var objectProto = Object.prototype;
     var hasOwnProperty = objectProto.hasOwnProperty;
     var propertyIsEnumerable = objectProto.propertyIsEnumerable;
-    var isArguments = baseIsArguments(/* @__PURE__ */ function() {
+    var isArguments = baseIsArguments(/* @__PURE__ */ (function() {
       return arguments;
-    }()) ? baseIsArguments : function(value) {
+    })()) ? baseIsArguments : function(value) {
       return isObjectLike(value) && hasOwnProperty.call(value, "callee") && !propertyIsEnumerable.call(value, "callee");
     };
     module2.exports = isArguments;
@@ -1345,7 +1345,7 @@ var require_nodeUtil = __commonJS({
     var freeModule = freeExports && typeof module2 == "object" && module2 && !module2.nodeType && module2;
     var moduleExports = freeModule && freeModule.exports === freeExports;
     var freeProcess = moduleExports && freeGlobal.process;
-    var nodeUtil = function() {
+    var nodeUtil = (function() {
       try {
         var types = freeModule && freeModule.require && freeModule.require("util").types;
         if (types) {
@@ -1354,7 +1354,7 @@ var require_nodeUtil = __commonJS({
         return freeProcess && freeProcess.binding && freeProcess.binding("util");
       } catch (e2) {
       }
-    }();
+    })();
     module2.exports = nodeUtil;
   }
 });
@@ -3611,7 +3611,7 @@ function he(t2) {
   for (var n = [], o2 = 1; o2 < arguments.length; o2++) n[o2 - 1] = arguments[o2];
   return false ? new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(t2, " for more information.").concat(n.length > 0 ? " Args: ".concat(n.join(", ")) : "")) : new Error(de.apply(void 0, __spreadArray([pe[t2]], n, false)).trim());
 }
-var fe = function() {
+var fe = (function() {
   function e2(e3) {
     this.groupSizes = new Uint32Array(512), this.length = 512, this.tag = e3;
   }
@@ -3637,7 +3637,7 @@ var fe = function() {
     for (var n = this.groupSizes[e3], o2 = this.indexOfGroup(e3), r2 = o2 + n, s2 = o2; s2 < r2; s2++) t2 += "".concat(this.tag.getRule(s2)).concat(g);
     return t2;
   }, e2;
-}();
+})();
 var me = 1 << 30;
 var ye = /* @__PURE__ */ new Map();
 var ve = /* @__PURE__ */ new Map();
@@ -3679,24 +3679,24 @@ function Ce() {
   return "undefined" != typeof __webpack_nonce__ ? __webpack_nonce__ : null;
 }
 var Ie = function(e2) {
-  var t2 = document.head, n = e2 || t2, o2 = document.createElement("style"), r2 = function(e3) {
+  var t2 = document.head, n = e2 || t2, o2 = document.createElement("style"), r2 = (function(e3) {
     var t3 = Array.from(e3.querySelectorAll("style[".concat(f, "]")));
     return t3[t3.length - 1];
-  }(n), s2 = void 0 !== r2 ? r2.nextSibling : null;
+  })(n), s2 = void 0 !== r2 ? r2.nextSibling : null;
   o2.setAttribute(f, m), o2.setAttribute(y, v);
   var i2 = Ce();
   return i2 && o2.setAttribute("nonce", i2), n.insertBefore(o2, s2), o2;
 };
-var Ae = function() {
+var Ae = (function() {
   function e2(e3) {
-    this.element = Ie(e3), this.element.appendChild(document.createTextNode("")), this.sheet = function(e4) {
+    this.element = Ie(e3), this.element.appendChild(document.createTextNode("")), this.sheet = (function(e4) {
       if (e4.sheet) return e4.sheet;
       for (var t2 = document.styleSheets, n = 0, o2 = t2.length; n < o2; n++) {
         var r2 = t2[n];
         if (r2.ownerNode === e4) return r2;
       }
       throw he(17);
-    }(this.element), this.length = 0;
+    })(this.element), this.length = 0;
   }
   return e2.prototype.insertRule = function(e3, t2) {
     try {
@@ -3710,8 +3710,8 @@ var Ae = function() {
     var t2 = this.sheet.cssRules[e3];
     return t2 && t2.cssText ? t2.cssText : "";
   }, e2;
-}();
-var Oe = function() {
+})();
+var Oe = (function() {
   function e2(e3) {
     this.element = Ie(e3), this.nodes = this.element.childNodes, this.length = 0;
   }
@@ -3726,8 +3726,8 @@ var Oe = function() {
   }, e2.prototype.getRule = function(e3) {
     return e3 < this.length ? this.nodes[e3].textContent : "";
   }, e2;
-}();
-var De = function() {
+})();
+var De = (function() {
   function e2(e3) {
     this.rules = [], this.length = 0;
   }
@@ -3738,19 +3738,19 @@ var De = function() {
   }, e2.prototype.getRule = function(e3) {
     return e3 < this.length ? this.rules[e3] : "";
   }, e2;
-}();
+})();
 var Re = S;
 var Te = { isServer: !S, useCSSOMInjection: !w };
-var ke = function() {
+var ke = (function() {
   function e2(e3, n, o2) {
     void 0 === e3 && (e3 = C), void 0 === n && (n = {});
     var r2 = this;
     this.options = __assign(__assign({}, Te), e3), this.gs = n, this.names = new Map(o2), this.server = !!e3.isServer, !this.server && S && Re && (Re = false, _e(this)), ue(this, function() {
-      return function(e4) {
+      return (function(e4) {
         for (var t2 = e4.getTag(), n2 = t2.length, o3 = "", r3 = function(n3) {
-          var r4 = function(e5) {
+          var r4 = (function(e5) {
             return ve.get(e5);
-          }(n3);
+          })(n3);
           if (void 0 === r4) return "continue";
           var s3 = e4.names.get(r4), i2 = t2.getGroup(n3);
           if (void 0 === s3 || !s3.size || 0 === i2.length) return "continue";
@@ -3760,7 +3760,7 @@ var ke = function() {
           }), o3 += "".concat(i2).concat(a2, '{content:"').concat(c2, '"}').concat(g);
         }, s2 = 0; s2 < n2; s2++) r3(s2);
         return o3;
-      }(r2);
+      })(r2);
     });
   }
   return e2.registerId = function(e3) {
@@ -3772,10 +3772,10 @@ var ke = function() {
   }, e2.prototype.allocateGSInstance = function(e3) {
     return this.gs[e3] = (this.gs[e3] || 0) + 1;
   }, e2.prototype.getTag = function() {
-    return this.tag || (this.tag = (e3 = function(e4) {
+    return this.tag || (this.tag = (e3 = (function(e4) {
       var t2 = e4.useCSSOMInjection, n = e4.target;
       return e4.isServer ? new De(n) : t2 ? new Ae(n) : new Oe(n);
-    }(this.options), new fe(e3)));
+    })(this.options), new fe(e3)));
     var e3;
   }, e2.prototype.hasNameForId = function(e3, t2) {
     return this.names.has(e3) && this.names.get(e3).has(t2);
@@ -3794,7 +3794,7 @@ var ke = function() {
   }, e2.prototype.clearTag = function() {
     this.tag = void 0;
   }, e2;
-}();
+})();
 var je = /&/g;
 var xe = /^\s*\/\/.*$/gm;
 function Ve(e2, t2) {
@@ -3847,7 +3847,7 @@ function Ye(e2) {
   }, [e2.shouldForwardProp, l2, u2]);
   return import_react.default.createElement($e.Provider, { value: d }, import_react.default.createElement(Le.Provider, { value: u2 }, e2.children));
 }
-var We = function() {
+var We = (function() {
   function e2(e3, t2) {
     var n = this;
     this.inject = function(e4, t3) {
@@ -3861,7 +3861,7 @@ var We = function() {
   return e2.prototype.getName = function(e3) {
     return void 0 === e3 && (e3 = ze), this.name + e3.hash;
   }, e2;
-}();
+})();
 var qe = function(e2) {
   return e2 >= "A" && e2 <= "Z";
 };
@@ -3905,7 +3905,7 @@ function Ze(e2) {
   return true;
 }
 var Ke = z(v);
-var Qe = function() {
+var Qe = (function() {
   function e2(e3, t2, n) {
     this.rules = e3, this.staticRulesId = "", this.isStatic = false, this.componentId = t2, this.baseHash = M(Ke, t2), this.baseStyle = n, ke.registerId(t2);
   }
@@ -3936,12 +3936,12 @@ var Qe = function() {
     }
     return o2;
   }, e2;
-}();
+})();
 var et = import_react.default.createContext(void 0);
 var tt = et.Consumer;
 function ot(e2) {
   var n = import_react.default.useContext(et), r2 = (0, import_react.useMemo)(function() {
-    return function(e3, n2) {
+    return (function(e3, n2) {
       if (!e3) throw he(14);
       if (re(e3)) {
         var o2 = e3(n2);
@@ -3950,21 +3950,21 @@ function ot(e2) {
       }
       if (Array.isArray(e3) || "object" != typeof e3) throw he(8);
       return n2 ? __assign(__assign({}, n2), e3) : e3;
-    }(e2.theme, n);
+    })(e2.theme, n);
   }, [e2.theme, n]);
   return e2.children ? import_react.default.createElement(et.Provider, { value: r2 }, e2.children) : null;
 }
 var rt = {};
 var st = /* @__PURE__ */ new Set();
 function it(e2, r2, s2) {
-  var i2 = se(e2), a2 = e2, c2 = !L(e2), p2 = r2.attrs, d = void 0 === p2 ? _ : p2, h = r2.componentId, f2 = void 0 === h ? function(e3, t2) {
+  var i2 = se(e2), a2 = e2, c2 = !L(e2), p2 = r2.attrs, d = void 0 === p2 ? _ : p2, h = r2.componentId, f2 = void 0 === h ? (function(e3, t2) {
     var n = "string" != typeof e3 ? "sc" : R(e3);
     rt[n] = (rt[n] || 0) + 1;
     var o2 = "".concat(n, "-").concat($(v + n + rt[n]));
     return t2 ? "".concat(t2, "-").concat(o2) : o2;
-  }(r2.displayName, r2.parentComponentId) : h, m2 = r2.displayName, y2 = void 0 === m2 ? function(e3) {
+  })(r2.displayName, r2.parentComponentId) : h, m2 = r2.displayName, y2 = void 0 === m2 ? (function(e3) {
     return L(e3) ? "styled.".concat(e3) : "Styled(".concat(B(e3), ")");
-  }(e2) : m2, g2 = r2.displayName && r2.componentId ? "".concat(R(r2.displayName), "-").concat(r2.componentId) : r2.componentId || f2, S2 = i2 && a2.attrs ? a2.attrs.concat(d).filter(Boolean) : d, w2 = r2.shouldForwardProp;
+  })(e2) : m2, g2 = r2.displayName && r2.componentId ? "".concat(R(r2.displayName), "-").concat(r2.componentId) : r2.componentId || f2, S2 = i2 && a2.attrs ? a2.attrs.concat(d).filter(Boolean) : d, w2 = r2.shouldForwardProp;
   if (i2 && a2.shouldForwardProp) {
     var b2 = a2.shouldForwardProp;
     if (r2.shouldForwardProp) {
@@ -3976,37 +3976,37 @@ function it(e2, r2, s2) {
   }
   var N2 = new Qe(s2, g2, i2 ? a2.componentStyle : void 0);
   function O2(e3, r3) {
-    return function(e4, r4, s3) {
+    return (function(e4, r4, s3) {
       var i3 = e4.attrs, a3 = e4.componentStyle, c3 = e4.defaultProps, p3 = e4.foldedComponentIds, d2 = e4.styledComponentId, h2 = e4.target, f3 = import_react.default.useContext(et), m3 = Ge(), y3 = e4.shouldForwardProp || m3.shouldForwardProp;
       (0, import_react.useDebugValue)(d2);
-      var v2 = I(r4, f3, c3) || C, g3 = function(e5, n, o2) {
+      var v2 = I(r4, f3, c3) || C, g3 = (function(e5, n, o2) {
         for (var r5, s4 = __assign(__assign({}, n), { className: void 0, theme: o2 }), i4 = 0; i4 < e5.length; i4 += 1) {
           var a4 = re(r5 = e5[i4]) ? r5(s4) : r5;
           for (var c4 in a4) s4[c4] = "className" === c4 ? ie(s4[c4], a4[c4]) : "style" === c4 ? __assign(__assign({}, s4[c4]), a4[c4]) : a4[c4];
         }
         return n.className && (s4.className = ie(s4.className, n.className)), s4;
-      }(i3, r4, v2), S3 = g3.as || h2, w3 = {};
+      })(i3, r4, v2), S3 = g3.as || h2, w3 = {};
       for (var b3 in g3) void 0 === g3[b3] || "$" === b3[0] || "as" === b3 || "theme" === b3 && g3.theme === v2 || ("forwardedAs" === b3 ? w3.as = g3.forwardedAs : y3 && !y3(b3, S3) || (w3[b3] = g3[b3], y3 || false || isPropValid(b3) || st.has(b3) || !A.has(S3) || (st.add(b3), console.warn('styled-components: it looks like an unknown prop "'.concat(b3, '" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));
-      var E3 = function(e5, t2) {
+      var E3 = (function(e5, t2) {
         var n = Ge(), o2 = e5.generateAndInjectStyles(t2, n.styleSheet, n.stylis);
         return (0, import_react.useDebugValue)(o2), o2;
-      }(a3, g3);
+      })(a3, g3);
       e4.warnTooManyClasses && e4.warnTooManyClasses(E3);
       var N3 = ie(p3, d2);
       return E3 && (N3 += " " + E3), g3.className && (N3 += " " + g3.className), w3[L(S3) && !A.has(S3) ? "class" : "className"] = N3, s3 && (w3.ref = s3), (0, import_react.createElement)(S3, w3);
-    }(D2, e3, r3);
+    })(D2, e3, r3);
   }
   O2.displayName = y2;
   var D2 = import_react.default.forwardRef(O2);
   return D2.attrs = S2, D2.componentStyle = N2, D2.displayName = y2, D2.shouldForwardProp = w2, D2.foldedComponentIds = i2 ? ie(a2.foldedComponentIds, a2.styledComponentId) : "", D2.styledComponentId = g2, D2.target = i2 ? a2.target : e2, Object.defineProperty(D2, "defaultProps", { get: function() {
     return this._foldedDefaultProps;
   }, set: function(e3) {
-    this._foldedDefaultProps = i2 ? function(e4) {
+    this._foldedDefaultProps = i2 ? (function(e4) {
       for (var t2 = [], n = 1; n < arguments.length; n++) t2[n - 1] = arguments[n];
       for (var o2 = 0, r3 = t2; o2 < r3.length; o2++) le(e4, r3[o2], true);
       return e4;
-    }({}, a2.defaultProps, e3) : e3;
-  } }), P(y2, g2), D2.warnTooManyClasses = /* @__PURE__ */ function(e3, t2) {
+    })({}, a2.defaultProps, e3) : e3;
+  } }), P(y2, g2), D2.warnTooManyClasses = /* @__PURE__ */ (function(e3, t2) {
     var n = {}, o2 = false;
     return function(r3) {
       if (!o2 && (n[r3] = true, Object.keys(n).length >= 200)) {
@@ -4014,7 +4014,7 @@ function it(e2, r2, s2) {
         console.warn("Over ".concat(200, " classes were generated for component ").concat(e3).concat(s3, ".\n") + "Consider using the attrs method, together with a style object for frequently changed styles.\nExample:\n  const Component = styled.div.attrs(props => ({\n    style: {\n      background: props.background,\n    },\n  }))`width: 100%;`\n\n  <Component />"), o2 = true, n = {};
       }
     };
-  }(y2, g2), ue(D2, function() {
+  })(y2, g2), ue(D2, function() {
     return ".".concat(D2.styledComponentId);
   }), c2 && oe(D2, e2, { attrs: true, componentStyle: true, displayName: true, foldedComponentIds: true, shouldForwardProp: true, styledComponentId: true, target: true }), D2;
 }
@@ -4050,7 +4050,7 @@ var dt = pt;
 A.forEach(function(e2) {
   dt[e2] = pt(e2);
 });
-var ht = function() {
+var ht = (function() {
   function e2(e3, t2) {
     this.rules = e3, this.componentId = t2, this.isStatic = Ze(e3), ke.registerId(this.componentId + 1);
   }
@@ -4062,7 +4062,7 @@ var ht = function() {
   }, e2.prototype.renderStyles = function(e3, t2, n, o2) {
     e3 > 2 && ke.registerId(this.componentId + e3), this.removeStyles(e3, n), this.createStyles(e3, t2, n, o2);
   }, e2;
-}();
+})();
 function ft(n) {
   for (var r2 = [], s2 = 1; s2 < arguments.length; s2++) r2[s2 - 1] = arguments[s2];
   var i2 = lt.apply(void 0, __spreadArray([n], r2, false)), a2 = "sc-global-".concat($(JSON.stringify(i2))), c2 = new ht(i2, a2);
@@ -4092,7 +4092,7 @@ function mt(t2) {
   var r2 = ae(lt.apply(void 0, __spreadArray([t2], n, false))), s2 = $(r2);
   return new We(s2, r2);
 }
-var vt = function() {
+var vt = (function() {
   function e2() {
     var e3 = this;
     this._emitSheetCSS = function() {
@@ -4120,7 +4120,7 @@ var vt = function() {
   }, e2.prototype.interleaveWithNodeStream = function(e3) {
     throw he(3);
   }, e2;
-}();
+})();
 "undefined" != typeof navigator && "ReactNative" === navigator.product && console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native");
 var St = "__sc-".concat(f, "__");
 "undefined" != typeof window && (window[St] || (window[St] = 0), 1 === window[St] && console.warn("It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\n\nSee https://s-c.sh/2BAXzed for more info."), window[St] += 1);
@@ -5050,22 +5050,22 @@ var Translator = class _Translator extends EventEmitter {
             const zeroSuffix = `${this.options.pluralSeparator}zero`;
             const ordinalPrefix = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
             if (needsPluralHandling) {
-              finalKeys.push(key + pluralSuffix);
               if (opt.ordinal && pluralSuffix.indexOf(ordinalPrefix) === 0) {
                 finalKeys.push(key + pluralSuffix.replace(ordinalPrefix, this.options.pluralSeparator));
               }
+              finalKeys.push(key + pluralSuffix);
               if (needsZeroSuffixLookup) {
                 finalKeys.push(key + zeroSuffix);
               }
             }
             if (needsContextHandling) {
-              const contextKey = `${key}${this.options.contextSeparator}${opt.context}`;
+              const contextKey = `${key}${this.options.contextSeparator || "_"}${opt.context}`;
               finalKeys.push(contextKey);
               if (needsPluralHandling) {
-                finalKeys.push(contextKey + pluralSuffix);
                 if (opt.ordinal && pluralSuffix.indexOf(ordinalPrefix) === 0) {
                   finalKeys.push(contextKey + pluralSuffix.replace(ordinalPrefix, this.options.pluralSeparator));
                 }
+                finalKeys.push(contextKey + pluralSuffix);
                 if (needsZeroSuffixLookup) {
                   finalKeys.push(contextKey + zeroSuffix);
                 }
@@ -6721,6 +6721,7 @@ var en_default = {
     "Add new payment method": "Add new payment method",
     "Add Seats": "Add More",
     "Add-ons": "Add-ons",
+    "Add-ons Quantity": "Add-ons Quantity",
     Additional: "Additional",
     "After the trial, cancel no default": "After the trial, you will be lose access to {{planName}} plan and your subscription will be cancelled.",
     "After the trial, cancel": "After the trial, you will be downgraded to the {{defaultPlanName}} plan and your subscription will be cancelled.",
@@ -6791,6 +6792,7 @@ var en_default = {
     "Powered by": "Powered by",
     "Price by unit based on final tier reached.": "Price by unit based on final tier reached.",
     Proration: "Proration",
+    "Quantity to pay for in advance": "Quantity to pay for in advance",
     "Remove add-on": "Remove add-on",
     Resets: "Resets {{date}}",
     "Save payment method": "Save payment method",
@@ -6805,6 +6807,7 @@ var en_default = {
     "Select payment method": "Select payment method",
     "Select plan": "Select plan",
     "Select quantity": "Select quantity",
+    "Select quantities for add-ons": "Select quantities for add-ons",
     Selected: "Selected",
     "Selected plan or associated price is missing.": "Selected plan or associated price is missing.",
     "Session expired. Please refresh and try again.": "Session expired. Please refresh and try again.",
@@ -7844,6 +7847,33 @@ function CheckoutUnsubscribeResponseFromJSONTyped(json, ignoreDiscriminator) {
   };
 }
 
+// src/api/checkoutexternal/models/CurrencyBalance.ts
+function CurrencyBalanceFromJSON(json) {
+  return CurrencyBalanceFromJSONTyped(json, false);
+}
+function CurrencyBalanceFromJSONTyped(json, ignoreDiscriminator) {
+  if (json == null) {
+    return json;
+  }
+  return {
+    balance: json["balance"],
+    currency: json["currency"]
+  };
+}
+
+// src/api/checkoutexternal/models/CompanyCustomerBalance.ts
+function CompanyCustomerBalanceFromJSON(json) {
+  return CompanyCustomerBalanceFromJSONTyped(json, false);
+}
+function CompanyCustomerBalanceFromJSONTyped(json, ignoreDiscriminator) {
+  if (json == null) {
+    return json;
+  }
+  return {
+    balances: json["balances"].map(CurrencyBalanceFromJSON)
+  };
+}
+
 // src/api/checkoutexternal/models/CompanyEventPeriodMetricsResponseData.ts
 function CompanyEventPeriodMetricsResponseDataFromJSON(json) {
   return CompanyEventPeriodMetricsResponseDataFromJSONTyped(json, false);
@@ -8104,12 +8134,12 @@ function EventSummaryResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     return json;
   }
   return {
-    companyCount: json["company_count"] == null ? void 0 : json["company_count"],
+    companyCount: json["company_count"],
     environmentId: json["environment_id"],
     eventCount: json["event_count"],
     eventSubtype: json["event_subtype"],
     lastSeenAt: json["last_seen_at"] == null ? void 0 : new Date(json["last_seen_at"]),
-    userCount: json["user_count"] == null ? void 0 : json["user_count"]
+    userCount: json["user_count"]
   };
 }
 
@@ -8725,6 +8755,20 @@ function DeletePaymentMethodResponseFromJSONTyped(json, ignoreDiscriminator) {
   };
 }
 
+// src/api/checkoutexternal/models/FetchCustomerBalanceResponse.ts
+function FetchCustomerBalanceResponseFromJSON(json) {
+  return FetchCustomerBalanceResponseFromJSONTyped(json, false);
+}
+function FetchCustomerBalanceResponseFromJSONTyped(json, ignoreDiscriminator) {
+  if (json == null) {
+    return json;
+  }
+  return {
+    data: CompanyCustomerBalanceFromJSON(json["data"]),
+    params: json["params"]
+  };
+}
+
 // src/api/checkoutexternal/models/GetSetupIntentResponse.ts
 function GetSetupIntentResponseFromJSON(json) {
   return GetSetupIntentResponseFromJSONTyped(json, false);
@@ -9048,6 +9092,38 @@ var CheckoutexternalApi = class extends BaseAPI {
     );
     return await response.value();
   }
+  /**
+   * Fetch customer balance
+   */
+  async fetchCustomerBalanceRaw(initOverrides) {
+    const queryParameters = {};
+    const headerParameters = {};
+    if (this.configuration && this.configuration.apiKey) {
+      headerParameters["X-Schematic-Api-Key"] = await this.configuration.apiKey(
+        "X-Schematic-Api-Key"
+      );
+    }
+    const response = await this.request(
+      {
+        path: `/checkout/balance`,
+        method: "GET",
+        headers: headerParameters,
+        query: queryParameters
+      },
+      initOverrides
+    );
+    return new JSONApiResponse(
+      response,
+      (jsonValue) => FetchCustomerBalanceResponseFromJSON(jsonValue)
+    );
+  }
+  /**
+   * Fetch customer balance
+   */
+  async fetchCustomerBalance(initOverrides) {
+    const response = await this.fetchCustomerBalanceRaw(initOverrides);
+    return await response.value();
+  }
   /**
    * Get setup intent
    */
@@ -9782,12 +9858,12 @@ function EventSummaryResponseDataFromJSONTyped3(json, ignoreDiscriminator) {
     return json;
   }
   return {
-    companyCount: json["company_count"] == null ? void 0 : json["company_count"],
+    companyCount: json["company_count"],
     environmentId: json["environment_id"],
     eventCount: json["event_count"],
     eventSubtype: json["event_subtype"],
     lastSeenAt: json["last_seen_at"] == null ? void 0 : new Date(json["last_seen_at"]),
-    userCount: json["user_count"] == null ? void 0 : json["user_count"]
+    userCount: json["user_count"]
   };
 }
 
@@ -10300,7 +10376,7 @@ var EmbedProvider = ({
   });
   const customHeaders = (0, import_react12.useMemo)(
     () => ({
-      "X-Schematic-Components-Version": "1.2.0",
+      "X-Schematic-Components-Version": "1.3.0",
       "X-Schematic-Session-ID": sessionIdRef.current
     }),
     []
@@ -12144,6 +12220,47 @@ var StageButton = ({
     );
   }
   if (checkoutStage === "addons") {
+    const hasAddonsUsageStage = checkoutStages?.some(
+      (stage) => stage.id === "addonsUsage"
+    );
+    const hasCreditsStage = checkoutStages?.some(
+      (stage) => stage.id === "credits"
+    );
+    if (!isPaymentMethodRequired && !hasAddonsUsageStage && !hasCreditsStage) {
+      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(NoPaymentRequired, {});
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      Button,
+      {
+        type: "button",
+        disabled: isDisabled,
+        onClick: async () => {
+          setCheckoutStage?.(
+            hasAddonsUsageStage ? "addonsUsage" : hasCreditsStage ? "credits" : "checkout"
+          );
+        },
+        $isLoading: isLoading,
+        $fullWidth: true,
+        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+          Flex,
+          {
+            $gap: "0.5rem",
+            $justifyContent: "center",
+            $alignItems: "center",
+            $padding: "0 1rem",
+            children: [
+              t2("Next"),
+              ":",
+              " ",
+              hasAddonsUsageStage ? t2("Add-ons Quantity") : hasCreditsStage ? t2("Credits") : t2("Checkout"),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon3, { name: "arrow-right" })
+            ]
+          }
+        )
+      }
+    );
+  }
+  if (checkoutStage === "addonsUsage") {
     if (!isPaymentMethodRequired && !checkoutStages?.some((stage) => stage.id === "credits")) {
       return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(NoPaymentRequired, {});
     }
@@ -13039,6 +13156,22 @@ var AddOns = ({ addOns, toggle, isLoading, period }) => {
         const { price, currency } = getAddOnPrice(addOn, period) || {};
         const isAddOnValid = isHydratedPlan(addOn) && addOn.valid;
         const isAddOnCurrent = isHydratedPlan(addOn) && addOn.current;
+        const overageEntitlement = addOn.entitlements?.find(
+          (entitlement) => entitlement.priceBehavior === "overage" /* Overage */
+        );
+        let overageInfo = null;
+        if (overageEntitlement) {
+          const priceData = period === "year" ? overageEntitlement.meteredYearlyPrice : overageEntitlement.meteredMonthlyPrice;
+          if (priceData?.priceTier && priceData.priceTier.length >= 2) {
+            const overageTier = priceData.priceTier[priceData.priceTier.length - 1];
+            overageInfo = {
+              softLimit: overageEntitlement.softLimit,
+              perUnitPrice: overageTier.perUnitPriceDecimal ? Number(overageTier.perUnitPriceDecimal) : overageTier.perUnitPrice || 0,
+              currency: priceData.currency || currency,
+              featureName: overageEntitlement.feature?.name
+            };
+          }
+        }
         return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
           Flex,
           {
@@ -13058,19 +13191,34 @@ var AddOns = ({ addOns, toggle, isLoading, period }) => {
               /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Flex, { $flexDirection: "column", $gap: "0.75rem", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Box, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text, { display: "heading3", children: addOn.name }) }),
                 addOn.description && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Box, { $marginBottom: "0.5rem", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text, { children: addOn.description }) }),
-                (addOn[periodKey] || addOn.chargeType === ChargeType.oneTime) && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Box, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text, { display: "heading2", children: formatCurrency(price ?? 0, currency) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                    Text,
-                    {
-                      display: "heading2",
-                      $size: 16 / 30 * settings.theme.typography.heading2.fontSize,
-                      children: addOn.chargeType === ChargeType.oneTime ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-                        " ",
-                        t2("one time")
-                      ] }) : `/${period}`
-                    }
-                  )
+                (addOn[periodKey] || addOn.chargeType === ChargeType.oneTime) && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Flex, { $flexDirection: "column", $gap: "0.25rem", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Box, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text, { display: "heading2", children: formatCurrency(price ?? 0, currency) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                      Text,
+                      {
+                        display: "heading2",
+                        $size: 16 / 30 * settings.theme.typography.heading2.fontSize,
+                        children: addOn.chargeType === ChargeType.oneTime ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+                          " ",
+                          t2("one time")
+                        ] }) : `/${period}`
+                      }
+                    )
+                  ] }),
+                  overageInfo && overageInfo.softLimit && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Box, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Text, { $size: 0.875, style: { opacity: 0.8 }, children: [
+                    overageInfo.softLimit,
+                    " ",
+                    overageInfo.featureName || "units",
+                    " included, then",
+                    " ",
+                    formatCurrency(
+                      overageInfo.perUnitPrice,
+                      overageInfo.currency
+                    ),
+                    "/",
+                    overageInfo.featureName?.toLowerCase() || "unit"
+                  ] }) })
                 ] }),
                 isAddOnCurrent && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                   Flex,
@@ -14077,10 +14225,9 @@ var CheckoutDialog = ({ top = 0 }) => {
   }, [data]);
   const [selectedPlan, setSelectedPlan] = (0, import_react30.useState)(
     () => {
-      const currentSelectedPlan = availablePlans.find(
+      return availablePlans.find(
         (plan) => checkoutState?.planId ? plan.id === checkoutState.planId : isHydratedPlan(plan) && plan.current
       );
-      return currentSelectedPlan;
     }
   );
   const [shouldTrial, setShouldTrial] = (0, import_react30.useState)(false);
@@ -14113,6 +14260,23 @@ var CheckoutDialog = ({ top = 0 }) => {
       []
     )
   );
+  const [addOnUsageBasedEntitlements, setAddOnUsageBasedEntitlements] = (0, import_react30.useState)(() => {
+    if (!isCheckoutData(data)) return [];
+    const currentAddOns = data.company?.addOns || [];
+    return currentAddOns.flatMap((currentAddOn) => {
+      const availableAddOn = availableAddOns.find(
+        (available) => available.id === currentAddOn.id
+      );
+      if (!availableAddOn) return [];
+      return availableAddOn.entitlements.reduce(
+        createActiveUsageBasedEntitlementsReducer(
+          currentEntitlements,
+          planPeriod
+        ),
+        []
+      );
+    });
+  });
   const payInAdvanceEntitlements = (0, import_react30.useMemo)(
     () => usageBasedEntitlements.filter(
       (entitlement) => entitlement.priceBehavior === "pay_in_advance" /* PayInAdvance */
@@ -14153,6 +14317,19 @@ var CheckoutDialog = ({ top = 0 }) => {
         description: t2("Optionally add features to your subscription")
       });
     }
+    const hasUsageBasedAddOnSelected = addOns.some((addOn) => {
+      return addOn.isSelected && addOn.entitlements.some((entitlement) => {
+        return entitlement.priceBehavior === "pay_in_advance" /* PayInAdvance */;
+      });
+    });
+    if (hasUsageBasedAddOnSelected) {
+      stages.push({
+        id: "addonsUsage",
+        name: t2("Add-ons Quantity"),
+        label: t2("Select quantities for add-ons"),
+        description: t2("Quantity to pay for in advance")
+      });
+    }
     if (creditBundles.length > 0) {
       stages.push({
         id: "credits",
@@ -14184,6 +14361,9 @@ var CheckoutDialog = ({ top = 0 }) => {
     if (checkoutState?.addOnId) {
       return "addons";
     }
+    if (checkoutState?.addOnUsage) {
+      return "addonsUsage";
+    }
     if (checkoutState?.usage) {
       return "usage";
     }
@@ -14191,7 +14371,19 @@ var CheckoutDialog = ({ top = 0 }) => {
       return "credits";
     }
     if (checkoutState?.planId !== currentPlanId) {
-      return checkoutStages.some((stage) => stage.id === "usage") ? "usage" : checkoutStages.some((stage) => stage.id === "addons") ? "addons" : checkoutStages.some((stage) => stage.id === "credits") ? "credits" : "plan";
+      const hasUsageStage = checkoutStages.some(
+        (stage) => stage.id === "usage"
+      );
+      const hasAddonsStage = checkoutStages.some(
+        (stage) => stage.id === "addons"
+      );
+      const hasAddonsUsageStage = checkoutStages.some(
+        (stage) => stage.id === "addonsUsage"
+      );
+      if (hasUsageStage) return "usage";
+      if (hasAddonsStage) return "addons";
+      if (hasAddonsUsageStage) return "addonsUsage";
+      return "plan";
     }
     return "plan";
   });
@@ -14228,19 +14420,34 @@ var CheckoutDialog = ({ top = 0 }) => {
             },
             []
           ),
-          payInAdvance: (updates.payInAdvanceEntitlements || payInAdvanceEntitlements).reduce(
-            (acc, { meteredMonthlyPrice, meteredYearlyPrice, quantity }) => {
-              const priceId = (period === "year" ? meteredYearlyPrice : meteredMonthlyPrice)?.priceId;
-              if (priceId) {
-                acc.push({
-                  priceId,
-                  quantity
-                });
-              }
-              return acc;
-            },
-            []
-          ),
+          payInAdvance: [
+            ...(updates.payInAdvanceEntitlements || payInAdvanceEntitlements).reduce(
+              (acc, { meteredMonthlyPrice, meteredYearlyPrice, quantity }) => {
+                const priceId = (period === "year" ? meteredYearlyPrice : meteredMonthlyPrice)?.priceId;
+                if (priceId) {
+                  acc.push({
+                    priceId,
+                    quantity
+                  });
+                }
+                return acc;
+              },
+              []
+            ),
+            ...(updates.addOnPayInAdvanceEntitlements || addOnUsageBasedEntitlements).reduce(
+              (acc, { meteredMonthlyPrice, meteredYearlyPrice, quantity }) => {
+                const priceId = (period === "year" ? meteredYearlyPrice : meteredMonthlyPrice)?.priceId;
+                if (priceId) {
+                  acc.push({
+                    priceId,
+                    quantity
+                  });
+                }
+                return acc;
+              },
+              []
+            )
+          ],
           creditBundles: (updates.creditBundles || creditBundles).reduce(
             (acc, { id, count }) => {
               if (count > 0) {
@@ -14297,6 +14504,7 @@ var CheckoutDialog = ({ top = 0 }) => {
       planPeriod,
       selectedPlan,
       payInAdvanceEntitlements,
+      addOnUsageBasedEntitlements,
       addOns,
       creditBundles,
       shouldTrial,
@@ -14370,6 +14578,17 @@ var CheckoutDialog = ({ top = 0 }) => {
           ...addOn,
           ...addOn.id === id && { isSelected: !addOn.isSelected }
         }));
+        const updatedAddOnEntitlements = updated.filter((addOn) => addOn.isSelected).flatMap(
+          (addOn) => addOn.entitlements.filter(
+            (entitlement) => entitlement.priceBehavior === "pay_in_advance" /* PayInAdvance */
+          ).map((entitlement) => ({
+            ...entitlement,
+            allocation: entitlement.valueNumeric || 0,
+            usage: 0,
+            quantity: 1
+          }))
+        );
+        setAddOnUsageBasedEntitlements(updatedAddOnEntitlements);
         handlePreviewCheckout({ addOns: updated });
         return updated;
       });
@@ -14410,6 +14629,23 @@ var CheckoutDialog = ({ top = 0 }) => {
     },
     [handlePreviewCheckout]
   );
+  const updateAddOnEntitlementQuantity = (0, import_react30.useCallback)(
+    (id, updatedQuantity) => {
+      setAddOnUsageBasedEntitlements((prev2) => {
+        const updated = prev2.map(
+          (entitlement) => entitlement.id === id ? {
+            ...entitlement,
+            quantity: updatedQuantity
+          } : entitlement
+        );
+        handlePreviewCheckout({
+          addOnPayInAdvanceEntitlements: updated
+        });
+        return updated;
+      });
+    },
+    [handlePreviewCheckout]
+  );
   const updatePromoCode = (0, import_react30.useCallback)(
     async (code) => {
       handlePreviewCheckout({ promoCode: code });
@@ -14585,6 +14821,16 @@ var CheckoutDialog = ({ top = 0 }) => {
                     toggle: (id) => toggleAddOn(id)
                   }
                 ),
+                checkoutStage === "addonsUsage" && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                  Usage,
+                  {
+                    isLoading,
+                    period: planPeriod,
+                    selectedPlan,
+                    entitlements: addOnUsageBasedEntitlements,
+                    updateQuantity: updateAddOnEntitlementQuantity
+                  }
+                ),
                 checkoutStage === "credits" && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                   Credits,
                   {
@@ -18293,7 +18539,7 @@ var PricingTable = (0, import_react51.forwardRef)(
   ({ className, callToActionUrl, callToActionTarget, onCallToAction, ...rest }, ref) => {
     const props = resolveDesignProps8(rest);
     const { t: t2 } = useTranslation();
-    const { data, settings, hydratePublic } = useEmbed();
+    const { data, settings, isPending, hydratePublic } = useEmbed();
     const { currentPeriod, isStandalone } = (0, import_react51.useMemo)(() => {
       if (isCheckoutData(data)) {
         const billingSubscription = data.company?.billingSubscription;
@@ -18345,6 +18591,19 @@ var PricingTable = (0, import_react51.forwardRef)(
     (0, import_react51.useEffect)(() => {
       setEntitlementCounts(plans.reduce(entitlementCountsReducer, {}));
     }, [plans]);
+    if (isStandalone && isPending) {
+      return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        Flex,
+        {
+          $width: "100%",
+          $height: "100%",
+          $alignItems: "center",
+          $justifyContent: "center",
+          $padding: `${settings.theme.card.padding / TEXT_BASE_SIZE}rem`,
+          children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Loader, { $size: "2xl" })
+        }
+      );
+    }
     const Wrapper = isStandalone ? Container : import_react51.Fragment;
     return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Wrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
       FussyChild,