@justifi/webcomponents 4.6.3 → 4.7.0-rc.0

package/dist/esm/subaccount-terms-details.entry.js.map

@@ -0,0 +1 @@
+{"file":"subaccount-terms-details.entry.js","mappings":";;;AAAA,MAAM,yBAAyB,GAAG,sl5GAAsl5G;;MCS3m5G,sBAAsB;;;;;EAGjC,MAAM;;IACJ,QACE,EAAC,IAAI,QACH,EAAC,aAAa,IAAC,YAAY,EAAC,sBAAsB,IAChD,WAAK,KAAK,EAAC,UAAU,IACnB,WAAK,KAAK,EAAC,iBAAiB,IAC1B,EAAC,UAAU,IACT,KAAK,EAAC,IAAI,EACV,KAAK,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,EAAE,GACpB,EACF,EAAC,UAAU,IACT,KAAK,EAAC,WAAW,EACjB,KAAK,EAAE,MAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,QAAQ,0CAAE,QAAQ,EAAE,GACtC,EACF,EAAC,UAAU,IACT,KAAK,EAAC,YAAY,EAClB,KAAK,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,UAAU,GAC5B,CACE,CACF,CACQ,CACX,EACP;GACH;;;;;;","names":[],"sources":["src/components/subaccount-details/subaccount-terms-details/subaccount-terms-details.scss?tag=subaccount-terms-details&encapsulation=shadow","src/components/subaccount-details/subaccount-terms-details/subaccount-terms-details.tsx"],"sourcesContent":["@import '../shared-subaccount-details.scss';","import { Component, Host, Prop, h } from '@stencil/core';\nimport { Terms } from '../../../api/SubAccount';\nimport { DetailItem, DetailSection } from '../../details/utils';\n\n@Component({\n  tag: 'subaccount-terms-details',\n  styleUrl: 'subaccount-terms-details.scss',\n  shadow: true,\n})\nexport class SubaccountTermsDetails {\n  @Prop() data: Terms\n\n  render() {\n    return (\n      <Host>\n        <DetailSection sectionTitle='Terms and Conditions'>\n          <div class=\"row gy-3\">\n            <div class=\"col-12 col-md-6\">\n              <DetailItem\n                title=\"IP\"\n                value={this.data?.ip}\n              />\n              <DetailItem\n                title=\"Accepted?\"\n                value={this.data?.accepted?.toString()}\n              />\n              <DetailItem\n                title=\"User Agent\"\n                value={this.data?.user_agent}\n              />\n            </div>\n          </div>\n        </DetailSection>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/utils-d647dd96.js

@@ -0,0 +1,29 @@
+import { h } from './index-b02f9a6e.js';
+
+const LoadingState = (h("main", { part: "detail-loading-state", class: "p-4 d-flex justify-content-center text-center", style: { fontSize: '1.2rem' } },
+  h("div", { part: "detail-loading-spinner", class: "spinner-border spinner-border-sm", role: "status" },
+    h("span", { class: "visually-hidden" }, "Loading..."))));
+const ErrorState = (errorMessage) => (h("main", { part: "detail-empty-state", class: "p-4 d-flex justify-content-center text-center", style: { fontSize: '1.2rem' } },
+  h("div", null, errorMessage)));
+const DetailSection = ({ sectionTitle }, children) => (h("div", { part: "detail-section", class: "mt-4" },
+  h("h5", { part: "detail-section-title" }, sectionTitle),
+  h("hr", null),
+  h("div", { class: "d-flex flex-column justify-content-center gap-2 text-nowrap" }, children)));
+const DetailItem = ({ title, value, }) => title && value ? (h("div", { class: "d-flex gap-2" },
+  h("span", { part: "detail-section-item-title", class: "fw-bold flex-1" }, title),
+  h("span", { part: "detail-section-item-data", class: "flex-1", innerHTML: value }))) : null;
+const EntityHeadInfoItem = ({ title, value, classes, }) => (h("div", { part: "detail-head-info-item", class: `d-flex flex-column ${classes}` },
+  h("span", { part: "detail-head-info-item-title", class: "fw-bold border-1 border-bottom ps-2 pe-2" }, title),
+  h("span", { part: "detail-head-info-item-data", class: "pt-2 ps-2 pe-2" }, value)));
+const EntityHeadInfo = ({ title, slot, badge }, children) => (h("div", { slot: slot, part: "detail-head", class: "p-2" },
+  h("div", { class: "d-flex flex-row align-items-center gap-2 mb-2" },
+    h("h1", { class: "m-0", part: "detail-title" }, title),
+    badge),
+  h("div", { part: "detail-head-info", class: "d-flex flex-row align-items-top" }, children)));
+const CodeBlock = ({ metadata }) => metadata && Object.keys(metadata).length ? (h("div", { class: 'mt-4' },
+  h("pre", { part: "detail-metadata", class: "p-2", "aria-label": "metadata content" },
+    h("code", null, JSON.stringify(metadata, null, 2))))) : null;
+
+export { CodeBlock as C, DetailSection as D, ErrorState as E, LoadingState as L, EntityHeadInfo as a, EntityHeadInfoItem as b, DetailItem as c };
+
+//# sourceMappingURL=utils-d647dd96.js.map

package/dist/esm/utils-d647dd96.js.map

@@ -0,0 +1 @@
+{"file":"utils-d647dd96.js","mappings":";;MAEa,YAAY,IACvB,YACE,IAAI,EAAC,sBAAsB,EAC3B,KAAK,EAAC,+CAA+C,EACrD,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;EAE7B,WACE,IAAI,EAAC,wBAAwB,EAC7B,KAAK,EAAC,kCAAkC,EACxC,IAAI,EAAC,QAAQ;IAEb,YAAM,KAAK,EAAC,iBAAiB,iBAAkB,CAC3C,CACD,EACP;MAEW,UAAU,GAAG,CAAC,YAAoB,MAC7C,YACE,IAAI,EAAC,oBAAoB,EACzB,KAAK,EAAC,+CAA+C,EACrD,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;EAE7B,eAAM,YAAY,CAAO,CACpB,EACP;MAEW,aAAa,GAAG,CAC3B,EAAE,YAAY,EAA4B,EAC1C,QAAQ,MAER,WAAK,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAC,MAAM;EACrC,UAAI,IAAI,EAAC,sBAAsB,IAAE,YAAY,CAAM;EACnD,aAAM;EACN,WAAK,KAAK,EAAC,6DAA6D,IACrE,QAAQ,CACL,CACF,EACN;MAEW,UAAU,GAAG,CAAC,EACzB,KAAK,EACL,KAAK,GAIN,KACC,KAAK,IAAI,KAAK,IACZ,WAAK,KAAK,EAAC,cAAc;EACvB,YAAM,IAAI,EAAC,2BAA2B,EAAC,KAAK,EAAC,gBAAgB,IAC1D,KAAK,CACD;EACP,YACE,IAAI,EAAC,0BAA0B,EAC/B,KAAK,EAAC,QAAQ,EACd,SAAS,EAAE,KAAK,GACV,CACJ,IACJ,KAAK;MAEE,kBAAkB,GAAG,CAAC,EACjC,KAAK,EACL,KAAK,EACL,OAAO,GAKR,MACC,WAAK,IAAI,EAAC,uBAAuB,EAAC,KAAK,EAAE,sBAAsB,OAAO,EAAE;EACtE,YACE,IAAI,EAAC,6BAA6B,EAClC,KAAK,EAAC,0CAA0C,IAE/C,KAAK,CACD;EACP,YAAM,IAAI,EAAC,4BAA4B,EAAC,KAAK,EAAC,gBAAgB,IAC3D,KAAK,CACD,CACH,EACN;MAEW,cAAc,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,QAAQ,MAC7D,WAAK,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,aAAa,EAAC,KAAK,EAAC,KAAK;EAC7C,WAAK,KAAK,EAAC,+CAA+C;IACxD,UAAI,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,cAAc,IAChC,KAAK,CACH;IACJ,KAAK,CACF;EACN,WAAK,IAAI,EAAC,kBAAkB,EAAC,KAAK,EAAC,iCAAiC,IACjE,QAAQ,CACL,CACF,EACN;MAEW,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAkB,KACpD,QAAQ,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,IACtC,WAAK,KAAK,EAAC,MAAM;EACf,WAAK,IAAI,EAAC,iBAAiB,EAAC,KAAK,EAAC,KAAK,gBAAY,kBAAkB;IACnE,gBACG,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAC7B,CACH,CACF,IACJ;;;;","names":[],"sources":["src/components/details/utils.tsx"],"sourcesContent":["import { h } from '@stencil/core';\n\nexport const LoadingState = (\n  <main\n    part=\"detail-loading-state\"\n    class=\"p-4 d-flex justify-content-center text-center\"\n    style={{ fontSize: '1.2rem' }}\n  >\n    <div\n      part=\"detail-loading-spinner\"\n      class=\"spinner-border spinner-border-sm\"\n      role=\"status\"\n    >\n      <span class=\"visually-hidden\">Loading...</span>\n    </div>\n  </main>\n);\n\nexport const ErrorState = (errorMessage: string) => (\n  <main\n    part=\"detail-empty-state\"\n    class=\"p-4 d-flex justify-content-center text-center\"\n    style={{ fontSize: '1.2rem' }}\n  >\n    <div>{errorMessage}</div>\n  </main>\n);\n\nexport const DetailSection = (\n  { sectionTitle }: { sectionTitle: string },\n  children,\n) => (\n  <div part=\"detail-section\" class=\"mt-4\">\n    <h5 part=\"detail-section-title\">{sectionTitle}</h5>\n    <hr />\n    <div class=\"d-flex flex-column justify-content-center gap-2 text-nowrap\">\n      {children}\n    </div>\n  </div>\n);\n\nexport const DetailItem = ({\n  title,\n  value,\n}: {\n  title: string;\n  value: string;\n}) =>\n  title && value ? (\n    <div class=\"d-flex gap-2\">\n      <span part=\"detail-section-item-title\" class=\"fw-bold flex-1\">\n        {title}\n      </span>\n      <span\n        part=\"detail-section-item-data\"\n        class=\"flex-1\"\n        innerHTML={value}\n      ></span>\n    </div>\n  ) : null;\n\nexport const EntityHeadInfoItem = ({\n  title,\n  value,\n  classes,\n}: {\n  title: string;\n  value: any;\n  classes?: string;\n}) => (\n  <div part=\"detail-head-info-item\" class={`d-flex flex-column ${classes}`}>\n    <span\n      part=\"detail-head-info-item-title\"\n      class=\"fw-bold border-1 border-bottom ps-2 pe-2\"\n    >\n      {title}\n    </span>\n    <span part=\"detail-head-info-item-data\" class=\"pt-2 ps-2 pe-2\">\n      {value}\n    </span>\n  </div>\n);\n\nexport const EntityHeadInfo = ({ title, slot, badge }, children) => (\n  <div slot={slot} part=\"detail-head\" class=\"p-2\">\n    <div class=\"d-flex flex-row align-items-center gap-2 mb-2\">\n      <h1 class=\"m-0\" part=\"detail-title\">\n        {title}\n      </h1>\n      {badge}\n    </div>\n    <div part=\"detail-head-info\" class=\"d-flex flex-row align-items-top\">\n      {children}\n    </div>\n  </div>\n);\n\nexport const CodeBlock = ({ metadata }: {metadata: {}}) => \n  metadata && Object.keys(metadata).length ? (\n    <div class='mt-4'>\n      <pre part=\"detail-metadata\" class=\"p-2\" aria-label=\"metadata content\">\n        <code>\n          {JSON.stringify(metadata, null, 2)}\n        </code>\n      </pre>\n    </div>\n  ) : null;\n"],"version":3}