@foxy.io/elements 1.18.0-beta.14 → 1.18.0-beta.16

package/dist/elements/public/IntegrationForm/IntegrationForm.js

@@ -0,0 +1,220 @@
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
+import { html } from 'lit-html';
+const NS = 'integration-form';
+const Base = TranslatableMixin(InternalForm, NS);
+export class IntegrationForm extends Base {
+    constructor() {
+        super(...arguments);
+        this.__postResponse = null;
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            __postResponse: { attribute: false },
+        };
+    }
+    static get v8n() {
+        return [({ project_name: v }) => !!v || 'project-name:v8n_required'];
+    }
+    renderBody() {
+        return this.data ? this.__renderSnapshotBody() : this.__renderTemplateBody();
+    }
+    async _fetch(...args) {
+        var _a;
+        const constructor = this.constructor;
+        const response = await new constructor.API(this).fetch(...args);
+        const method = typeof args[0] === 'string' ? (_a = args[1]) === null || _a === void 0 ? void 0 : _a.method : args[0].method;
+        const url = typeof args[0] === 'string' ? args[0] : args[0].url;
+        if (!response.ok)
+            throw response;
+        const json = await response.json();
+        if ((method === null || method === void 0 ? void 0 : method.toUpperCase()) === 'POST' && url === this.parent)
+            this.__postResponse = json;
+        return json;
+    }
+    __renderSnapshotBody() {
+        var _a, _b;
+        const data = this.data;
+        const expires = new Date(((_a = data.expires) !== null && _a !== void 0 ? _a : 0) * 1000);
+        const description = ((_b = data.project_description) === null || _b === void 0 ? void 0 : _b.trim()) || this.t('no_description');
+        return html `
+      <dl class="grid grid-cols-1 gap-s">
+        <dt class="sr-only">${this.t('title_description')}</dt>
+        <dd class="font-bold truncate text-xl">${data.project_name}&ZeroWidthSpace;</dd>
+
+        <dt class="sr-only">${this.t('subtitle_description')}</dt>
+        <dd class="text-secondary">${description}&ZeroWidthSpace;</dd>
+      </dl>
+
+      ${this.__postResponse
+            ? html `
+            <div
+              class="bg-success-10 text-success p-m pb-s space-y-xs leading-s rounded-t-l rounded-b-l"
+            >
+              <foxy-i18n infer="" class="block" key="post_success_message"></foxy-i18n>
+              <vaadin-button
+                theme="tertiary contrast"
+                class="p-0"
+                @click=${() => (this.__postResponse = null)}
+              >
+                <foxy-i18n infer="" key="post_success_action"></foxy-i18n>
+              </vaadin-button>
+            </div>
+          `
+            : ''}
+
+      <table class="font-lumo text-m leading-m w-full">
+        <tbody class="divide-y divide-contrast-10">
+          <tr>
+            <td class="max-w-0 truncate py-s text-secondary w-1-3 pr-m font-semibold">
+              <foxy-i18n infer="" key="added_by"></foxy-i18n>
+            </td>
+            <td class="max-w-0 truncate py-s text-body w-2-3">
+              ${data.added_by_email
+            ? html `
+                    <a
+                      target="_blank"
+                      class="font-semibold text-primary rounded hover-underline focus-outline-none focus-ring-2 focus-ring-primary-50"
+                      href="mailto:${data.added_by_email}"
+                    >
+                      ${data.added_by_name}
+                    </a>
+                  `
+            : data.added_by_name}
+            </td>
+          </tr>
+
+          <tr>
+            <td class="max-w-0 truncate py-s text-secondary w-1-3 pr-m font-semibold">
+              <foxy-i18n infer="" key="contact"></foxy-i18n>
+            </td>
+            <td class="max-w-0 truncate py-s text-body w-2-3">
+              ${data.contact_email
+            ? html `
+                    <a
+                      target="_blank"
+                      class="font-semibold text-primary rounded hover-underline focus-outline-none focus-ring-2 focus-ring-primary-50"
+                      href="mailto:${data.contact_email}"
+                    >
+                      ${data.contact_name}
+                    </a>
+                  `
+            : data.contact_name}
+            </td>
+          </tr>
+
+          <tr>
+            <td class="max-w-0 truncate py-s text-secondary w-1-3 pr-m font-semibold">
+              <foxy-i18n infer="" key="company"></foxy-i18n>
+            </td>
+            <td class="max-w-0 truncate py-s text-body w-2-3">
+              ${data.company_url
+            ? html `
+                    <a
+                      target="_blank"
+                      class="font-semibold text-primary rounded hover-underline focus-outline-none focus-ring-2 focus-ring-primary-50"
+                      href=${data.company_url}
+                    >
+                      ${data.company_name}
+                    </a>
+                  `
+            : data.company_name}
+            </td>
+          </tr>
+
+          <tr>
+            <td class="max-w-0 truncate py-s text-secondary w-1-3 pr-m font-semibold">
+              <foxy-i18n infer="" key="expires"></foxy-i18n>
+            </td>
+            <td class="max-w-0 truncate py-s text-body w-2-3">
+              <foxy-i18n infer="" key="expires_date" .options=${{ date: expires }}></foxy-i18n>
+            </td>
+          </tr>
+
+          <tr>
+            <td class="max-w-0 truncate py-s text-secondary w-1-3 pr-m font-semibold">Client ID</td>
+            <td class="max-w-0 truncate py-s text-body w-2-3">
+              <div class="flex items-center gap-s">
+                <code class="truncate flex-1">${data.client_id}</code>
+                <foxy-copy-to-clipboard
+                  infer="copy-to-clipboard"
+                  class="inline-block"
+                  text=${data.client_id}
+                >
+                </foxy-copy-to-clipboard>
+              </div>
+            </td>
+          </tr>
+
+          ${this.__postResponse
+            ? html `
+                <tr class="font-semibold text-success">
+                  <td class="max-w-0 truncate py-s w-1-3 pr-m font-semibold">Client secret</td>
+                  <td class="max-w-0 py-s w-2-3">
+                    <div class="flex items-center gap-s">
+                      <code class="truncate flex-1">${this.__postResponse.client_secret}</code>
+                      <foxy-copy-to-clipboard
+                        infer="copy-to-clipboard"
+                        class="inline-block"
+                        text=${this.__postResponse.client_secret}
+                      >
+                      </foxy-copy-to-clipboard>
+                    </div>
+                  </td>
+                </tr>
+
+                <tr class="font-semibold text-success">
+                  <td class="max-w-0 truncate py-s w-1-3 pr-m font-semibold">Refresh token</td>
+                  <td class="max-w-0 py-s w-2-3">
+                    <div class="flex items-center gap-s">
+                      <code class="truncate flex-1">${this.__postResponse.refresh_token}</code>
+                      <foxy-copy-to-clipboard
+                        infer="copy-to-clipboard"
+                        class="inline-block"
+                        text=${this.__postResponse.refresh_token}
+                      >
+                      </foxy-copy-to-clipboard>
+                    </div>
+                  </td>
+                </tr>
+
+                <tr class="font-semibold text-success">
+                  <td class="max-w-0 truncate py-s w-1-3 pr-m font-semibold">Access token</td>
+                  <td class="max-w-0 py-s w-2-3">
+                    <div class="flex items-center gap-s">
+                      <code class="truncate flex-1">${this.__postResponse.access_token}</code>
+                      <foxy-copy-to-clipboard
+                        infer="copy-to-clipboard"
+                        class="inline-block"
+                        text=${this.__postResponse.access_token}
+                      >
+                      </foxy-copy-to-clipboard>
+                    </div>
+                  </td>
+                </tr>
+              `
+            : ''}
+
+          <tr>
+            <td class="max-w-0 truncate py-s text-secondary w-1-3 pr-m font-semibold">Scope</td>
+            <td class="max-w-0 truncate py-s text-body w-2-3"><code>${data.scope}</code></td>
+          </tr>
+        </tbody>
+      </table>
+
+      <foxy-internal-delete-control infer="delete"></foxy-internal-delete-control>
+    `;
+    }
+    __renderTemplateBody() {
+        return html `
+      <foxy-internal-text-control infer="project-name"></foxy-internal-text-control>
+
+      <foxy-internal-text-area-control infer="project-description">
+      </foxy-internal-text-area-control>
+
+      <foxy-internal-create-control infer="create"></foxy-internal-create-control>
+    `;
+    }
+}
+//# sourceMappingURL=IntegrationForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IntegrationForm.js","sourceRoot":"","sources":["../../../../src/elements/public/IntegrationForm/IntegrationForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Data, PostResponseData } from './types';\nimport type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { html } from 'lit-html';\n\nconst NS = 'integration-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\nexport class IntegrationForm extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      __postResponse: { attribute: false },\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [({ project_name: v }) => !!v || 'project-name:v8n_required'];\n  }\n\n  private __postResponse: PostResponseData | null = null;\n\n  renderBody(): TemplateResult {\n    return this.data ? this.__renderSnapshotBody() : this.__renderTemplateBody();\n  }\n\n  protected async _fetch<TResult = Data>(...args: Parameters<Window['fetch']>): Promise<TResult> {\n    const constructor = this.constructor as typeof IntegrationForm;\n    const response = await new constructor.API(this).fetch(...args);\n    const method = typeof args[0] === 'string' ? args[1]?.method : args[0].method;\n    const url = typeof args[0] === 'string' ? args[0] : args[0].url;\n\n    if (!response.ok) throw response;\n\n    const json = await response.json();\n    if (method?.toUpperCase() === 'POST' && url === this.parent) this.__postResponse = json;\n\n    return json;\n  }\n\n  private __renderSnapshotBody() {\n    const data = this.data as Data;\n    const expires = new Date((data.expires ?? 0) * 1000);\n    const description = data.project_description?.trim() || this.t('no_description');\n\n    return html`\n      <dl class=\"grid grid-cols-1 gap-s\">\n        <dt class=\"sr-only\">${this.t('title_description')}</dt>\n        <dd class=\"font-bold truncate text-xl\">${data.project_name}&ZeroWidthSpace;</dd>\n\n        <dt class=\"sr-only\">${this.t('subtitle_description')}</dt>\n        <dd class=\"text-secondary\">${description}&ZeroWidthSpace;</dd>\n      </dl>\n\n      ${this.__postResponse\n        ? html`\n            <div\n              class=\"bg-success-10 text-success p-m pb-s space-y-xs leading-s rounded-t-l rounded-b-l\"\n            >\n              <foxy-i18n infer=\"\" class=\"block\" key=\"post_success_message\"></foxy-i18n>\n              <vaadin-button\n                theme=\"tertiary contrast\"\n                class=\"p-0\"\n                @click=${() => (this.__postResponse = null)}\n              >\n                <foxy-i18n infer=\"\" key=\"post_success_action\"></foxy-i18n>\n              </vaadin-button>\n            </div>\n          `\n        : ''}\n\n      <table class=\"font-lumo text-m leading-m w-full\">\n        <tbody class=\"divide-y divide-contrast-10\">\n          <tr>\n            <td class=\"max-w-0 truncate py-s text-secondary w-1-3 pr-m font-semibold\">\n              <foxy-i18n infer=\"\" key=\"added_by\"></foxy-i18n>\n            </td>\n            <td class=\"max-w-0 truncate py-s text-body w-2-3\">\n              ${data.added_by_email\n                ? html`\n                    <a\n                      target=\"_blank\"\n                      class=\"font-semibold text-primary rounded hover-underline focus-outline-none focus-ring-2 focus-ring-primary-50\"\n                      href=\"mailto:${data.added_by_email}\"\n                    >\n                      ${data.added_by_name}\n                    </a>\n                  `\n                : data.added_by_name}\n            </td>\n          </tr>\n\n          <tr>\n            <td class=\"max-w-0 truncate py-s text-secondary w-1-3 pr-m font-semibold\">\n              <foxy-i18n infer=\"\" key=\"contact\"></foxy-i18n>\n            </td>\n            <td class=\"max-w-0 truncate py-s text-body w-2-3\">\n              ${data.contact_email\n                ? html`\n                    <a\n                      target=\"_blank\"\n                      class=\"font-semibold text-primary rounded hover-underline focus-outline-none focus-ring-2 focus-ring-primary-50\"\n                      href=\"mailto:${data.contact_email}\"\n                    >\n                      ${data.contact_name}\n                    </a>\n                  `\n                : data.contact_name}\n            </td>\n          </tr>\n\n          <tr>\n            <td class=\"max-w-0 truncate py-s text-secondary w-1-3 pr-m font-semibold\">\n              <foxy-i18n infer=\"\" key=\"company\"></foxy-i18n>\n            </td>\n            <td class=\"max-w-0 truncate py-s text-body w-2-3\">\n              ${data.company_url\n                ? html`\n                    <a\n                      target=\"_blank\"\n                      class=\"font-semibold text-primary rounded hover-underline focus-outline-none focus-ring-2 focus-ring-primary-50\"\n                      href=${data.company_url}\n                    >\n                      ${data.company_name}\n                    </a>\n                  `\n                : data.company_name}\n            </td>\n          </tr>\n\n          <tr>\n            <td class=\"max-w-0 truncate py-s text-secondary w-1-3 pr-m font-semibold\">\n              <foxy-i18n infer=\"\" key=\"expires\"></foxy-i18n>\n            </td>\n            <td class=\"max-w-0 truncate py-s text-body w-2-3\">\n              <foxy-i18n infer=\"\" key=\"expires_date\" .options=${{ date: expires }}></foxy-i18n>\n            </td>\n          </tr>\n\n          <tr>\n            <td class=\"max-w-0 truncate py-s text-secondary w-1-3 pr-m font-semibold\">Client ID</td>\n            <td class=\"max-w-0 truncate py-s text-body w-2-3\">\n              <div class=\"flex items-center gap-s\">\n                <code class=\"truncate flex-1\">${data.client_id}</code>\n                <foxy-copy-to-clipboard\n                  infer=\"copy-to-clipboard\"\n                  class=\"inline-block\"\n                  text=${data.client_id}\n                >\n                </foxy-copy-to-clipboard>\n              </div>\n            </td>\n          </tr>\n\n          ${this.__postResponse\n            ? html`\n                <tr class=\"font-semibold text-success\">\n                  <td class=\"max-w-0 truncate py-s w-1-3 pr-m font-semibold\">Client secret</td>\n                  <td class=\"max-w-0 py-s w-2-3\">\n                    <div class=\"flex items-center gap-s\">\n                      <code class=\"truncate flex-1\">${this.__postResponse.client_secret}</code>\n                      <foxy-copy-to-clipboard\n                        infer=\"copy-to-clipboard\"\n                        class=\"inline-block\"\n                        text=${this.__postResponse.client_secret}\n                      >\n                      </foxy-copy-to-clipboard>\n                    </div>\n                  </td>\n                </tr>\n\n                <tr class=\"font-semibold text-success\">\n                  <td class=\"max-w-0 truncate py-s w-1-3 pr-m font-semibold\">Refresh token</td>\n                  <td class=\"max-w-0 py-s w-2-3\">\n                    <div class=\"flex items-center gap-s\">\n                      <code class=\"truncate flex-1\">${this.__postResponse.refresh_token}</code>\n                      <foxy-copy-to-clipboard\n                        infer=\"copy-to-clipboard\"\n                        class=\"inline-block\"\n                        text=${this.__postResponse.refresh_token}\n                      >\n                      </foxy-copy-to-clipboard>\n                    </div>\n                  </td>\n                </tr>\n\n                <tr class=\"font-semibold text-success\">\n                  <td class=\"max-w-0 truncate py-s w-1-3 pr-m font-semibold\">Access token</td>\n                  <td class=\"max-w-0 py-s w-2-3\">\n                    <div class=\"flex items-center gap-s\">\n                      <code class=\"truncate flex-1\">${this.__postResponse.access_token}</code>\n                      <foxy-copy-to-clipboard\n                        infer=\"copy-to-clipboard\"\n                        class=\"inline-block\"\n                        text=${this.__postResponse.access_token}\n                      >\n                      </foxy-copy-to-clipboard>\n                    </div>\n                  </td>\n                </tr>\n              `\n            : ''}\n\n          <tr>\n            <td class=\"max-w-0 truncate py-s text-secondary w-1-3 pr-m font-semibold\">Scope</td>\n            <td class=\"max-w-0 truncate py-s text-body w-2-3\"><code>${data.scope}</code></td>\n          </tr>\n        </tbody>\n      </table>\n\n      <foxy-internal-delete-control infer=\"delete\"></foxy-internal-delete-control>\n    `;\n  }\n\n  private __renderTemplateBody() {\n    return html`\n      <foxy-internal-text-control infer=\"project-name\"></foxy-internal-text-control>\n\n      <foxy-internal-text-area-control infer=\"project-description\">\n      </foxy-internal-text-area-control>\n\n      <foxy-internal-create-control infer=\"create\"></foxy-internal-create-control>\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1,10 @@
+import '@vaadin/vaadin-button';
+import '../../internal/InternalTextAreaControl/index';
+import '../../internal/InternalDeleteControl/index';
+import '../../internal/InternalCreateControl/index';
+import '../../internal/InternalTextControl/index';
+import '../../internal/InternalForm/index';
+import '../CopyToClipboard/index';
+import '../I18n/index';
+import { IntegrationForm } from './IntegrationForm';
+export { IntegrationForm };

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

@@ -0,0 +1,12 @@
+import '@vaadin/vaadin-button';
+import "../../internal/InternalTextAreaControl/index.js";
+import "../../internal/InternalDeleteControl/index.js";
+import "../../internal/InternalCreateControl/index.js";
+import "../../internal/InternalTextControl/index.js";
+import "../../internal/InternalForm/index.js";
+import "../CopyToClipboard/index.js";
+import "../I18n/index.js";
+import { IntegrationForm } from "./IntegrationForm.js";
+customElements.define('foxy-integration-form', IntegrationForm);
+export { IntegrationForm };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/IntegrationForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAE/B,yDAAsD;AACtD,uDAAoD;AACpD,uDAAoD;AACpD,qDAAkD;AAClD,8CAA2C;AAE3C,qCAAkC;AAClC,0BAAuB;AAEvB,OAAO,EAAE,eAAe,EAAE,6BAA0B;AAEpD,cAAc,CAAC,MAAM,CAAC,uBAAuB,EAAE,eAAe,CAAC,CAAC;AAEhE,OAAO,EAAE,eAAe,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-button';\n\nimport '../../internal/InternalTextAreaControl/index';\nimport '../../internal/InternalDeleteControl/index';\nimport '../../internal/InternalCreateControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\n\nimport '../CopyToClipboard/index';\nimport '../I18n/index';\n\nimport { IntegrationForm } from './IntegrationForm';\n\ncustomElements.define('foxy-integration-form', IntegrationForm);\n\nexport { IntegrationForm };\n"]}

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

@@ -0,0 +1,21 @@
+import type { Resource } from '@foxy.io/sdk/core';
+import type { Rels } from '@foxy.io/sdk/backend';
+interface PostResponseRel {
+    curie: 'fx:integration';
+    links: {
+        'self': PostResponseRel;
+        'fx:client': Rels.Client;
+        'fx:store': Rels.Store;
+        'fx:user': Rels.User;
+    };
+    props: {
+        client_id: string;
+        client_secret: string;
+        refresh_token: string;
+        access_token: string;
+        message: string;
+    };
+}
+export declare type Data = Resource<Rels.Integration>;
+export declare type PostResponseData = Resource<PostResponseRel>;
+export {};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/IntegrationForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\ninterface PostResponseRel {\n  curie: 'fx:integration';\n\n  links: {\n    'self': PostResponseRel;\n    'fx:client': Rels.Client;\n    'fx:store': Rels.Store;\n    'fx:user': Rels.User;\n  };\n\n  props: {\n    client_id: string;\n    client_secret: string;\n    refresh_token: string;\n    access_token: string;\n    message: string;\n  };\n}\n\nexport type Data = Resource<Rels.Integration>;\nexport type PostResponseData = Resource<PostResponseRel>;\n"]}

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

@@ -0,0 +1,15 @@
+import type { Data } from './types';
+import type { PropertyDeclarations } from 'lit-element';
+import type { TemplateResult } from 'lit-html';
+import { InternalCard } from '../../internal/InternalCard/InternalCard';
+declare const Base: typeof InternalCard & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+};
+export declare class ShippingMethodCard extends Base<Data> {
+    static get defaultImageSrc(): string;
+    static get properties(): PropertyDeclarations;
+    storeShippingMethods: string | null;
+    getImageSrc: ((type: string) => string) | null;
+    renderBody(): TemplateResult;
+}
+export {};

package/dist/elements/public/ShippingMethodCard/ShippingMethodCard.js

@@ -0,0 +1,78 @@
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { InternalCard } from "../../internal/InternalCard/InternalCard.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { html } from 'lit-html';
+const NS = 'shipping-method-card';
+const Base = TranslatableMixin(InternalCard, NS);
+export class ShippingMethodCard extends Base {
+    constructor() {
+        super(...arguments);
+        this.storeShippingMethods = null;
+        this.getImageSrc = null;
+    }
+    static get defaultImageSrc() {
+        return "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23E8E8E8' d='M0 0h40v40H0z'/%3E%3Cpath fill='%23fff' d='M0 14.81V7.88L7.88 0h6.93L0 14.81ZM0 0h6.47L0 6.47V0Zm16.22 0L0 16.22v6.93l9-9V14c0-.55.2-1.02.59-1.41.39-.4.86-.59 1.41-.59h.15l12-12h-6.93ZM9 15.57l-9 9v6.93l9-9v-6.93Zm.15 8.19L0 32.91v6.93l12.33-12.33a3.28 3.28 0 0 1-.46-.39A2.9 2.9 0 0 1 11 25c-.55 0-1.02-.2-1.41-.59a2 2 0 0 1-.44-.65Zm4.17 4.17L1.26 40h6.92L23 25.18V25h-6c0 .83-.3 1.54-.88 2.13A2.9 2.9 0 0 1 14 28a3.2 3.2 0 0 1-.68-.07Zm11.85-3.5.26-.26A.98.98 0 0 1 26 24c.28 0 .52.1.71.29.2.19.29.43.29.71 0 .28-.1.52-.29.71A.94.94 0 0 1 26 26a.97.97 0 0 1-.71-.29A.97.97 0 0 1 25 25a1 1 0 0 1 .17-.57Z'/%3E%3Cpath fill='%23fff' d='M23.29 26.31 9.59 40h6.94L40 16.53V9.6l-9.6 9.6.4.53c.07.08.12.17.15.27s.05.2.05.32V24c0 .28-.1.52-.29.71A.94.94 0 0 1 30 25h-1c0 .83-.3 1.54-.88 2.13A2.9 2.9 0 0 1 26 28a3 3 0 0 1-2.71-1.69Zm6.51-7.92L40 8.19V1.25L25.26 16h2.24a1 1 0 0 1 .45.1 1 1 0 0 1 .35.3l1.5 1.99ZM25 14.84 39.84 0h-6.93l-12 12H23c.55 0 1.02.2 1.41.59.4.39.59.86.59 1.41v.84ZM19.5 12l12-12h-6.93l-12 12h6.93Zm-1.56 28L40 17.94v6.93L24.87 40h-6.93ZM40 26.29 26.29 40h6.93L40 33.22v-6.93ZM34.63 40 40 34.63V40h-5.37ZM13 25c0 .28.1.52.29.71.19.2.43.29.71.29.28 0 .52-.1.71-.29.2-.19.29-.43.29-.71 0-.28-.1-.52-.29-.71A.97.97 0 0 0 14 24c-.07 0-.14 0-.2.02a.95.95 0 0 0-.51.27.95.95 0 0 0-.29.71Z'/%3E%3Cpath fill='%23fff' d='M25 18v3h4.21l-.85-1.18-.68-.91L27 18h-2Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h40v40H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E";
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            storeShippingMethods: { type: String, attribute: 'store-shipping-methods' },
+            getImageSrc: { attribute: false },
+        };
+    }
+    renderBody() {
+        var _a, _b, _c, _d, _e;
+        const defaultSrc = ShippingMethodCard.defaultImageSrc;
+        const data = this.data;
+        const methods = this.renderRoot.querySelector('#methods');
+        const isActive = ((_c = (_b = (_a = methods === null || methods === void 0 ? void 0 : methods.data) === null || _a === void 0 ? void 0 : _a._embedded) === null || _b === void 0 ? void 0 : _b['fx:store_shipping_methods']) === null || _c === void 0 ? void 0 : _c.length) === 1;
+        let storeShippingMethodsHref;
+        try {
+            const url = new URL(this.storeShippingMethods);
+            url.searchParams.set('shipping_method_id', this.href.split('/').pop());
+            url.searchParams.set('limit', '1');
+            storeShippingMethodsHref = url.toString();
+        }
+        catch (_f) {
+            storeShippingMethodsHref = undefined;
+        }
+        return html `
+      ${typeof storeShippingMethodsHref === 'string'
+            ? html `
+            <foxy-nucleon
+              class="hidden"
+              infer=""
+              href=${ifDefined(storeShippingMethodsHref)}
+              id="methods"
+              @update=${() => this.requestUpdate()}
+            >
+            </foxy-nucleon>
+          `
+            : ''}
+
+      <figure class="flex items-center gap-m h-m">
+        <img
+          class="relative h-s w-s object-cover rounded-full bg-contrast-20 flex-shrink-0 shadow-xs"
+          src=${(_e = (data ? (_d = this.getImageSrc) === null || _d === void 0 ? void 0 : _d.call(this, data.code) : null)) !== null && _e !== void 0 ? _e : defaultSrc}
+          alt=${this.t('image_alt')}
+          @error=${(evt) => (evt.currentTarget.src = defaultSrc)}
+        />
+
+        <figcaption class="min-w-0 flex-1">
+          <dl class="flex justify-between gap-s">
+            <dt class="sr-only">${this.t('title_description')}</dt>
+            <dd class="font-semibold truncate flex-shrink-0">${data === null || data === void 0 ? void 0 : data.name}&ZeroWidthSpace;</dd>
+
+            ${isActive
+            ? html `
+                  <dt class="sr-only">${this.t('subtitle_description')}</dt>
+                  <dd class="truncate text-tertiary">${this.t('status_active')}</dd>
+                `
+            : ''}
+          </dl>
+        </figcaption>
+      </figure>
+    `;
+    }
+}
+//# sourceMappingURL=ShippingMethodCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShippingMethodCard.js","sourceRoot":"","sources":["../../../../src/elements/public/ShippingMethodCard/ShippingMethodCard.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,sBAAsB,CAAC;AAClC,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAEjD,MAAM,OAAO,kBAAmB,SAAQ,IAAU;IAAlD;;QAaE,yBAAoB,GAAkB,IAAI,CAAC;QAE3C,gBAAW,GAAsC,IAAI,CAAC;IA+DxD,CAAC;IA7EC,MAAM,KAAK,eAAe;QACxB,OAAO,woDAAwoD,CAAC;IAClpD,CAAC;IAED,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,oBAAoB,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,wBAAwB,EAAE;YAC3E,WAAW,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SAClC,CAAC;IACJ,CAAC;IAMD,UAAU;;QACR,MAAM,UAAU,GAAG,kBAAkB,CAAC,eAAe,CAAC;QACtD,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QAKvB,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAgB,UAAU,CAAC,CAAC;QACzE,MAAM,QAAQ,GAAG,mBAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,SAAS,0CAAG,2BAA2B,2CAAG,MAAM,MAAK,CAAC,CAAC;QAEvF,IAAI,wBAA4C,CAAC;QAEjD,IAAI;YACF,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,oBAAqB,CAAC,CAAC;YAEhD,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,oBAAoB,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAG,CAAC,CAAC;YACxE,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;YAEnC,wBAAwB,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;SAC3C;QAAC,WAAM;YACN,wBAAwB,GAAG,SAAS,CAAC;SACtC;QAED,OAAO,IAAI,CAAA;QACP,OAAO,wBAAwB,KAAK,QAAQ;YAC5C,CAAC,CAAC,IAAI,CAAA;;;;qBAIO,SAAS,CAAC,wBAAwB,CAAC;;wBAEhC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;;;WAGvC;YACH,CAAC,CAAC,EAAE;;;;;gBAKI,MAAA,CAAC,IAAI,CAAC,CAAC,OAAC,IAAI,CAAC,WAAW,+CAAhB,IAAI,EAAe,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,mCAAI,UAAU;gBAC3D,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC;mBAChB,CAAC,GAAU,EAAE,EAAE,CAAC,CAAE,GAAG,CAAC,aAAkC,CAAC,GAAG,GAAG,UAAU,CAAC;;;;;kCAK3D,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC;+DACE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI;;cAE3D,QAAQ;YACR,CAAC,CAAC,IAAI,CAAA;wCACoB,IAAI,CAAC,CAAC,CAAC,sBAAsB,CAAC;uDACf,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC;iBAC7D;YACH,CAAC,CAAC,EAAE;;;;KAIb,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { Data, StoreShippingMethods } from './types';\nimport type { PropertyDeclarations } from 'lit-element';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { TemplateResult } from 'lit-html';\nimport type { Resource } from '@foxy.io/sdk/core';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nconst NS = 'shipping-method-card';\nconst Base = TranslatableMixin(InternalCard, NS);\n\nexport class ShippingMethodCard extends Base<Data> {\n  static get defaultImageSrc(): string {\n    return \"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23E8E8E8' d='M0 0h40v40H0z'/%3E%3Cpath fill='%23fff' d='M0 14.81V7.88L7.88 0h6.93L0 14.81ZM0 0h6.47L0 6.47V0Zm16.22 0L0 16.22v6.93l9-9V14c0-.55.2-1.02.59-1.41.39-.4.86-.59 1.41-.59h.15l12-12h-6.93ZM9 15.57l-9 9v6.93l9-9v-6.93Zm.15 8.19L0 32.91v6.93l12.33-12.33a3.28 3.28 0 0 1-.46-.39A2.9 2.9 0 0 1 11 25c-.55 0-1.02-.2-1.41-.59a2 2 0 0 1-.44-.65Zm4.17 4.17L1.26 40h6.92L23 25.18V25h-6c0 .83-.3 1.54-.88 2.13A2.9 2.9 0 0 1 14 28a3.2 3.2 0 0 1-.68-.07Zm11.85-3.5.26-.26A.98.98 0 0 1 26 24c.28 0 .52.1.71.29.2.19.29.43.29.71 0 .28-.1.52-.29.71A.94.94 0 0 1 26 26a.97.97 0 0 1-.71-.29A.97.97 0 0 1 25 25a1 1 0 0 1 .17-.57Z'/%3E%3Cpath fill='%23fff' d='M23.29 26.31 9.59 40h6.94L40 16.53V9.6l-9.6 9.6.4.53c.07.08.12.17.15.27s.05.2.05.32V24c0 .28-.1.52-.29.71A.94.94 0 0 1 30 25h-1c0 .83-.3 1.54-.88 2.13A2.9 2.9 0 0 1 26 28a3 3 0 0 1-2.71-1.69Zm6.51-7.92L40 8.19V1.25L25.26 16h2.24a1 1 0 0 1 .45.1 1 1 0 0 1 .35.3l1.5 1.99ZM25 14.84 39.84 0h-6.93l-12 12H23c.55 0 1.02.2 1.41.59.4.39.59.86.59 1.41v.84ZM19.5 12l12-12h-6.93l-12 12h6.93Zm-1.56 28L40 17.94v6.93L24.87 40h-6.93ZM40 26.29 26.29 40h6.93L40 33.22v-6.93ZM34.63 40 40 34.63V40h-5.37ZM13 25c0 .28.1.52.29.71.19.2.43.29.71.29.28 0 .52-.1.71-.29.2-.19.29-.43.29-.71 0-.28-.1-.52-.29-.71A.97.97 0 0 0 14 24c-.07 0-.14 0-.2.02a.95.95 0 0 0-.51.27.95.95 0 0 0-.29.71Z'/%3E%3Cpath fill='%23fff' d='M25 18v3h4.21l-.85-1.18-.68-.91L27 18h-2Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h40v40H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\";\n  }\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      storeShippingMethods: { type: String, attribute: 'store-shipping-methods' },\n      getImageSrc: { attribute: false },\n    };\n  }\n\n  storeShippingMethods: string | null = null;\n\n  getImageSrc: ((type: string) => string) | null = null;\n\n  renderBody(): TemplateResult {\n    const defaultSrc = ShippingMethodCard.defaultImageSrc;\n    const data = this.data;\n\n    type Methods = Resource<StoreShippingMethods, { zoom: 'shipping_method' }>;\n    type MethodsLoader = NucleonElement<Methods>;\n\n    const methods = this.renderRoot.querySelector<MethodsLoader>('#methods');\n    const isActive = methods?.data?._embedded?.['fx:store_shipping_methods']?.length === 1;\n\n    let storeShippingMethodsHref: string | undefined;\n\n    try {\n      const url = new URL(this.storeShippingMethods!);\n\n      url.searchParams.set('shipping_method_id', this.href.split('/').pop()!);\n      url.searchParams.set('limit', '1');\n\n      storeShippingMethodsHref = url.toString();\n    } catch {\n      storeShippingMethodsHref = undefined;\n    }\n\n    return html`\n      ${typeof storeShippingMethodsHref === 'string'\n        ? html`\n            <foxy-nucleon\n              class=\"hidden\"\n              infer=\"\"\n              href=${ifDefined(storeShippingMethodsHref)}\n              id=\"methods\"\n              @update=${() => this.requestUpdate()}\n            >\n            </foxy-nucleon>\n          `\n        : ''}\n\n      <figure class=\"flex items-center gap-m h-m\">\n        <img\n          class=\"relative h-s w-s object-cover rounded-full bg-contrast-20 flex-shrink-0 shadow-xs\"\n          src=${(data ? this.getImageSrc?.(data.code) : null) ?? defaultSrc}\n          alt=${this.t('image_alt')}\n          @error=${(evt: Event) => ((evt.currentTarget as HTMLImageElement).src = defaultSrc)}\n        />\n\n        <figcaption class=\"min-w-0 flex-1\">\n          <dl class=\"flex justify-between gap-s\">\n            <dt class=\"sr-only\">${this.t('title_description')}</dt>\n            <dd class=\"font-semibold truncate flex-shrink-0\">${data?.name}&ZeroWidthSpace;</dd>\n\n            ${isActive\n              ? html`\n                  <dt class=\"sr-only\">${this.t('subtitle_description')}</dt>\n                  <dd class=\"truncate text-tertiary\">${this.t('status_active')}</dd>\n                `\n              : ''}\n          </dl>\n        </figcaption>\n      </figure>\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1,4 @@
+import '../../internal/InternalCard/index';
+import '../NucleonElement/index';
+import { ShippingMethodCard } from './ShippingMethodCard';
+export { ShippingMethodCard };

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

@@ -0,0 +1,6 @@
+import "../../internal/InternalCard/index.js";
+import "../NucleonElement/index.js";
+import { ShippingMethodCard } from "./ShippingMethodCard.js";
+customElements.define('foxy-shipping-method-card', ShippingMethodCard);
+export { ShippingMethodCard };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/ShippingMethodCard/index.ts"],"names":[],"mappings":"AAAA,8CAA2C;AAE3C,oCAAiC;AAEjC,OAAO,EAAE,kBAAkB,EAAE,gCAA6B;AAE1D,cAAc,CAAC,MAAM,CAAC,2BAA2B,EAAE,kBAAkB,CAAC,CAAC;AAEvE,OAAO,EAAE,kBAAkB,EAAE,CAAC","sourcesContent":["import '../../internal/InternalCard/index';\n\nimport '../NucleonElement/index';\n\nimport { ShippingMethodCard } from './ShippingMethodCard';\n\ncustomElements.define('foxy-shipping-method-card', ShippingMethodCard);\n\nexport { ShippingMethodCard };\n"]}

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

@@ -0,0 +1,10 @@
+import type { CollectionGraphLinks, CollectionGraphProps } from '@foxy.io/sdk/dist/types/core/defaults';
+import type { Rels } from '@foxy.io/sdk/backend';
+import type { Resource } from '@foxy.io/sdk/core';
+export declare type Data = Resource<Rels.ShippingMethod>;
+export interface StoreShippingMethods {
+    curie: 'fx:store_shipping_methods';
+    links: CollectionGraphLinks<StoreShippingMethods>;
+    props: CollectionGraphProps;
+    child: Rels.StoreShippingMethod;
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/ShippingMethodCard/types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n  CollectionGraphLinks,\n  CollectionGraphProps,\n} from '@foxy.io/sdk/dist/types/core/defaults';\n\nimport type { Rels } from '@foxy.io/sdk/backend';\nimport type { Resource } from '@foxy.io/sdk/core';\n\nexport type Data = Resource<Rels.ShippingMethod>;\n\nexport interface StoreShippingMethods {\n  curie: 'fx:store_shipping_methods';\n  links: CollectionGraphLinks<StoreShippingMethods>;\n  props: CollectionGraphProps;\n  child: Rels.StoreShippingMethod;\n}\n"]}

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

@@ -44,12 +44,12 @@ export declare class StoreForm extends Base<Data> {
     private __setWebhookUrlValue;
     private __setStoreDomainValue;
     renderBody(): TemplateResult;
+    private __renderWebhookKey;
     private __renderMaintenanceModeSwitch;
     private __renderCurrencyStyleSelector;
     private __renderCustomIDSettings;
     private __renderSmtpConfig;
     private __renderWarning;
     private __renderLoader;
-    private __renderTitle;
 }
 export {};