@foxy.io/elements 1.23.0 → 1.24.0-beta.2

package/dist/elements/public/PasskeyCard/PasskeyCard.js

@@ -0,0 +1,42 @@
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { TwoLineCard } from "../CustomFieldCard/TwoLineCard.js";
+import { html } from 'lit-html';
+import uainfer from 'uainfer/src/uainfer.js';
+const NS = 'passkey-card';
+const Base = TranslatableMixin(TwoLineCard, NS);
+/**
+ * Basic card displaying a saved passkey.
+ *
+ * @slot title:before
+ * @slot title:after
+ *
+ * @slot subtitle:before
+ * @slot subtitle:after
+ *
+ * @element foxy-passkey-card
+ * @since 1.24.0
+ */
+export class PasskeyCard extends Base {
+    renderBody() {
+        return super.renderBody({
+            title: data => html `${data.credential_id}`,
+            subtitle: data => {
+                let options;
+                let key;
+                if (data.last_login_date && data.last_login_ua) {
+                    options = {
+                        last_login_date: new Date(data.last_login_date),
+                        last_login_ua: uainfer.analyze(data.last_login_ua).toString(),
+                    };
+                    key = 'subtitle';
+                }
+                else {
+                    options = {};
+                    key = 'subtitle_no_data';
+                }
+                return html `<foxy-i18n infer="" key=${key} .options=${options}></foxy-i18n>`;
+            },
+        });
+    }
+}
+//# sourceMappingURL=PasskeyCard.js.map

package/dist/elements/public/PasskeyCard/PasskeyCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasskeyCard.js","sourceRoot":"","sources":["../../../../src/elements/public/PasskeyCard/PasskeyCard.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,WAAW,EAAE,0CAAuC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,OAAO,OAAO,MAAM,wBAAwB,CAAC;AAE7C,MAAM,EAAE,GAAG,cAAc,CAAC;AAC1B,MAAM,IAAI,GAAG,iBAAiB,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;AAEhD;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,WAAY,SAAQ,IAAU;IACzC,UAAU;QACR,OAAO,KAAK,CAAC,UAAU,CAAC;YACtB,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA,GAAG,IAAI,CAAC,aAAa,EAAE;YAC1C,QAAQ,EAAE,IAAI,CAAC,EAAE;gBACf,IAAI,OAAY,CAAC;gBACjB,IAAI,GAAW,CAAC;gBAEhB,IAAI,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,aAAa,EAAE;oBAC9C,OAAO,GAAG;wBACR,eAAe,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC;wBAC/C,aAAa,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,QAAQ,EAAE;qBAC9D,CAAC;oBACF,GAAG,GAAG,UAAU,CAAC;iBAClB;qBAAM;oBACL,OAAO,GAAG,EAAE,CAAC;oBACb,GAAG,GAAG,kBAAkB,CAAC;iBAC1B;gBAED,OAAO,IAAI,CAAA,2BAA2B,GAAG,aAAa,OAAO,eAAe,CAAC;YAC/E,CAAC;SACF,CAAC,CAAC;IACL,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-element';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { TwoLineCard } from '../CustomFieldCard/TwoLineCard';\nimport { html } from 'lit-html';\n\nimport uainfer from 'uainfer/src/uainfer.js';\n\nconst NS = 'passkey-card';\nconst Base = TranslatableMixin(TwoLineCard, NS);\n\n/**\n * Basic card displaying a saved passkey.\n *\n * @slot title:before\n * @slot title:after\n *\n * @slot subtitle:before\n * @slot subtitle:after\n *\n * @element foxy-passkey-card\n * @since 1.24.0\n */\nexport class PasskeyCard extends Base<Data> {\n  renderBody(): TemplateResult {\n    return super.renderBody({\n      title: data => html`${data.credential_id}`,\n      subtitle: data => {\n        let options: any;\n        let key: string;\n\n        if (data.last_login_date && data.last_login_ua) {\n          options = {\n            last_login_date: new Date(data.last_login_date),\n            last_login_ua: uainfer.analyze(data.last_login_ua).toString(),\n          };\n          key = 'subtitle';\n        } else {\n          options = {};\n          key = 'subtitle_no_data';\n        }\n\n        return html`<foxy-i18n infer=\"\" key=${key} .options=${options}></foxy-i18n>`;\n      },\n    });\n  }\n}\n"]}

package/dist/elements/public/PasskeyCard/index.d.ts

@@ -0,0 +1,3 @@
+import '../../internal/InternalCard/index';
+import { PasskeyCard } from './PasskeyCard';
+export { PasskeyCard };

package/dist/elements/public/PasskeyCard/index.js

@@ -0,0 +1,5 @@
+import "../../internal/InternalCard/index.js";
+import { PasskeyCard } from "./PasskeyCard.js";
+customElements.define('foxy-passkey-card', PasskeyCard);
+export { PasskeyCard };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/PasskeyCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/PasskeyCard/index.ts"],"names":[],"mappings":"AAAA,8CAA2C;AAE3C,OAAO,EAAE,WAAW,EAAE,yBAAsB;AAE5C,cAAc,CAAC,MAAM,CAAC,mBAAmB,EAAE,WAAW,CAAC,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,CAAC","sourcesContent":["import '../../internal/InternalCard/index';\n\nimport { PasskeyCard } from './PasskeyCard';\n\ncustomElements.define('foxy-passkey-card', PasskeyCard);\n\nexport { PasskeyCard };\n"]}

package/dist/elements/public/PasskeyCard/types.d.ts

@@ -0,0 +1,33 @@
+import type { CollectionGraphLinks, CollectionGraphProps } from '@foxy.io/sdk/dist/types/core/defaults';
+import type { Graph, Resource } from '@foxy.io/sdk/core';
+import type { PasskeyCard } from './PasskeyCard';
+import type { Renderer } from '../../../mixins/configurable';
+import type { Rels } from '@foxy.io/sdk/backend';
+export interface Passkeys extends Graph {
+    curie: 'fx:passkeys';
+    links: CollectionGraphLinks<Passkeys>;
+    props: CollectionGraphProps;
+    child: Passkey;
+}
+export interface Passkey extends Graph {
+    curie: 'fx:passkey';
+    links: {
+        'self': Passkey;
+        'fx:user': Rels.User;
+        'fx:passkeys': Passkeys;
+    };
+    props: {
+        last_login_date: string | null;
+        last_login_ua: string | null;
+        credential_id: string;
+        date_created: string | null;
+        date_modified: string | null;
+    };
+}
+export declare type Data = Resource<Passkey>;
+export declare type Templates = {
+    'title:before'?: Renderer<PasskeyCard>;
+    'title:after'?: Renderer<PasskeyCard>;
+    'subtitle:before'?: Renderer<PasskeyCard>;
+    'subtitle:after'?: Renderer<PasskeyCard>;
+};

package/dist/elements/public/PasskeyCard/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/elements/public/PasskeyCard/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/PasskeyCard/types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n  CollectionGraphLinks,\n  CollectionGraphProps,\n} from '@foxy.io/sdk/dist/types/core/defaults';\n\nimport type { Graph, Resource } from '@foxy.io/sdk/core';\nimport type { PasskeyCard } from './PasskeyCard';\nimport type { Renderer } from '../../../mixins/configurable';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport interface Passkeys extends Graph {\n  curie: 'fx:passkeys';\n  links: CollectionGraphLinks<Passkeys>;\n  props: CollectionGraphProps;\n  child: Passkey;\n}\n\nexport interface Passkey extends Graph {\n  curie: 'fx:passkey';\n  links: {\n    'self': Passkey;\n    'fx:user': Rels.User;\n    'fx:passkeys': Passkeys;\n  };\n  props: {\n    last_login_date: string | null;\n    last_login_ua: string | null;\n    credential_id: string;\n    date_created: string | null;\n    date_modified: string | null;\n  };\n}\n\nexport type Data = Resource<Passkey>;\n\nexport type Templates = {\n  'title:before'?: Renderer<PasskeyCard>;\n  'title:after'?: Renderer<PasskeyCard>;\n  'subtitle:before'?: Renderer<PasskeyCard>;\n  'subtitle:after'?: Renderer<PasskeyCard>;\n};\n"]}

package/dist/elements/public/PasskeyForm/PasskeyForm.d.ts

@@ -0,0 +1,36 @@
+import type { TemplateResult } from 'lit-html';
+import type { Data } from './types';
+import { InternalForm } from '../../internal/InternalForm/InternalForm';
+import { BooleanSelector } from '@foxy.io/sdk/core';
+declare const Base: typeof InternalForm & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+};
+/**
+ * Form element for viewing and deleting passkeys (`fx:passkey`).
+ *
+ * @slot credential-id:before
+ * @slot credential-id:after
+ *
+ * @slot last-login-date:before
+ * @slot last-login-date:after
+ *
+ * @slot last-login-ua:before
+ * @slot last-login-ua:after
+ *
+ * @slot timestamps:before
+ * @slot timestamps:after
+ *
+ * @slot create:before
+ * @slot create:after
+ *
+ * @slot delete:before
+ * @slot delete:after
+ *
+ * @element foxy-passkey-form
+ * @since 1.24.0
+ */
+export declare class PasskeyForm extends Base<Data> {
+    get readonlySelector(): BooleanSelector;
+    renderBody(): TemplateResult;
+}
+export {};

package/dist/elements/public/PasskeyForm/PasskeyForm.js

@@ -0,0 +1,52 @@
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { ResponsiveMixin } from "../../../mixins/responsive.js";
+import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
+import { html } from 'lit-element';
+import { BooleanSelector } from '@foxy.io/sdk/core';
+const NS = 'passkey-form';
+const Base = ResponsiveMixin(TranslatableMixin(InternalForm, NS));
+/**
+ * Form element for viewing and deleting passkeys (`fx:passkey`).
+ *
+ * @slot credential-id:before
+ * @slot credential-id:after
+ *
+ * @slot last-login-date:before
+ * @slot last-login-date:after
+ *
+ * @slot last-login-ua:before
+ * @slot last-login-ua:after
+ *
+ * @slot timestamps:before
+ * @slot timestamps:after
+ *
+ * @slot create:before
+ * @slot create:after
+ *
+ * @slot delete:before
+ * @slot delete:after
+ *
+ * @element foxy-passkey-form
+ * @since 1.24.0
+ */
+export class PasskeyForm extends Base {
+    get readonlySelector() {
+        return new BooleanSelector(`credential-id last-login-date last-login-ua ${super.readonlySelector.toString()}`);
+    }
+    renderBody() {
+        if (!this.data) {
+            return html `
+        <div class="p-xl flex items-center justify-center">
+          <foxy-spinner infer="spinner" state="empty" layout="vertical"></foxy-spinner>
+        </div>
+      `;
+        }
+        return html `
+      <foxy-internal-text-control infer="credential-id"></foxy-internal-text-control>
+      <foxy-internal-text-control infer="last-login-date"></foxy-internal-text-control>
+      <foxy-internal-text-area-control infer="last-login-ua"></foxy-internal-text-area-control>
+      ${super.renderBody()}
+    `;
+    }
+}
+//# sourceMappingURL=PasskeyForm.js.map

package/dist/elements/public/PasskeyForm/PasskeyForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasskeyForm.js","sourceRoot":"","sources":["../../../../src/elements/public/PasskeyForm/PasskeyForm.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,sCAAmC;AAC7D,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,EAAE,GAAG,cAAc,CAAC;AAC1B,MAAM,IAAI,GAAG,eAAe,CAAC,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,CAAC;AAElE;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,OAAO,WAAY,SAAQ,IAAU;IACzC,IAAI,gBAAgB;QAClB,OAAO,IAAI,eAAe,CACxB,+CAA+C,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,EAAE,CACnF,CAAC;IACJ,CAAC;IAED,UAAU;QACR,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACd,OAAO,IAAI,CAAA;;;;OAIV,CAAC;SACH;QAED,OAAO,IAAI,CAAA;;;;QAIP,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { html } from 'lit-element';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\n\nconst NS = 'passkey-form';\nconst Base = ResponsiveMixin(TranslatableMixin(InternalForm, NS));\n\n/**\n * Form element for viewing and deleting passkeys (`fx:passkey`).\n *\n * @slot credential-id:before\n * @slot credential-id:after\n *\n * @slot last-login-date:before\n * @slot last-login-date:after\n *\n * @slot last-login-ua:before\n * @slot last-login-ua:after\n *\n * @slot timestamps:before\n * @slot timestamps:after\n *\n * @slot create:before\n * @slot create:after\n *\n * @slot delete:before\n * @slot delete:after\n *\n * @element foxy-passkey-form\n * @since 1.24.0\n */\nexport class PasskeyForm extends Base<Data> {\n  get readonlySelector(): BooleanSelector {\n    return new BooleanSelector(\n      `credential-id last-login-date last-login-ua ${super.readonlySelector.toString()}`\n    );\n  }\n\n  renderBody(): TemplateResult {\n    if (!this.data) {\n      return html`\n        <div class=\"p-xl flex items-center justify-center\">\n          <foxy-spinner infer=\"spinner\" state=\"empty\" layout=\"vertical\"></foxy-spinner>\n        </div>\n      `;\n    }\n\n    return html`\n      <foxy-internal-text-control infer=\"credential-id\"></foxy-internal-text-control>\n      <foxy-internal-text-control infer=\"last-login-date\"></foxy-internal-text-control>\n      <foxy-internal-text-area-control infer=\"last-login-ua\"></foxy-internal-text-area-control>\n      ${super.renderBody()}\n    `;\n  }\n}\n"]}

package/dist/elements/public/PasskeyForm/index.d.ts

@@ -0,0 +1,6 @@
+import '../../internal/InternalTextAreaControl/index';
+import '../../internal/InternalTextControl/index';
+import '../../internal/InternalForm/index';
+import '../Spinner/index';
+import { PasskeyForm } from './PasskeyForm';
+export { PasskeyForm };

package/dist/elements/public/PasskeyForm/index.js

@@ -0,0 +1,8 @@
+import "../../internal/InternalTextAreaControl/index.js";
+import "../../internal/InternalTextControl/index.js";
+import "../../internal/InternalForm/index.js";
+import "../Spinner/index.js";
+import { PasskeyForm } from "./PasskeyForm.js";
+customElements.define('foxy-passkey-form', PasskeyForm);
+export { PasskeyForm };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/PasskeyForm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/PasskeyForm/index.ts"],"names":[],"mappings":"AAAA,yDAAsD;AACtD,qDAAkD;AAClD,8CAA2C;AAC3C,6BAA0B;AAE1B,OAAO,EAAE,WAAW,EAAE,yBAAsB;AAE5C,cAAc,CAAC,MAAM,CAAC,mBAAmB,EAAE,WAAW,CAAC,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,CAAC","sourcesContent":["import '../../internal/InternalTextAreaControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\nimport '../Spinner/index';\n\nimport { PasskeyForm } from './PasskeyForm';\n\ncustomElements.define('foxy-passkey-form', PasskeyForm);\n\nexport { PasskeyForm };\n"]}

package/dist/elements/public/PasskeyForm/types.d.ts

@@ -0,0 +1,17 @@
+import type { PasskeyForm } from './PasskeyForm';
+import type { Renderer } from '../../../mixins/configurable';
+export type { Data } from '../PasskeyCard/types';
+export declare type Templates = {
+    'credential-id:before'?: Renderer<PasskeyForm>;
+    'credential-id:after'?: Renderer<PasskeyForm>;
+    'last-login-date:before'?: Renderer<PasskeyForm>;
+    'last-login-date:after'?: Renderer<PasskeyForm>;
+    'last-login-ua:before'?: Renderer<PasskeyForm>;
+    'last-login-ua:after'?: Renderer<PasskeyForm>;
+    'timestamps:before'?: Renderer<PasskeyForm>;
+    'timestamps:after'?: Renderer<PasskeyForm>;
+    'create:before'?: Renderer<PasskeyForm>;
+    'create:after'?: Renderer<PasskeyForm>;
+    'delete:before'?: Renderer<PasskeyForm>;
+    'delete:after'?: Renderer<PasskeyForm>;
+};

package/dist/elements/public/PasskeyForm/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/elements/public/PasskeyForm/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/PasskeyForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { PasskeyForm } from './PasskeyForm';\nimport type { Renderer } from '../../../mixins/configurable';\n\nexport type { Data } from '../PasskeyCard/types';\n\nexport type Templates = {\n  'credential-id:before'?: Renderer<PasskeyForm>;\n  'credential-id:after'?: Renderer<PasskeyForm>;\n  'last-login-date:before'?: Renderer<PasskeyForm>;\n  'last-login-date:after'?: Renderer<PasskeyForm>;\n  'last-login-ua:before'?: Renderer<PasskeyForm>;\n  'last-login-ua:after'?: Renderer<PasskeyForm>;\n  'timestamps:before'?: Renderer<PasskeyForm>;\n  'timestamps:after'?: Renderer<PasskeyForm>;\n  'create:before'?: Renderer<PasskeyForm>;\n  'create:after'?: Renderer<PasskeyForm>;\n  'delete:before'?: Renderer<PasskeyForm>;\n  'delete:after'?: Renderer<PasskeyForm>;\n};\n"]}

package/dist/elements/public/TransactionCard/TransactionCard.js

@@ -87,7 +87,20 @@ class TransactionCard extends Base {
         if (data) {
             const amount = `${data.total_order} ${data.currency_code}`;
             const currencyDisplay = this.__currencyDisplay;
+            const apiTypes = [
+                'subscription_cancellation',
+                'subscription_modification',
+                'subscription_renewal',
+                'updateinfo',
+            ];
+            const type = apiTypes.includes(data.type)
+                ? data.type
+                : 'fx:subscription' in data._links
+                    ? 'new_subscription'
+                    : 'new_order';
             content = html `
+        <foxy-i18n lang=${this.lang} key="type_${type}" ns=${this.ns}></foxy-i18n>
+        <span> &bull; </span>
         <foxy-i18n
           options=${JSON.stringify({ amount, currencyDisplay })}
           lang=${this.lang}
@@ -109,7 +122,7 @@ class TransactionCard extends Base {
     `;
     }
     __renderStatus() {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         const specialIcons = {
             completed: 'icons:done-all',
             refunded: 'icons:restore',
@@ -123,13 +136,22 @@ class TransactionCard extends Base {
             declined: 'text-error',
         };
         const status = ((_a = this.data) === null || _a === void 0 ? void 0 : _a.status) || 'completed';
+        const source = (_b = this.data) === null || _b === void 0 ? void 0 : _b.source.substring(0, 3).toUpperCase();
         return html `
       <div data-testid="status">
         ${this.renderTemplateOrSlot('status:before')}
 
         <div class="text-tertiary text-s flex items-center space-x-s">
+          ${source
+            ? html `
+                <div class="bg-contrast-5 rounded-s px-xs" title=${this.t(`source_${source}`)}>
+                  ${source}
+                </div>
+              `
+            : ''}
+
           <foxy-i18n
-            options=${JSON.stringify({ value: (_b = this.data) === null || _b === void 0 ? void 0 : _b.transaction_date })}
+            options=${JSON.stringify({ value: (_c = this.data) === null || _c === void 0 ? void 0 : _c.transaction_date })}
             lang=${this.lang}
             key="time"
             ns=${this.ns}
@@ -138,9 +160,9 @@ class TransactionCard extends Base {
 
           <iron-icon
             data-testid="status-icon"
-            class="icon-inline text-l ${(_c = specialColors[status]) !== null && _c !== void 0 ? _c : 'text-tertiary'}"
+            class="icon-inline text-l ${(_d = specialColors[status]) !== null && _d !== void 0 ? _d : 'text-tertiary'}"
             title=${this.t(`transaction_${status}`)}
-            icon=${(_d = specialIcons[status]) !== null && _d !== void 0 ? _d : 'icons:schedule'}
+            icon=${(_e = specialIcons[status]) !== null && _e !== void 0 ? _e : 'icons:schedule'}
           >
           </iron-icon>
         </div>

package/dist/elements/public/TransactionCard/TransactionCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransactionCard.js","sourceRoot":"","sources":["../../../../src/elements/public/TransactionCard/TransactionCard.ts"],"names":[],"mappings":"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","sourcesContent":["import { Data, Templates } from './types';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { Rels } from '@foxy.io/sdk/backend';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\n\nconst NS = 'transaction-card';\nconst Base = ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement, NS)));\n\n/**\n * Basic card displaying a transaction.\n *\n * @slot total:before\n * @slot total:after\n * @slot status:before\n * @slot status:after\n * @slot description:before\n * @slot description:after\n * @slot customer:before\n * @slot customer:after\n *\n * @element foxy-transaction-card\n * @since 1.12.0\n */\nclass TransactionCard extends Base<Data> {\n  templates: Templates = {};\n\n  private __currencyDisplay = '';\n\n  render(): TemplateResult {\n    const hiddenSelector = this.hiddenSelector;\n    const hasTotal = !hiddenSelector.matches('total', true);\n    const hasStatus = !hiddenSelector.matches('status', true);\n\n    return html`\n      <div\n        aria-busy=${this.in('busy')}\n        aria-live=\"polite\"\n        class=\"relative leading-s font-lumo text-m\"\n      >\n        <div class=${classMap({ 'transition-opacity': true, 'opacity-0': !this.data })}>\n          ${hasTotal || hasStatus\n            ? html`\n                <div class=\"flex items-center justify-between\">\n                  ${hasTotal ? this.__renderTotal() : ''} ${hasStatus ? this.__renderStatus() : ''}\n                </div>\n              `\n            : ''}\n          ${hiddenSelector.matches('description', true) ? '' : this.__renderDescription()}\n          ${hiddenSelector.matches('customer', true) ? '' : this.__renderCustomer()}\n        </div>\n\n        <div\n          class=${classMap({\n            'pointer-events-none absolute inset-0 flex transition-opacity': true,\n            'opacity-0': !!this.data,\n          })}\n        >\n          <foxy-spinner\n            data-testid=\"spinner\"\n            state=${this.in('fail') ? 'error' : this.in({ idle: 'template' }) ? 'empty' : 'busy'}\n            class=\"m-auto\"\n            lang=${this.lang}\n            ns=\"${this.ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\n  }\n\n  protected async _sendGet(): Promise<Data> {\n    const transaction = await super._sendGet();\n    const storeLink = transaction._links['fx:store']?.href;\n\n    if (typeof storeLink === 'string') {\n      const store = await super._fetch<Resource<Rels.Store>>(storeLink);\n      this.__currencyDisplay = store.use_international_currency_symbol ? 'code' : 'symbol';\n    } else {\n      this.__currencyDisplay = 'symbol';\n    }\n\n    return transaction;\n  }\n\n  private __renderTotal() {\n    const data = this.data;\n    let content: TemplateResult;\n\n    if (data) {\n      const amount = `${data.total_order} ${data.currency_code}`;\n      const currencyDisplay = this.__currencyDisplay;\n\n      content = html`\n        <foxy-i18n\n          options=${JSON.stringify({ amount, currencyDisplay })}\n          lang=${this.lang}\n          key=\"price\"\n          ns=${this.ns}\n        >\n        </foxy-i18n>\n      `;\n    } else {\n      content = html`&ZeroWidthSpace;`;\n    }\n\n    return html`\n      <div data-testid=\"total\">\n        ${this.renderTemplateOrSlot('total:before')}\n        <div class=\"font-medium truncate\">${content}</div>\n        ${this.renderTemplateOrSlot('total:after')}\n      </div>\n    `;\n  }\n\n  private __renderStatus() {\n    const specialIcons: Record<string, string> = {\n      completed: 'icons:done-all',\n      refunded: 'icons:restore',\n      rejected: 'icons:highlight-off',\n      declined: 'icons:highlight-off',\n      voided: 'icons:remove-circle-outline',\n    };\n\n    const specialColors: Record<string, string> = {\n      completed: 'text-success',\n      rejected: 'text-error',\n      declined: 'text-error',\n    };\n\n    const status = this.data?.status || 'completed';\n\n    return html`\n      <div data-testid=\"status\">\n        ${this.renderTemplateOrSlot('status:before')}\n\n        <div class=\"text-tertiary text-s flex items-center space-x-s\">\n          <foxy-i18n\n            options=${JSON.stringify({ value: this.data?.transaction_date })}\n            lang=${this.lang}\n            key=\"time\"\n            ns=${this.ns}\n          >\n          </foxy-i18n>\n\n          <iron-icon\n            data-testid=\"status-icon\"\n            class=\"icon-inline text-l ${specialColors[status] ?? 'text-tertiary'}\"\n            title=${this.t(`transaction_${status}`)}\n            icon=${specialIcons[status] ?? 'icons:schedule'}\n          >\n          </iron-icon>\n        </div>\n\n        ${this.renderTemplateOrSlot('status:after')}\n      </div>\n    `;\n  }\n\n  private __renderDescription() {\n    const items = this.data?._embedded?.['fx:items'];\n    let content: TemplateResult;\n\n    if (items) {\n      const options = {\n        most_expensive_item: [...items].sort((a, b) => a.price - b.price)[0],\n        count_minus_one: items.length - 1,\n        count: items.length,\n      };\n\n      content = html`\n        <foxy-i18n\n          options=${JSON.stringify(options)}\n          lang=${this.lang}\n          key=\"transaction_summary\"\n          ns=${this.ns}\n        >\n        </foxy-i18n>\n      `;\n    } else {\n      content = html`&ZeroWidthSpace;`;\n    }\n\n    return html`\n      <div data-testid=\"description\">\n        ${this.renderTemplateOrSlot('description:before')}\n        <div class=\"text-s text-secondary truncate\">${content}</div>\n        ${this.renderTemplateOrSlot('description:after')}\n      </div>\n    `;\n  }\n\n  private __renderCustomer() {\n    const data = this.data;\n    const content = data\n      ? html`${data.customer_first_name} ${data.customer_last_name} (${data.customer_email})`\n      : html`&ZeroWidthSpace;`;\n\n    return html`\n      <div data-testid=\"customer\">\n        ${this.renderTemplateOrSlot('customer:before')}\n        <div class=\"text-tertiary truncate text-s\">${content}</div>\n        ${this.renderTemplateOrSlot('customer:after')}\n      </div>\n    `;\n  }\n}\n\nexport { TransactionCard };\n"]}
+{"version":3,"file":"TransactionCard.js","sourceRoot":"","sources":["../../../../src/elements/public/TransactionCard/TransactionCard.ts"],"names":[],"mappings":"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","sourcesContent":["import { Data, Templates } from './types';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { Rels } from '@foxy.io/sdk/backend';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\n\nconst NS = 'transaction-card';\nconst Base = ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement, NS)));\n\n/**\n * Basic card displaying a transaction.\n *\n * @slot total:before\n * @slot total:after\n * @slot status:before\n * @slot status:after\n * @slot description:before\n * @slot description:after\n * @slot customer:before\n * @slot customer:after\n *\n * @element foxy-transaction-card\n * @since 1.12.0\n */\nclass TransactionCard extends Base<Data> {\n  templates: Templates = {};\n\n  private __currencyDisplay = '';\n\n  render(): TemplateResult {\n    const hiddenSelector = this.hiddenSelector;\n    const hasTotal = !hiddenSelector.matches('total', true);\n    const hasStatus = !hiddenSelector.matches('status', true);\n\n    return html`\n      <div\n        aria-busy=${this.in('busy')}\n        aria-live=\"polite\"\n        class=\"relative leading-s font-lumo text-m\"\n      >\n        <div class=${classMap({ 'transition-opacity': true, 'opacity-0': !this.data })}>\n          ${hasTotal || hasStatus\n            ? html`\n                <div class=\"flex items-center justify-between\">\n                  ${hasTotal ? this.__renderTotal() : ''} ${hasStatus ? this.__renderStatus() : ''}\n                </div>\n              `\n            : ''}\n          ${hiddenSelector.matches('description', true) ? '' : this.__renderDescription()}\n          ${hiddenSelector.matches('customer', true) ? '' : this.__renderCustomer()}\n        </div>\n\n        <div\n          class=${classMap({\n            'pointer-events-none absolute inset-0 flex transition-opacity': true,\n            'opacity-0': !!this.data,\n          })}\n        >\n          <foxy-spinner\n            data-testid=\"spinner\"\n            state=${this.in('fail') ? 'error' : this.in({ idle: 'template' }) ? 'empty' : 'busy'}\n            class=\"m-auto\"\n            lang=${this.lang}\n            ns=\"${this.ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\n  }\n\n  protected async _sendGet(): Promise<Data> {\n    const transaction = await super._sendGet();\n    const storeLink = transaction._links['fx:store']?.href;\n\n    if (typeof storeLink === 'string') {\n      const store = await super._fetch<Resource<Rels.Store>>(storeLink);\n      this.__currencyDisplay = store.use_international_currency_symbol ? 'code' : 'symbol';\n    } else {\n      this.__currencyDisplay = 'symbol';\n    }\n\n    return transaction;\n  }\n\n  private __renderTotal() {\n    const data = this.data;\n    let content: TemplateResult;\n\n    if (data) {\n      const amount = `${data.total_order} ${data.currency_code}`;\n      const currencyDisplay = this.__currencyDisplay;\n      const apiTypes = [\n        'subscription_cancellation',\n        'subscription_modification',\n        'subscription_renewal',\n        'updateinfo',\n      ];\n\n      const type = apiTypes.includes(data.type)\n        ? data.type\n        : 'fx:subscription' in data._links\n        ? 'new_subscription'\n        : 'new_order';\n\n      content = html`\n        <foxy-i18n lang=${this.lang} key=\"type_${type}\" ns=${this.ns}></foxy-i18n>\n        <span> &bull; </span>\n        <foxy-i18n\n          options=${JSON.stringify({ amount, currencyDisplay })}\n          lang=${this.lang}\n          key=\"price\"\n          ns=${this.ns}\n        >\n        </foxy-i18n>\n      `;\n    } else {\n      content = html`&ZeroWidthSpace;`;\n    }\n\n    return html`\n      <div data-testid=\"total\">\n        ${this.renderTemplateOrSlot('total:before')}\n        <div class=\"font-medium truncate\">${content}</div>\n        ${this.renderTemplateOrSlot('total:after')}\n      </div>\n    `;\n  }\n\n  private __renderStatus() {\n    const specialIcons: Record<string, string> = {\n      completed: 'icons:done-all',\n      refunded: 'icons:restore',\n      rejected: 'icons:highlight-off',\n      declined: 'icons:highlight-off',\n      voided: 'icons:remove-circle-outline',\n    };\n\n    const specialColors: Record<string, string> = {\n      completed: 'text-success',\n      rejected: 'text-error',\n      declined: 'text-error',\n    };\n\n    const status = this.data?.status || 'completed';\n    const source = this.data?.source.substring(0, 3).toUpperCase();\n\n    return html`\n      <div data-testid=\"status\">\n        ${this.renderTemplateOrSlot('status:before')}\n\n        <div class=\"text-tertiary text-s flex items-center space-x-s\">\n          ${source\n            ? html`\n                <div class=\"bg-contrast-5 rounded-s px-xs\" title=${this.t(`source_${source}`)}>\n                  ${source}\n                </div>\n              `\n            : ''}\n\n          <foxy-i18n\n            options=${JSON.stringify({ value: this.data?.transaction_date })}\n            lang=${this.lang}\n            key=\"time\"\n            ns=${this.ns}\n          >\n          </foxy-i18n>\n\n          <iron-icon\n            data-testid=\"status-icon\"\n            class=\"icon-inline text-l ${specialColors[status] ?? 'text-tertiary'}\"\n            title=${this.t(`transaction_${status}`)}\n            icon=${specialIcons[status] ?? 'icons:schedule'}\n          >\n          </iron-icon>\n        </div>\n\n        ${this.renderTemplateOrSlot('status:after')}\n      </div>\n    `;\n  }\n\n  private __renderDescription() {\n    const items = this.data?._embedded?.['fx:items'];\n    let content: TemplateResult;\n\n    if (items) {\n      const options = {\n        most_expensive_item: [...items].sort((a, b) => a.price - b.price)[0],\n        count_minus_one: items.length - 1,\n        count: items.length,\n      };\n\n      content = html`\n        <foxy-i18n\n          options=${JSON.stringify(options)}\n          lang=${this.lang}\n          key=\"transaction_summary\"\n          ns=${this.ns}\n        >\n        </foxy-i18n>\n      `;\n    } else {\n      content = html`&ZeroWidthSpace;`;\n    }\n\n    return html`\n      <div data-testid=\"description\">\n        ${this.renderTemplateOrSlot('description:before')}\n        <div class=\"text-s text-secondary truncate\">${content}</div>\n        ${this.renderTemplateOrSlot('description:after')}\n      </div>\n    `;\n  }\n\n  private __renderCustomer() {\n    const data = this.data;\n    const content = data\n      ? html`${data.customer_first_name} ${data.customer_last_name} (${data.customer_email})`\n      : html`&ZeroWidthSpace;`;\n\n    return html`\n      <div data-testid=\"customer\">\n        ${this.renderTemplateOrSlot('customer:before')}\n        <div class=\"text-tertiary truncate text-s\">${content}</div>\n        ${this.renderTemplateOrSlot('customer:after')}\n      </div>\n    `;\n  }\n}\n\nexport { TransactionCard };\n"]}

package/dist/elements/public/TransactionCard/types.d.ts

@@ -4,7 +4,10 @@ import { Resource } from '@foxy.io/sdk/core';
 import { TransactionCard } from './TransactionCard';
 export declare type Data = Resource<Rels.Transaction, {
     zoom: 'items';
-}>;
+}> & {
+    source: string;
+    type: string;
+};
 export declare type Templates = Partial<{
     'total:before': Renderer<TransactionCard>;
     'total:after': Renderer<TransactionCard>;

package/dist/elements/public/TransactionCard/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/TransactionCard/types.ts"],"names":[],"mappings":"","sourcesContent":["import { Rels } from '@foxy.io/sdk/backend';\nimport { Renderer } from '../../../mixins/configurable';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { TransactionCard } from './TransactionCard';\n\nexport type Data = Resource<Rels.Transaction, { zoom: 'items' }>;\n\nexport type Templates = Partial<{\n  'total:before': Renderer<TransactionCard>;\n  'total:after': Renderer<TransactionCard>;\n  'status:before': Renderer<TransactionCard>;\n  'status:after': Renderer<TransactionCard>;\n  'description:before': Renderer<TransactionCard>;\n  'description:after': Renderer<TransactionCard>;\n  'customer:before': Renderer<TransactionCard>;\n  'customer:after': Renderer<TransactionCard>;\n}>;\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/TransactionCard/types.ts"],"names":[],"mappings":"","sourcesContent":["import { Rels } from '@foxy.io/sdk/backend';\nimport { Renderer } from '../../../mixins/configurable';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { TransactionCard } from './TransactionCard';\n\nexport type Data = Resource<Rels.Transaction, { zoom: 'items' }> & { source: string; type: string };\n\nexport type Templates = Partial<{\n  'total:before': Renderer<TransactionCard>;\n  'total:after': Renderer<TransactionCard>;\n  'status:before': Renderer<TransactionCard>;\n  'status:after': Renderer<TransactionCard>;\n  'description:before': Renderer<TransactionCard>;\n  'description:after': Renderer<TransactionCard>;\n  'customer:before': Renderer<TransactionCard>;\n  'customer:after': Renderer<TransactionCard>;\n}>;\n"]}

package/dist/elements/public/WebhookCard/WebhookCard.js

@@ -11,24 +11,12 @@ export class WebhookCard extends TranslatableMixin(InternalCard, 'webhook-card')
     renderBody() {
         var _a, _b, _c, _d;
         return html `
-      <div class="grid grid-cols-1 gap-s leading-none">
-        <p class="flex justify-between items-center font-medium">
-          <span class="truncate">${(_a = this.data) === null || _a === void 0 ? void 0 : _a.name}&ZeroWidthSpace;</span>
-          <span class="uppercase inline-block text-xs bg-contrast-5 rounded p-xs flex-shrink-0">
-            ${(_b = this.data) === null || _b === void 0 ? void 0 : _b.format}&ZeroWidthSpace;
-          </span>
+      <div class="grid grid-cols-1 leading-s -my-xs">
+        <p class="text-m truncate text-body font-medium">${(_a = this.data) === null || _a === void 0 ? void 0 : _a.name}&ZeroWidthSpace;</p>
+        <p class="text-s truncate text-secondary">${(_b = this.data) === null || _b === void 0 ? void 0 : _b.url}&ZeroWidthSpace;</p>
+        <p class="text-s truncate text-tertiary">
+          ${(_c = this.data) === null || _c === void 0 ? void 0 : _c.format} &bull; ${(_d = this.data) === null || _d === void 0 ? void 0 : _d.event_resource}&ZeroWidthSpace;
         </p>
-
-        <div class="flex items-center gap-s text-secondary">
-          <iron-icon class="icon-inline flex-shrink-0" icon="icons:language"></iron-icon>
-          <p class="truncate">${(_c = this.data) === null || _c === void 0 ? void 0 : _c.url}&ZeroWidthSpace;</p>
-        </div>
-
-        <div class="flex items-center gap-s text-secondary">
-          <iron-icon class="icon-inline flex-shrink-0" icon="icons:settings-input-antenna">
-          </iron-icon>
-          <p class="truncate">${(_d = this.data) === null || _d === void 0 ? void 0 : _d.event_resource}&ZeroWidthSpace;</p>
-        </div>
       </div>
     `;
     }

package/dist/elements/public/WebhookCard/WebhookCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"WebhookCard.js","sourceRoot":"","sources":["../../../../src/elements/public/WebhookCard/WebhookCard.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AAEjE;;;;;GAKG;AACH,MAAM,OAAO,WAAY,SAAQ,iBAAiB,CAAC,YAAY,EAAE,cAAc,CAAO;IACpF,UAAU;;QACR,OAAO,IAAI,CAAA;;;mCAGoB,MAAA,IAAI,CAAC,IAAI,0CAAE,IAAI;;cAEpC,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM;;;;;;gCAMC,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG;;;;;;gCAMd,MAAA,IAAI,CAAC,IAAI,0CAAE,cAAc;;;KAGpD,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { Data } from './types';\n\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { html } from 'lit-html';\nimport { TranslatableMixin } from '../../../mixins/translatable';\n\n/**\n * Basic card displaying webhook (`fx:webhook`) info.\n *\n * @element foxy-webhook-card\n * @since 1.17.0\n */\nexport class WebhookCard extends TranslatableMixin(InternalCard, 'webhook-card')<Data> {\n  renderBody(): TemplateResult {\n    return html`\n      <div class=\"grid grid-cols-1 gap-s leading-none\">\n        <p class=\"flex justify-between items-center font-medium\">\n          <span class=\"truncate\">${this.data?.name}&ZeroWidthSpace;</span>\n          <span class=\"uppercase inline-block text-xs bg-contrast-5 rounded p-xs flex-shrink-0\">\n            ${this.data?.format}&ZeroWidthSpace;\n          </span>\n        </p>\n\n        <div class=\"flex items-center gap-s text-secondary\">\n          <iron-icon class=\"icon-inline flex-shrink-0\" icon=\"icons:language\"></iron-icon>\n          <p class=\"truncate\">${this.data?.url}&ZeroWidthSpace;</p>\n        </div>\n\n        <div class=\"flex items-center gap-s text-secondary\">\n          <iron-icon class=\"icon-inline flex-shrink-0\" icon=\"icons:settings-input-antenna\">\n          </iron-icon>\n          <p class=\"truncate\">${this.data?.event_resource}&ZeroWidthSpace;</p>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"WebhookCard.js","sourceRoot":"","sources":["../../../../src/elements/public/WebhookCard/WebhookCard.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AAEjE;;;;;GAKG;AACH,MAAM,OAAO,WAAY,SAAQ,iBAAiB,CAAC,YAAY,EAAE,cAAc,CAAO;IACpF,UAAU;;QACR,OAAO,IAAI,CAAA;;2DAE4C,MAAA,IAAI,CAAC,IAAI,0CAAE,IAAI;oDACtB,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG;;YAEtD,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,WAAW,MAAA,IAAI,CAAC,IAAI,0CAAE,cAAc;;;KAG5D,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { Data } from './types';\n\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { html } from 'lit-html';\nimport { TranslatableMixin } from '../../../mixins/translatable';\n\n/**\n * Basic card displaying webhook (`fx:webhook`) info.\n *\n * @element foxy-webhook-card\n * @since 1.17.0\n */\nexport class WebhookCard extends TranslatableMixin(InternalCard, 'webhook-card')<Data> {\n  renderBody(): TemplateResult {\n    return html`\n      <div class=\"grid grid-cols-1 leading-s -my-xs\">\n        <p class=\"text-m truncate text-body font-medium\">${this.data?.name}&ZeroWidthSpace;</p>\n        <p class=\"text-s truncate text-secondary\">${this.data?.url}&ZeroWidthSpace;</p>\n        <p class=\"text-s truncate text-tertiary\">\n          ${this.data?.format} &bull; ${this.data?.event_resource}&ZeroWidthSpace;\n        </p>\n      </div>\n    `;\n  }\n}\n"]}

package/dist/elements/public/WebhookCard/index.d.ts

@@ -1,5 +1,3 @@
-import '@polymer/iron-icons';
-import '@polymer/iron-icon';
 import '../../internal/InternalCard/index';
 import { WebhookCard } from './WebhookCard';
 export { WebhookCard };

package/dist/elements/public/WebhookCard/index.js

@@ -1,5 +1,3 @@
-import '@polymer/iron-icons';
-import '@polymer/iron-icon';
 import "../../internal/InternalCard/index.js";
 import { WebhookCard } from "./WebhookCard.js";
 customElements.define('foxy-webhook-card', WebhookCard);

package/dist/elements/public/WebhookCard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/WebhookCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAE5B,8CAA2C;AAE3C,OAAO,EAAE,WAAW,EAAE,yBAAsB;AAE5C,cAAc,CAAC,MAAM,CAAC,mBAAmB,EAAE,WAAW,CAAC,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,CAAC","sourcesContent":["import '@polymer/iron-icons';\nimport '@polymer/iron-icon';\n\nimport '../../internal/InternalCard/index';\n\nimport { WebhookCard } from './WebhookCard';\n\ncustomElements.define('foxy-webhook-card', WebhookCard);\n\nexport { WebhookCard };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/WebhookCard/index.ts"],"names":[],"mappings":"AAAA,8CAA2C;AAE3C,OAAO,EAAE,WAAW,EAAE,yBAAsB;AAE5C,cAAc,CAAC,MAAM,CAAC,mBAAmB,EAAE,WAAW,CAAC,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,CAAC","sourcesContent":["import '../../internal/InternalCard/index';\n\nimport { WebhookCard } from './WebhookCard';\n\ncustomElements.define('foxy-webhook-card', WebhookCard);\n\nexport { WebhookCard };\n"]}

package/dist/elements/public/index.d.ts

@@ -11,6 +11,8 @@ export { AttributeForm } from './AttributeForm/AttributeForm';
 export { CancellationForm } from './CancellationForm/CancellationForm';
 export { CartCard } from './CartCard/CartCard';
 export { CartForm } from './CartForm/CartForm';
+export { ClientCard } from './ClientCard/ClientCard';
+export { ClientForm } from './ClientForm/ClientForm';
 export { CollectionPage } from './CollectionPage/CollectionPage';
 export { CollectionPages } from './CollectionPages/CollectionPages';
 export { CopyToClipboard } from './CopyToClipboard/CopyToClipboard';
@@ -39,6 +41,8 @@ export { DownloadableForm } from './DownloadableForm/DownloadableForm';
 export { EmailTemplateCard } from './EmailTemplateCard/EmailTemplateCard';
 export { EmailTemplateForm } from './EmailTemplateForm/EmailTemplateForm';
 export { ErrorEntryCard } from './ErrorEntryCard/ErrorEntryCard';
+export { FilterAttributeCard } from './FilterAttributeCard/FilterAttributeCard';
+export { FilterAttributeForm } from './FilterAttributeForm/FilterAttributeForm';
 export { FormDialog } from './FormDialog/FormDialog';
 export { GenerateCodesForm } from './GenerateCodesForm/GenerateCodesForm';
 export { GiftCardCard } from './GiftCardCard/GiftCardCard';
@@ -59,6 +63,8 @@ export { ItemOptionForm } from './ItemOptionForm/ItemOptionForm';
 export { ItemsForm, Item } from './ItemsForm/ItemsForm';
 export { NucleonElement } from './NucleonElement/NucleonElement';
 export { Pagination } from './Pagination/Pagination';
+export { PasskeyCard } from './PasskeyCard/PasskeyCard';
+export { PasskeyForm } from './PasskeyForm/PasskeyForm';
 export { PaymentCard } from './PaymentCard/PaymentCard';
 export { ShipmentCard } from './ShipmentCard/ShipmentCard';
 export { ShippingMethodCard } from './ShippingMethodCard/ShippingMethodCard';

package/dist/elements/public/index.defined.d.ts

@@ -11,6 +11,8 @@ export { AttributeForm } from './AttributeForm/index';
 export { CancellationForm } from './CancellationForm/index';
 export { CartCard } from './CartCard/index';
 export { CartForm } from './CartForm/index';
+export { ClientCard } from './ClientCard/index';
+export { ClientForm } from './ClientForm/index';
 export { CollectionPage } from './CollectionPage/index';
 export { CollectionPages } from './CollectionPages/index';
 export { CopyToClipboard } from './CopyToClipboard/index';
@@ -39,6 +41,8 @@ export { DownloadableForm } from './DownloadableForm/index';
 export { EmailTemplateCard } from './EmailTemplateCard/index';
 export { EmailTemplateForm } from './EmailTemplateForm/index';
 export { ErrorEntryCard } from './ErrorEntryCard/index';
+export { FilterAttributeCard } from './FilterAttributeCard/index';
+export { FilterAttributeForm } from './FilterAttributeForm/index';
 export { FormDialog } from './FormDialog/index';
 export { GenerateCodesForm } from './GenerateCodesForm/index';
 export { GiftCardCard } from './GiftCardCard/index';
@@ -59,6 +63,8 @@ export { ItemOptionForm } from './ItemOptionForm/index';
 export { ItemsForm, Item } from './ItemsForm/index';
 export { NucleonElement } from './NucleonElement/index';
 export { Pagination } from './Pagination/index';
+export { PasskeyCard } from './PasskeyCard/index';
+export { PasskeyForm } from './PasskeyForm/index';
 export { PaymentCard } from './PaymentCard/index';
 export { ShipmentCard } from './ShipmentCard/index';
 export { ShippingMethodCard } from './ShippingMethodCard/index';

package/dist/elements/public/index.defined.js

@@ -11,6 +11,8 @@ export { AttributeForm } from "./AttributeForm/index.js";
 export { CancellationForm } from "./CancellationForm/index.js";
 export { CartCard } from "./CartCard/index.js";
 export { CartForm } from "./CartForm/index.js";
+export { ClientCard } from "./ClientCard/index.js";
+export { ClientForm } from "./ClientForm/index.js";
 export { CollectionPage } from "./CollectionPage/index.js";
 export { CollectionPages } from "./CollectionPages/index.js";
 export { CopyToClipboard } from "./CopyToClipboard/index.js";
@@ -39,6 +41,8 @@ export { DownloadableForm } from "./DownloadableForm/index.js";
 export { EmailTemplateCard } from "./EmailTemplateCard/index.js";
 export { EmailTemplateForm } from "./EmailTemplateForm/index.js";
 export { ErrorEntryCard } from "./ErrorEntryCard/index.js";
+export { FilterAttributeCard } from "./FilterAttributeCard/index.js";
+export { FilterAttributeForm } from "./FilterAttributeForm/index.js";
 export { FormDialog } from "./FormDialog/index.js";
 export { GenerateCodesForm } from "./GenerateCodesForm/index.js";
 export { GiftCardCard } from "./GiftCardCard/index.js";
@@ -59,6 +63,8 @@ export { ItemOptionForm } from "./ItemOptionForm/index.js";
 export { ItemsForm, Item } from "./ItemsForm/index.js";
 export { NucleonElement } from "./NucleonElement/index.js";
 export { Pagination } from "./Pagination/index.js";
+export { PasskeyCard } from "./PasskeyCard/index.js";
+export { PasskeyForm } from "./PasskeyForm/index.js";
 export { PaymentCard } from "./PaymentCard/index.js";
 export { ShipmentCard } from "./ShipmentCard/index.js";
 export { ShippingMethodCard } from "./ShippingMethodCard/index.js";