@whop/elements 1.5.0 → 1.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@whop/elements",
-	"version": "1.5.0",
+	"version": "1.7.0",
 	"description": "Whop Elements — vanilla-js loader + types. Loads the hosted SDK and exposes the typed WhopElements factory.",
 	"keywords": [
 		"checkout",
@@ -97,5 +97,5 @@
 			}
 		}
 	},
-	"whopElementsApiHash": "2d44149b4b1cc46471d6832a16569c9c60c12e412816bac29665345584162ce2"
+	"whopElementsApiHash": "f11e64fefcafa5eff8df4bbd6a2afbf830f2e718599e49ab8b4a16b111de7565"
 }

package/payments.d.cts

@@ -350,10 +350,10 @@ export interface AddressElementProps {
 	 */
 	defaultValues?: { name?: string | undefined; address?: { name?: string | undefined; first_name?: string | undefined; last_name?: string | undefined; organization?: string | undefined; organization_type?: "business" | "individual" | undefined; line1?: string | undefined; line2?: string | undefined; city?: string | undefined; state?: string | undefined; postal_code?: string | undefined; country?: string | undefined; } | undefined; };
 	/**
-	 * `full` (default) stacks labeled fields. `compact` groups placeholder-labeled fields within one border.
+	 * `full` (default) stacks labeled fields. `compact` groups placeholder-labeled fields within one border. `wrap` keeps `full`'s separate fields and also puts city, state and postal code side by side. Those and the pairs `full` already sets side by side (first and last name, organization) fit as many to a row as the width allows and wrap as it narrows.
 	 * @default "full"
 	 */
-	layout?: "full" | "compact";
+	layout?: "full" | "compact" | "wrap";
 	/**
 	 * `above` (default) keeps each label outside its field: above it in the `full` layout, as its placeholder in `compact`. `floating` uses each label as the placeholder of its field, in either layout, then shows a small label above the typed text once the field has a value.
 	 * @default "above"
@@ -383,6 +383,11 @@ export interface AddressElementProps {
 	 * @default true
 	 */
 	autocomplete?: boolean;
+	/**
+	 * Shows every address field from the start. By default (`false`) the form opens with the street address and reveals the rest once the buyer picks a suggestion, types an address, or chooses to enter it manually.
+	 * @default false
+	 */
+	expanded?: boolean;
 	/**
 	 * Additional fields rendered with the address form. Values are validated and emitted in the separate `custom` map.
 	 */
@@ -451,10 +456,10 @@ export interface AddressElementCreateOptions {
 	 */
 	defaultValues?: { name?: string | undefined; address?: { name?: string | undefined; first_name?: string | undefined; last_name?: string | undefined; organization?: string | undefined; organization_type?: "business" | "individual" | undefined; line1?: string | undefined; line2?: string | undefined; city?: string | undefined; state?: string | undefined; postal_code?: string | undefined; country?: string | undefined; } | undefined; };
 	/**
-	 * `full` (default) stacks labeled fields. `compact` groups placeholder-labeled fields within one border.
+	 * `full` (default) stacks labeled fields. `compact` groups placeholder-labeled fields within one border. `wrap` keeps `full`'s separate fields and also puts city, state and postal code side by side. Those and the pairs `full` already sets side by side (first and last name, organization) fit as many to a row as the width allows and wrap as it narrows.
 	 * @default "full"
 	 */
-	layout?: "full" | "compact";
+	layout?: "full" | "compact" | "wrap";
 	/**
 	 * `above` (default) keeps each label outside its field: above it in the `full` layout, as its placeholder in `compact`. `floating` uses each label as the placeholder of its field, in either layout, then shows a small label above the typed text once the field has a value.
 	 * @default "above"
@@ -484,6 +489,11 @@ export interface AddressElementCreateOptions {
 	 * @default true
 	 */
 	autocomplete?: boolean;
+	/**
+	 * Shows every address field from the start. By default (`false`) the form opens with the street address and reveals the rest once the buyer picks a suggestion, types an address, or chooses to enter it manually.
+	 * @default false
+	 */
+	expanded?: boolean;
 	/**
 	 * Additional fields rendered with the address form. Values are validated and emitted in the separate `custom` map.
 	 */
@@ -1361,6 +1371,10 @@ export interface PromoCodeUpdate {
 	 * The total under the code, in minor units.
 	 */
 	amount?: number | undefined;
+	/**
+	 * The sheet's line items under the code, such as the discount and the tax it changes.
+	 */
+	lineItems?: PaymentRequestLineItem[] | undefined;
 	/**
 	 * A caption for the applied code, where the sheet captions codes (Google Pay).
 	 */
@@ -1380,7 +1394,7 @@ export interface PromoCodeChangeEvent {
 	 */
 	code: string | null;
 	/**
-	 * Answer exactly once: `error` refuses the code and keeps the totals, and any other answer applies it. `amount` reprices the sheet under the code, and `appliedDescription` captions the applied code where the sheet shows one (Google Pay). `updateWith({})` applies the code at the current total.
+	 * Answer exactly once: `error` refuses the code and keeps the totals, and any other answer applies it. `amount` and `lineItems` reprice the sheet under the code, and `appliedDescription` captions the applied code where the sheet shows one (Google Pay). `updateWith({})` applies the code at the current total.
 	 */
 	updateWith: (update: PromoCodeUpdate) => void;
 }

package/payments.d.ts

@@ -350,10 +350,10 @@ export interface AddressElementProps {
 	 */
 	defaultValues?: { name?: string | undefined; address?: { name?: string | undefined; first_name?: string | undefined; last_name?: string | undefined; organization?: string | undefined; organization_type?: "business" | "individual" | undefined; line1?: string | undefined; line2?: string | undefined; city?: string | undefined; state?: string | undefined; postal_code?: string | undefined; country?: string | undefined; } | undefined; };
 	/**
-	 * `full` (default) stacks labeled fields. `compact` groups placeholder-labeled fields within one border.
+	 * `full` (default) stacks labeled fields. `compact` groups placeholder-labeled fields within one border. `wrap` keeps `full`'s separate fields and also puts city, state and postal code side by side. Those and the pairs `full` already sets side by side (first and last name, organization) fit as many to a row as the width allows and wrap as it narrows.
 	 * @default "full"
 	 */
-	layout?: "full" | "compact";
+	layout?: "full" | "compact" | "wrap";
 	/**
 	 * `above` (default) keeps each label outside its field: above it in the `full` layout, as its placeholder in `compact`. `floating` uses each label as the placeholder of its field, in either layout, then shows a small label above the typed text once the field has a value.
 	 * @default "above"
@@ -383,6 +383,11 @@ export interface AddressElementProps {
 	 * @default true
 	 */
 	autocomplete?: boolean;
+	/**
+	 * Shows every address field from the start. By default (`false`) the form opens with the street address and reveals the rest once the buyer picks a suggestion, types an address, or chooses to enter it manually.
+	 * @default false
+	 */
+	expanded?: boolean;
 	/**
 	 * Additional fields rendered with the address form. Values are validated and emitted in the separate `custom` map.
 	 */
@@ -451,10 +456,10 @@ export interface AddressElementCreateOptions {
 	 */
 	defaultValues?: { name?: string | undefined; address?: { name?: string | undefined; first_name?: string | undefined; last_name?: string | undefined; organization?: string | undefined; organization_type?: "business" | "individual" | undefined; line1?: string | undefined; line2?: string | undefined; city?: string | undefined; state?: string | undefined; postal_code?: string | undefined; country?: string | undefined; } | undefined; };
 	/**
-	 * `full` (default) stacks labeled fields. `compact` groups placeholder-labeled fields within one border.
+	 * `full` (default) stacks labeled fields. `compact` groups placeholder-labeled fields within one border. `wrap` keeps `full`'s separate fields and also puts city, state and postal code side by side. Those and the pairs `full` already sets side by side (first and last name, organization) fit as many to a row as the width allows and wrap as it narrows.
 	 * @default "full"
 	 */
-	layout?: "full" | "compact";
+	layout?: "full" | "compact" | "wrap";
 	/**
 	 * `above` (default) keeps each label outside its field: above it in the `full` layout, as its placeholder in `compact`. `floating` uses each label as the placeholder of its field, in either layout, then shows a small label above the typed text once the field has a value.
 	 * @default "above"
@@ -484,6 +489,11 @@ export interface AddressElementCreateOptions {
 	 * @default true
 	 */
 	autocomplete?: boolean;
+	/**
+	 * Shows every address field from the start. By default (`false`) the form opens with the street address and reveals the rest once the buyer picks a suggestion, types an address, or chooses to enter it manually.
+	 * @default false
+	 */
+	expanded?: boolean;
 	/**
 	 * Additional fields rendered with the address form. Values are validated and emitted in the separate `custom` map.
 	 */
@@ -1361,6 +1371,10 @@ export interface PromoCodeUpdate {
 	 * The total under the code, in minor units.
 	 */
 	amount?: number | undefined;
+	/**
+	 * The sheet's line items under the code, such as the discount and the tax it changes.
+	 */
+	lineItems?: PaymentRequestLineItem[] | undefined;
 	/**
 	 * A caption for the applied code, where the sheet captions codes (Google Pay).
 	 */
@@ -1380,7 +1394,7 @@ export interface PromoCodeChangeEvent {
 	 */
 	code: string | null;
 	/**
-	 * Answer exactly once: `error` refuses the code and keeps the totals, and any other answer applies it. `amount` reprices the sheet under the code, and `appliedDescription` captions the applied code where the sheet shows one (Google Pay). `updateWith({})` applies the code at the current total.
+	 * Answer exactly once: `error` refuses the code and keeps the totals, and any other answer applies it. `amount` and `lineItems` reprice the sheet under the code, and `appliedDescription` captions the applied code where the sheet shows one (Google Pay). `updateWith({})` applies the code at the current total.
 	 */
 	updateWith: (update: PromoCodeUpdate) => void;
 }