@spiffcommerce/theme-bridge 1.7.1 → 1.8.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;
@@ -106,6 +51,7 @@ interface ThemeConfigurationSchemaField {
     }[];
     assetType?: string;
 }
+
 interface ThemeResource {
     id: string;
     name: string;
@@ -118,8 +64,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: ThemeConfigurationFieldType;
+    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;
@@ -157,8 +128,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, type SpiffDevOptions, type SpiffThemeLoader, ThemeConfigurationFieldType, 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__ */ ((_) => (_.SingleLineText = "SingleLineText", _.MultiLineText = "MultiLineText", _.Heading = "Heading", _.Number = "Number", _.Boolean = "Boolean", _.Select = "Select", _.Asset = "Asset", _.Color = "Color", _))(E_ || {}), w_ = /* @__PURE__ */ ((_) => (_.Data = "Data", _.Font = "Font", _.Frame = "Frame", _.Illustration = "Illustration", _.Image = "Image", _.Model = "Model", _.Material = "Material", _.Color = "Color", _.Video = "Video", _.ColorProfile = "ColorProfile", _.Environment = "Environment", _))(w_ || {}), T, 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, u = {};
   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] : u[i] = e[i];
+  if (arguments.length > 2 && (u.children = arguments.length > 3 ? T.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);
+      u[i] === void 0 && (u[i] = _.defaultProps[i]);
+  return L(_, u, 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(_) && !A.__r++ || X !== s.debounceRendering) && ((X = s.debounceRendering) || a_)(A);
 }
 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));
+  var _, e, t, n, r, i, u, l, f;
+  for (S.sort(O); _ = S.shift(); )
+    _.__d && (e = S.length, n = void 0, i = (r = (t = _).__v).__e, l = [], f = [], (u = t.__P) && ((n = C({}, r)).__v = r.__v + 1, s.vnode && s.vnode(n), J(u, n, r, t.__n, u.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));
   A.__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, u, l, f, c, 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, u, l, f, c, 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)
-    for (n = 0; n < u; n++)
-      (i = t[n]) != null && !(131072 & i.__u) && (i.__e == _.__d && (_.__d = w(i)), R(i, i));
+  var n, r, i, u, l, f = e.length, c = t.length, d = c, 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, 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 > f - 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 = E(i)), R(i, i, !1), t[n] = null, d--);
+  if (d)
+    for (n = 0; n < c; n++)
+      (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, u = 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 (; u >= 0 || l < e.length; ) {
+      if (u >= 0) {
+        if ((f = e[u]) && !(131072 & f.__u) && r == f.key && i === f.type)
+          return u;
+        u--;
       }
       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, u, l, f, c) {
+  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 && u.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, u, l, f, c), o.base = e.__e, e.__u &= -161, o.__h.length && u.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, u, f, c);
+  (d = s.diffed) && d(e);
 }
 function m_(_, e, t) {
   e.__d = void 0;
@@ -196,12 +196,12 @@ 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, u, l, f) {
+  var c, 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)) {
-        _ = a, i[u] = null;
+    for (c = 0; c < i.length; c++)
+      if ((a = i[c]) && "setAttribute" in a == !!y && (y ? a.localName === y : a.nodeType === 3)) {
+        _ = a, i[c] = null;
         break;
       }
   }
@@ -213,19 +213,19 @@ 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)
-      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)
-      for (u = i.length; u--; )
-        i[u] != null && p_(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));
+    if (i = i && T.call(_.childNodes), g = t.props || H, !l && i != null)
+      for (g = {}, c = 0; c < _.attributes.length; c++)
+        g[(a = _.attributes[c]).name] = a.value;
+    for (c in g)
+      a = g[c], c == "children" || (c == "dangerouslySetInnerHTML" ? o = a : c === "key" || c in h || N(_, c, null, a, r));
+    for (c in h)
+      a = h[c], c == "children" ? p = a : c == "dangerouslySetInnerHTML" ? d = a : c == "value" ? m = a : c == "checked" ? k = a : c === "key" || l && typeof a != "function" || g[c] === a || N(_, c, a, g[c], 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, u, i ? i[0] : t.__k && E(t, 0), l, f), i != null)
+      for (c = i.length; c--; )
+        i[c] != null && d_(i[c]);
+    l || (c = "value", m !== void 0 && (m !== _[c] || y === "progress" && !m || y === "option" && m !== g[c]) && N(_, c, m, g[c], !1), c = "checked", k !== void 0 && k !== _[c] && N(_, c, k, g[c], !1));
   }
   return _;
 }
@@ -250,34 +250,34 @@ 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, u;
+  s.__ && s.__(_, e), r = (n = typeof t == "function") ? null : t && t.__k || e.__k, i = [], u = [], J(e, _ = (!n && t || e).__k = $_(F, null, [_]), r || H, H, e.ownerSVGElement !== void 0, !n && t ? [t] : r ? null : e.firstChild ? T.call(e.childNodes) : null, i, !n && t ? t : r ? r.__e : e.firstChild, n, u), m_(i, _, u);
 }
-F = s_.slice, s = { __e: function(_, e, t, n) {
-  for (var r, i, f; e = e.__; )
+T = s_.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(_)), f = r.__d), r.componentDidCatch != null && (r.componentDidCatch(_, n || {}), f = r.__d), f)
+        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 _;
-} }, 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;
+var W, v, Z, n_, j = 0, g_ = [], M = [], o_ = s.__b, r_ = s.__r, i_ = s.diffed, l_ = s.__c, c_ = s.unmount;
 function y_(_, e) {
   s.__h && s.__h(v, _, j || e), j = 0;
   var t = v.__H || (v.__H = { __: [], __h: [] });
@@ -289,42 +289,42 @@ function M_(_) {
 function U_(_, e, t) {
   var n = y_(W++, 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], c = n.t(f, l);
+    f !== c && (n.__N = [c, n.__[1]], n.__c.setState({}));
   }], n.__c = v, !v.u)) {
-    var r = function(l, c, u) {
+    var r = function(l, f, c) {
       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, c);
       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, c));
     };
     v.u = !0;
-    var i = v.shouldComponentUpdate, f = v.componentWillUpdate;
-    v.componentWillUpdate = function(l, c, u) {
+    var i = v.shouldComponentUpdate, u = v.componentWillUpdate;
+    v.componentWillUpdate = function(l, f, c) {
       if (this.__e) {
-        var p = i;
-        i = void 0, r(l, c, u), i = p;
+        var d = i;
+        i = void 0, r(l, f, c), i = d;
       }
-      f && f.call(this, l, c, u);
+      u && u.call(this, l, f, c);
     }, 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));
+  !s.__s && T_(t.__H, e) && (t.__ = _, t.i = e, v.__H.__h.push(t));
 }
 function W_() {
   for (var _; _ = g_.shift(); )
@@ -362,7 +362,7 @@ s.__b = function(_) {
     }
   }), l_ && l_(_, e);
 }, s.unmount = function(_) {
-  u_ && u_(_);
+  c_ && c_(_);
   var e, t = _.__c;
   t && t.__H && (t.__H.__.forEach(function(n) {
     try {
@@ -372,12 +372,12 @@ s.__b = function(_) {
     }
   }), t.__H = void 0, e && s.__e(e, t.__v));
 };
-var f_ = typeof requestAnimationFrame == "function";
+var u_ = typeof requestAnimationFrame == "function";
 function V_(_) {
   var e, t = function() {
-    clearTimeout(n), f_ && cancelAnimationFrame(e), setTimeout(_);
+    clearTimeout(n), u_ && cancelAnimationFrame(e), setTimeout(_);
   }, n = setTimeout(t, 100);
-  f_ && (e = requestAnimationFrame(t));
+  u_ && (e = requestAnimationFrame(t));
 }
 function U(_) {
   var e = v, t = _.__c;
@@ -387,7 +387,7 @@ function z(_) {
   var e = v;
   _.__c = _.__(), v = e;
 }
-function F_(_, e) {
+function T_(_, 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 u, 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]);
-  return s.vnode && s.vnode(u), u;
-}
-class q_ {
+    l == "ref" ? u = e[l] : f[l] = e[l];
+  var c = { type: _, props: f, 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)
+      f[l] === void 0 && (f[l] = u[l]);
+  return s.vnode && s.vnode(c), c;
+}
+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,9 +422,18 @@ 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_ = ({
+const q_ = ({
   context: _
 }) => {
   const [e, t] = M_(null);
@@ -443,9 +452,9 @@ const T_ = ({
   });
 };
 function O_(_, e) {
-  V = new q_(), window.SpiffThemeLoader = V;
+  V = new B_(), window.SpiffThemeLoader = V;
   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 ThemeConfigurationFieldType,
+  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,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_=[],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?N.call(arguments,2):t),typeof _=="function"&&_.defaultProps!=null)for(i in _.defaultProps)u[i]===void 0&&(u[i]=_.defaultProps[i]);return L(_,u,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??++e_,__i:-1,__u:0};return r==null&&s.vnode!=null&&s.vnode(i),i}function T(_){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,S,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)),S==null&&m!=null&&(S=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=S}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?L(null,r,null,null,r):j(r)?L(T,{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=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,S,g,h,y,w,B,D,E_,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]),(d=s.__b)&&d(e);_:if(typeof x=="function")try{if(h=e.props,y=(d=x.contextType)&&n[d.__c],w=d?y?y.props.value:d.__:n,t.__c?g=(o=e.__c=t.__c).__=o.__E:("prototype"in x&&x.prototype.render?e.__c=o=new x(h,w):(e.__c=o=new I(h,w),o.constructor=x,o.render=N_),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),x.getDerivedStateFromProps!=null&&(o.__s==o.state&&(o.__s=E({},o.__s)),E(o.__s,x.getDerivedStateFromProps(h,o.__s))),a=o.props,m=o.state,o.__v=e,p)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,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,S)})}if(o.context=w,o.props=h,o.__P=_,o.__e=!1,D=s.__r,E_=0,"prototype"in x&&x.prototype.render){for(o.state=o.__s,o.__d=!1,D&&D(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,D&&D(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||(S=o.getSnapshotBeforeUpdate(a,m)),f_(_,j(X=d!=null&&d.type===T&&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=D_(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 D_(_,e,t,n,r,i,u,l,c){var f,d,o,p,a,m,S,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&&N.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"?S=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",S!==void 0&&S!==_[f]&&U(_,f,S,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 N_(_,e,t){return this.constructor(_,t)}function L_(_,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_(T,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),d_(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,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=T,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 T_(_){return K=1,I_(S_,_)}function I_(_,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 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 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")}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]=T_(null);return M_(()=>{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=_,L_(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"})});

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spiffcommerce/theme-bridge",
-    "version": "1.7.1",
+    "version": "1.8.0",
     "type": "module",
     "scripts": {
         "build": "tsc && vite build",