npm - @justifi/webcomponents - Versions diffs - 6.5.1-rc.5 → 6.5.1-rc.7 - Mend

@justifi/webcomponents 6.5.1-rc.5 → 6.5.1-rc.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (120) hide show

package/docs/payment-facilitation/refund-payment/index.mdx CHANGED Viewed

@@ -5,7 +5,11 @@ description: Guided UI for issuing full or partial refunds with reason codes and
 sidebar_position: 33
 ---
-import { PropsTable, PartsTable, getWebcomponentsVersion } from '@justifi/webcomponents/docs/helpers';
+import {
+  PropsTable,
+  PartsTable,
+  getWebcomponentsVersion,
+} from '@justifi/webcomponents/docs/helpers';
 ## Overview
@@ -22,7 +26,12 @@ Component to render a form for partially or fully refunding a payment based on a
   <title>justifi-refund-payment</title>
   <script type="module" src="https://cdn.jsdelivr.net/npm/@justifi/webcomponents@${getWebcomponentsVersion()}/dist/webcomponents/webcomponents.esm.js"></script>
-  <script nomodule src="https://cdn.jsdelivr.net/npm/@justifi/webcomponents@${getWebcomponentsVersion()}/dist/webcomponents/webcomponents.js"></script>
+<script
+  nomodule
+  src="https://cdn.jsdelivr.net/npm/@justifi/webcomponents@${getWebcomponentsVersion()}/dist/webcomponents/webcomponents.js"
+></script>
   <style>
     ::part(font-family) {
       font-family: georgia;
@@ -92,6 +101,7 @@ Component to render a form for partially or fully refunding a payment based on a
       color: #333;
     }
     </style>
 </head>
 <body>
@@ -104,6 +114,7 @@ Component to render a form for partially or fully refunding a payment based on a
   <!-- Optional external button - this is only needed if the built in button is hidden via the hide-submit-button prop
    and the refund is submitted via provided refundPayment() method - see below. -->
   <button id="submit-refund-button">Submit Refund</button>
 </body>
@@ -128,11 +139,13 @@ Component to render a form for partially or fully refunding a payment based on a
     });
   })();
 </script>
 </html>`}</code></pre>
 ## Props, Events & Methods
-<div dangerouslySetInnerHTML={{ __html: PropsTable([
+<PropsTable
+  rows={[
     {
       name: 'account-id',
       type: 'string',
@@ -163,7 +176,8 @@ Component to render a form for partially or fully refunding a payment based on a
       type: 'string',
       description: 'Preselects a refund reason code.',
     },
-  ]) }} />
+  ]}
+/>
 ### Events
@@ -177,7 +191,8 @@ Component to render a form for partially or fully refunding a payment based on a
 ## Theming & Layout
-<div dangerouslySetInnerHTML={{ __html: PartsTable([
+<PartsTable
+  parts={[
     {
       name: 'font-family',
       description: 'Controls the font family for the component.',
@@ -218,12 +233,5 @@ Component to render a form for partially or fully refunding a payment based on a
       name: 'button-primary',
       description: 'Primary button styles.',
     },
-  ]) }} />
-## Static examples
-### Programmatic refunds
-<pre><code className="language-js">{`const component = document.querySelector('justifi-refund-payment');
-document.querySelector('#confirm-refund').onclick = () => component.submit();`}</code></pre>
+  ]}
+/>

package/docs/payment-facilitation/tokenize-payment-method/index.mdx CHANGED Viewed

@@ -5,7 +5,11 @@ description: Secure standalone card/bank tokenization form with built-in validat
 sidebar_position: 1
 ---
-import { PropsTable, PartsTable, getWebcomponentsVersion } from '@justifi/webcomponents/docs/helpers';
+import {
+  PropsTable,
+  PartsTable,
+  getWebcomponentsVersion,
+} from '@justifi/webcomponents/docs/helpers';
 ## Overview
@@ -22,7 +26,12 @@ Component to render an entire form including a switch to use a credit card or ba
   <title>justifi-tokenize-payment-method</title>
   <script type="module" src="https://cdn.jsdelivr.net/npm/@justifi/webcomponents@${getWebcomponentsVersion()}/dist/webcomponents/webcomponents.esm.js"></script>
-  <script nomodule src="https://cdn.jsdelivr.net/npm/@justifi/webcomponents@${getWebcomponentsVersion()}/dist/webcomponents/webcomponents.js"></script>
+<script
+  nomodule
+  src="https://cdn.jsdelivr.net/npm/@justifi/webcomponents@${getWebcomponentsVersion()}/dist/webcomponents/webcomponents.js"
+></script>
   <style>
     ::part(font-family) {
       font-family: georgia;
@@ -125,16 +134,17 @@ Component to render an entire form including a switch to use a credit card or ba
       cursor: pointer;
     }
     </style>
 </head>
-  <body>
-    <justifi-tokenize-payment-method
-      account-id="acc_123"
-      auth-token="authToken"
-      payment-method-group-id="pmg_123"
-      submit-button-text="Tokenize Payment Method"
-    />
-  </body>
+<body>
+  <justifi-tokenize-payment-method
+    account-id="acc_123"
+    auth-token="authToken"
+    payment-method-group-id="pmg_123"
+    submit-button-text="Tokenize Payment Method"
+  />
+</body>
   <script>
     const justifiTokenizePaymentMethod = document.querySelector("justifi-tokenize-payment-method");
@@ -199,7 +209,8 @@ Component to render an entire form including a switch to use a credit card or ba
 ## Props, Events & Methods
-<div dangerouslySetInnerHTML={{ __html: PropsTable([
+<PropsTable
+  rows={[
     {
       name: 'account-id',
       type: 'string',
@@ -245,7 +256,8 @@ Component to render an entire form including a switch to use a credit card or ba
       type: 'string',
       description: 'Name of a predefined theme exported by JustiFi (optional).',
     },
-  ]) }} />
+  ]}
+/>
 ### Events
@@ -261,7 +273,8 @@ Component to render an entire form including a switch to use a credit card or ba
 - Hosted fields remain inside PCI-safe iframes, so styling focuses on the outer wrapper plus the `::part` hooks listed below.
-<div dangerouslySetInnerHTML={{ __html: PartsTable([
+<PartsTable
+  parts={[
     {
       name: 'font-family',
       description: 'Controls the font family for the component.',
@@ -326,36 +339,7 @@ Component to render an entire form including a switch to use a credit card or ba
       name: 'radio-list-item',
       description: 'Radio list item styles.',
     },
-  ]) }} />
-- Slots are not exposed (all inputs are encapsulated in PCI iframes), so styling relies on CSS variables and `::part` hooks for wrapper elements.
-## Static examples
-### External submission control
-Hide the internal CTA and trigger tokenization manually (e.g., to combine with a review step).
-<pre><code className="language-html">{`<justifi-tokenize-payment-method
-  account-id="acc_123"
-  auth-token="wct_abc123"
-  hide-submit-button
-  ref={el => (window.tokenizer = el)}
+  ]}
 />
-<button onclick="window.tokenizer.tokenizePaymentMethod()">
-  Submit Payment
-</button>
-`}</code></pre>
-### Prefill billing info
-<pre><code className="language-js">{`const tokenizer = document.querySelector('justifi-tokenize-payment-method');
-tokenizer.fillBillingForm({
-name: 'Leslie Knope',
-address_line1: '123 Main St',
-address_city: 'Pawnee',
-address_state: 'IN',
-address_postal_code: '47998',
-});`}</code></pre>
+- Slots are not exposed (all inputs are encapsulated in PCI iframes), so styling relies on CSS variables and `::part` hooks for wrapper elements.

package/docs/payment-facilitation/unified-fintech-checkout/342/204/242/index.mdx CHANGED Viewed

@@ -24,45 +24,42 @@ import { PropsTable, PartsTable } from '@justifi/webcomponents/docs/helpers';
 ## Props, Events & Methods
-<div
-  dangerouslySetInnerHTML={{
-    __html: PropsTable([
-      {
-        name: 'account-id',
-        type: 'string',
-        required: true,
-        description:
-          'Owning platform account; determines branding + permissions.',
-      },
-      {
-        name: 'auth-token',
-        type: 'string',
-        required: true,
-        description: 'Web Component Token with `write:checkout` scope.',
-      },
-      {
-        name: 'checkout-id',
-        type: 'string',
-        required: true,
-        description:
-          'Server-generated checkout session controlling line items and totals.',
-      },
-      {
-        name: 'require-save-payment-method',
-        type: 'boolean',
-        defaultValue: 'false',
-        description:
-          'When true, forces customers to save the payment method for future use.',
-      },
-      {
-        name: 'locale',
-        type: 'string',
-        defaultValue: 'en-US',
-        description:
-          'Controls currency formatting, copy, and date presentation.',
-      },
-    ]),
-  }}
+<PropsTable
+  rows={[
+    {
+      name: 'account-id',
+      type: 'string',
+      required: true,
+      description:
+        'Owning platform account; determines branding + permissions.',
+    },
+    {
+      name: 'auth-token',
+      type: 'string',
+      required: true,
+      description: 'Web Component Token with `write:checkout` scope.',
+    },
+    {
+      name: 'checkout-id',
+      type: 'string',
+      required: true,
+      description:
+        'Server-generated checkout session controlling line items and totals.',
+    },
+    {
+      name: 'require-save-payment-method',
+      type: 'boolean',
+      defaultValue: 'false',
+      description:
+        'When true, forces customers to save the payment method for future use.',
+    },
+    {
+      name: 'locale',
+      type: 'string',
+      defaultValue: 'en-US',
+      description: 'Controls currency formatting, copy, and date presentation.',
+    },
+  ]}
 />
 ### Events
@@ -78,87 +75,71 @@ import { PropsTable, PartsTable } from '@justifi/webcomponents/docs/helpers';
 ## Theming & Layout
-<div
-  dangerouslySetInnerHTML={{
-    __html: PartsTable([
-      {
-        name: 'font-family',
-        description: 'Controls the font family for the component.',
-      },
-      {
-        name: 'color',
-        description: 'Controls the text color.',
-      },
-      {
-        name: 'background-color',
-        description: 'Controls the background color.',
-      },
-      {
-        name: 'button',
-        description: 'Button styles.',
-      },
-      {
-        name: 'button-disabled',
-        description: 'Disabled button styles.',
-      },
-      {
-        name: 'input',
-        description: 'Input field styles.',
-      },
-      {
-        name: 'input-focused',
-        description: 'Input styles when focused.',
-      },
-      {
-        name: 'input-invalid',
-        description: 'Input styles when invalid.',
-      },
-      {
-        name: 'input-invalid-and-focused',
-        description: 'Input styles when invalid and focused.',
-      },
-      {
-        name: 'input-radio',
-        description: 'Radio input styles.',
-      },
-      {
-        name: 'input-checkbox',
-        description: 'Checkbox input styles.',
-      },
-      {
-        name: 'input-checkbox-checked',
-        description: 'Checkbox input styles when checked.',
-      },
-      {
-        name: 'input-checkbox-checked-focused',
-        description: 'Checkbox input styles when checked and focused.',
-      },
-      {
-        name: 'input-checkbox-focused',
-        description: 'Checkbox input styles when focused.',
-      },
-      {
-        name: 'button-primary',
-        description: 'Primary button styles.',
-      },
-      {
-        name: 'radio-list-item',
-        description: 'Radio list item styles.',
-      },
-    ]),
-  }}
+<PartsTable
+  parts={[
+    {
+      name: 'font-family',
+      description: 'Controls the font family for the component.',
+    },
+    {
+      name: 'color',
+      description: 'Controls the text color.',
+    },
+    {
+      name: 'background-color',
+      description: 'Controls the background color.',
+    },
+    {
+      name: 'button',
+      description: 'Button styles.',
+    },
+    {
+      name: 'button-disabled',
+      description: 'Disabled button styles.',
+    },
+    {
+      name: 'input',
+      description: 'Input field styles.',
+    },
+    {
+      name: 'input-focused',
+      description: 'Input styles when focused.',
+    },
+    {
+      name: 'input-invalid',
+      description: 'Input styles when invalid.',
+    },
+    {
+      name: 'input-invalid-and-focused',
+      description: 'Input styles when invalid and focused.',
+    },
+    {
+      name: 'input-radio',
+      description: 'Radio input styles.',
+    },
+    {
+      name: 'input-checkbox',
+      description: 'Checkbox input styles.',
+    },
+    {
+      name: 'input-checkbox-checked',
+      description: 'Checkbox input styles when checked.',
+    },
+    {
+      name: 'input-checkbox-checked-focused',
+      description: 'Checkbox input styles when checked and focused.',
+    },
+    {
+      name: 'input-checkbox-focused',
+      description: 'Checkbox input styles when focused.',
+    },
+    {
+      name: 'button-primary',
+      description: 'Primary button styles.',
+    },
+    {
+      name: 'radio-list-item',
+      description: 'Radio list item styles.',
+    },
+  ]}
 />
-## Static examples
-### Listen for completion
-Trigger downstream logic when checkout completes.
-<pre>
-  <code className="language-js">{`const checkout = document.querySelector('justifi-checkout');
-checkout.addEventListener('completed', (event) => {
-analytics.track('checkout_completed', event.detail);
-});`}</code>
-</pre>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@justifi/webcomponents",
-  "version": "6.5.1-rc.5",
+  "version": "6.5.1-rc.7",
   "description": "JustiFi Web Components",
   "collection": "dist/collection/collection-manifest.json",
   "main": "dist/index.cjs.js",

package/dist/webcomponents/p-04ed045b.entry.js DELETED Viewed

@@ -1 +0,0 @@

- import{r as t,c as s,h as r}from"./p-DwYM91AU.js";import{A as o}from"./p-C8yN3uBj.js";import{C as i,a as e}from"./p-Cjcsf8ku.js";import"./p-BpaE8q5f.js";import"./p-CLHwhyvu.js";import"./p-B5rtFhtR.js";import"./p-BH0Xfn-F.js";import{g as a,a as n}from"./p-D2muobcE.js";import{E as p}from"./p-BNqo3kt0.js";import{c as h,J as c}from"./p-C6wS5-M7.js";import"./p-tGDdRx0W.js";import"./p-BYsgavgS.js";import"./p-BS7OgSQe.js";import"./p-HXpYMWUU.js";import"./p-wtuY7MT2.js";import"./p-DEhd71m_.js";const m=o();class u{async fetchGrossVolumeChartData(t,s){return m.get({endpoint:`account/${t}/reports/gross_volume`,authToken:s})}}const d=class{constructor(r){t(this,r),this.errorEvent=s(this,"error-event"),this.errorMessage=null,this.handleErrorEvent=t=>{this.errorMessage=t.detail.message,this.errorEvent.emit(t.detail)}}componentWillLoad(){h(),this.analytics=new c(this),this.initializeGetGrossPayment()}disconnectedCallback(){var t;null===(t=this.analytics)||void 0===t||t.cleanup()}propChanged(){this.initializeGetGrossPayment()}initializeGetGrossPayment(){this.accountId&&this.authToken?this.getGrossPayment=(({id:t,authToken:s,service:r})=>async({onSuccess:o,onError:e})=>{var p;try{const h=await r.fetchGrossVolumeChartData(t,s);h.error?e({error:n(h.error),code:a(null===(p=h.error)||void 0===p?void 0:p.code),severity:i.ERROR}):o(h.data)}catch(t){const s=a(null==t?void 0:t.code);e({error:n(t),code:s,severity:i.ERROR})}})({id:this.accountId,authToken:this.authToken,service:new u}):(this.errorMessage="Account ID and Auth Token are required",this.errorEvent.emit({errorCode:e.MISSING_PROPS,message:this.errorMessage,severity:i.ERROR}))}render(){return this.errorMessage?p(this.errorMessage):r("gross-payment-chart-core",{getGrossPayment:this.getGrossPayment,"onError-event":this.handleErrorEvent})}static get watchers(){return{accountId:["propChanged"],authToken:["propChanged"]}}};export{d as justifi_gross_payment_chart}

package/dist/webcomponents/p-3101565c.entry.js DELETED Viewed

@@ -1 +0,0 @@

- import{r,c as s,h as t}from"./p-DwYM91AU.js";import{S as i}from"./p-BP2sTIQV.js";import"./p-CZfYo5-1.js";import{c as e,J as o}from"./p-C6wS5-M7.js";import{d as a}from"./p-CFevTCAJ.js";import"./p-tGDdRx0W.js";import"./p-HXpYMWUU.js";import{C as n,a as p}from"./p-Cjcsf8ku.js";import{i as c}from"./p-BpaE8q5f.js";import"./p-CLHwhyvu.js";import"./p-B5rtFhtR.js";import"./p-BH0Xfn-F.js";import{g as m,a as d}from"./p-D2muobcE.js";import{A as h}from"./p-C8yN3uBj.js";import"./p-DEhd71m_.js";import"./p-wtuY7MT2.js";import"./p-BS7OgSQe.js";import"./p-DOLBAxYf.js";import"./p-BYsgavgS.js";const l=h();class u{async fetchTerminalOrders(r,s,t){return l.get({endpoint:"terminals/orders",params:t,headers:{account:r},authToken:s})}}const f=class{constructor(t){r(this,t),this.errorEvent=s(this,"error-event"),this.errorMessage=null,this.columns=a,this.handleErrorEvent=r=>{this.errorMessage=r.detail.message,this.errorEvent.emit(r.detail)}}componentWillLoad(){e(),this.analytics=new o(this),this.initializeGetData()}disconnectedCallback(){var r;null===(r=this.analytics)||void 0===r||r.cleanup()}initializeGetData(){this.accountId&&this.authToken?this.getTerminalOrders=(({id:r,authToken:s,service:t})=>async({params:i,onSuccess:e,onError:o,final:a})=>{var p,h;try{const a=await t.fetchTerminalOrders(r,s,i);if(a.error)return o({error:d(a.error),code:m(null===(h=a.error)||void 0===h?void 0:h.code),severity:n.ERROR});{const r=Object.assign({},a.page_info);e({terminalOrders:(null===(p=a.data)||void 0===p?void 0:p.map((r=>new c(r))))||[],pagingInfo:r})}}catch(r){const s=m(null==r?void 0:r.code);return o({error:r.message||r,code:s,severity:n.ERROR})}finally{return a()}})({id:this.accountId,authToken:this.authToken,service:new u}):(this.errorMessage="Account ID and Auth Token are required",this.errorEvent.emit({errorCode:p.MISSING_PROPS,message:this.errorMessage,severity:n.ERROR}))}render(){return t(i,{key:"f89cb75d014a5d43c6766f0e0e7a572807c3df9f"},t("terminal-orders-list-core",{key:"c38fd6424ebca672c9577255d81b9e97712f3b9b",getTerminalOrders:this.getTerminalOrders,"onError-event":this.handleErrorEvent,columns:this.columns}))}};export{f as justifi_terminal_orders_list}

package/dist/webcomponents/p-8c07d9f0.entry.js DELETED Viewed

@@ -1 +0,0 @@

- import{r as t,c as s,h as i}from"./p-DwYM91AU.js";import{P as e}from"./p-C8QOezo8.js";import{m as r}from"./p-Ch9cTPyq.js";import{E as o}from"./p-BNqo3kt0.js";import{C as p,a as h}from"./p-Cjcsf8ku.js";import{c as a,J as n}from"./p-C6wS5-M7.js";import"./p-C8yN3uBj.js";import"./p-tGDdRx0W.js";import"./p-BYsgavgS.js";import"./p-BS7OgSQe.js";import"./p-HXpYMWUU.js";import"./p-BpaE8q5f.js";import"./p-BH0Xfn-F.js";import"./p-CLHwhyvu.js";import"./p-B5rtFhtR.js";import"./p-D2muobcE.js";import"./p-wtuY7MT2.js";import"./p-DEhd71m_.js";const m=class{constructor(i){t(this,i),this.errorEvent=s(this,"error-event"),this.recordClickEvent=s(this,"record-click-event"),this.errorMessage=null,this.paymentService=new e,this.handleErrorEvent=t=>{this.errorMessage=t.detail.message,this.errorEvent.emit(t.detail)},this.handleRecordClickEvent=t=>{this.recordClickEvent.emit({id:t.detail.id,type:t.detail.type})}}componentWillLoad(){a(),this.analytics=new n(this),this.initializeGetPaymentDetails()}disconnectedCallback(){var t;null===(t=this.analytics)||void 0===t||t.cleanup()}propChanged(){this.initializeGetPaymentDetails()}initializeGetPaymentDetails(){this.paymentId&&this.authToken?this.getPaymentDetails=r({id:this.paymentId,authToken:this.authToken,service:new e}):(this.errorMessage="Payment ID and Auth Token are required",this.errorEvent.emit({message:this.errorMessage,errorCode:h.MISSING_PROPS,severity:p.ERROR}))}render(){return this.errorMessage?o(this.errorMessage):i("payment-details-core",{getPaymentDetails:this.getPaymentDetails,"onError-event":this.handleErrorEvent,"onRecord-click-event":this.handleRecordClickEvent,"enable-record-click":"true"})}static get watchers(){return{paymentId:["propChanged"],authToken:["propChanged"]}}};export{m as justifi_payment_details}

package/dist/webcomponents/p-9efd1bce.entry.js DELETED Viewed

@@ -1 +0,0 @@

- import{h as i,r as s,c as t}from"./p-DwYM91AU.js";import{ao as e,am as r,af as o,D as l}from"./p-wtuY7MT2.js";import{S as d}from"./p-BP2sTIQV.js";import"./p-CZfYo5-1.js";import{c as n,J as a}from"./p-C6wS5-M7.js";import{C as h,a as c}from"./p-Cjcsf8ku.js";import{B as u}from"./p-BCPutgAi.js";import{B as v}from"./p-B5rtFhtR.js";import{m as p}from"./p-sCHf--Vc.js";import{S as m}from"./p-c7MCfTgE.js";import"./p-tGDdRx0W.js";import"./p-HXpYMWUU.js";import{j as f,i as w,b as g}from"./p-BpaE8q5f.js";import"./p-CLHwhyvu.js";import"./p-BH0Xfn-F.js";import{g as x,a as j}from"./p-D2muobcE.js";import{T as y}from"./p-MQxr_LMC.js";import{k as b}from"./p-BS7OgSQe.js";import"./p-DEhd71m_.js";import"./p-C8yN3uBj.js";import"./p-BYsgavgS.js";const S=()=>i("div",{class:"row gap-3"},i("div",{class:"col-12"},i(m,{width:"25%"})),i("div",{class:"col-12"},i(m,{width:"100%"})),i("div",{class:"col-12 d-flex gap-3"},i(m,{width:"50%"}),i(m,{width:"50%"})),i("div",{class:"col-12 d-flex gap-3"},i(m,{width:"65%"}),i(m,{width:"35%"}))),C=()=>i("div",{class:"row gap-5"},i("div",{class:"col-12"},i(m,{width:"40%",height:"40px"})),i(S,null)),k=()=>i("div",{class:"terminal-selector-skeleton mt-4 rounded shadow-sm"},i("div",{class:"d-flex align-items-center gap-3"},i(m,{width:"125px",height:"125px",styles:{borderRadius:"8px"}}),i("div",{class:"flex-grow-1"},i("div",{class:"d-flex row flex-row"},i("div",{class:"col-6 flex-column"},i(m,null),i(m,{width:"60%"})),i("div",{class:"d-flex justify-content-end align-items-center gap-2 col-6"},i(m,{width:"32px",height:"32px",styles:{borderRadius:"50%"}}),i(m,{width:"80px",height:"32px"}),i(m,{width:"32px",height:"32px",styles:{borderRadius:"50%"}}))),i("div",{class:"mt-4"},i("div",{class:"d-flex flex-column gap-2"},i(m,null),i(m,null)))))),B=class{constructor(i){s(this,i),this.errorEvent=t(this,"error-event"),this.submitted=t(this,"submit-event"),this.shipping=!1,this.submitButtonText="Submit Order",this.loading={business:!0,terminals:!0},this.submitting=!1,this.error=null,this.totalQuantity=0}componentWillLoad(){this.order=new w({business_id:this.businessId,sub_account_id:this.accountId,order_type:this.shipping?g.boardingShipping:g.boardingOnly}),n(),this.analytics=new a(this),this.loadData()}disconnectedCallback(){var i;null===(i=this.analytics)||void 0===i||i.cleanup()}handleError(i,s,t){this.error={message:i,code:s,severity:t},this.errorEvent.emit({errorCode:s,message:i,severity:t})}loadData(){this.businessId&&this.authToken?(this.initializeGetBusiness(),this.initializeGetTerminalModels()):this.handleError("Invalid business id or auth token",c.MISSING_PROPS,h.ERROR)}initializeGetBusiness(){p({id:this.businessId,authToken:this.authToken,service:new u})({onSuccess:({business:i})=>{this.business=new v(i),this.loading.business=!1},onError:({error:i,code:s,severity:t})=>{this.handleError(i,s,t),this.loading.business=!1}})}initializeGetTerminalModels(){(({id:i,authToken:s,service:t})=>async({onSuccess:e,onError:r})=>{var o,l,d,n;try{const a=await t.fetchTerminalModels(i,s);if(a.error)return r({error:j(a.error),code:x(null===(n=a.error)||void 0===n?void 0:n.code),severity:h.ERROR});e({terminals:(null===(l=null===(o=a.data)||void 0===o?void 0:o.terminal_order_models)||void 0===l?void 0:l.map((i=>new f(i))))||[],orderLimit:null===(d=a.data)||void 0===d?void 0:d.order_limit})}catch(i){const s=x(null==i?void 0:i.code);return r({error:i.message||i,code:s,severity:h.ERROR})}})({id:this.accountId,authToken:this.authToken,service:new y})({onSuccess:({terminals:i,orderLimit:s})=>{this.terminalModels=i,this.orderLimit=s,this.loading.terminals=!1},onError:({error:i,code:s,severity:t})=>{this.handleError(i,s,t),this.loading.terminals=!1}})}submitOrder(){const i=(({authToken:i,service:s,apiOrigin:t="https://wc-proxy.justifi.ai"})=>async({terminalOrder:e,onSuccess:r,onError:o})=>{var l;try{const d=await s.orderTerminals(i,e,t);if(d.error)return o({error:j(d.error),code:x(null===(l=d.error)||void 0===l?void 0:l.code),severity:h.ERROR});{const{data:i}=d;r({data:i})}}catch(i){const s=x(null==i?void 0:i.code);return o({error:i.message||i,code:s,severity:h.ERROR})}})({authToken:this.authToken,service:new y});this.submitting=!0,i({terminalOrder:this.order.payload,onSuccess:({data:i})=>{this.submitted.emit(i),this.submitting=!1},onError:({error:i,code:s,severity:t})=>{this.handleError(i,s,t),this.submitting=!1}})}onSelectedQuantityChange(i){this.order.updateTerminal(i.detail.modelName,i.detail.quantity),this.totalQuantity=this.order.totalQuantity}renderLoading(){return i("div",null,this.loading.business&&i(C,null),this.loading.terminals&&i("div",{class:"mt-5"},i(k,null),i(k,null),i(k,null)))}renderBusinessDetails(){var s,t,o,l,d,n,a,h;if(!this.loading.business&&this.business)return i("div",{class:"d-flex flex-column gap-4 mb-5 pt-5"},i("div",{class:"row"},i("div",{class:"col-12"},i("h2",{part:r},this.business.legal_name))),i("div",{class:"row"},i("div",{class:"col-6"},i("h5",{part:e},"Representative:"),i("div",null,i("div",null,null===(t=null===(s=this.business)||void 0===s?void 0:s.representative)||void 0===t?void 0:t.name),i("div",null,null===(l=null===(o=this.business)||void 0===o?void 0:o.representative)||void 0===l?void 0:l.title),i("div",null,null===(n=null===(d=this.business)||void 0===d?void 0:d.representative)||void 0===n?void 0:n.email),i("div",null,b(null===(h=null===(a=this.business)||void 0===a?void 0:a.representative)||void 0===h?void 0:h.phone)))),i("div",{class:"col-6"},i("h5",{part:e},this.shipping?"Shipping Address:":"Business Address:"),i("div",null,this.business.legal_address.line1,this.business.legal_address.line2?`, ${this.business.legal_address.line2}`:"",i("br",null),this.business.legal_address.city,", ",this.business.legal_address.state," ",this.business.legal_address.postal_code))))}renderTerminals(){if(!this.loading.terminals&&this.terminalModels)return i("div",{class:"d-flex flex-column gap-2 mt-5"},this.terminalModels.map((s=>i("terminal-quantity-selector",{modelName:s.model_name,description:s.description,imageUrl:s.image_url,helpUrl:s.help_url,limit:this.orderLimit-this.order.totalQuantity,onSelectedQuantityChange:this.onSelectedQuantityChange.bind(this)}))))}renderOrderSection(){return i("div",{class:"mt-3"},i("div",{class:"text-end"},"Order limit: ",this.orderLimit),i("div",{class:"d-flex justify-content-end mt-3"},i("button",{class:"btn btn-primary submit-btn",onClick:this.submitOrder.bind(this),disabled:0===this.order.totalQuantity||this.submitting,part:o},this.submitting?"Submitting...":this.submitButtonText)))}render(){return i(d,{key:"f9c515ea3cf3dd616d894cef2cc64789663608e8"},i("div",{key:"6b3d49555fe21563c251896300d313bed336f9fd",part:l},this.renderLoading(),this.renderBusinessDetails(),this.renderTerminals(),this.renderOrderSection()))}};export{B as justifi_order_terminals}

package/dist/webcomponents/p-DEhd71m_.js DELETED Viewed

	@@ -1 +0,0 @@
1	- var e={name:"@justifi/webcomponents",version:"6.5.1-rc.5"};export{e as p}

package/docs/helpers/PartsTable.js DELETED Viewed

@@ -1,50 +0,0 @@
-function escapeHtml(text) {
-  const map = {
-    '&': '&amp;',
-    '<': '&lt;',
-    '>': '&gt;',
-    '"': '&quot;',
-    "'": '&#039;',
-  };
-  return text.replace(/[&<>"']/g, (m) => map[m]);
-}
-export function PartsTable(parts, caption) {
-  if (!parts?.length) {
-    return '';
-  }
-  let html = '<table class="docs-parts-table">';
-  if (caption) {
-    html += `<caption>${escapeHtml(caption)}</caption>`;
-  }
-  html += `
-    <thead>
-      <tr>
-        <th scope="col">Part</th>
-        <th scope="col">Description</th>
-        <th scope="col">DOM target</th>
-      </tr>
-    </thead>
-    <tbody>`;
-  for (const part of parts) {
-    html += `
-      <tr>
-        <td>
-          <code>::part(${escapeHtml(part.name)})</code>
-        </td>
-        <td>${escapeHtml(part.description)}</td>
-        <td>${part.target ? escapeHtml(part.target) : '—'}</td>
-      </tr>`;
-  }
-  html += `
-    </tbody>
-  </table>`;
-  return html;
-}

package/docs/helpers/PartsTable.ts DELETED Viewed

@@ -1,55 +0,0 @@
-export interface PartsTableRow {
-  name: string;
-  description: string;
-  target?: string;
-}
-function escapeHtml(text: string): string {
-  const map: Record<string, string> = {
-    '&': '&amp;',
-    '<': '&lt;',
-    '>': '&gt;',
-    '"': '&quot;',
-    "'": '&#039;',
-  };
-  return text.replace(/[&<>"']/g, (m) => map[m]);
-}
-export function PartsTable(parts: PartsTableRow[], caption?: string): string {
-  if (!parts?.length) {
-    return '';
-  }
-  let html = '<table class="docs-parts-table">';
-  if (caption) {
-    html += `<caption>${escapeHtml(caption)}</caption>`;
-  }
-  html += `
-    <thead>
-      <tr>
-        <th scope="col">Part</th>
-        <th scope="col">Description</th>
-        <th scope="col">DOM target</th>
-      </tr>
-    </thead>
-    <tbody>`;
-  for (const part of parts) {
-    html += `
-      <tr>
-        <td>
-          <code>::part(${escapeHtml(part.name)})</code>
-        </td>
-        <td>${escapeHtml(part.description)}</td>
-        <td>${part.target ? escapeHtml(part.target) : '—'}</td>
-      </tr>`;
-  }
-  html += `
-    </tbody>
-  </table>`;
-  return html;
-}

package/docs/helpers/PropsTable.js DELETED Viewed

@@ -1,56 +0,0 @@
-function escapeHtml(text) {
-  const map = {
-    '&': '&amp;',
-    '<': '&lt;',
-    '>': '&gt;',
-    '"': '&quot;',
-    "'": '&#039;',
-  };
-  return text.replace(/[&<>"']/g, (m) => map[m]);
-}
-export function PropsTable(rows, caption) {
-  if (!rows?.length) {
-    return '';
-  }
-  let html = '<table class="docs-props-table">';
-  if (caption) {
-    html += `<caption>${escapeHtml(caption)}</caption>`;
-  }
-  html += `
-    <thead>
-      <tr>
-        <th scope="col">Name</th>
-        <th scope="col">Type</th>
-        <th scope="col">Required</th>
-        <th scope="col">Default</th>
-        <th scope="col">Description</th>
-      </tr>
-    </thead>
-    <tbody>`;
-  for (const row of rows) {
-    html += `
-      <tr>
-        <td>
-          <code>${escapeHtml(row.name)}</code>
-        </td>
-        <td>
-          <code>${escapeHtml(row.type)}</code>
-        </td>
-        <td>${row.required ? 'Yes' : 'No'}</td>
-        <td>${row.defaultValue ? `<code>${escapeHtml(row.defaultValue)}</code>` : '—'}</td>
-        <td>${escapeHtml(row.description)}</td>
-      </tr>`;
-  }
-  html += `
-    </tbody>
-  </table>`;
-  return html;
-}