@spiffcommerce/theme-bridge 1.7.1 → 1.9.0

package/dist/index.d.ts

@@ -1,60 +1,5 @@
-import { SpiffCommerceClient } from '@spiffcommerce/core';
+import { DesignCreationMessage, SpiffCommerceClient } from '@spiffcommerce/core';
 
-interface ThemeContextBase {
-    applicationKey: string;
-    configuration: ThemeInstallConfigurationResource;
-    /**
-     * The HTML element to render your Spiff theme into.
-     */
-    container: HTMLElement;
-    /**
-     * The ISO 4217 currency code to present prices in.
-     */
-    currency?: string;
-    /**
-     * Whether the iframe is embedded into the main page content or displayed in a modal.
-     */
-    embedMode?: boolean;
-}
-interface ThemeContextBundleOptionsNew {
-    productCollectionId?: string;
-    type: "new";
-}
-interface ThemeContextBundleOptionsExisting {
-    bundleId: string;
-    type: "existing";
-}
-type ThemeContextBundleOptions = ThemeContextBundleOptionsNew | ThemeContextBundleOptionsExisting;
-interface ThemeContextBundle extends ThemeContextBase {
-    bundleOptions: ThemeContextBundleOptions;
-    type: "bundle";
-}
-interface ThemeContextWorkflowOptionsTransaction {
-    transactionId: string;
-    type: "transaction";
-}
-interface ThemeContextWorkflowOptionsIntegrationProduct {
-    integrationProductId: string;
-    workflowId?: string;
-    type: "integration";
-}
-interface ThemeContextWorkflowOptionsExternalProduct {
-    externalProductId: string;
-    externalIntegrationId: string;
-    workflowId?: string;
-    type: "external";
-}
-type ThemeContextWorkflowOptions = ThemeContextWorkflowOptionsTransaction | ThemeContextWorkflowOptionsIntegrationProduct | ThemeContextWorkflowOptionsExternalProduct;
-interface ThemeContextTransaction extends ThemeContextBase {
-    workflowOptions: ThemeContextWorkflowOptions;
-    type: "transaction";
-}
-type ThemeContext = ThemeContextTransaction | ThemeContextBundle;
-type SpiffThemeLoader = {
-    getContext(): Promise<ThemeContext>;
-    setContext(context: ThemeContext): void;
-    configureClient(client: SpiffCommerceClient): void;
-};
 interface ThemeConfigurationFile {
     launchData: ThemeConfigurationLaunchData;
     configurationSchema: ThemeConfigurationSchema;
@@ -70,6 +15,7 @@ interface ThemeConfigurationLaunchDataTargetFile {
     filename: string;
     type: ThemeFileType;
     mimeType: string;
+    preload?: boolean;
 }
 interface ThemeLaunchData {
     targetFiles: ThemeLaunchDataTargetFile[];
@@ -80,32 +26,94 @@ interface ThemeLaunchDataTargetFile {
     mimeType: string;
     fileLink: string;
 }
-declare enum ThemeConfigurationFieldType {
-    SingleLineText = "SingleLineText",
-    MultiLineText = "MultiLineText",
+declare enum FieldType {
+    Asset = "Asset",
+    Boolean = "Boolean",
+    Color = "Color",
     Heading = "Heading",
+    MultiLineText = "MultiLineText",
     Number = "Number",
-    Boolean = "Boolean",
     Select = "Select",
-    Asset = "Asset",
-    Color = "Color"
+    SingleLineText = "SingleLineText"
 }
 interface ThemeConfigurationSchema {
     fields: ThemeConfigurationSchemaField[];
 }
-interface ThemeConfigurationSchemaField {
-    key?: string;
-    type: ThemeConfigurationFieldType;
-    title?: string;
+interface FieldBase {
+    /**
+     * The display name for the field. When `type` is `"Heading"`, this is the heading string.
+     */
+    title: string;
+}
+interface GenericField extends FieldBase {
+    /**
+     * A locally unique identifier for the field.
+     */
+    key: string;
+    /**
+     * Optional: A brief description of what the field might be used for. This is displayed beneath the field in the configuration form.
+     */
     description?: string;
+}
+type GenericFieldTypes = FieldType.Boolean | FieldType.Color | FieldType.MultiLineText | FieldType.Number | FieldType.SingleLineText;
+interface GenericFieldWithRequired extends GenericField {
+    /**
+     * Optional: Set to `true` to require a value to be provided in the configuration form.
+     */
     required?: boolean;
+    type: GenericFieldTypes;
+}
+interface GenericFieldWithDefault extends GenericField {
+    /**
+     * Optional: A default value to supply. Values are always supplied as strings.
+     * When the `type` is `"Select"`, this should be one of the `key` fields in the `options` array.
+     */
     defaultValue?: string;
-    options?: {
+    type: GenericFieldTypes;
+}
+interface AssetField extends GenericField {
+    /**
+     * The type of asset, e.g. Image, Model, Font, etc.
+     */
+    assetType: AssetType;
+    type: FieldType.Asset;
+}
+interface SelectFieldBase {
+    /**
+     * The options available for the Partner to select in the configuration form.
+     */
+    options: {
+        /**
+         * A locally unique identifier (within this set of options).
+         */
         key: string;
+        /**
+         * The string that is displayed visually in the menu item.
+         */
         value: string;
     }[];
-    assetType?: string;
+    type: FieldType.Select;
+}
+type SelectFieldWithRequired = Omit<GenericFieldWithRequired, "type"> & SelectFieldBase;
+type SelectFieldWithDefault = Omit<GenericFieldWithDefault, "type"> & SelectFieldBase;
+interface HeadingField extends FieldBase {
+    type: FieldType.Heading;
+}
+type ThemeConfigurationSchemaField = GenericFieldWithRequired | GenericFieldWithDefault | AssetField | SelectFieldWithRequired | SelectFieldWithDefault | HeadingField;
+declare enum AssetType {
+    Color = "Color",
+    ColorProfile = "ColorProfile",
+    Data = "Data",
+    Environment = "Environment",
+    Font = "Font",
+    Frame = "Frame",
+    Illustration = "Illustration",
+    Image = "Image",
+    Material = "Material",
+    Model = "Model",
+    Video = "Video"
 }
+
 interface ThemeResource {
     id: string;
     name: string;
@@ -118,8 +126,33 @@ interface ThemeVersionResource {
     version: string;
     createdAt: string;
     updatedAt: string;
-    configurationSchema: ThemeConfigurationSchema;
-    launchData: ThemeLaunchData;
+    configurationSchema: ThemeConfigurationSchemaResource;
+    launchData: ThemeLaunchDataResource;
+}
+interface ThemeConfigurationSchemaResource {
+    fields: ThemeConfigurationSchemaFieldResource[];
+}
+interface ThemeConfigurationSchemaFieldResource {
+    key?: string;
+    type: FieldType;
+    title?: string;
+    description?: string;
+    required?: boolean;
+    defaultValue?: string;
+    options?: {
+        key: string;
+        value: string;
+    }[];
+    assetType?: string;
+}
+interface ThemeLaunchDataResource {
+    targetFiles: ThemeLaunchDataTargetFileResource[];
+}
+interface ThemeLaunchDataTargetFileResource {
+    filename: string;
+    type: ThemeFileType;
+    mimeType: string;
+    fileLink: string;
 }
 interface ThemeInstallConfigurationResource {
     id: string;
@@ -134,22 +167,9 @@ interface ThemeInstallConfigurationField {
     key?: string;
     fallbackToDefaultConfiguration?: boolean;
     value?: string;
-    type: ThemeConfigurationFieldType;
+    type: FieldType;
     asset?: AssetResource;
 }
-declare enum AssetType {
-    Data = "Data",
-    Font = "Font",
-    Frame = "Frame",
-    Illustration = "Illustration",
-    Image = "Image",
-    Model = "Model",
-    Material = "Material",
-    Color = "Color",
-    Video = "Video",
-    ColorProfile = "ColorProfile",
-    Environment = "Environment"
-}
 interface AssetResource {
     key: string;
     name: string;
@@ -157,8 +177,96 @@ interface AssetResource {
     type: AssetType;
 }
 
+interface ThemeContextBase {
+    applicationKey: string;
+    /**
+     * The configuration provided by the Integration.
+     */
+    configuration: ThemeInstallConfigurationResource;
+    /**
+     * The HTML element to render your Spiff theme into.
+     */
+    container: HTMLElement;
+    /**
+     * The ISO 4217 currency code to present prices in.
+     */
+    currency?: string;
+    /**
+     * Whether the iframe is embedded into the main page content or displayed in a modal.
+     */
+    embedMode?: boolean;
+}
+interface ThemeContextBundleOptionsNew {
+    productCollectionId?: string;
+    type: "new";
+}
+interface ThemeContextBundleOptionsExisting {
+    bundleId: string;
+    type: "existing";
+}
+type ThemeContextBundleOptions = ThemeContextBundleOptionsNew | ThemeContextBundleOptionsExisting;
+interface ThemeContextBundle extends ThemeContextBase {
+    bundleOptions: ThemeContextBundleOptions;
+    type: "bundle";
+}
+interface ThemeContextWorkflowOptionsTransaction {
+    transactionId: string;
+    type: "transaction";
+}
+interface ThemeContextWorkflowOptionsIntegrationProduct {
+    integrationProductId: string;
+    workflowId?: string;
+    type: "integration";
+}
+interface ThemeContextWorkflowOptionsExternalProduct {
+    externalProductId: string;
+    externalIntegrationId: string;
+    workflowId?: string;
+    type: "external";
+}
+type ThemeContextWorkflowOptions = ThemeContextWorkflowOptionsTransaction | ThemeContextWorkflowOptionsIntegrationProduct | ThemeContextWorkflowOptionsExternalProduct;
+interface ThemeContextTransaction extends ThemeContextBase {
+    workflowOptions: ThemeContextWorkflowOptions;
+    type: "transaction";
+}
+type ThemeContext = ThemeContextTransaction | ThemeContextBundle;
+type DesignCreationMessageWithQuantity = DesignCreationMessage & {
+    quantity?: number;
+};
+interface BundleDesignCreationMessage {
+    bundleId: string;
+    items: DesignCreationMessageWithQuantity[];
+    event: "onComplete";
+}
+type SpiffThemeLoader = {
+    /**
+     * Retrieves the current theme context.
+     * If the context is not yet available, this method will return a promise that resolves when the context is available.
+     */
+    getContext(): Promise<ThemeContext>;
+    /**
+     * Configures the provided SpiffCommerceClient instance with the necessary settings to communicate with the Spiff Commerce API.
+     * @param client The SpiffCommerceClient instance to configure.
+     */
+    configureClient(client: SpiffCommerceClient): void;
+    /**
+     * Notifies the Spiff Commerce platform that the theme has been loaded.
+     * This hides any loading indicators and allows the user to interact with the theme.
+     */
+    themeLoaded(): void;
+    /**
+     * Closes the theme and exits the Spiff Commerce platform.
+     */
+    close(): void;
+    /**
+     * Sends the provided design information to the e-commerce platform and adds the design to the cart.
+     * @param message The design information to send.
+     */
+    addToEcommerceCart(message: DesignCreationMessage | BundleDesignCreationMessage): void;
+};
+
 type SpiffDevOptions = Omit<ThemeContextTransaction, "container"> | Omit<ThemeContextBundle, "container">;
 declare function setSpiffDevOptions(container: HTMLElement | string, context: SpiffDevOptions): void;
 declare function exampleThemeInstallConfig(opts?: Partial<ThemeInstallConfigurationResource>): ThemeInstallConfigurationResource;
 
-export { type AssetResource, AssetType, type SpiffDevOptions, type SpiffThemeLoader, ThemeConfigurationFieldType, type ThemeConfigurationFile, type ThemeConfigurationLaunchData, type ThemeConfigurationLaunchDataTargetFile, type ThemeConfigurationSchema, type ThemeConfigurationSchemaField, type ThemeContext, type ThemeContextBundle, type ThemeContextBundleOptions, type ThemeContextBundleOptionsExisting, type ThemeContextBundleOptionsNew, type ThemeContextTransaction, type ThemeContextWorkflowOptions, type ThemeContextWorkflowOptionsExternalProduct, type ThemeContextWorkflowOptionsIntegrationProduct, type ThemeContextWorkflowOptionsTransaction, ThemeFileType, type ThemeInstallConfigurationField, type ThemeInstallConfigurationResource, type ThemeLaunchData, type ThemeLaunchDataTargetFile, type ThemeResource, type ThemeVersionResource, exampleThemeInstallConfig, setSpiffDevOptions };
+export { type AssetResource, AssetType, type BundleDesignCreationMessage, type DesignCreationMessageWithQuantity, FieldType, type SpiffDevOptions, type SpiffThemeLoader, type ThemeConfigurationFile, type ThemeConfigurationLaunchData, type ThemeConfigurationLaunchDataTargetFile, type ThemeConfigurationSchema, type ThemeConfigurationSchemaField, type ThemeConfigurationSchemaFieldResource, type ThemeConfigurationSchemaResource, type ThemeContext, type ThemeContextBundle, type ThemeContextBundleOptions, type ThemeContextBundleOptionsExisting, type ThemeContextBundleOptionsNew, type ThemeContextTransaction, type ThemeContextWorkflowOptions, type ThemeContextWorkflowOptionsExternalProduct, type ThemeContextWorkflowOptionsIntegrationProduct, type ThemeContextWorkflowOptionsTransaction, ThemeFileType, type ThemeInstallConfigurationField, type ThemeInstallConfigurationResource, type ThemeLaunchData, type ThemeLaunchDataResource, type ThemeLaunchDataTargetFile, type ThemeLaunchDataTargetFileResource, type ThemeResource, type ThemeVersionResource, exampleThemeInstallConfig, setSpiffDevOptions };

package/dist/index.js

@@ -1,44 +1,44 @@
 var x_ = Object.defineProperty;
-var S_ = (_, e, t) => e in _ ? x_(_, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : _[e] = t;
-var T = (_, e, t) => (S_(_, typeof e != "symbol" ? e + "" : e, t), t);
-var C_ = /* @__PURE__ */ ((_) => (_.Javascript = "Javascript", _.CSS = "CSS", _))(C_ || {}), w_ = /* @__PURE__ */ ((_) => (_.SingleLineText = "SingleLineText", _.MultiLineText = "MultiLineText", _.Heading = "Heading", _.Number = "Number", _.Boolean = "Boolean", _.Select = "Select", _.Asset = "Asset", _.Color = "Color", _))(w_ || {}), E_ = /* @__PURE__ */ ((_) => (_.Data = "Data", _.Font = "Font", _.Frame = "Frame", _.Illustration = "Illustration", _.Image = "Image", _.Model = "Model", _.Material = "Material", _.Color = "Color", _.Video = "Video", _.ColorProfile = "ColorProfile", _.Environment = "Environment", _))(E_ || {}), F, s, c_, C, X, a_, O, H = {}, s_ = [], H_ = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, G = Array.isArray;
-function S(_, e) {
+var C_ = (_, e, t) => e in _ ? x_(_, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : _[e] = t;
+var q = (_, e, t) => (C_(_, typeof e != "symbol" ? e + "" : e, t), t);
+var S_ = /* @__PURE__ */ ((_) => (_.Javascript = "Javascript", _.CSS = "CSS", _))(S_ || {}), E_ = /* @__PURE__ */ ((_) => (_.Asset = "Asset", _.Boolean = "Boolean", _.Color = "Color", _.Heading = "Heading", _.MultiLineText = "MultiLineText", _.Number = "Number", _.Select = "Select", _.SingleLineText = "SingleLineText", _))(E_ || {}), w_ = /* @__PURE__ */ ((_) => (_.Color = "Color", _.ColorProfile = "ColorProfile", _.Data = "Data", _.Environment = "Environment", _.Font = "Font", _.Frame = "Frame", _.Illustration = "Illustration", _.Image = "Image", _.Material = "Material", _.Model = "Model", _.Video = "Video", _))(w_ || {}), V, s, f_, S, X, a_, O, H = {}, s_ = [], H_ = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, G = Array.isArray;
+function C(_, e) {
   for (var t in e)
     _[t] = e[t];
   return _;
 }
-function p_(_) {
+function d_(_) {
   var e = _.parentNode;
   e && e.removeChild(_);
 }
 function $_(_, e, t) {
-  var n, r, i, f = {};
+  var n, r, i, c = {};
   for (i in e)
-    i == "key" ? n = e[i] : i == "ref" ? r = e[i] : f[i] = e[i];
-  if (arguments.length > 2 && (f.children = arguments.length > 3 ? F.call(arguments, 2) : t), typeof _ == "function" && _.defaultProps != null)
+    i == "key" ? n = e[i] : i == "ref" ? r = e[i] : c[i] = e[i];
+  if (arguments.length > 2 && (c.children = arguments.length > 3 ? V.call(arguments, 2) : t), typeof _ == "function" && _.defaultProps != null)
     for (i in _.defaultProps)
-      f[i] === void 0 && (f[i] = _.defaultProps[i]);
-  return L(_, f, n, r, null);
+      c[i] === void 0 && (c[i] = _.defaultProps[i]);
+  return L(_, c, n, r, null);
 }
 function L(_, e, t, n, r) {
-  var i = { type: _, props: e, key: t, ref: n, __k: null, __: null, __b: 0, __e: null, __d: void 0, __c: null, constructor: void 0, __v: r ?? ++c_, __i: -1, __u: 0 };
+  var i = { type: _, props: e, key: t, ref: n, __k: null, __: null, __b: 0, __e: null, __d: void 0, __c: null, constructor: void 0, __v: r ?? ++f_, __i: -1, __u: 0 };
   return r == null && s.vnode != null && s.vnode(i), i;
 }
-function B(_) {
+function F(_) {
   return _.children;
 }
 function I(_, e) {
   this.props = _, this.context = e;
 }
-function w(_, e) {
+function E(_, e) {
   if (e == null)
-    return _.__ ? w(_.__, _.__i + 1) : null;
+    return _.__ ? E(_.__, _.__i + 1) : null;
   for (var t; e < _.__k.length; e++)
     if ((t = _.__k[e]) != null && t.__e != null)
       return t.__e;
-  return typeof _.type == "function" ? w(_) : null;
+  return typeof _.type == "function" ? E(_) : null;
 }
-function d_(_) {
+function p_(_) {
   var e, t;
   if ((_ = _.__) != null && _.__c != null) {
     for (_.__e = _.__c.base = null, e = 0; e < _.__k.length; e++)
@@ -46,31 +46,31 @@ function d_(_) {
         _.__e = _.__c.base = t.__e;
         break;
       }
-    return d_(_);
+    return p_(_);
   }
 }
 function Y(_) {
-  (!_.__d && (_.__d = !0) && C.push(_) && !A.__r++ || X !== s.debounceRendering) && ((X = s.debounceRendering) || a_)(A);
+  (!_.__d && (_.__d = !0) && S.push(_) && !U.__r++ || X !== s.debounceRendering) && ((X = s.debounceRendering) || a_)(U);
 }
-function A() {
-  var _, e, t, n, r, i, f, l, c;
-  for (C.sort(O); _ = C.shift(); )
-    _.__d && (e = C.length, n = void 0, i = (r = (t = _).__v).__e, l = [], c = [], (f = t.__P) && ((n = S({}, r)).__v = r.__v + 1, s.vnode && s.vnode(n), J(f, n, r, t.__n, f.ownerSVGElement !== void 0, 32 & r.__u ? [i] : null, l, i ?? w(r), !!(32 & r.__u), c), n.__.__k[n.__i] = n, m_(l, n, c), n.__e != i && d_(n)), C.length > e && C.sort(O));
-  A.__r = 0;
+function U() {
+  var _, e, t, n, r, i, c, l, f;
+  for (S.sort(O); _ = S.shift(); )
+    _.__d && (e = S.length, n = void 0, i = (r = (t = _).__v).__e, l = [], f = [], (c = t.__P) && ((n = C({}, r)).__v = r.__v + 1, s.vnode && s.vnode(n), J(c, n, r, t.__n, c.ownerSVGElement !== void 0, 32 & r.__u ? [i] : null, l, i ?? E(r), !!(32 & r.__u), f), n.__.__k[n.__i] = n, m_(l, n, f), n.__e != i && p_(n)), S.length > e && S.sort(O));
+  U.__r = 0;
 }
-function h_(_, e, t, n, r, i, f, l, c, u, p) {
-  var o, d, a, m, k, g = n && n.__k || s_, h = e.length;
-  for (t.__d = c, P_(t, e, g), c = t.__d, o = 0; o < h; o++)
-    (a = t.__k[o]) != null && typeof a != "boolean" && typeof a != "function" && (d = a.__i === -1 ? H : g[a.__i] || H, a.__i = o, J(_, a, d, r, i, f, l, c, u, p), m = a.__e, a.ref && d.ref != a.ref && (d.ref && K(d.ref, null, a), p.push(a.ref, a.__c || m, a)), k == null && m != null && (k = m), 65536 & a.__u || d.__k === a.__k ? c = v_(a, c, _) : typeof a.type == "function" && a.__d !== void 0 ? c = a.__d : m && (c = m.nextSibling), a.__d = void 0, a.__u &= -196609);
-  t.__d = c, t.__e = k;
+function h_(_, e, t, n, r, i, c, l, f, u, d) {
+  var o, p, a, m, k, g = n && n.__k || s_, h = e.length;
+  for (t.__d = f, P_(t, e, g), f = t.__d, o = 0; o < h; o++)
+    (a = t.__k[o]) != null && typeof a != "boolean" && typeof a != "function" && (p = a.__i === -1 ? H : g[a.__i] || H, a.__i = o, J(_, a, p, r, i, c, l, f, u, d), m = a.__e, a.ref && p.ref != a.ref && (p.ref && K(p.ref, null, a), d.push(a.ref, a.__c || m, a)), k == null && m != null && (k = m), 65536 & a.__u || p.__k === a.__k ? f = v_(a, f, _) : typeof a.type == "function" && a.__d !== void 0 ? f = a.__d : m && (f = m.nextSibling), a.__d = void 0, a.__u &= -196609);
+  t.__d = f, t.__e = k;
 }
 function P_(_, e, t) {
-  var n, r, i, f, l, c = e.length, u = t.length, p = u, o = 0;
-  for (_.__k = [], n = 0; n < c; n++)
-    (r = _.__k[n] = (r = e[n]) == null || typeof r == "boolean" || typeof r == "function" ? null : typeof r == "string" || typeof r == "number" || typeof r == "bigint" || r.constructor == String ? L(null, r, null, null, r) : G(r) ? L(B, { children: r }, null, null, null) : r.constructor === void 0 && r.__b > 0 ? L(r.type, r.props, r.key, r.ref ? r.ref : null, r.__v) : r) != null ? (r.__ = _, r.__b = _.__b + 1, l = D_(r, t, f = n + o, p), r.__i = l, i = null, l !== -1 && (p--, (i = t[l]) && (i.__u |= 131072)), i == null || i.__v === null ? (l == -1 && o--, typeof r.type != "function" && (r.__u |= 65536)) : l !== f && (l === f + 1 ? o++ : l > f ? p > c - f ? o += l - f : o-- : o = l < f && l == f - 1 ? l - f : 0, l !== n + o && (r.__u |= 65536))) : (i = t[n]) && i.key == null && i.__e && (i.__e == _.__d && (_.__d = w(i)), R(i, i, !1), t[n] = null, p--);
-  if (p)
+  var n, r, i, c, l, f = e.length, u = t.length, d = u, o = 0;
+  for (_.__k = [], n = 0; n < f; n++)
+    (r = _.__k[n] = (r = e[n]) == null || typeof r == "boolean" || typeof r == "function" ? null : typeof r == "string" || typeof r == "number" || typeof r == "bigint" || r.constructor == String ? L(null, r, null, null, r) : G(r) ? L(F, { children: r }, null, null, null) : r.constructor === void 0 && r.__b > 0 ? L(r.type, r.props, r.key, r.ref ? r.ref : null, r.__v) : r) != null ? (r.__ = _, r.__b = _.__b + 1, l = D_(r, t, c = n + o, d), r.__i = l, i = null, l !== -1 && (d--, (i = t[l]) && (i.__u |= 131072)), i == null || i.__v === null ? (l == -1 && o--, typeof r.type != "function" && (r.__u |= 65536)) : l !== c && (l === c + 1 ? o++ : l > c ? d > f - c ? o += l - c : o-- : o = l < c && l == c - 1 ? l - c : 0, l !== n + o && (r.__u |= 65536))) : (i = t[n]) && i.key == null && i.__e && (i.__e == _.__d && (_.__d = E(i)), R(i, i, !1), t[n] = null, d--);
+  if (d)
     for (n = 0; n < u; n++)
-      (i = t[n]) != null && !(131072 & i.__u) && (i.__e == _.__d && (_.__d = w(i)), R(i, i));
+      (i = t[n]) != null && !(131072 & i.__u) && (i.__e == _.__d && (_.__d = E(i)), R(i, i));
 }
 function v_(_, e, t) {
   var n, r;
@@ -82,18 +82,18 @@ function v_(_, e, t) {
   return _.__e != e && (t.insertBefore(_.__e, e || null), e = _.__e), e && e.nextSibling;
 }
 function D_(_, e, t, n) {
-  var r = _.key, i = _.type, f = t - 1, l = t + 1, c = e[t];
-  if (c === null || c && r == c.key && i === c.type)
+  var r = _.key, i = _.type, c = t - 1, l = t + 1, f = e[t];
+  if (f === null || f && r == f.key && i === f.type)
     return t;
-  if (n > (c != null && !(131072 & c.__u) ? 1 : 0))
-    for (; f >= 0 || l < e.length; ) {
-      if (f >= 0) {
-        if ((c = e[f]) && !(131072 & c.__u) && r == c.key && i === c.type)
-          return f;
-        f--;
+  if (n > (f != null && !(131072 & f.__u) ? 1 : 0))
+    for (; c >= 0 || l < e.length; ) {
+      if (c >= 0) {
+        if ((f = e[c]) && !(131072 & f.__u) && r == f.key && i === f.type)
+          return c;
+        c--;
       }
       if (l < e.length) {
-        if ((c = e[l]) && !(131072 & c.__u) && r == c.key && i === c.type)
+        if ((f = e[l]) && !(131072 & f.__u) && r == f.key && i === f.type)
           return l;
         l++;
       }
@@ -143,15 +143,15 @@ function e_(_) {
 function t_(_) {
   return this.l[_.type + !0](s.event ? s.event(_) : _);
 }
-function J(_, e, t, n, r, i, f, l, c, u) {
-  var p, o, d, a, m, k, g, h, y, x, $, E, Q, P, q, b = e.type;
+function J(_, e, t, n, r, i, c, l, f, u) {
+  var d, o, p, a, m, k, g, h, y, x, $, w, Q, P, B, b = e.type;
   if (e.constructor !== void 0)
     return null;
-  128 & t.__u && (c = !!(32 & t.__u), i = [l = e.__e = t.__e]), (p = s.__b) && p(e);
+  128 & t.__u && (f = !!(32 & t.__u), i = [l = e.__e = t.__e]), (d = s.__b) && d(e);
   _:
     if (typeof b == "function")
       try {
-        if (h = e.props, y = (p = b.contextType) && n[p.__c], x = p ? y ? y.props.value : p.__ : n, t.__c ? g = (o = e.__c = t.__c).__ = o.__E : ("prototype" in b && b.prototype.render ? e.__c = o = new b(h, x) : (e.__c = o = new I(h, x), o.constructor = b, o.render = L_), y && y.sub(o), o.props = h, o.state || (o.state = {}), o.context = x, o.__n = n, d = o.__d = !0, o.__h = [], o._sb = []), o.__s == null && (o.__s = o.state), b.getDerivedStateFromProps != null && (o.__s == o.state && (o.__s = S({}, o.__s)), S(o.__s, b.getDerivedStateFromProps(h, o.__s))), a = o.props, m = o.state, o.__v = e, d)
+        if (h = e.props, y = (d = b.contextType) && n[d.__c], x = d ? y ? y.props.value : d.__ : n, t.__c ? g = (o = e.__c = t.__c).__ = o.__E : ("prototype" in b && b.prototype.render ? e.__c = o = new b(h, x) : (e.__c = o = new I(h, x), o.constructor = b, o.render = L_), y && y.sub(o), o.props = h, o.state || (o.state = {}), o.context = x, o.__n = n, p = o.__d = !0, o.__h = [], o._sb = []), o.__s == null && (o.__s = o.state), b.getDerivedStateFromProps != null && (o.__s == o.state && (o.__s = C({}, o.__s)), C(o.__s, b.getDerivedStateFromProps(h, o.__s))), a = o.props, m = o.state, o.__v = e, p)
           b.getDerivedStateFromProps == null && o.componentWillMount != null && o.componentWillMount(), o.componentDidMount != null && o.__h.push(o.componentDidMount);
         else {
           if (b.getDerivedStateFromProps == null && h !== a && o.componentWillReceiveProps != null && o.componentWillReceiveProps(h, x), !o.__e && (o.shouldComponentUpdate != null && o.shouldComponentUpdate(h, o.__s, x) === !1 || e.__v === t.__v)) {
@@ -159,28 +159,28 @@ function J(_, e, t, n, r, i, f, l, c, u) {
               D && (D.__ = e);
             }), $ = 0; $ < o._sb.length; $++)
               o.__h.push(o._sb[$]);
-            o._sb = [], o.__h.length && f.push(o);
+            o._sb = [], o.__h.length && c.push(o);
             break _;
           }
           o.componentWillUpdate != null && o.componentWillUpdate(h, o.__s, x), o.componentDidUpdate != null && o.__h.push(function() {
             o.componentDidUpdate(a, m, k);
           });
         }
-        if (o.context = x, o.props = h, o.__P = _, o.__e = !1, E = s.__r, Q = 0, "prototype" in b && b.prototype.render) {
-          for (o.state = o.__s, o.__d = !1, E && E(e), p = o.render(o.props, o.state, o.context), P = 0; P < o._sb.length; P++)
+        if (o.context = x, o.props = h, o.__P = _, o.__e = !1, w = s.__r, Q = 0, "prototype" in b && b.prototype.render) {
+          for (o.state = o.__s, o.__d = !1, w && w(e), d = o.render(o.props, o.state, o.context), P = 0; P < o._sb.length; P++)
             o.__h.push(o._sb[P]);
           o._sb = [];
         } else
           do
-            o.__d = !1, E && E(e), p = o.render(o.props, o.state, o.context), o.state = o.__s;
+            o.__d = !1, w && w(e), d = o.render(o.props, o.state, o.context), o.state = o.__s;
           while (o.__d && ++Q < 25);
-        o.state = o.__s, o.getChildContext != null && (n = S(S({}, n), o.getChildContext())), d || o.getSnapshotBeforeUpdate == null || (k = o.getSnapshotBeforeUpdate(a, m)), h_(_, G(q = p != null && p.type === B && p.key == null ? p.props.children : p) ? q : [q], e, t, n, r, i, f, l, c, u), o.base = e.__e, e.__u &= -161, o.__h.length && f.push(o), g && (o.__E = o.__ = null);
+        o.state = o.__s, o.getChildContext != null && (n = C(C({}, n), o.getChildContext())), p || o.getSnapshotBeforeUpdate == null || (k = o.getSnapshotBeforeUpdate(a, m)), h_(_, G(B = d != null && d.type === F && d.key == null ? d.props.children : d) ? B : [B], e, t, n, r, i, c, l, f, u), o.base = e.__e, e.__u &= -161, o.__h.length && c.push(o), g && (o.__E = o.__ = null);
       } catch (D) {
-        e.__v = null, c || i != null ? (e.__e = l, e.__u |= c ? 160 : 32, i[i.indexOf(l)] = null) : (e.__e = t.__e, e.__k = t.__k), s.__e(D, e, t);
+        e.__v = null, f || i != null ? (e.__e = l, e.__u |= f ? 160 : 32, i[i.indexOf(l)] = null) : (e.__e = t.__e, e.__k = t.__k), s.__e(D, e, t);
       }
     else
-      i == null && e.__v === t.__v ? (e.__k = t.__k, e.__e = t.__e) : e.__e = N_(t.__e, e, t, n, r, i, f, c, u);
-  (p = s.diffed) && p(e);
+      i == null && e.__v === t.__v ? (e.__k = t.__k, e.__e = t.__e) : e.__e = N_(t.__e, e, t, n, r, i, c, f, u);
+  (d = s.diffed) && d(e);
 }
 function m_(_, e, t) {
   e.__d = void 0;
@@ -196,8 +196,8 @@ function m_(_, e, t) {
     }
   });
 }
-function N_(_, e, t, n, r, i, f, l, c) {
-  var u, p, o, d, a, m, k, g = t.props, h = e.props, y = e.type;
+function N_(_, e, t, n, r, i, c, l, f) {
+  var u, d, o, p, a, m, k, g = t.props, h = e.props, y = e.type;
   if (y === "svg" && (r = !0), i != null) {
     for (u = 0; u < i.length; u++)
       if ((a = i[u]) && "setAttribute" in a == !!y && (y ? a.localName === y : a.nodeType === 3)) {
@@ -213,18 +213,18 @@ function N_(_, e, t, n, r, i, f, l, c) {
   if (y === null)
     g === h || l && _.data === h || (_.data = h);
   else {
-    if (i = i && F.call(_.childNodes), g = t.props || H, !l && i != null)
+    if (i = i && V.call(_.childNodes), g = t.props || H, !l && i != null)
       for (g = {}, u = 0; u < _.attributes.length; u++)
         g[(a = _.attributes[u]).name] = a.value;
     for (u in g)
       a = g[u], u == "children" || (u == "dangerouslySetInnerHTML" ? o = a : u === "key" || u in h || N(_, u, null, a, r));
     for (u in h)
-      a = h[u], u == "children" ? d = a : u == "dangerouslySetInnerHTML" ? p = a : u == "value" ? m = a : u == "checked" ? k = a : u === "key" || l && typeof a != "function" || g[u] === a || N(_, u, a, g[u], r);
-    if (p)
-      l || o && (p.__html === o.__html || p.__html === _.innerHTML) || (_.innerHTML = p.__html), e.__k = [];
-    else if (o && (_.innerHTML = ""), h_(_, G(d) ? d : [d], e, t, n, r && y !== "foreignObject", i, f, i ? i[0] : t.__k && w(t, 0), l, c), i != null)
+      a = h[u], u == "children" ? p = a : u == "dangerouslySetInnerHTML" ? d = a : u == "value" ? m = a : u == "checked" ? k = a : u === "key" || l && typeof a != "function" || g[u] === a || N(_, u, a, g[u], r);
+    if (d)
+      l || o && (d.__html === o.__html || d.__html === _.innerHTML) || (_.innerHTML = d.__html), e.__k = [];
+    else if (o && (_.innerHTML = ""), h_(_, G(p) ? p : [p], e, t, n, r && y !== "foreignObject", i, c, i ? i[0] : t.__k && E(t, 0), l, f), i != null)
       for (u = i.length; u--; )
-        i[u] != null && p_(i[u]);
+        i[u] != null && d_(i[u]);
     l || (u = "value", m !== void 0 && (m !== _[u] || y === "progress" && !m || y === "option" && m !== g[u]) && N(_, u, m, g[u], !1), u = "checked", k !== void 0 && k !== _[u] && N(_, u, k, g[u], !1));
   }
   return _;
@@ -250,87 +250,87 @@ function R(_, e, t) {
   if (n = _.__k)
     for (r = 0; r < n.length; r++)
       n[r] && R(n[r], e, t || typeof _.type != "function");
-  t || _.__e == null || p_(_.__e), _.__ = _.__e = _.__d = void 0;
+  t || _.__e == null || d_(_.__e), _.__ = _.__e = _.__d = void 0;
 }
 function L_(_, e, t) {
   return this.constructor(_, t);
 }
 function I_(_, e, t) {
-  var n, r, i, f;
-  s.__ && s.__(_, e), r = (n = typeof t == "function") ? null : t && t.__k || e.__k, i = [], f = [], J(e, _ = (!n && t || e).__k = $_(B, null, [_]), r || H, H, e.ownerSVGElement !== void 0, !n && t ? [t] : r ? null : e.firstChild ? F.call(e.childNodes) : null, i, !n && t ? t : r ? r.__e : e.firstChild, n, f), m_(i, _, f);
+  var n, r, i, c;
+  s.__ && s.__(_, e), r = (n = typeof t == "function") ? null : t && t.__k || e.__k, i = [], c = [], J(e, _ = (!n && t || e).__k = $_(F, null, [_]), r || H, H, e.ownerSVGElement !== void 0, !n && t ? [t] : r ? null : e.firstChild ? V.call(e.childNodes) : null, i, !n && t ? t : r ? r.__e : e.firstChild, n, c), m_(i, _, c);
 }
-F = s_.slice, s = { __e: function(_, e, t, n) {
-  for (var r, i, f; e = e.__; )
+V = s_.slice, s = { __e: function(_, e, t, n) {
+  for (var r, i, c; e = e.__; )
     if ((r = e.__c) && !r.__)
       try {
-        if ((i = r.constructor) && i.getDerivedStateFromError != null && (r.setState(i.getDerivedStateFromError(_)), f = r.__d), r.componentDidCatch != null && (r.componentDidCatch(_, n || {}), f = r.__d), f)
+        if ((i = r.constructor) && i.getDerivedStateFromError != null && (r.setState(i.getDerivedStateFromError(_)), c = r.__d), r.componentDidCatch != null && (r.componentDidCatch(_, n || {}), c = r.__d), c)
           return r.__E = r;
       } catch (l) {
         _ = l;
       }
   throw _;
-} }, c_ = 0, I.prototype.setState = function(_, e) {
+} }, f_ = 0, I.prototype.setState = function(_, e) {
   var t;
-  t = this.__s != null && this.__s !== this.state ? this.__s : this.__s = S({}, this.state), typeof _ == "function" && (_ = _(S({}, t), this.props)), _ && S(t, _), _ != null && this.__v && (e && this._sb.push(e), Y(this));
+  t = this.__s != null && this.__s !== this.state ? this.__s : this.__s = C({}, this.state), typeof _ == "function" && (_ = _(C({}, t), this.props)), _ && C(t, _), _ != null && this.__v && (e && this._sb.push(e), Y(this));
 }, I.prototype.forceUpdate = function(_) {
   this.__v && (this.__e = !0, _ && this.__h.push(_), Y(this));
-}, I.prototype.render = B, C = [], a_ = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, O = function(_, e) {
+}, I.prototype.render = F, S = [], a_ = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, O = function(_, e) {
   return _.__v.__b - e.__v.__b;
-}, A.__r = 0;
-var W, v, Z, n_, j = 0, g_ = [], M = [], o_ = s.__b, r_ = s.__r, i_ = s.diffed, l_ = s.__c, u_ = s.unmount;
+}, U.__r = 0;
+var A, v, Z, n_, j = 0, g_ = [], M = [], o_ = s.__b, r_ = s.__r, i_ = s.diffed, l_ = s.__c, u_ = s.unmount;
 function y_(_, e) {
   s.__h && s.__h(v, _, j || e), j = 0;
   var t = v.__H || (v.__H = { __: [], __h: [] });
   return _ >= t.__.length && t.__.push({ __V: M }), t.__[_];
 }
 function M_(_) {
-  return j = 1, U_(b_, _);
+  return j = 1, T_(b_, _);
 }
-function U_(_, e, t) {
-  var n = y_(W++, 2);
+function T_(_, e, t) {
+  var n = y_(A++, 2);
   if (n.t = _, !n.__c && (n.__ = [t ? t(e) : b_(void 0, e), function(l) {
-    var c = n.__N ? n.__N[0] : n.__[0], u = n.t(c, l);
-    c !== u && (n.__N = [u, n.__[1]], n.__c.setState({}));
+    var f = n.__N ? n.__N[0] : n.__[0], u = n.t(f, l);
+    f !== u && (n.__N = [u, n.__[1]], n.__c.setState({}));
   }], n.__c = v, !v.u)) {
-    var r = function(l, c, u) {
+    var r = function(l, f, u) {
       if (!n.__c.__H)
         return !0;
-      var p = n.__c.__H.__.filter(function(d) {
-        return d.__c;
+      var d = n.__c.__H.__.filter(function(p) {
+        return p.__c;
       });
-      if (p.every(function(d) {
-        return !d.__N;
+      if (d.every(function(p) {
+        return !p.__N;
       }))
-        return !i || i.call(this, l, c, u);
+        return !i || i.call(this, l, f, u);
       var o = !1;
-      return p.forEach(function(d) {
-        if (d.__N) {
-          var a = d.__[0];
-          d.__ = d.__N, d.__N = void 0, a !== d.__[0] && (o = !0);
+      return d.forEach(function(p) {
+        if (p.__N) {
+          var a = p.__[0];
+          p.__ = p.__N, p.__N = void 0, a !== p.__[0] && (o = !0);
         }
-      }), !(!o && n.__c.props === l) && (!i || i.call(this, l, c, u));
+      }), !(!o && n.__c.props === l) && (!i || i.call(this, l, f, u));
     };
     v.u = !0;
-    var i = v.shouldComponentUpdate, f = v.componentWillUpdate;
-    v.componentWillUpdate = function(l, c, u) {
+    var i = v.shouldComponentUpdate, c = v.componentWillUpdate;
+    v.componentWillUpdate = function(l, f, u) {
       if (this.__e) {
-        var p = i;
-        i = void 0, r(l, c, u), i = p;
+        var d = i;
+        i = void 0, r(l, f, u), i = d;
       }
-      f && f.call(this, l, c, u);
+      c && c.call(this, l, f, u);
     }, v.shouldComponentUpdate = r;
   }
   return n.__N || n.__;
 }
-function A_(_, e) {
-  var t = y_(W++, 3);
-  !s.__s && F_(t.__H, e) && (t.__ = _, t.i = e, v.__H.__h.push(t));
+function U_(_, e) {
+  var t = y_(A++, 3);
+  !s.__s && V_(t.__H, e) && (t.__ = _, t.i = e, v.__H.__h.push(t));
 }
-function W_() {
+function A_() {
   for (var _; _ = g_.shift(); )
     if (_.__P && _.__H)
       try {
-        _.__H.__h.forEach(U), _.__H.__h.forEach(z), _.__H.__h = [];
+        _.__H.__h.forEach(T), _.__H.__h.forEach(z), _.__H.__h = [];
       } catch (e) {
         _.__H.__h = [], s.__e(e, _.__v);
       }
@@ -338,21 +338,21 @@ function W_() {
 s.__b = function(_) {
   v = null, o_ && o_(_);
 }, s.__r = function(_) {
-  r_ && r_(_), W = 0;
+  r_ && r_(_), A = 0;
   var e = (v = _.__c).__H;
   e && (Z === v ? (e.__h = [], v.__h = [], e.__.forEach(function(t) {
     t.__N && (t.__ = t.__N), t.__V = M, t.__N = t.i = void 0;
-  })) : (e.__h.forEach(U), e.__h.forEach(z), e.__h = [], W = 0)), Z = v;
+  })) : (e.__h.forEach(T), e.__h.forEach(z), e.__h = [], A = 0)), Z = v;
 }, s.diffed = function(_) {
   i_ && i_(_);
   var e = _.__c;
-  e && e.__H && (e.__H.__h.length && (g_.push(e) !== 1 && n_ === s.requestAnimationFrame || ((n_ = s.requestAnimationFrame) || V_)(W_)), e.__H.__.forEach(function(t) {
+  e && e.__H && (e.__H.__h.length && (g_.push(e) !== 1 && n_ === s.requestAnimationFrame || ((n_ = s.requestAnimationFrame) || W_)(A_)), e.__H.__.forEach(function(t) {
     t.i && (t.__H = t.i), t.__V !== M && (t.__ = t.__V), t.i = void 0, t.__V = M;
   })), Z = v = null;
 }, s.__c = function(_, e) {
   e.some(function(t) {
     try {
-      t.__h.forEach(U), t.__h = t.__h.filter(function(n) {
+      t.__h.forEach(T), t.__h = t.__h.filter(function(n) {
         return !n.__ || z(n);
       });
     } catch (n) {
@@ -366,20 +366,20 @@ s.__b = function(_) {
   var e, t = _.__c;
   t && t.__H && (t.__H.__.forEach(function(n) {
     try {
-      U(n);
+      T(n);
     } catch (r) {
       e = r;
     }
   }), t.__H = void 0, e && s.__e(e, t.__v));
 };
-var f_ = typeof requestAnimationFrame == "function";
-function V_(_) {
+var c_ = typeof requestAnimationFrame == "function";
+function W_(_) {
   var e, t = function() {
-    clearTimeout(n), f_ && cancelAnimationFrame(e), setTimeout(_);
+    clearTimeout(n), c_ && cancelAnimationFrame(e), setTimeout(_);
   }, n = setTimeout(t, 100);
-  f_ && (e = requestAnimationFrame(t));
+  c_ && (e = requestAnimationFrame(t));
 }
-function U(_) {
+function T(_) {
   var e = v, t = _.__c;
   typeof t == "function" && (_.__c = void 0, t()), v = e;
 }
@@ -387,7 +387,7 @@ function z(_) {
   var e = v;
   _.__c = _.__(), v = e;
 }
-function F_(_, e) {
+function V_(_, e) {
   return !_ || _.length !== e.length || e.some(function(t, n) {
     return t !== _[n];
   });
@@ -395,21 +395,21 @@ function F_(_, e) {
 function b_(_, e) {
   return typeof e == "function" ? e(_) : e;
 }
-var B_ = 0;
+var F_ = 0;
 function k_(_, e, t, n, r, i) {
-  var f, l, c = {};
+  var c, l, f = {};
   for (l in e)
-    l == "ref" ? f = e[l] : c[l] = e[l];
-  var u = { type: _, props: c, key: t, ref: f, __k: null, __: null, __b: 0, __e: null, __d: void 0, __c: null, constructor: void 0, __v: --B_, __i: -1, __u: 0, __source: r, __self: i };
-  if (typeof _ == "function" && (f = _.defaultProps))
-    for (l in f)
-      c[l] === void 0 && (c[l] = f[l]);
+    l == "ref" ? c = e[l] : f[l] = e[l];
+  var u = { type: _, props: f, key: t, ref: c, __k: null, __: null, __b: 0, __e: null, __d: void 0, __c: null, constructor: void 0, __v: --F_, __i: -1, __u: 0, __source: r, __self: i };
+  if (typeof _ == "function" && (c = _.defaultProps))
+    for (l in c)
+      f[l] === void 0 && (f[l] = c[l]);
   return s.vnode && s.vnode(u), u;
 }
-class q_ {
+class B_ {
   constructor() {
-    T(this, "_context");
-    T(this, "_getContextCallbacks", []);
+    q(this, "_context");
+    q(this, "_getContextCallbacks", []);
   }
   async getContext() {
     return this._context ? this._context : new Promise((e) => {
@@ -422,17 +422,26 @@ class q_ {
   configureClient(e) {
     console.log("Client configured");
   }
+  themeLoaded() {
+    console.log("Theme loaded");
+  }
+  close() {
+    console.log("Theme closed");
+  }
+  addToEcommerceCart(e) {
+    console.log("Add to cart", e);
+  }
 }
-let V;
-const T_ = ({
+let W;
+const q_ = ({
   context: _
 }) => {
   const [e, t] = M_(null);
-  return A_(() => {
+  return U_(() => {
     if (e) {
-      if (V === void 0)
+      if (W === void 0)
         throw new Error("Please call setSpiffDevOptions before requesting the context.");
-      V.setContext({
+      W.setContext({
         ..._,
         container: e
       });
@@ -443,9 +452,9 @@ const T_ = ({
   });
 };
 function O_(_, e) {
-  V = new q_(), window.SpiffThemeLoader = V;
+  W = new B_(), window.SpiffThemeLoader = W;
   let t;
-  typeof _ == "string" ? t = document.getElementById(_) : t = _, I_(k_(T_, {
+  typeof _ == "string" ? t = document.getElementById(_) : t = _, I_(k_(q_, {
     context: e
   }), t);
 }
@@ -479,9 +488,9 @@ function R_(_) {
   };
 }
 export {
-  E_ as AssetType,
-  w_ as ThemeConfigurationFieldType,
-  C_ as ThemeFileType,
+  w_ as AssetType,
+  E_ as FieldType,
+  S_ as ThemeFileType,
   R_ as exampleThemeInstallConfig,
   O_ as setSpiffDevOptions
 };

package/dist/index.umd.cjs

@@ -1 +1 @@
-(function(b,k){typeof exports=="object"&&typeof module<"u"?k(exports):typeof define=="function"&&define.amd?define(["exports"],k):(b=typeof globalThis<"u"?globalThis:b||self,k(b.theme={}))})(this,function(b){"use strict";var Z_=Object.defineProperty;var j_=(b,k,C)=>k in b?Z_(b,k,{enumerable:!0,configurable:!0,writable:!0,value:C}):b[k]=C;var Y=(b,k,C)=>(j_(b,typeof k!="symbol"?k+"":k,C),C);var k=(_=>(_.Javascript="Javascript",_.CSS="CSS",_))(k||{}),C=(_=>(_.SingleLineText="SingleLineText",_.MultiLineText="MultiLineText",_.Heading="Heading",_.Number="Number",_.Boolean="Boolean",_.Select="Select",_.Asset="Asset",_.Color="Color",_))(C||{}),__=(_=>(_.Data="Data",_.Font="Font",_.Frame="Frame",_.Illustration="Illustration",_.Image="Image",_.Model="Model",_.Material="Material",_.Color="Color",_.Video="Video",_.ColorProfile="ColorProfile",_.Environment="Environment",_))(__||{}),N,s,e_,H,t_,n_,Z,P={},o_=[],E_=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,j=Array.isArray;function w(_,e){for(var t in e)_[t]=e[t];return _}function r_(_){var e=_.parentNode;e&&e.removeChild(_)}function H_(_,e,t){var n,r,i,u={};for(i in e)i=="key"?n=e[i]:i=="ref"?r=e[i]:u[i]=e[i];if(arguments.length>2&&(u.children=arguments.length>3?N.call(arguments,2):t),typeof _=="function"&&_.defaultProps!=null)for(i in _.defaultProps)u[i]===void 0&&(u[i]=_.defaultProps[i]);return I(_,u,n,r,null)}function I(_,e,t,n,r){var i={type:_,props:e,key:t,ref:n,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:r??++e_,__i:-1,__u:0};return r==null&&s.vnode!=null&&s.vnode(i),i}function L(_){return _.children}function M(_,e){this.props=_,this.context=e}function $(_,e){if(e==null)return _.__?$(_.__,_.__i+1):null;for(var t;e<_.__k.length;e++)if((t=_.__k[e])!=null&&t.__e!=null)return t.__e;return typeof _.type=="function"?$(_):null}function i_(_){var e,t;if((_=_.__)!=null&&_.__c!=null){for(_.__e=_.__c.base=null,e=0;e<_.__k.length;e++)if((t=_.__k[e])!=null&&t.__e!=null){_.__e=_.__c.base=t.__e;break}return i_(_)}}function l_(_){(!_.__d&&(_.__d=!0)&&H.push(_)&&!T.__r++||t_!==s.debounceRendering)&&((t_=s.debounceRendering)||n_)(T)}function T(){var _,e,t,n,r,i,u,l,c;for(H.sort(Z);_=H.shift();)_.__d&&(e=H.length,n=void 0,i=(r=(t=_).__v).__e,l=[],c=[],(u=t.__P)&&((n=w({},r)).__v=r.__v+1,s.vnode&&s.vnode(n),R(u,n,r,t.__n,u.ownerSVGElement!==void 0,32&r.__u?[i]:null,l,i??$(r),!!(32&r.__u),c),n.__.__k[n.__i]=n,p_(l,n,c),n.__e!=i&&i_(n)),H.length>e&&H.sort(Z));T.__r=0}function f_(_,e,t,n,r,i,u,l,c,f,p){var o,d,a,m,S,y=n&&n.__k||o_,h=e.length;for(t.__d=c,$_(t,e,y),c=t.__d,o=0;o<h;o++)(a=t.__k[o])!=null&&typeof a!="boolean"&&typeof a!="function"&&(d=a.__i===-1?P:y[a.__i]||P,a.__i=o,R(_,a,d,r,i,u,l,c,f,p),m=a.__e,a.ref&&d.ref!=a.ref&&(d.ref&&z(d.ref,null,a),p.push(a.ref,a.__c||m,a)),S==null&&m!=null&&(S=m),65536&a.__u||d.__k===a.__k?c=u_(a,c,_):typeof a.type=="function"&&a.__d!==void 0?c=a.__d:m&&(c=m.nextSibling),a.__d=void 0,a.__u&=-196609);t.__d=c,t.__e=S}function $_(_,e,t){var n,r,i,u,l,c=e.length,f=t.length,p=f,o=0;for(_.__k=[],n=0;n<c;n++)(r=_.__k[n]=(r=e[n])==null||typeof r=="boolean"||typeof r=="function"?null:typeof r=="string"||typeof r=="number"||typeof r=="bigint"||r.constructor==String?I(null,r,null,null,r):j(r)?I(L,{children:r},null,null,null):r.constructor===void 0&&r.__b>0?I(r.type,r.props,r.key,r.ref?r.ref:null,r.__v):r)!=null?(r.__=_,r.__b=_.__b+1,l=P_(r,t,u=n+o,p),r.__i=l,i=null,l!==-1&&(p--,(i=t[l])&&(i.__u|=131072)),i==null||i.__v===null?(l==-1&&o--,typeof r.type!="function"&&(r.__u|=65536)):l!==u&&(l===u+1?o++:l>u?p>c-u?o+=l-u:o--:o=l<u&&l==u-1?l-u:0,l!==n+o&&(r.__u|=65536))):(i=t[n])&&i.key==null&&i.__e&&(i.__e==_.__d&&(_.__d=$(i)),G(i,i,!1),t[n]=null,p--);if(p)for(n=0;n<f;n++)(i=t[n])!=null&&!(131072&i.__u)&&(i.__e==_.__d&&(_.__d=$(i)),G(i,i))}function u_(_,e,t){var n,r;if(typeof _.type=="function"){for(n=_.__k,r=0;n&&r<n.length;r++)n[r]&&(n[r].__=_,e=u_(n[r],e,t));return e}return _.__e!=e&&(t.insertBefore(_.__e,e||null),e=_.__e),e&&e.nextSibling}function P_(_,e,t,n){var r=_.key,i=_.type,u=t-1,l=t+1,c=e[t];if(c===null||c&&r==c.key&&i===c.type)return t;if(n>(c!=null&&!(131072&c.__u)?1:0))for(;u>=0||l<e.length;){if(u>=0){if((c=e[u])&&!(131072&c.__u)&&r==c.key&&i===c.type)return u;u--}if(l<e.length){if((c=e[l])&&!(131072&c.__u)&&r==c.key&&i===c.type)return l;l++}}return-1}function c_(_,e,t){e[0]==="-"?_.setProperty(e,t??""):_[e]=t==null?"":typeof t!="number"||E_.test(e)?t:t+"px"}function U(_,e,t,n,r){var i;_:if(e==="style")if(typeof t=="string")_.style.cssText=t;else{if(typeof n=="string"&&(_.style.cssText=n=""),n)for(e in n)t&&e in t||c_(_.style,e,"");if(t)for(e in t)n&&t[e]===n[e]||c_(_.style,e,t[e])}else if(e[0]==="o"&&e[1]==="n")i=e!==(e=e.replace(/(PointerCapture)$|Capture$/,"$1")),e=e.toLowerCase()in _?e.toLowerCase().slice(2):e.slice(2),_.l||(_.l={}),_.l[e+i]=t,t?n?t.u=n.u:(t.u=Date.now(),_.addEventListener(e,i?s_:a_,i)):_.removeEventListener(e,i?s_:a_,i);else{if(r)e=e.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if(e!=="width"&&e!=="height"&&e!=="href"&&e!=="list"&&e!=="form"&&e!=="tabIndex"&&e!=="download"&&e!=="rowSpan"&&e!=="colSpan"&&e!=="role"&&e in _)try{_[e]=t??"";break _}catch{}typeof t=="function"||(t==null||t===!1&&e[4]!=="-"?_.removeAttribute(e):_.setAttribute(e,t))}}function a_(_){var e=this.l[_.type+!1];if(_.t){if(_.t<=e.u)return}else _.t=Date.now();return e(s.event?s.event(_):_)}function s_(_){return this.l[_.type+!0](s.event?s.event(_):_)}function R(_,e,t,n,r,i,u,l,c,f){var p,o,d,a,m,S,y,h,g,E,B,D,w_,O,X,x=e.type;if(e.constructor!==void 0)return null;128&t.__u&&(c=!!(32&t.__u),i=[l=e.__e=t.__e]),(p=s.__b)&&p(e);_:if(typeof x=="function")try{if(h=e.props,g=(p=x.contextType)&&n[p.__c],E=p?g?g.props.value:p.__:n,t.__c?y=(o=e.__c=t.__c).__=o.__E:("prototype"in x&&x.prototype.render?e.__c=o=new x(h,E):(e.__c=o=new M(h,E),o.constructor=x,o.render=N_),g&&g.sub(o),o.props=h,o.state||(o.state={}),o.context=E,o.__n=n,d=o.__d=!0,o.__h=[],o._sb=[]),o.__s==null&&(o.__s=o.state),x.getDerivedStateFromProps!=null&&(o.__s==o.state&&(o.__s=w({},o.__s)),w(o.__s,x.getDerivedStateFromProps(h,o.__s))),a=o.props,m=o.state,o.__v=e,d)x.getDerivedStateFromProps==null&&o.componentWillMount!=null&&o.componentWillMount(),o.componentDidMount!=null&&o.__h.push(o.componentDidMount);else{if(x.getDerivedStateFromProps==null&&h!==a&&o.componentWillReceiveProps!=null&&o.componentWillReceiveProps(h,E),!o.__e&&(o.shouldComponentUpdate!=null&&o.shouldComponentUpdate(h,o.__s,E)===!1||e.__v===t.__v)){for(e.__v!==t.__v&&(o.props=h,o.state=o.__s,o.__d=!1),e.__e=t.__e,e.__k=t.__k,e.__k.forEach(function(q){q&&(q.__=e)}),B=0;B<o._sb.length;B++)o.__h.push(o._sb[B]);o._sb=[],o.__h.length&&u.push(o);break _}o.componentWillUpdate!=null&&o.componentWillUpdate(h,o.__s,E),o.componentDidUpdate!=null&&o.__h.push(function(){o.componentDidUpdate(a,m,S)})}if(o.context=E,o.props=h,o.__P=_,o.__e=!1,D=s.__r,w_=0,"prototype"in x&&x.prototype.render){for(o.state=o.__s,o.__d=!1,D&&D(e),p=o.render(o.props,o.state,o.context),O=0;O<o._sb.length;O++)o.__h.push(o._sb[O]);o._sb=[]}else do o.__d=!1,D&&D(e),p=o.render(o.props,o.state,o.context),o.state=o.__s;while(o.__d&&++w_<25);o.state=o.__s,o.getChildContext!=null&&(n=w(w({},n),o.getChildContext())),d||o.getSnapshotBeforeUpdate==null||(S=o.getSnapshotBeforeUpdate(a,m)),f_(_,j(X=p!=null&&p.type===L&&p.key==null?p.props.children:p)?X:[X],e,t,n,r,i,u,l,c,f),o.base=e.__e,e.__u&=-161,o.__h.length&&u.push(o),y&&(o.__E=o.__=null)}catch(q){e.__v=null,c||i!=null?(e.__e=l,e.__u|=c?160:32,i[i.indexOf(l)]=null):(e.__e=t.__e,e.__k=t.__k),s.__e(q,e,t)}else i==null&&e.__v===t.__v?(e.__k=t.__k,e.__e=t.__e):e.__e=D_(t.__e,e,t,n,r,i,u,c,f);(p=s.diffed)&&p(e)}function p_(_,e,t){e.__d=void 0;for(var n=0;n<t.length;n++)z(t[n],t[++n],t[++n]);s.__c&&s.__c(e,_),_.some(function(r){try{_=r.__h,r.__h=[],_.some(function(i){i.call(r)})}catch(i){s.__e(i,r.__v)}})}function D_(_,e,t,n,r,i,u,l,c){var f,p,o,d,a,m,S,y=t.props,h=e.props,g=e.type;if(g==="svg"&&(r=!0),i!=null){for(f=0;f<i.length;f++)if((a=i[f])&&"setAttribute"in a==!!g&&(g?a.localName===g:a.nodeType===3)){_=a,i[f]=null;break}}if(_==null){if(g===null)return document.createTextNode(h);_=r?document.createElementNS("http://www.w3.org/2000/svg",g):document.createElement(g,h.is&&h),i=null,l=!1}if(g===null)y===h||l&&_.data===h||(_.data=h);else{if(i=i&&N.call(_.childNodes),y=t.props||P,!l&&i!=null)for(y={},f=0;f<_.attributes.length;f++)y[(a=_.attributes[f]).name]=a.value;for(f in y)a=y[f],f=="children"||(f=="dangerouslySetInnerHTML"?o=a:f==="key"||f in h||U(_,f,null,a,r));for(f in h)a=h[f],f=="children"?d=a:f=="dangerouslySetInnerHTML"?p=a:f=="value"?m=a:f=="checked"?S=a:f==="key"||l&&typeof a!="function"||y[f]===a||U(_,f,a,y[f],r);if(p)l||o&&(p.__html===o.__html||p.__html===_.innerHTML)||(_.innerHTML=p.__html),e.__k=[];else if(o&&(_.innerHTML=""),f_(_,j(d)?d:[d],e,t,n,r&&g!=="foreignObject",i,u,i?i[0]:t.__k&&$(t,0),l,c),i!=null)for(f=i.length;f--;)i[f]!=null&&r_(i[f]);l||(f="value",m!==void 0&&(m!==_[f]||g==="progress"&&!m||g==="option"&&m!==y[f])&&U(_,f,m,y[f],!1),f="checked",S!==void 0&&S!==_[f]&&U(_,f,S,y[f],!1))}return _}function z(_,e,t){try{typeof _=="function"?_(e):_.current=e}catch(n){s.__e(n,t)}}function G(_,e,t){var n,r;if(s.unmount&&s.unmount(_),(n=_.ref)&&(n.current&&n.current!==_.__e||z(n,null,e)),(n=_.__c)!=null){if(n.componentWillUnmount)try{n.componentWillUnmount()}catch(i){s.__e(i,e)}n.base=n.__P=null,_.__c=void 0}if(n=_.__k)for(r=0;r<n.length;r++)n[r]&&G(n[r],e,t||typeof _.type!="function");t||_.__e==null||r_(_.__e),_.__=_.__e=_.__d=void 0}function N_(_,e,t){return this.constructor(_,t)}function I_(_,e,t){var n,r,i,u;s.__&&s.__(_,e),r=(n=typeof t=="function")?null:t&&t.__k||e.__k,i=[],u=[],R(e,_=(!n&&t||e).__k=H_(L,null,[_]),r||P,P,e.ownerSVGElement!==void 0,!n&&t?[t]:r?null:e.firstChild?N.call(e.childNodes):null,i,!n&&t?t:r?r.__e:e.firstChild,n,u),p_(i,_,u)}N=o_.slice,s={__e:function(_,e,t,n){for(var r,i,u;e=e.__;)if((r=e.__c)&&!r.__)try{if((i=r.constructor)&&i.getDerivedStateFromError!=null&&(r.setState(i.getDerivedStateFromError(_)),u=r.__d),r.componentDidCatch!=null&&(r.componentDidCatch(_,n||{}),u=r.__d),u)return r.__E=r}catch(l){_=l}throw _}},e_=0,M.prototype.setState=function(_,e){var t;t=this.__s!=null&&this.__s!==this.state?this.__s:this.__s=w({},this.state),typeof _=="function"&&(_=_(w({},t),this.props)),_&&w(t,_),_!=null&&this.__v&&(e&&this._sb.push(e),l_(this))},M.prototype.forceUpdate=function(_){this.__v&&(this.__e=!0,_&&this.__h.push(_),l_(this))},M.prototype.render=L,H=[],n_=typeof Promise=="function"?Promise.prototype.then.bind(Promise.resolve()):setTimeout,Z=function(_,e){return _.__v.__b-e.__v.__b},T.__r=0;var A,v,J,d_,K=0,h_=[],W=[],v_=s.__b,m_=s.__r,y_=s.diffed,g_=s.__c,b_=s.unmount;function k_(_,e){s.__h&&s.__h(v,_,K||e),K=0;var t=v.__H||(v.__H={__:[],__h:[]});return _>=t.__.length&&t.__.push({__V:W}),t.__[_]}function L_(_){return K=1,M_(S_,_)}function M_(_,e,t){var n=k_(A++,2);if(n.t=_,!n.__c&&(n.__=[t?t(e):S_(void 0,e),function(l){var c=n.__N?n.__N[0]:n.__[0],f=n.t(c,l);c!==f&&(n.__N=[f,n.__[1]],n.__c.setState({}))}],n.__c=v,!v.u)){var r=function(l,c,f){if(!n.__c.__H)return!0;var p=n.__c.__H.__.filter(function(d){return d.__c});if(p.every(function(d){return!d.__N}))return!i||i.call(this,l,c,f);var o=!1;return p.forEach(function(d){if(d.__N){var a=d.__[0];d.__=d.__N,d.__N=void 0,a!==d.__[0]&&(o=!0)}}),!(!o&&n.__c.props===l)&&(!i||i.call(this,l,c,f))};v.u=!0;var i=v.shouldComponentUpdate,u=v.componentWillUpdate;v.componentWillUpdate=function(l,c,f){if(this.__e){var p=i;i=void 0,r(l,c,f),i=p}u&&u.call(this,l,c,f)},v.shouldComponentUpdate=r}return n.__N||n.__}function T_(_,e){var t=k_(A++,3);!s.__s&&W_(t.__H,e)&&(t.__=_,t.i=e,v.__H.__h.push(t))}function U_(){for(var _;_=h_.shift();)if(_.__P&&_.__H)try{_.__H.__h.forEach(F),_.__H.__h.forEach(Q),_.__H.__h=[]}catch(e){_.__H.__h=[],s.__e(e,_.__v)}}s.__b=function(_){v=null,v_&&v_(_)},s.__r=function(_){m_&&m_(_),A=0;var e=(v=_.__c).__H;e&&(J===v?(e.__h=[],v.__h=[],e.__.forEach(function(t){t.__N&&(t.__=t.__N),t.__V=W,t.__N=t.i=void 0})):(e.__h.forEach(F),e.__h.forEach(Q),e.__h=[],A=0)),J=v},s.diffed=function(_){y_&&y_(_);var e=_.__c;e&&e.__H&&(e.__H.__h.length&&(h_.push(e)!==1&&d_===s.requestAnimationFrame||((d_=s.requestAnimationFrame)||A_)(U_)),e.__H.__.forEach(function(t){t.i&&(t.__H=t.i),t.__V!==W&&(t.__=t.__V),t.i=void 0,t.__V=W})),J=v=null},s.__c=function(_,e){e.some(function(t){try{t.__h.forEach(F),t.__h=t.__h.filter(function(n){return!n.__||Q(n)})}catch(n){e.some(function(r){r.__h&&(r.__h=[])}),e=[],s.__e(n,t.__v)}}),g_&&g_(_,e)},s.unmount=function(_){b_&&b_(_);var e,t=_.__c;t&&t.__H&&(t.__H.__.forEach(function(n){try{F(n)}catch(r){e=r}}),t.__H=void 0,e&&s.__e(e,t.__v))};var x_=typeof requestAnimationFrame=="function";function A_(_){var e,t=function(){clearTimeout(n),x_&&cancelAnimationFrame(e),setTimeout(_)},n=setTimeout(t,100);x_&&(e=requestAnimationFrame(t))}function F(_){var e=v,t=_.__c;typeof t=="function"&&(_.__c=void 0,t()),v=e}function Q(_){var e=v;_.__c=_.__(),v=e}function W_(_,e){return!_||_.length!==e.length||e.some(function(t,n){return t!==_[n]})}function S_(_,e){return typeof e=="function"?e(_):e}var F_=0;function C_(_,e,t,n,r,i){var u,l,c={};for(l in e)l=="ref"?u=e[l]:c[l]=e[l];var f={type:_,props:c,key:t,ref:u,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:--F_,__i:-1,__u:0,__source:r,__self:i};if(typeof _=="function"&&(u=_.defaultProps))for(l in u)c[l]===void 0&&(c[l]=u[l]);return s.vnode&&s.vnode(f),f}class V_{constructor(){Y(this,"_context");Y(this,"_getContextCallbacks",[])}async getContext(){return this._context?this._context:new Promise(e=>{this._getContextCallbacks.push(e)})}setContext(e){this._context=e,this._getContextCallbacks.forEach(t=>t(e)),this._getContextCallbacks=[]}configureClient(e){console.log("Client configured")}}let V;const B_=({context:_})=>{const[e,t]=L_(null);return T_(()=>{if(e){if(V===void 0)throw new Error("Please call setSpiffDevOptions before requesting the context.");V.setContext({..._,container:e})}},[e,_]),C_("div",{ref:t,id:"spiffThemeWrapper"})};function O_(_,e){V=new V_,window.SpiffThemeLoader=V;let t;typeof _=="string"?t=document.getElementById(_):t=_,I_(C_(B_,{context:e}),t)}function q_(_){return{id:"example",themeInstallId:(_==null?void 0:_.themeInstallId)??"example",name:"Example Configuration",createdAt:"2021-01-01T00:00:00Z",updatedAt:"2021-01-01T00:00:00Z",themeVersion:{id:"example",version:"1.0.0",createdAt:"2021-01-01T00:00:00Z",updatedAt:"2021-01-01T00:00:00Z",configurationSchema:{fields:[]},launchData:{targetFiles:[]},theme:{id:"example",name:"Example Theme",createdAt:"2021-01-01T00:00:00Z",updatedAt:"2021-01-01T00:00:00Z"}},fields:[],..._}}b.AssetType=__,b.ThemeConfigurationFieldType=C,b.ThemeFileType=k,b.exampleThemeInstallConfig=q_,b.setSpiffDevOptions=O_,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})});
+(function(b,k){typeof exports=="object"&&typeof module<"u"?k(exports):typeof define=="function"&&define.amd?define(["exports"],k):(b=typeof globalThis<"u"?globalThis:b||self,k(b.theme={}))})(this,function(b){"use strict";var Z_=Object.defineProperty;var j_=(b,k,S)=>k in b?Z_(b,k,{enumerable:!0,configurable:!0,writable:!0,value:S}):b[k]=S;var Y=(b,k,S)=>(j_(b,typeof k!="symbol"?k+"":k,S),S);var k=(_=>(_.Javascript="Javascript",_.CSS="CSS",_))(k||{}),S=(_=>(_.Asset="Asset",_.Boolean="Boolean",_.Color="Color",_.Heading="Heading",_.MultiLineText="MultiLineText",_.Number="Number",_.Select="Select",_.SingleLineText="SingleLineText",_))(S||{}),__=(_=>(_.Color="Color",_.ColorProfile="ColorProfile",_.Data="Data",_.Environment="Environment",_.Font="Font",_.Frame="Frame",_.Illustration="Illustration",_.Image="Image",_.Material="Material",_.Model="Model",_.Video="Video",_))(__||{}),D,s,e_,H,t_,n_,Z,P={},o_=[],w_=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,j=Array.isArray;function E(_,e){for(var t in e)_[t]=e[t];return _}function r_(_){var e=_.parentNode;e&&e.removeChild(_)}function H_(_,e,t){var n,r,i,u={};for(i in e)i=="key"?n=e[i]:i=="ref"?r=e[i]:u[i]=e[i];if(arguments.length>2&&(u.children=arguments.length>3?D.call(arguments,2):t),typeof _=="function"&&_.defaultProps!=null)for(i in _.defaultProps)u[i]===void 0&&(u[i]=_.defaultProps[i]);return N(_,u,n,r,null)}function N(_,e,t,n,r){var i={type:_,props:e,key:t,ref:n,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:r??++e_,__i:-1,__u:0};return r==null&&s.vnode!=null&&s.vnode(i),i}function L(_){return _.children}function I(_,e){this.props=_,this.context=e}function $(_,e){if(e==null)return _.__?$(_.__,_.__i+1):null;for(var t;e<_.__k.length;e++)if((t=_.__k[e])!=null&&t.__e!=null)return t.__e;return typeof _.type=="function"?$(_):null}function i_(_){var e,t;if((_=_.__)!=null&&_.__c!=null){for(_.__e=_.__c.base=null,e=0;e<_.__k.length;e++)if((t=_.__k[e])!=null&&t.__e!=null){_.__e=_.__c.base=t.__e;break}return i_(_)}}function l_(_){(!_.__d&&(_.__d=!0)&&H.push(_)&&!M.__r++||t_!==s.debounceRendering)&&((t_=s.debounceRendering)||n_)(M)}function M(){var _,e,t,n,r,i,u,l,c;for(H.sort(Z);_=H.shift();)_.__d&&(e=H.length,n=void 0,i=(r=(t=_).__v).__e,l=[],c=[],(u=t.__P)&&((n=E({},r)).__v=r.__v+1,s.vnode&&s.vnode(n),R(u,n,r,t.__n,u.ownerSVGElement!==void 0,32&r.__u?[i]:null,l,i??$(r),!!(32&r.__u),c),n.__.__k[n.__i]=n,d_(l,n,c),n.__e!=i&&i_(n)),H.length>e&&H.sort(Z));M.__r=0}function f_(_,e,t,n,r,i,u,l,c,f,d){var o,p,a,m,x,g=n&&n.__k||o_,h=e.length;for(t.__d=c,$_(t,e,g),c=t.__d,o=0;o<h;o++)(a=t.__k[o])!=null&&typeof a!="boolean"&&typeof a!="function"&&(p=a.__i===-1?P:g[a.__i]||P,a.__i=o,R(_,a,p,r,i,u,l,c,f,d),m=a.__e,a.ref&&p.ref!=a.ref&&(p.ref&&z(p.ref,null,a),d.push(a.ref,a.__c||m,a)),x==null&&m!=null&&(x=m),65536&a.__u||p.__k===a.__k?c=u_(a,c,_):typeof a.type=="function"&&a.__d!==void 0?c=a.__d:m&&(c=m.nextSibling),a.__d=void 0,a.__u&=-196609);t.__d=c,t.__e=x}function $_(_,e,t){var n,r,i,u,l,c=e.length,f=t.length,d=f,o=0;for(_.__k=[],n=0;n<c;n++)(r=_.__k[n]=(r=e[n])==null||typeof r=="boolean"||typeof r=="function"?null:typeof r=="string"||typeof r=="number"||typeof r=="bigint"||r.constructor==String?N(null,r,null,null,r):j(r)?N(L,{children:r},null,null,null):r.constructor===void 0&&r.__b>0?N(r.type,r.props,r.key,r.ref?r.ref:null,r.__v):r)!=null?(r.__=_,r.__b=_.__b+1,l=P_(r,t,u=n+o,d),r.__i=l,i=null,l!==-1&&(d--,(i=t[l])&&(i.__u|=131072)),i==null||i.__v===null?(l==-1&&o--,typeof r.type!="function"&&(r.__u|=65536)):l!==u&&(l===u+1?o++:l>u?d>c-u?o+=l-u:o--:o=l<u&&l==u-1?l-u:0,l!==n+o&&(r.__u|=65536))):(i=t[n])&&i.key==null&&i.__e&&(i.__e==_.__d&&(_.__d=$(i)),G(i,i,!1),t[n]=null,d--);if(d)for(n=0;n<f;n++)(i=t[n])!=null&&!(131072&i.__u)&&(i.__e==_.__d&&(_.__d=$(i)),G(i,i))}function u_(_,e,t){var n,r;if(typeof _.type=="function"){for(n=_.__k,r=0;n&&r<n.length;r++)n[r]&&(n[r].__=_,e=u_(n[r],e,t));return e}return _.__e!=e&&(t.insertBefore(_.__e,e||null),e=_.__e),e&&e.nextSibling}function P_(_,e,t,n){var r=_.key,i=_.type,u=t-1,l=t+1,c=e[t];if(c===null||c&&r==c.key&&i===c.type)return t;if(n>(c!=null&&!(131072&c.__u)?1:0))for(;u>=0||l<e.length;){if(u>=0){if((c=e[u])&&!(131072&c.__u)&&r==c.key&&i===c.type)return u;u--}if(l<e.length){if((c=e[l])&&!(131072&c.__u)&&r==c.key&&i===c.type)return l;l++}}return-1}function c_(_,e,t){e[0]==="-"?_.setProperty(e,t??""):_[e]=t==null?"":typeof t!="number"||w_.test(e)?t:t+"px"}function U(_,e,t,n,r){var i;_:if(e==="style")if(typeof t=="string")_.style.cssText=t;else{if(typeof n=="string"&&(_.style.cssText=n=""),n)for(e in n)t&&e in t||c_(_.style,e,"");if(t)for(e in t)n&&t[e]===n[e]||c_(_.style,e,t[e])}else if(e[0]==="o"&&e[1]==="n")i=e!==(e=e.replace(/(PointerCapture)$|Capture$/,"$1")),e=e.toLowerCase()in _?e.toLowerCase().slice(2):e.slice(2),_.l||(_.l={}),_.l[e+i]=t,t?n?t.u=n.u:(t.u=Date.now(),_.addEventListener(e,i?s_:a_,i)):_.removeEventListener(e,i?s_:a_,i);else{if(r)e=e.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if(e!=="width"&&e!=="height"&&e!=="href"&&e!=="list"&&e!=="form"&&e!=="tabIndex"&&e!=="download"&&e!=="rowSpan"&&e!=="colSpan"&&e!=="role"&&e in _)try{_[e]=t??"";break _}catch{}typeof t=="function"||(t==null||t===!1&&e[4]!=="-"?_.removeAttribute(e):_.setAttribute(e,t))}}function a_(_){var e=this.l[_.type+!1];if(_.t){if(_.t<=e.u)return}else _.t=Date.now();return e(s.event?s.event(_):_)}function s_(_){return this.l[_.type+!0](s.event?s.event(_):_)}function R(_,e,t,n,r,i,u,l,c,f){var d,o,p,a,m,x,g,h,y,w,B,T,E_,O,X,C=e.type;if(e.constructor!==void 0)return null;128&t.__u&&(c=!!(32&t.__u),i=[l=e.__e=t.__e]),(d=s.__b)&&d(e);_:if(typeof C=="function")try{if(h=e.props,y=(d=C.contextType)&&n[d.__c],w=d?y?y.props.value:d.__:n,t.__c?g=(o=e.__c=t.__c).__=o.__E:("prototype"in C&&C.prototype.render?e.__c=o=new C(h,w):(e.__c=o=new I(h,w),o.constructor=C,o.render=D_),y&&y.sub(o),o.props=h,o.state||(o.state={}),o.context=w,o.__n=n,p=o.__d=!0,o.__h=[],o._sb=[]),o.__s==null&&(o.__s=o.state),C.getDerivedStateFromProps!=null&&(o.__s==o.state&&(o.__s=E({},o.__s)),E(o.__s,C.getDerivedStateFromProps(h,o.__s))),a=o.props,m=o.state,o.__v=e,p)C.getDerivedStateFromProps==null&&o.componentWillMount!=null&&o.componentWillMount(),o.componentDidMount!=null&&o.__h.push(o.componentDidMount);else{if(C.getDerivedStateFromProps==null&&h!==a&&o.componentWillReceiveProps!=null&&o.componentWillReceiveProps(h,w),!o.__e&&(o.shouldComponentUpdate!=null&&o.shouldComponentUpdate(h,o.__s,w)===!1||e.__v===t.__v)){for(e.__v!==t.__v&&(o.props=h,o.state=o.__s,o.__d=!1),e.__e=t.__e,e.__k=t.__k,e.__k.forEach(function(q){q&&(q.__=e)}),B=0;B<o._sb.length;B++)o.__h.push(o._sb[B]);o._sb=[],o.__h.length&&u.push(o);break _}o.componentWillUpdate!=null&&o.componentWillUpdate(h,o.__s,w),o.componentDidUpdate!=null&&o.__h.push(function(){o.componentDidUpdate(a,m,x)})}if(o.context=w,o.props=h,o.__P=_,o.__e=!1,T=s.__r,E_=0,"prototype"in C&&C.prototype.render){for(o.state=o.__s,o.__d=!1,T&&T(e),d=o.render(o.props,o.state,o.context),O=0;O<o._sb.length;O++)o.__h.push(o._sb[O]);o._sb=[]}else do o.__d=!1,T&&T(e),d=o.render(o.props,o.state,o.context),o.state=o.__s;while(o.__d&&++E_<25);o.state=o.__s,o.getChildContext!=null&&(n=E(E({},n),o.getChildContext())),p||o.getSnapshotBeforeUpdate==null||(x=o.getSnapshotBeforeUpdate(a,m)),f_(_,j(X=d!=null&&d.type===L&&d.key==null?d.props.children:d)?X:[X],e,t,n,r,i,u,l,c,f),o.base=e.__e,e.__u&=-161,o.__h.length&&u.push(o),g&&(o.__E=o.__=null)}catch(q){e.__v=null,c||i!=null?(e.__e=l,e.__u|=c?160:32,i[i.indexOf(l)]=null):(e.__e=t.__e,e.__k=t.__k),s.__e(q,e,t)}else i==null&&e.__v===t.__v?(e.__k=t.__k,e.__e=t.__e):e.__e=T_(t.__e,e,t,n,r,i,u,c,f);(d=s.diffed)&&d(e)}function d_(_,e,t){e.__d=void 0;for(var n=0;n<t.length;n++)z(t[n],t[++n],t[++n]);s.__c&&s.__c(e,_),_.some(function(r){try{_=r.__h,r.__h=[],_.some(function(i){i.call(r)})}catch(i){s.__e(i,r.__v)}})}function T_(_,e,t,n,r,i,u,l,c){var f,d,o,p,a,m,x,g=t.props,h=e.props,y=e.type;if(y==="svg"&&(r=!0),i!=null){for(f=0;f<i.length;f++)if((a=i[f])&&"setAttribute"in a==!!y&&(y?a.localName===y:a.nodeType===3)){_=a,i[f]=null;break}}if(_==null){if(y===null)return document.createTextNode(h);_=r?document.createElementNS("http://www.w3.org/2000/svg",y):document.createElement(y,h.is&&h),i=null,l=!1}if(y===null)g===h||l&&_.data===h||(_.data=h);else{if(i=i&&D.call(_.childNodes),g=t.props||P,!l&&i!=null)for(g={},f=0;f<_.attributes.length;f++)g[(a=_.attributes[f]).name]=a.value;for(f in g)a=g[f],f=="children"||(f=="dangerouslySetInnerHTML"?o=a:f==="key"||f in h||U(_,f,null,a,r));for(f in h)a=h[f],f=="children"?p=a:f=="dangerouslySetInnerHTML"?d=a:f=="value"?m=a:f=="checked"?x=a:f==="key"||l&&typeof a!="function"||g[f]===a||U(_,f,a,g[f],r);if(d)l||o&&(d.__html===o.__html||d.__html===_.innerHTML)||(_.innerHTML=d.__html),e.__k=[];else if(o&&(_.innerHTML=""),f_(_,j(p)?p:[p],e,t,n,r&&y!=="foreignObject",i,u,i?i[0]:t.__k&&$(t,0),l,c),i!=null)for(f=i.length;f--;)i[f]!=null&&r_(i[f]);l||(f="value",m!==void 0&&(m!==_[f]||y==="progress"&&!m||y==="option"&&m!==g[f])&&U(_,f,m,g[f],!1),f="checked",x!==void 0&&x!==_[f]&&U(_,f,x,g[f],!1))}return _}function z(_,e,t){try{typeof _=="function"?_(e):_.current=e}catch(n){s.__e(n,t)}}function G(_,e,t){var n,r;if(s.unmount&&s.unmount(_),(n=_.ref)&&(n.current&&n.current!==_.__e||z(n,null,e)),(n=_.__c)!=null){if(n.componentWillUnmount)try{n.componentWillUnmount()}catch(i){s.__e(i,e)}n.base=n.__P=null,_.__c=void 0}if(n=_.__k)for(r=0;r<n.length;r++)n[r]&&G(n[r],e,t||typeof _.type!="function");t||_.__e==null||r_(_.__e),_.__=_.__e=_.__d=void 0}function D_(_,e,t){return this.constructor(_,t)}function N_(_,e,t){var n,r,i,u;s.__&&s.__(_,e),r=(n=typeof t=="function")?null:t&&t.__k||e.__k,i=[],u=[],R(e,_=(!n&&t||e).__k=H_(L,null,[_]),r||P,P,e.ownerSVGElement!==void 0,!n&&t?[t]:r?null:e.firstChild?D.call(e.childNodes):null,i,!n&&t?t:r?r.__e:e.firstChild,n,u),d_(i,_,u)}D=o_.slice,s={__e:function(_,e,t,n){for(var r,i,u;e=e.__;)if((r=e.__c)&&!r.__)try{if((i=r.constructor)&&i.getDerivedStateFromError!=null&&(r.setState(i.getDerivedStateFromError(_)),u=r.__d),r.componentDidCatch!=null&&(r.componentDidCatch(_,n||{}),u=r.__d),u)return r.__E=r}catch(l){_=l}throw _}},e_=0,I.prototype.setState=function(_,e){var t;t=this.__s!=null&&this.__s!==this.state?this.__s:this.__s=E({},this.state),typeof _=="function"&&(_=_(E({},t),this.props)),_&&E(t,_),_!=null&&this.__v&&(e&&this._sb.push(e),l_(this))},I.prototype.forceUpdate=function(_){this.__v&&(this.__e=!0,_&&this.__h.push(_),l_(this))},I.prototype.render=L,H=[],n_=typeof Promise=="function"?Promise.prototype.then.bind(Promise.resolve()):setTimeout,Z=function(_,e){return _.__v.__b-e.__v.__b},M.__r=0;var A,v,J,p_,K=0,h_=[],W=[],v_=s.__b,m_=s.__r,g_=s.diffed,y_=s.__c,b_=s.unmount;function k_(_,e){s.__h&&s.__h(v,_,K||e),K=0;var t=v.__H||(v.__H={__:[],__h:[]});return _>=t.__.length&&t.__.push({__V:W}),t.__[_]}function L_(_){return K=1,I_(x_,_)}function I_(_,e,t){var n=k_(A++,2);if(n.t=_,!n.__c&&(n.__=[t?t(e):x_(void 0,e),function(l){var c=n.__N?n.__N[0]:n.__[0],f=n.t(c,l);c!==f&&(n.__N=[f,n.__[1]],n.__c.setState({}))}],n.__c=v,!v.u)){var r=function(l,c,f){if(!n.__c.__H)return!0;var d=n.__c.__H.__.filter(function(p){return p.__c});if(d.every(function(p){return!p.__N}))return!i||i.call(this,l,c,f);var o=!1;return d.forEach(function(p){if(p.__N){var a=p.__[0];p.__=p.__N,p.__N=void 0,a!==p.__[0]&&(o=!0)}}),!(!o&&n.__c.props===l)&&(!i||i.call(this,l,c,f))};v.u=!0;var i=v.shouldComponentUpdate,u=v.componentWillUpdate;v.componentWillUpdate=function(l,c,f){if(this.__e){var d=i;i=void 0,r(l,c,f),i=d}u&&u.call(this,l,c,f)},v.shouldComponentUpdate=r}return n.__N||n.__}function M_(_,e){var t=k_(A++,3);!s.__s&&W_(t.__H,e)&&(t.__=_,t.i=e,v.__H.__h.push(t))}function U_(){for(var _;_=h_.shift();)if(_.__P&&_.__H)try{_.__H.__h.forEach(F),_.__H.__h.forEach(Q),_.__H.__h=[]}catch(e){_.__H.__h=[],s.__e(e,_.__v)}}s.__b=function(_){v=null,v_&&v_(_)},s.__r=function(_){m_&&m_(_),A=0;var e=(v=_.__c).__H;e&&(J===v?(e.__h=[],v.__h=[],e.__.forEach(function(t){t.__N&&(t.__=t.__N),t.__V=W,t.__N=t.i=void 0})):(e.__h.forEach(F),e.__h.forEach(Q),e.__h=[],A=0)),J=v},s.diffed=function(_){g_&&g_(_);var e=_.__c;e&&e.__H&&(e.__H.__h.length&&(h_.push(e)!==1&&p_===s.requestAnimationFrame||((p_=s.requestAnimationFrame)||A_)(U_)),e.__H.__.forEach(function(t){t.i&&(t.__H=t.i),t.__V!==W&&(t.__=t.__V),t.i=void 0,t.__V=W})),J=v=null},s.__c=function(_,e){e.some(function(t){try{t.__h.forEach(F),t.__h=t.__h.filter(function(n){return!n.__||Q(n)})}catch(n){e.some(function(r){r.__h&&(r.__h=[])}),e=[],s.__e(n,t.__v)}}),y_&&y_(_,e)},s.unmount=function(_){b_&&b_(_);var e,t=_.__c;t&&t.__H&&(t.__H.__.forEach(function(n){try{F(n)}catch(r){e=r}}),t.__H=void 0,e&&s.__e(e,t.__v))};var C_=typeof requestAnimationFrame=="function";function A_(_){var e,t=function(){clearTimeout(n),C_&&cancelAnimationFrame(e),setTimeout(_)},n=setTimeout(t,100);C_&&(e=requestAnimationFrame(t))}function F(_){var e=v,t=_.__c;typeof t=="function"&&(_.__c=void 0,t()),v=e}function Q(_){var e=v;_.__c=_.__(),v=e}function W_(_,e){return!_||_.length!==e.length||e.some(function(t,n){return t!==_[n]})}function x_(_,e){return typeof e=="function"?e(_):e}var F_=0;function S_(_,e,t,n,r,i){var u,l,c={};for(l in e)l=="ref"?u=e[l]:c[l]=e[l];var f={type:_,props:c,key:t,ref:u,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:--F_,__i:-1,__u:0,__source:r,__self:i};if(typeof _=="function"&&(u=_.defaultProps))for(l in u)c[l]===void 0&&(c[l]=u[l]);return s.vnode&&s.vnode(f),f}class V_{constructor(){Y(this,"_context");Y(this,"_getContextCallbacks",[])}async getContext(){return this._context?this._context:new Promise(e=>{this._getContextCallbacks.push(e)})}setContext(e){this._context=e,this._getContextCallbacks.forEach(t=>t(e)),this._getContextCallbacks=[]}configureClient(e){console.log("Client configured")}themeLoaded(){console.log("Theme loaded")}close(){console.log("Theme closed")}addToEcommerceCart(e){console.log("Add to cart",e)}}let V;const B_=({context:_})=>{const[e,t]=L_(null);return M_(()=>{if(e){if(V===void 0)throw new Error("Please call setSpiffDevOptions before requesting the context.");V.setContext({..._,container:e})}},[e,_]),S_("div",{ref:t,id:"spiffThemeWrapper"})};function O_(_,e){V=new V_,window.SpiffThemeLoader=V;let t;typeof _=="string"?t=document.getElementById(_):t=_,N_(S_(B_,{context:e}),t)}function q_(_){return{id:"example",themeInstallId:(_==null?void 0:_.themeInstallId)??"example",name:"Example Configuration",createdAt:"2021-01-01T00:00:00Z",updatedAt:"2021-01-01T00:00:00Z",themeVersion:{id:"example",version:"1.0.0",createdAt:"2021-01-01T00:00:00Z",updatedAt:"2021-01-01T00:00:00Z",configurationSchema:{fields:[]},launchData:{targetFiles:[]},theme:{id:"example",name:"Example Theme",createdAt:"2021-01-01T00:00:00Z",updatedAt:"2021-01-01T00:00:00Z"}},fields:[],..._}}b.AssetType=__,b.FieldType=S,b.ThemeFileType=k,b.exampleThemeInstallConfig=q_,b.setSpiffDevOptions=O_,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,11 +1,12 @@
 {
     "name": "@spiffcommerce/theme-bridge",
-    "version": "1.7.1",
+    "version": "1.9.0",
     "type": "module",
     "scripts": {
         "build": "tsc && vite build",
         "preview": "vite preview",
-        "dev": "ladle serve"
+        "dev": "ladle serve",
+        "schema": "ts-node --esm scripts/generateSchema.ts"
     },
     "main": "dist/index.umd.js",
     "module": "dist/index.js",
@@ -21,6 +22,8 @@
         "@types/node": "^20.11.16",
         "preact": "^10.19.3",
         "prettier": "^3.2.4",
+        "ts-json-schema-generator": "^1.5.0",
+        "ts-node": "^10.9.2",
         "tsup": "^8.0.1",
         "typescript": "^5.2.2",
         "vite": "^5.0.8",