@justifi/webcomponents 5.7.6-rc-03 → 5.7.6-rc-05

package/dist/cjs/{get-business-BiEc-jdH.js → get-business-o5jPq_ME.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var Business = require('./Business-DCRzZf0w.js');
-var ComponentError = require('./ComponentError-CEv9ltwy.js');
-var utils = require('./utils-IGCnjtqc.js');
+var ComponentError = require('./ComponentError-D4OLnOkg.js');
+var utils = require('./utils-DvUQQLmR.js');
 
 const makeGetBusiness = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;

package/dist/cjs/{get-payment-details-C3qBZVdv.js → get-payment-details-DwLcmCQs.js}

@@ -1,20 +1,21 @@
 'use strict';
 
-require('./config-state-Dz9bnWHg.js');
-require('./dinero-J-SRFKIR.js');
-var ComponentError = require('./ComponentError-CEv9ltwy.js');
-var Refund = require('./Refund-08OcZkXX.js');
+require('./config-state-5xZf-jax.js');
+require('./utils-Dka3MplB.js');
+var ComponentError = require('./ComponentError-D4OLnOkg.js');
+require('./Refund-BztCb6AK.js');
 require('./Pagination-Dediz133.js');
+var Payment = require('./Payment-2Zmn-l6G.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var utils = require('./utils-IGCnjtqc.js');
+var utils = require('./utils-DvUQQLmR.js');
 
 const makeGetPaymentDetails = ({ id, authToken, service }) => async ({ onSuccess, onError, final }) => {
     var _a;
     try {
         const response = await service.fetchPayment(id, authToken);
         if (!response.error) {
-            onSuccess({ payment: new Refund.Payment(response.data) });
+            onSuccess({ payment: new Payment.Payment(response.data) });
         }
         else {
             const responseError = utils.getErrorMessage(response.error);

package/dist/cjs/{get-payout-csv-CdNRRH0t.js → get-payout-csv-DE_D9y08.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var ComponentError = require('./ComponentError-CEv9ltwy.js');
-var utils = require('./utils-IGCnjtqc.js');
+var ComponentError = require('./ComponentError-D4OLnOkg.js');
+var utils = require('./utils-DvUQQLmR.js');
 
 const makeGetPayoutCSV = ({ authToken, service }) => async ({ payoutId, onError }) => {
     try {

package/dist/cjs/{get-subaccounts-DKyvT-ZF.js → get-subaccounts-CvtcQGsb.js}

@@ -1,14 +1,15 @@
 'use strict';
 
-var Api = require('./Api-eP0XeJLd.js');
-var ComponentError = require('./ComponentError-CEv9ltwy.js');
-var Refund = require('./Refund-08OcZkXX.js');
+var Api = require('./Api-p2pK86Zd.js');
+var ComponentError = require('./ComponentError-D4OLnOkg.js');
+var Refund = require('./Refund-BztCb6AK.js');
 require('./Pagination-Dediz133.js');
+require('./Payment-2Zmn-l6G.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-require('./config-state-Dz9bnWHg.js');
-require('./dinero-J-SRFKIR.js');
-var utils = require('./utils-IGCnjtqc.js');
+require('./config-state-5xZf-jax.js');
+require('./utils-Dka3MplB.js');
+var utils = require('./utils-DvUQQLmR.js');
 
 const api = Api.Api();
 class SubAccountService {

package/dist/cjs/gross-payment-chart-core.cjs.entry.js

@@ -1,11 +1,9 @@
 'use strict';
 
-var index = require('./index-D5bL1DOi.js');
-var utils = require('./utils-DqlrBltg.js');
-var utils$1 = require('./utils-wkdkLmDI.js');
-var spinner = require('./spinner-CIZFX7bz.js');
-require('./dinero-J-SRFKIR.js');
-require('./_commonjsHelpers-BJu3ubxk.js');
+var index = require('./index-dm_GlYlb.js');
+var utils = require('./utils-Dka3MplB.js');
+var utils$1 = require('./utils-Df-pajL7.js');
+var spinner = require('./spinner-Kb1BFvnL.js');
 require('./parts-9jMf1erK.js');
 
 /*!
@@ -11056,7 +11054,7 @@ const GrossPaymentChartCore = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '14360f11f9b118e347ee73739f03c3631fbef1a4' }, this.loading && index.h(spinner.Spinner, { key: 'a5190472afdbf507c6c36c8aaae1473bffc80dcf' }), !this.errorMessage ? index.h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : utils$1.ErrorState(this.errorMessage)));
+        return (index.h(index.Host, { key: '663505aa79e84647ccc612ba671910a2cbc9e27d' }, this.loading && index.h(spinner.Spinner, { key: '2c0a00781ec16313786e76e2d95f4cddae5d3cb9' }), !this.errorMessage ? index.h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : utils$1.ErrorState(this.errorMessage)));
     }
     static get watchers() { return {
         "getGrossPayment": ["propChanged"],

package/dist/cjs/{header-1-M-mc3bsa.js → header-1-DD41iNlG.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-D5bL1DOi.js');
+var index = require('./index-dm_GlYlb.js');
 var parts = require('./parts-9jMf1erK.js');
 
 const Header1 = (props) => {

package/dist/cjs/header-3-D9Wa0IfT.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var index = require('./index-dm_GlYlb.js');
+var parts = require('./parts-9jMf1erK.js');
+
+const Header3 = (props) => {
+    return index.h("h3", { class: `header-3 ${props === null || props === void 0 ? void 0 : props.class}`, part: parts.heading3 }, props.text);
+};
+
+exports.Header3 = Header3;

package/dist/cjs/hidden-input_2.cjs.entry.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var index$1 = require('./index-D5bL1DOi.js');
-var index = require('./index-BCtVWU61.js');
+var index$1 = require('./index-dm_GlYlb.js');
+var index = require('./index-Yd9aLenr.js');
 var parts = require('./parts-9jMf1erK.js');
 var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
-var formControlErrorText = require('./form-control-error-text-CVPYL0lE.js');
-var _package = require('./package-BM2FCIB8.js');
+var formControlErrorText = require('./form-control-error-text-HM0zQerh.js');
+var _package = require('./package-pyzAPwrl.js');
 
 const iframeInputStylesStore = index.createStore({
     focused: {
@@ -100,7 +100,7 @@ const HiddenInput = class {
         return parts.input;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '9b8c4b1b44264f71586cf36ea85a920c65ab68ea' }, index$1.h("input", { key: 'b740788c09c9abd2368e35d1107581e821b72d28', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
+        return (index$1.h(index$1.Host, { key: '0ee80d3f6e70e496682e798ddfc57d9e8e8b0578' }, index$1.h("input", { key: '6ec2b8825e4b2e9c2d130ce810bb76f67dc30940', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
     }
 };
 
@@ -1715,10 +1715,10 @@ const IframeInput = class {
         return params;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '6317dc0f48d4b44a94a2172e2d7342b8b77d96c7', class: "form-group d-flex flex-column" }, index$1.h("div", { key: '928a638fd786fb3e0518586e7c91f43d8e78f869', style: {
+        return (index$1.h(index$1.Host, { key: '476aa13501c575d34fc189186cb9cc087f1934c0', class: "form-group d-flex flex-column" }, index$1.h("div", { key: '4479d3f3ca36738a4803a8296335df173cc60600', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, index$1.h("label", { key: '9489d0302ae3c1f9944c4563a4cf57a9864a0055', class: "form-label", htmlFor: "", part: parts.label }, this.label || ''), index$1.h("div", { key: '024ba8303ad42a45ea0794c7bd551294bad67c84', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, index$1.h("iframe", { key: 'effd7074bf559e5dfb63450eda633af57edb7abc', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, index$1.h("label", { key: 'ab3ca944b088d966fb5e31248e72be90cd817596', class: "form-label", htmlFor: "", part: parts.label }, this.label || ''), index$1.h("div", { key: 'e0590b5060c5f53ae009f463c7fd2013c718d29a', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, index$1.h("iframe", { key: '5c31e3628e9c1480702008c750b9023e27427c68', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1728,7 +1728,7 @@ const IframeInput = class {
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), index$1.h(formControlErrorText.FormControlErrorText, { key: '718118cbaf63d8e287f9bb8a0175b9cdb44fe41b', errorText: this.errorText, name: this.inputId }))));
+            } })), index$1.h(formControlErrorText.FormControlErrorText, { key: '8dd8903b2de383fa145a11d45e32efe1b95e10fd', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return index$1.getElement(this); }
 };

package/dist/cjs/{index-BCtVWU61.js → index-Yd9aLenr.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-D5bL1DOi.js');
+var index = require('./index-dm_GlYlb.js');
 
 const appendToMap = (map, propName, value) => {
     const items = map.get(propName);
@@ -78,6 +78,8 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
         set: [],
         reset: [],
     };
+    // Track onChange listeners to enable removeListener functionality
+    const changeListeners = new Map();
     const reset = () => {
         // When resetting the state, the default state may be a function - unwrap it to invoke it.
         // otherwise, the state won't be properly reset
@@ -131,17 +133,21 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
         };
     };
     const onChange = (propName, cb) => {
-        const unSet = on('set', (key, newValue) => {
+        const setHandler = (key, newValue) => {
             if (key === propName) {
                 cb(newValue);
             }
-        });
-        // We need to unwrap the defaultState because it might be a function.
-        // Otherwise we might not be sending the right reset value.
-        const unReset = on('reset', () => cb(unwrap(defaultState)[propName]));
+        };
+        const resetHandler = () => cb(unwrap(defaultState)[propName]);
+        // Register the handlers
+        const unSet = on('set', setHandler);
+        const unReset = on('reset', resetHandler);
+        // Track the relationship between the user callback and internal handlers
+        changeListeners.set(cb, { setHandler, resetHandler, propName });
         return () => {
             unSet();
             unReset();
+            changeListeners.delete(cb);
         };
     };
     const use = (...subscriptions) => {
@@ -166,6 +172,15 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
         const oldValue = states.get(key);
         handlers.set.forEach((cb) => cb(key, oldValue, oldValue));
     };
+    const removeListener = (propName, listener) => {
+        const listenerInfo = changeListeners.get(listener);
+        if (listenerInfo && listenerInfo.propName === propName) {
+            // Remove the specific handlers that were created for this listener
+            removeFromArray(handlers.set, listenerInfo.setHandler);
+            removeFromArray(handlers.reset, listenerInfo.resetHandler);
+            changeListeners.delete(listener);
+        }
+    };
     return {
         state,
         get,
@@ -176,6 +191,7 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
         dispose,
         reset,
         forceUpdate,
+        removeListener,
     };
 };
 const removeFromArray = (array, item) => {

package/dist/cjs/{index-D5bL1DOi.js → index-dm_GlYlb.js}

@@ -3,11 +3,8 @@
 const NAMESPACE = 'webcomponents';
 const BUILD = /* webcomponents */ { hydratedSelectorName: "hydrated", lazyLoad: true, slotRelocation: true, updatable: true};
 
-const globalScripts = () => {};
-const globalStyles = "";
-
 /*
- Stencil Client Platform v4.35.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.36.2 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -122,6 +119,7 @@ var supportsConstructableStylesheets = /* @__PURE__ */ (() => {
   }
   return false;
 })() ;
+var supportsMutableAdoptedStyleSheets = supportsConstructableStylesheets ? /* @__PURE__ */ (() => !!win.document && Object.getOwnPropertyDescriptor(win.document.adoptedStyleSheets, "length").writable)() : false;
 var queuePending = false;
 var queueDomReads = [];
 var queueDomWrites = [];
@@ -221,12 +219,24 @@ var unwrapErr = (result) => {
     throw result.value;
   }
 };
+
+// src/utils/style.ts
+function createStyleSheetIfNeededAndSupported(styles2) {
+  return void 0;
+}
+
+// src/utils/shadow-root.ts
+var globalStyleSheet;
 function createShadowRoot(cmpMeta) {
+  var _a;
   const shadowRoot = this.attachShadow({ mode: "open" });
-  if (supportsConstructableStylesheets) {
-    const sheet = new CSSStyleSheet();
-    sheet.replaceSync(globalStyles);
-    shadowRoot.adoptedStyleSheets.push(sheet);
+  if (globalStyleSheet === void 0) globalStyleSheet = (_a = createStyleSheetIfNeededAndSupported()) != null ? _a : null;
+  if (globalStyleSheet) {
+    if (supportsMutableAdoptedStyleSheets) {
+      shadowRoot.adoptedStyleSheets.push(globalStyleSheet);
+    } else {
+      shadowRoot.adoptedStyleSheets = [...shadowRoot.adoptedStyleSheets, globalStyleSheet];
+    }
   }
 }
 var updateFallbackSlotVisibility = (elm) => {
@@ -349,6 +359,7 @@ var uniqueTime = (key, measureText) => {
     };
   }
 };
+var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
 var h = (nodeName, vnodeData, ...children) => {
   let child = null;
   let key = null;
@@ -473,6 +484,12 @@ createSupportsRuleRe("::slotted");
 createSupportsRuleRe(":host");
 createSupportsRuleRe(":host-context");
 var parsePropertyValue = (propValue, propType, isFormAssociated) => {
+  if (typeof propValue === "string" && (propType & 16 /* Unknown */ || propType & 8 /* Any */) && (propValue.startsWith("{") && propValue.endsWith("}") || propValue.startsWith("[") && propValue.endsWith("]"))) {
+    try {
+      return JSON.parse(propValue);
+    } catch (e) {
+    }
+  }
   if (propValue != null && !isComplexType(propValue)) {
     if (propType & 4 /* Boolean */) {
       {
@@ -489,7 +506,10 @@ var parsePropertyValue = (propValue, propType, isFormAssociated) => {
   }
   return propValue;
 };
-var getElement = (ref) => getHostRef(ref).$hostElement$ ;
+var getElement = (ref) => {
+  var _a;
+  return (_a = getHostRef(ref)) == null ? void 0 : _a.$hostElement$ ;
+};
 
 // src/runtime/event-emitter.ts
 var createEvent = (ref, name, flags) => {
@@ -510,7 +530,6 @@ var emitEvent = (elm, name, opts) => {
   elm.dispatchEvent(ev);
   return ev;
 };
-var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
 var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
   if (oldValue === newValue) {
     return;
@@ -942,7 +961,7 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
       !isInitialRender && BUILD.updatable && oldChildren !== null
     ) {
       removeVnodes(oldChildren, 0, oldChildren.length - 1);
-    }
+    } else ;
     if (isSvgMode && tag === "svg") {
       isSvgMode = false;
     }
@@ -1129,6 +1148,12 @@ var scheduleUpdate = (hostRef, isInitialLoad) => {
   }
   attachToAncestor(hostRef, hostRef.$ancestorComponent$);
   const dispatch = () => dispatchHooks(hostRef, isInitialLoad);
+  if (isInitialLoad) {
+    queueMicrotask(() => {
+      dispatch();
+    });
+    return;
+  }
   return writeTask(dispatch) ;
 };
 var dispatchHooks = (hostRef, isInitialLoad) => {
@@ -1253,9 +1278,10 @@ var postUpdateComponent = (hostRef) => {
   }
 };
 var forceUpdate = (ref) => {
+  var _a;
   {
     const hostRef = getHostRef(ref);
-    const isConnected = hostRef.$hostElement$.isConnected;
+    const isConnected = (_a = hostRef == null ? void 0 : hostRef.$hostElement$) == null ? void 0 : _a.isConnected;
     if (isConnected && (hostRef.$flags$ & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
       scheduleUpdate(hostRef, false);
     }
@@ -1284,6 +1310,9 @@ var addHydratedFlag = (elm) => {
 var getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
 var setValue = (ref, propName, newVal, cmpMeta) => {
   const hostRef = getHostRef(ref);
+  if (!hostRef) {
+    return;
+  }
   if (!hostRef) {
     throw new Error(
       `Couldn't find host element for "${cmpMeta.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`
@@ -1359,6 +1388,9 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
         Object.defineProperty(prototype, memberName, {
           set(newValue) {
             const ref = getHostRef(this);
+            if (!ref) {
+              return;
+            }
             if (origSetter) {
               const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
               if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
@@ -1433,7 +1465,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
           } else if (propName == null) {
             const hostRef = getHostRef(this);
             const flags2 = hostRef == null ? void 0 : hostRef.$flags$;
-            if (flags2 && !(flags2 & 8 /* isConstructingInstance */) && flags2 & 128 /* isWatchReady */ && newValue !== oldValue) {
+            if (hostRef && flags2 && !(flags2 & 8 /* isConstructingInstance */) && flags2 & 128 /* isWatchReady */ && newValue !== oldValue) {
               const instance = hostRef.$lazyInstance$ ;
               const entry = (_a2 = cmpMeta.$watchers$) == null ? void 0 : _a2[attrName];
               entry == null ? void 0 : entry.forEach((callbackName) => {
@@ -1532,6 +1564,9 @@ var fireConnectedCallback = (instance, elm) => {
 var connectedCallback = (elm) => {
   if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
     const hostRef = getHostRef(elm);
+    if (!hostRef) {
+      return;
+    }
     const cmpMeta = hostRef.$cmpMeta$;
     const endConnected = createTime("connectedCallback", cmpMeta.$tagName$);
     if (!(hostRef.$flags$ & 1 /* hasConnected */)) {
@@ -1593,7 +1628,7 @@ var disconnectedCallback = async (elm) => {
   if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
     const hostRef = getHostRef(elm);
     {
-      if (hostRef.$rmListeners$) {
+      if (hostRef == null ? void 0 : hostRef.$rmListeners$) {
         hostRef.$rmListeners$.map((rmListener) => rmListener());
         hostRef.$rmListeners$ = void 0;
       }
@@ -1677,6 +1712,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
         }
         connectedCallback() {
           const hostRef = getHostRef(this);
+          if (!hostRef) {
+            return;
+          }
           if (!this.hasRegisteredEventListeners) {
             this.hasRegisteredEventListeners = true;
             addHostEventListeners(this, hostRef, cmpMeta.$listeners$);
@@ -1696,6 +1734,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           plt.raf(() => {
             var _a3;
             const hostRef = getHostRef(this);
+            if (!hostRef) {
+              return;
+            }
             const i2 = deferredConnectedCallbacks.findIndex((host) => host === this);
             if (i2 > -1) {
               deferredConnectedCallbacks.splice(i2, 1);
@@ -1706,7 +1747,8 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           });
         }
         componentOnReady() {
-          return getHostRef(this).$onReadyPromise$;
+          var _a3;
+          return (_a3 = getHostRef(this)) == null ? void 0 : _a3.$onReadyPromise$;
         }
       };
       cmpMeta.$lazyBundleId$ = lazyBundle[0];
@@ -1788,7 +1830,6 @@ exports.createEvent = createEvent;
 exports.forceUpdate = forceUpdate;
 exports.getElement = getElement;
 exports.getRenderingRef = getRenderingRef;
-exports.globalScripts = globalScripts;
 exports.h = h;
 exports.promiseResolve = promiseResolve;
 exports.registerInstance = registerInstance;