@schematichq/schematic-components 2.16.1 → 2.16.3

package/dist/schematic-components.cjs.js

@@ -8291,6 +8291,7 @@ function FeatureEntitlementFromJSONTyped(json, ignoreDiscriminator) {
   }
   return {
     allocation: json["allocation"] == null ? void 0 : json["allocation"],
+    consumptionRate: json["consumption_rate"] == null ? void 0 : json["consumption_rate"],
     creditId: json["credit_id"] == null ? void 0 : json["credit_id"],
     creditRemaining: json["credit_remaining"] == null ? void 0 : json["credit_remaining"],
     creditReserved: json["credit_reserved"] == null ? void 0 : json["credit_reserved"],
@@ -8298,6 +8299,7 @@ function FeatureEntitlementFromJSONTyped(json, ignoreDiscriminator) {
     creditTotal: json["credit_total"] == null ? void 0 : json["credit_total"],
     creditUsed: json["credit_used"] == null ? void 0 : json["credit_used"],
     eventName: json["event_name"] == null ? void 0 : json["event_name"],
+    eventSubtype: json["event_subtype"] == null ? void 0 : json["event_subtype"],
     featureId: json["feature_id"],
     featureKey: json["feature_key"],
     metricPeriod: json["metric_period"] == null ? void 0 : MetricPeriodFromJSON(json["metric_period"]),
@@ -13371,7 +13373,7 @@ var reducer = (state, action) => {
 // src/context/EmbedProvider.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var getCustomHeaders = (sessionId) => ({
-  "X-Schematic-Components-Version": "2.16.1",
+  "X-Schematic-Components-Version": "2.16.3",
   "X-Schematic-Session-ID": sessionId
 });
 var normalizeCurrencyFilter = (filter2) => {
@@ -13938,6 +13940,9 @@ function useAvailableCurrenciesWithInvalid() {
 }
 function useSubscriptionCurrency() {
   const { data } = useEmbed();
+  if (data?.subscription?.isInitial) {
+    return void 0;
+  }
   return data?.subscription?.currency?.toUpperCase();
 }
 
@@ -18932,6 +18937,8 @@ var PaymentForm = ({ onConfirm, financeData }) => {
   const [isPaymentComplete, setIsPaymentComplete] = (0, import_react39.useState)(false);
   const [isPaymentReady, setIsPaymentReady] = (0, import_react39.useState)(false);
   const [loadError, setLoadError] = (0, import_react39.useState)();
+  const [isEmailValid, setIsEmailValid] = (0, import_react39.useState)(() => !collectEmail);
+  const emailInputRef = (0, import_react39.useRef)(null);
   const [isAddressComplete, setIsAddressComplete] = (0, import_react39.useState)(
     () => !shouldCollectAddress
   );
@@ -18944,6 +18951,11 @@ var PaymentForm = ({ onConfirm, financeData }) => {
       setEmail(billing.email);
     }
   }, [billing?.email]);
+  (0, import_react39.useEffect)(() => {
+    setIsEmailValid(
+      !collectEmail || (emailInputRef.current?.checkValidity() ?? false)
+    );
+  }, [email, collectEmail, stripe]);
   const handleSubmit = async (event) => {
     event.preventDefault();
     if (!stripe || !elements) {
@@ -19043,11 +19055,13 @@ var PaymentForm = ({ onConfirm, financeData }) => {
           /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
             Input2,
             {
+              ref: emailInputRef,
               id: "email",
-              type: "text",
+              type: "email",
               value: email,
               autoComplete: "email",
               placeholder: "Enter email address",
+              required: true,
               onChange: (e2) => {
                 userEditedEmailRef.current = true;
                 setEmail(e2.target.value);
@@ -19078,7 +19092,7 @@ var PaymentForm = ({ onConfirm, financeData }) => {
           Button,
           {
             id: "submit",
-            disabled: isLoading || !stripe || !elements || isConfirmed || !isPaymentComplete || !isAddressComplete,
+            disabled: isLoading || !stripe || !elements || isConfirmed || !isPaymentComplete || !isAddressComplete || !isEmailValid,
             style: { flexShrink: 0 },
             $color: "primary",
             $isLoading: isLoading,

package/dist/schematic-components.d.ts

@@ -6949,6 +6949,12 @@ declare interface FeatureEntitlement {
      * @memberof FeatureEntitlement
      */
     allocation?: number | null;
+    /**
+     * If the company has a credit-based entitlement for this feature, the credit cost per unit of usage
+     * @type {number}
+     * @memberof FeatureEntitlement
+     */
+    consumptionRate?: number | null;
     /**
      * If the company has a credit-based entitlement for this feature, the ID of the credit
      * @type {string}
@@ -6991,6 +6997,12 @@ declare interface FeatureEntitlement {
      * @memberof FeatureEntitlement
      */
     eventName?: string | null;
+    /**
+     * For event-based or credit-metered feature entitlements, the event subtype whose usage is tracked
+     * @type {string}
+     * @memberof FeatureEntitlement
+     */
+    eventSubtype?: string | null;
     /**
      * The ID of the feature
      * @type {string}
@@ -12476,7 +12488,9 @@ export declare function useRequest<TData>(fn: () => Promise<{
 /**
  * Returns the currency of the company's active subscription, if any.
  * Stripe does not allow mixing currencies on a subscription, so when
- * this is set the currency selector should be locked.
+ * this is set the currency selector should be locked. The initial (free,
+ * $0) plan is exempt: its subscription can be switched at checkout, so
+ * we treat it as having no locked currency.
  */
 export declare function useSubscriptionCurrency(): string | undefined;
 

package/dist/schematic-components.esm.js

@@ -8202,6 +8202,7 @@ function FeatureEntitlementFromJSONTyped(json, ignoreDiscriminator) {
   }
   return {
     allocation: json["allocation"] == null ? void 0 : json["allocation"],
+    consumptionRate: json["consumption_rate"] == null ? void 0 : json["consumption_rate"],
     creditId: json["credit_id"] == null ? void 0 : json["credit_id"],
     creditRemaining: json["credit_remaining"] == null ? void 0 : json["credit_remaining"],
     creditReserved: json["credit_reserved"] == null ? void 0 : json["credit_reserved"],
@@ -8209,6 +8210,7 @@ function FeatureEntitlementFromJSONTyped(json, ignoreDiscriminator) {
     creditTotal: json["credit_total"] == null ? void 0 : json["credit_total"],
     creditUsed: json["credit_used"] == null ? void 0 : json["credit_used"],
     eventName: json["event_name"] == null ? void 0 : json["event_name"],
+    eventSubtype: json["event_subtype"] == null ? void 0 : json["event_subtype"],
     featureId: json["feature_id"],
     featureKey: json["feature_key"],
     metricPeriod: json["metric_period"] == null ? void 0 : MetricPeriodFromJSON(json["metric_period"]),
@@ -13282,7 +13284,7 @@ var reducer = (state, action) => {
 // src/context/EmbedProvider.tsx
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var getCustomHeaders = (sessionId) => ({
-  "X-Schematic-Components-Version": "2.16.1",
+  "X-Schematic-Components-Version": "2.16.3",
   "X-Schematic-Session-ID": sessionId
 });
 var normalizeCurrencyFilter = (filter2) => {
@@ -13849,6 +13851,9 @@ function useAvailableCurrenciesWithInvalid() {
 }
 function useSubscriptionCurrency() {
   const { data } = useEmbed();
+  if (data?.subscription?.isInitial) {
+    return void 0;
+  }
   return data?.subscription?.currency?.toUpperCase();
 }
 
@@ -18867,6 +18872,8 @@ var PaymentForm = ({ onConfirm, financeData }) => {
   const [isPaymentComplete, setIsPaymentComplete] = useState11(false);
   const [isPaymentReady, setIsPaymentReady] = useState11(false);
   const [loadError, setLoadError] = useState11();
+  const [isEmailValid, setIsEmailValid] = useState11(() => !collectEmail);
+  const emailInputRef = useRef8(null);
   const [isAddressComplete, setIsAddressComplete] = useState11(
     () => !shouldCollectAddress
   );
@@ -18879,6 +18886,11 @@ var PaymentForm = ({ onConfirm, financeData }) => {
       setEmail(billing.email);
     }
   }, [billing?.email]);
+  useEffect5(() => {
+    setIsEmailValid(
+      !collectEmail || (emailInputRef.current?.checkValidity() ?? false)
+    );
+  }, [email, collectEmail, stripe]);
   const handleSubmit = async (event) => {
     event.preventDefault();
     if (!stripe || !elements) {
@@ -18978,11 +18990,13 @@ var PaymentForm = ({ onConfirm, financeData }) => {
           /* @__PURE__ */ jsx33(
             Input2,
             {
+              ref: emailInputRef,
               id: "email",
-              type: "text",
+              type: "email",
               value: email,
               autoComplete: "email",
               placeholder: "Enter email address",
+              required: true,
               onChange: (e2) => {
                 userEditedEmailRef.current = true;
                 setEmail(e2.target.value);
@@ -19013,7 +19027,7 @@ var PaymentForm = ({ onConfirm, financeData }) => {
           Button,
           {
             id: "submit",
-            disabled: isLoading || !stripe || !elements || isConfirmed || !isPaymentComplete || !isAddressComplete,
+            disabled: isLoading || !stripe || !elements || isConfirmed || !isPaymentComplete || !isAddressComplete || !isEmailValid,
             style: { flexShrink: 0 },
             $color: "primary",
             $isLoading: isLoading,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schematichq/schematic-components",
-  "version": "2.16.1",
+  "version": "2.16.3",
   "main": "dist/schematic-components.cjs.js",
   "module": "dist/schematic-components.esm.js",
   "types": "dist/schematic-components.d.ts",
@@ -65,7 +65,7 @@
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.1.1",
     "globals": "^17.6.0",
-    "happy-dom": "^20.10.4",
+    "happy-dom": "^20.10.6",
     "jsdom": "^29.1.1",
     "msw": "^2.14.6",
     "prettier": "^3.8.4",