@foxy.io/elements 1.17.0 → 1.18.0-beta.10

package/dist/elements/public/StoreShippingMethodForm/StoreShippingMethodForm.js

@@ -0,0 +1,197 @@
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { BooleanSelector } from '@foxy.io/sdk/core';
+import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { html } from 'lit-html';
+const NS = 'store-shipping-method-form';
+const Base = TranslatableMixin(InternalForm, NS);
+const getKbSize = (value) => new Blob([value]).size / 1024;
+const isURL = (value) => {
+    try {
+        new URL(value);
+        return true;
+    }
+    catch (_a) {
+        return false;
+    }
+};
+/**
+ * Form element for creating and editing store shipping methods (`fx:store_shipping_method`).
+ *
+ * @element foxy-store-shipping-method-form
+ * @since 1.18.0
+ */
+export class StoreShippingMethodForm extends Base {
+    constructor() {
+        super(...arguments);
+        this.shippingMethods = null;
+        this.__destinations = [
+            { value: 'domestic', label: 'domestic' },
+            { value: 'international', label: 'international' },
+        ];
+        this.__getDestinations = () => {
+            const value = [];
+            if (this.form.use_for_domestic)
+                value.push('domestic');
+            if (this.form.use_for_international)
+                value.push('international');
+            return value;
+        };
+        this.__setDestinations = (newValue) => {
+            this.edit({
+                use_for_domestic: newValue.includes('domestic'),
+                use_for_international: newValue.includes('international'),
+            });
+        };
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            shippingMethods: { type: String, attribute: 'shipping-methods' },
+        };
+    }
+    static get v8n() {
+        return [
+            ({ shipping_method_uri: v }) => (v && isURL(v)) || 'shipping-method-uri:required',
+            ({ accountid: v }) => !v || v.length <= 50 || 'accountid:too_long',
+            ({ password: v }) => !v || v.length <= 50 || 'password:too_long',
+            ({ meter_number: v }) => !v || v.length <= 50 || 'meter-number:too_long',
+            ({ authentication_key: v }) => !v || v.length <= 50 || 'authentication-key:too_long',
+            ({ custom_code: v }) => !v || getKbSize(v) <= 64 || 'custom-code:too_long',
+            form => {
+                var _a;
+                if (((_a = form._embedded) === null || _a === void 0 ? void 0 : _a['fx:shipping_method'].code) === 'CUSTOM-ENDPOINT-POST') {
+                    return (form.accountid && isURL(form.accountid)) || 'endpoint:required';
+                }
+                else {
+                    return true;
+                }
+            },
+            form => {
+                var _a;
+                const url = form.shipping_container_uri;
+                const code = (_a = form._embedded) === null || _a === void 0 ? void 0 : _a['fx:shipping_method'].code;
+                const codes = ['USPS', 'FedEx', 'UPS'];
+                if (code && codes.includes(code)) {
+                    return (url && isURL(url)) || 'shipping-container-uri:required';
+                }
+                else {
+                    return true;
+                }
+            },
+            form => {
+                var _a;
+                const url = form.shipping_drop_type_uri;
+                const code = (_a = form._embedded) === null || _a === void 0 ? void 0 : _a['fx:shipping_method'].code;
+                const codes = ['FedEx', 'UPS'];
+                if (code && codes.includes(code)) {
+                    return (url && isURL(url)) || 'shipping-drop-type-uri:required';
+                }
+                else {
+                    return true;
+                }
+            },
+        ];
+    }
+    get hiddenSelector() {
+        var _a;
+        const code = (_a = this.form._embedded) === null || _a === void 0 ? void 0 : _a['fx:shipping_method'].code;
+        if (!code)
+            return new BooleanSelector('not=shipping-method-uri,timestamps,create,delete');
+        const orgControls = ['shipping-container-uri', 'shipping-drop-type-uri', 'destinations'];
+        const authControls = ['authentication-key', 'meter-number', 'accountid', 'password'];
+        const codeToControls = {
+            'CUSTOM-ENDPOINT-POST': ['endpoint'],
+            'CUSTOM-CODE': ['custom-code'],
+            'CUSTOM': ['destinations', 'services'],
+            'FedEx': [...orgControls, ...authControls, 'services'],
+            'USPS': [...orgControls, 'services'],
+            'UPS': [...orgControls, ...authControls, 'services'],
+        };
+        if (codeToControls[code]) {
+            const controls = codeToControls[code];
+            const set = ['shipping-method-uri', ...controls, 'timestamps', 'delete', 'create'];
+            return new BooleanSelector(`not=${set.join()} ${super.hiddenSelector}`);
+        }
+        else {
+            return super.hiddenSelector;
+        }
+    }
+    renderBody() {
+        var _a, _b, _c, _d, _e, _f;
+        const method = (_a = this.form._embedded) === null || _a === void 0 ? void 0 : _a['fx:shipping_method'];
+        return html `
+      <foxy-internal-async-combo-box-control
+        item-value-path="_links.self.href"
+        item-label-path="name"
+        first=${ifDefined((_b = this.shippingMethods) !== null && _b !== void 0 ? _b : (_c = this.form._links) === null || _c === void 0 ? void 0 : _c['fx:shipping_methods'].href)}
+        infer="shipping-method-uri"
+        .selectedItem=${(_d = this.form._embedded) === null || _d === void 0 ? void 0 : _d['fx:shipping_method']}
+        @selected-item-changed=${(evt) => {
+            const { selectedItem } = evt.currentTarget;
+            const newEmbeds = { 'fx:shipping_method': selectedItem };
+            this.edit({
+                _embedded: newEmbeds,
+                shipping_container_uri: '',
+                shipping_drop_type_uri: '',
+            });
+        }}
+      >
+      </foxy-internal-async-combo-box-control>
+
+      <foxy-internal-async-combo-box-control
+        item-value-path="_links.self.href"
+        item-label-path="name"
+        first=${ifDefined(method === null || method === void 0 ? void 0 : method._links['fx:shipping_containers'].href)}
+        infer="shipping-container-uri"
+        .selectedItem=${(_e = this.form._embedded) === null || _e === void 0 ? void 0 : _e['fx:shipping_container']}
+        @selected-item-changed=${(evt) => {
+            const { selectedItem } = evt.currentTarget;
+            const newEmbeds = { ...this.form._embedded, 'fx:shipping_container': selectedItem };
+            this.edit({ _embedded: newEmbeds });
+        }}
+      >
+      </foxy-internal-async-combo-box-control>
+
+      <foxy-internal-async-combo-box-control
+        item-value-path="_links.self.href"
+        item-label-path="name"
+        first=${ifDefined(method === null || method === void 0 ? void 0 : method._links['fx:shipping_drop_types'].href)}
+        infer="shipping-drop-type-uri"
+        .selectedItem=${(_f = this.form._embedded) === null || _f === void 0 ? void 0 : _f['fx:shipping_drop_type']}
+        @selected-item-changed=${(evt) => {
+            const { selectedItem } = evt.currentTarget;
+            const newEmbeds = { ...this.form._embedded, 'fx:shipping_drop_type': selectedItem };
+            this.edit({ _embedded: newEmbeds });
+        }}
+      >
+      </foxy-internal-async-combo-box-control>
+
+      <foxy-internal-checkbox-group-control
+        infer="destinations"
+        .getValue=${this.__getDestinations}
+        .setValue=${this.__setDestinations}
+        .options=${this.__destinations}
+      >
+      </foxy-internal-checkbox-group-control>
+
+      <foxy-internal-text-control infer="authentication-key"> </foxy-internal-text-control>
+      <foxy-internal-text-control infer="meter-number"></foxy-internal-text-control>
+
+      <foxy-internal-text-control
+        infer=${(method === null || method === void 0 ? void 0 : method.code) === 'CUSTOM-ENDPOINT-POST' ? 'endpoint' : 'accountid'}
+        property="accountid"
+      >
+      </foxy-internal-text-control>
+
+      <foxy-internal-text-control infer="password"></foxy-internal-text-control>
+      <foxy-internal-text-area-control infer="custom-code"></foxy-internal-text-area-control>
+
+      <foxy-internal-store-shipping-method-form-services-control infer="services">
+      </foxy-internal-store-shipping-method-form-services-control>
+
+      ${super.renderBody()}
+    `;
+    }
+}
+//# sourceMappingURL=StoreShippingMethodForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StoreShippingMethodForm.js","sourceRoot":"","sources":["../../../../src/elements/public/StoreShippingMethodForm/StoreShippingMethodForm.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,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,4BAA4B,CAAC;AACxC,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AACjD,MAAM,SAAS,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC;AACnE,MAAM,KAAK,GAAG,CAAC,KAAa,EAAE,EAAE;IAC9B,IAAI;QACF,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC;QACf,OAAO,IAAI,CAAC;KACb;IAAC,WAAM;QACN,OAAO,KAAK,CAAC;KACd;AACH,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,OAAO,uBAAwB,SAAQ,IAAU;IAAvD;;QAmDE,oBAAe,GAAkB,IAAI,CAAC;QAE9B,mBAAc,GAAG;YACvB,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;YACxC,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE;SACnD,CAAC;QAEM,sBAAiB,GAAG,GAAG,EAAE;YAC/B,MAAM,KAAK,GAAa,EAAE,CAAC;YAC3B,IAAI,IAAI,CAAC,IAAI,CAAC,gBAAgB;gBAAE,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YACvD,IAAI,IAAI,CAAC,IAAI,CAAC,qBAAqB;gBAAE,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;YACjE,OAAO,KAAK,CAAC;QACf,CAAC,CAAC;QAEM,sBAAiB,GAAG,CAAC,QAAkB,EAAE,EAAE;YACjD,IAAI,CAAC,IAAI,CAAC;gBACR,gBAAgB,EAAE,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC;gBAC/C,qBAAqB,EAAE,QAAQ,CAAC,QAAQ,CAAC,eAAe,CAAC;aAC1D,CAAC,CAAC;QACL,CAAC,CAAC;IAuGJ,CAAC;IA5KC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,eAAe,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE;SACjE,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,GAAG;QACZ,OAAO;YACL,CAAC,EAAE,mBAAmB,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,8BAA8B;YACjF,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,EAAE,IAAI,oBAAoB;YAClE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,EAAE,IAAI,mBAAmB;YAChE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,EAAE,IAAI,uBAAuB;YACxE,CAAC,EAAE,kBAAkB,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,EAAE,IAAI,6BAA6B;YACpF,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,sBAAsB;YAE1E,IAAI,CAAC,EAAE;;gBACL,IAAI,OAAA,IAAI,CAAC,SAAS,0CAAG,oBAAoB,EAAE,IAAI,MAAK,sBAAsB,EAAE;oBAC1E,OAAO,CAAC,IAAI,CAAC,SAAS,IAAI,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,mBAAmB,CAAC;iBACzE;qBAAM;oBACL,OAAO,IAAI,CAAC;iBACb;YACH,CAAC;YAED,IAAI,CAAC,EAAE;;gBACL,MAAM,GAAG,GAAG,IAAI,CAAC,sBAAsB,CAAC;gBACxC,MAAM,IAAI,SAAG,IAAI,CAAC,SAAS,0CAAG,oBAAoB,EAAE,IAAI,CAAC;gBACzD,MAAM,KAAK,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;gBAEvC,IAAI,IAAI,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;oBAChC,OAAO,CAAC,GAAG,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,iCAAiC,CAAC;iBACjE;qBAAM;oBACL,OAAO,IAAI,CAAC;iBACb;YACH,CAAC;YAED,IAAI,CAAC,EAAE;;gBACL,MAAM,GAAG,GAAG,IAAI,CAAC,sBAAsB,CAAC;gBACxC,MAAM,IAAI,SAAG,IAAI,CAAC,SAAS,0CAAG,oBAAoB,EAAE,IAAI,CAAC;gBACzD,MAAM,KAAK,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;gBAE/B,IAAI,IAAI,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;oBAChC,OAAO,CAAC,GAAG,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,iCAAiC,CAAC;iBACjE;qBAAM;oBACL,OAAO,IAAI,CAAC;iBACb;YACH,CAAC;SACF,CAAC;IACJ,CAAC;IAuBD,IAAI,cAAc;;QAChB,MAAM,IAAI,SAAG,IAAI,CAAC,IAAI,CAAC,SAAS,0CAAG,oBAAoB,EAAE,IAAI,CAAC;QAC9D,IAAI,CAAC,IAAI;YAAE,OAAO,IAAI,eAAe,CAAC,kDAAkD,CAAC,CAAC;QAE1F,MAAM,WAAW,GAAG,CAAC,wBAAwB,EAAE,wBAAwB,EAAE,cAAc,CAAC,CAAC;QACzF,MAAM,YAAY,GAAG,CAAC,oBAAoB,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC;QACrF,MAAM,cAAc,GAA6B;YAC/C,sBAAsB,EAAE,CAAC,UAAU,CAAC;YACpC,aAAa,EAAE,CAAC,aAAa,CAAC;YAC9B,QAAQ,EAAE,CAAC,cAAc,EAAE,UAAU,CAAC;YACtC,OAAO,EAAE,CAAC,GAAG,WAAW,EAAE,GAAG,YAAY,EAAE,UAAU,CAAC;YACtD,MAAM,EAAE,CAAC,GAAG,WAAW,EAAE,UAAU,CAAC;YACpC,KAAK,EAAE,CAAC,GAAG,WAAW,EAAE,GAAG,YAAY,EAAE,UAAU,CAAC;SACrD,CAAC;QAEF,IAAI,cAAc,CAAC,IAAI,CAAC,EAAE;YACxB,MAAM,QAAQ,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;YACtC,MAAM,GAAG,GAAG,CAAC,qBAAqB,EAAE,GAAG,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;YACnF,OAAO,IAAI,eAAe,CAAC,OAAO,GAAG,CAAC,IAAI,EAAE,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC;SACzE;aAAM;YACL,OAAO,KAAK,CAAC,cAAc,CAAC;SAC7B;IACH,CAAC;IAED,UAAU;;QACR,MAAM,MAAM,SAAG,IAAI,CAAC,IAAI,CAAC,SAAS,0CAAG,oBAAoB,CAAC,CAAC;QAE3D,OAAO,IAAI,CAAA;;;;gBAIC,SAAS,OAAC,IAAI,CAAC,eAAe,yCAAI,IAAI,CAAC,IAAI,CAAC,MAAM,0CAAG,qBAAqB,EAAE,IAAI,CAAC;;wBAEzE,MAAA,IAAI,CAAC,IAAI,CAAC,SAAS,0CAAG,oBAAoB,CAAC;iCAClC,CAAC,GAAgB,EAAE,EAAE;YAC5C,MAAM,EAAE,YAAY,EAAE,GAAG,GAAG,CAAC,aAA6C,CAAC;YAC3E,MAAM,SAAS,GAAG,EAAE,oBAAoB,EAAE,YAAY,EAAE,CAAC;YAEzD,IAAI,CAAC,IAAI,CAAC;gBACR,SAAS,EAAE,SAA8B;gBACzC,sBAAsB,EAAE,EAAE;gBAC1B,sBAAsB,EAAE,EAAE;aAC3B,CAAC,CAAC;QACL,CAAC;;;;;;;gBAOO,SAAS,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,wBAAwB,EAAE,IAAI,CAAC;;wBAEhD,MAAA,IAAI,CAAC,IAAI,CAAC,SAAS,0CAAG,uBAAuB,CAAC;iCACrC,CAAC,GAAgB,EAAE,EAAE;YAC5C,MAAM,EAAE,YAAY,EAAE,GAAG,GAAG,CAAC,aAA6C,CAAC;YAC3E,MAAM,SAAS,GAAG,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,uBAAuB,EAAE,YAAY,EAAE,CAAC;YACpF,IAAI,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,SAA8B,EAAE,CAAC,CAAC;QAC3D,CAAC;;;;;;;gBAOO,SAAS,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,wBAAwB,EAAE,IAAI,CAAC;;wBAEhD,MAAA,IAAI,CAAC,IAAI,CAAC,SAAS,0CAAG,uBAAuB,CAAC;iCACrC,CAAC,GAAgB,EAAE,EAAE;YAC5C,MAAM,EAAE,YAAY,EAAE,GAAG,GAAG,CAAC,aAA6C,CAAC;YAC3E,MAAM,SAAS,GAAG,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,uBAAuB,EAAE,YAAY,EAAE,CAAC;YACpF,IAAI,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,SAA8B,EAAE,CAAC,CAAC;QAC3D,CAAC;;;;;;oBAMW,IAAI,CAAC,iBAAiB;oBACtB,IAAI,CAAC,iBAAiB;mBACvB,IAAI,CAAC,cAAc;;;;;;;;gBAQtB,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,MAAK,sBAAsB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW;;;;;;;;;;;QAW1E,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { InternalAsyncComboBoxControl } from '../../internal/InternalAsyncComboBoxControl/InternalAsyncComboBoxControl';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nconst NS = 'store-shipping-method-form';\nconst Base = TranslatableMixin(InternalForm, NS);\nconst getKbSize = (value: string) => new Blob([value]).size / 1024;\nconst isURL = (value: string) => {\n  try {\n    new URL(value);\n    return true;\n  } catch {\n    return false;\n  }\n};\n\n/**\n * Form element for creating and editing store shipping methods (`fx:store_shipping_method`).\n *\n * @element foxy-store-shipping-method-form\n * @since 1.18.0\n */\nexport class StoreShippingMethodForm extends Base<Data> {\n  static get properties(): typeof Base['properties'] {\n    return {\n      ...super.properties,\n      shippingMethods: { type: String, attribute: 'shipping-methods' },\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ shipping_method_uri: v }) => (v && isURL(v)) || 'shipping-method-uri:required',\n      ({ accountid: v }) => !v || v.length <= 50 || 'accountid:too_long',\n      ({ password: v }) => !v || v.length <= 50 || 'password:too_long',\n      ({ meter_number: v }) => !v || v.length <= 50 || 'meter-number:too_long',\n      ({ authentication_key: v }) => !v || v.length <= 50 || 'authentication-key:too_long',\n      ({ custom_code: v }) => !v || getKbSize(v) <= 64 || 'custom-code:too_long',\n\n      form => {\n        if (form._embedded?.['fx:shipping_method'].code === 'CUSTOM-ENDPOINT-POST') {\n          return (form.accountid && isURL(form.accountid)) || 'endpoint:required';\n        } else {\n          return true;\n        }\n      },\n\n      form => {\n        const url = form.shipping_container_uri;\n        const code = form._embedded?.['fx:shipping_method'].code;\n        const codes = ['USPS', 'FedEx', 'UPS'];\n\n        if (code && codes.includes(code)) {\n          return (url && isURL(url)) || 'shipping-container-uri:required';\n        } else {\n          return true;\n        }\n      },\n\n      form => {\n        const url = form.shipping_drop_type_uri;\n        const code = form._embedded?.['fx:shipping_method'].code;\n        const codes = ['FedEx', 'UPS'];\n\n        if (code && codes.includes(code)) {\n          return (url && isURL(url)) || 'shipping-drop-type-uri:required';\n        } else {\n          return true;\n        }\n      },\n    ];\n  }\n\n  shippingMethods: string | null = null;\n\n  private __destinations = [\n    { value: 'domestic', label: 'domestic' },\n    { value: 'international', label: 'international' },\n  ];\n\n  private __getDestinations = () => {\n    const value: string[] = [];\n    if (this.form.use_for_domestic) value.push('domestic');\n    if (this.form.use_for_international) value.push('international');\n    return value;\n  };\n\n  private __setDestinations = (newValue: string[]) => {\n    this.edit({\n      use_for_domestic: newValue.includes('domestic'),\n      use_for_international: newValue.includes('international'),\n    });\n  };\n\n  get hiddenSelector(): BooleanSelector {\n    const code = this.form._embedded?.['fx:shipping_method'].code;\n    if (!code) return new BooleanSelector('not=shipping-method-uri,timestamps,create,delete');\n\n    const orgControls = ['shipping-container-uri', 'shipping-drop-type-uri', 'destinations'];\n    const authControls = ['authentication-key', 'meter-number', 'accountid', 'password'];\n    const codeToControls: Record<string, string[]> = {\n      'CUSTOM-ENDPOINT-POST': ['endpoint'],\n      'CUSTOM-CODE': ['custom-code'],\n      'CUSTOM': ['destinations', 'services'],\n      'FedEx': [...orgControls, ...authControls, 'services'],\n      'USPS': [...orgControls, 'services'],\n      'UPS': [...orgControls, ...authControls, 'services'],\n    };\n\n    if (codeToControls[code]) {\n      const controls = codeToControls[code];\n      const set = ['shipping-method-uri', ...controls, 'timestamps', 'delete', 'create'];\n      return new BooleanSelector(`not=${set.join()} ${super.hiddenSelector}`);\n    } else {\n      return super.hiddenSelector;\n    }\n  }\n\n  renderBody(): TemplateResult {\n    const method = this.form._embedded?.['fx:shipping_method'];\n\n    return html`\n      <foxy-internal-async-combo-box-control\n        item-value-path=\"_links.self.href\"\n        item-label-path=\"name\"\n        first=${ifDefined(this.shippingMethods ?? this.form._links?.['fx:shipping_methods'].href)}\n        infer=\"shipping-method-uri\"\n        .selectedItem=${this.form._embedded?.['fx:shipping_method']}\n        @selected-item-changed=${(evt: CustomEvent) => {\n          const { selectedItem } = evt.currentTarget as InternalAsyncComboBoxControl;\n          const newEmbeds = { 'fx:shipping_method': selectedItem };\n\n          this.edit({\n            _embedded: newEmbeds as Data['_embedded'],\n            shipping_container_uri: '',\n            shipping_drop_type_uri: '',\n          });\n        }}\n      >\n      </foxy-internal-async-combo-box-control>\n\n      <foxy-internal-async-combo-box-control\n        item-value-path=\"_links.self.href\"\n        item-label-path=\"name\"\n        first=${ifDefined(method?._links['fx:shipping_containers'].href)}\n        infer=\"shipping-container-uri\"\n        .selectedItem=${this.form._embedded?.['fx:shipping_container']}\n        @selected-item-changed=${(evt: CustomEvent) => {\n          const { selectedItem } = evt.currentTarget as InternalAsyncComboBoxControl;\n          const newEmbeds = { ...this.form._embedded, 'fx:shipping_container': selectedItem };\n          this.edit({ _embedded: newEmbeds as Data['_embedded'] });\n        }}\n      >\n      </foxy-internal-async-combo-box-control>\n\n      <foxy-internal-async-combo-box-control\n        item-value-path=\"_links.self.href\"\n        item-label-path=\"name\"\n        first=${ifDefined(method?._links['fx:shipping_drop_types'].href)}\n        infer=\"shipping-drop-type-uri\"\n        .selectedItem=${this.form._embedded?.['fx:shipping_drop_type']}\n        @selected-item-changed=${(evt: CustomEvent) => {\n          const { selectedItem } = evt.currentTarget as InternalAsyncComboBoxControl;\n          const newEmbeds = { ...this.form._embedded, 'fx:shipping_drop_type': selectedItem };\n          this.edit({ _embedded: newEmbeds as Data['_embedded'] });\n        }}\n      >\n      </foxy-internal-async-combo-box-control>\n\n      <foxy-internal-checkbox-group-control\n        infer=\"destinations\"\n        .getValue=${this.__getDestinations}\n        .setValue=${this.__setDestinations}\n        .options=${this.__destinations}\n      >\n      </foxy-internal-checkbox-group-control>\n\n      <foxy-internal-text-control infer=\"authentication-key\"> </foxy-internal-text-control>\n      <foxy-internal-text-control infer=\"meter-number\"></foxy-internal-text-control>\n\n      <foxy-internal-text-control\n        infer=${method?.code === 'CUSTOM-ENDPOINT-POST' ? 'endpoint' : 'accountid'}\n        property=\"accountid\"\n      >\n      </foxy-internal-text-control>\n\n      <foxy-internal-text-control infer=\"password\"></foxy-internal-text-control>\n      <foxy-internal-text-area-control infer=\"custom-code\"></foxy-internal-text-area-control>\n\n      <foxy-internal-store-shipping-method-form-services-control infer=\"services\">\n      </foxy-internal-store-shipping-method-form-services-control>\n\n      ${super.renderBody()}\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1,11 @@
+import '@polymer/iron-icons/maps-icons';
+import '@polymer/iron-icon';
+import '../../internal/InternalAsyncComboBoxControl/index';
+import '../../internal/InternalCheckboxGroupControl/index';
+import '../../internal/InternalTextAreaControl/index';
+import '../../internal/InternalTextControl/index';
+import '../../internal/InternalForm/index';
+import '../I18n/index';
+import './internal/InternalStoreShippingMethodFormServicesControl/index';
+import { StoreShippingMethodForm } from './StoreShippingMethodForm';
+export { StoreShippingMethodForm };

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

@@ -0,0 +1,13 @@
+import '@polymer/iron-icons/maps-icons';
+import '@polymer/iron-icon';
+import "../../internal/InternalAsyncComboBoxControl/index.js";
+import "../../internal/InternalCheckboxGroupControl/index.js";
+import "../../internal/InternalTextAreaControl/index.js";
+import "../../internal/InternalTextControl/index.js";
+import "../../internal/InternalForm/index.js";
+import "../I18n/index.js";
+import "./internal/InternalStoreShippingMethodFormServicesControl/index.js";
+import { StoreShippingMethodForm } from "./StoreShippingMethodForm.js";
+customElements.define('foxy-store-shipping-method-form', StoreShippingMethodForm);
+export { StoreShippingMethodForm };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/StoreShippingMethodForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,gCAAgC,CAAC;AACxC,OAAO,oBAAoB,CAAC;AAE5B,8DAA2D;AAC3D,8DAA2D;AAC3D,yDAAsD;AACtD,qDAAkD;AAClD,8CAA2C;AAE3C,0BAAuB;AAEvB,4EAAyE;AAEzE,OAAO,EAAE,uBAAuB,EAAE,qCAAkC;AAEpE,cAAc,CAAC,MAAM,CAAC,iCAAiC,EAAE,uBAAuB,CAAC,CAAC;AAElF,OAAO,EAAE,uBAAuB,EAAE,CAAC","sourcesContent":["import '@polymer/iron-icons/maps-icons';\nimport '@polymer/iron-icon';\n\nimport '../../internal/InternalAsyncComboBoxControl/index';\nimport '../../internal/InternalCheckboxGroupControl/index';\nimport '../../internal/InternalTextAreaControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\n\nimport '../I18n/index';\n\nimport './internal/InternalStoreShippingMethodFormServicesControl/index';\n\nimport { StoreShippingMethodForm } from './StoreShippingMethodForm';\n\ncustomElements.define('foxy-store-shipping-method-form', StoreShippingMethodForm);\n\nexport { StoreShippingMethodForm };\n"]}

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesControl/InternalStoreShippingMethodFormServicesControl.d.ts

@@ -0,0 +1,5 @@
+import { TemplateResult } from 'lit-html';
+import { InternalControl } from '../../../../internal/InternalControl/InternalControl';
+export declare class InternalStoreShippingMethodFormServicesControl extends InternalControl {
+    renderControl(): TemplateResult;
+}

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesControl/InternalStoreShippingMethodFormServicesControl.js

@@ -0,0 +1,33 @@
+import { html } from 'lit-html';
+import { InternalControl } from "../../../../internal/InternalControl/InternalControl.js";
+export class InternalStoreShippingMethodFormServicesControl extends InternalControl {
+    renderControl() {
+        var _a, _b;
+        const data = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.data;
+        const form = (_b = this.nucleon) === null || _b === void 0 ? void 0 : _b.form;
+        if (!data)
+            return html ``;
+        const firstURL = new URL(data._links['fx:shipping_services'].href);
+        firstURL.searchParams.set('limit', '10');
+        return html `
+      <foxy-pagination first=${firstURL.toString()} infer="">
+        <foxy-i18n
+          class="block text-s font-medium text-secondary leading-none mb-s"
+          infer=""
+          key="header"
+        >
+        </foxy-i18n>
+
+        <foxy-internal-store-shipping-method-form-services-page
+          store-shipping-services-uri=${data._links['fx:store_shipping_services'].href}
+          shipping-method-uri=${data._links['fx:shipping_method'].href}
+          class="border border-contrast-10 rounded-t-l rounded-b-l mb-s"
+          infer=""
+          ?international-allowed=${!!form.use_for_international}
+        >
+        </foxy-internal-store-shipping-method-form-services-page>
+      </foxy-pagination>
+    `;
+    }
+}
+//# sourceMappingURL=InternalStoreShippingMethodFormServicesControl.js.map

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesControl/InternalStoreShippingMethodFormServicesControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalStoreShippingMethodFormServicesControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesControl/InternalStoreShippingMethodFormServicesControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,gEAA6D;AAGvF,MAAM,OAAO,8CAA+C,SAAQ,eAAe;IACjF,aAAa;;QACX,MAAM,IAAI,GAAG,MAAA,IAAI,CAAC,OAAO,0CAAE,IAAY,CAAC;QACxC,MAAM,IAAI,GAAG,MAAA,IAAI,CAAC,OAAO,0CAAE,IAAqB,CAAC;QAEjD,IAAI,CAAC,IAAI;YAAE,OAAO,IAAI,CAAA,EAAE,CAAC;QAEzB,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,IAAI,CAAC,CAAC;QACnE,QAAQ,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QAEzC,OAAO,IAAI,CAAA;+BACgB,QAAQ,CAAC,QAAQ,EAAE;;;;;;;;;wCASV,IAAI,CAAC,MAAM,CAAC,4BAA4B,CAAC,CAAC,IAAI;gCACtD,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,IAAI;;;mCAGnC,CAAC,CAAC,IAAI,CAAC,qBAAqB;;;;KAI1D,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { html, TemplateResult } from 'lit-html';\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { Data } from '../../types';\n\nexport class InternalStoreShippingMethodFormServicesControl extends InternalControl {\n  renderControl(): TemplateResult {\n    const data = this.nucleon?.data as Data;\n    const form = this.nucleon?.form as Partial<Data>;\n\n    if (!data) return html``;\n\n    const firstURL = new URL(data._links['fx:shipping_services'].href);\n    firstURL.searchParams.set('limit', '10');\n\n    return html`\n      <foxy-pagination first=${firstURL.toString()} infer=\"\">\n        <foxy-i18n\n          class=\"block text-s font-medium text-secondary leading-none mb-s\"\n          infer=\"\"\n          key=\"header\"\n        >\n        </foxy-i18n>\n\n        <foxy-internal-store-shipping-method-form-services-page\n          store-shipping-services-uri=${data._links['fx:store_shipping_services'].href}\n          shipping-method-uri=${data._links['fx:shipping_method'].href}\n          class=\"border border-contrast-10 rounded-t-l rounded-b-l mb-s\"\n          infer=\"\"\n          ?international-allowed=${!!form.use_for_international}\n        >\n        </foxy-internal-store-shipping-method-form-services-page>\n      </foxy-pagination>\n    `;\n  }\n}\n"]}

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesControl/index.d.ts

@@ -0,0 +1,6 @@
+import '../../../../internal/InternalControl/index';
+import '../../../Pagination/index';
+import '../../../I18n/index';
+import '../InternalStoreShippingMethodFormServicesPage/index';
+import { InternalStoreShippingMethodFormServicesControl } from './InternalStoreShippingMethodFormServicesControl';
+export { InternalStoreShippingMethodFormServicesControl };

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesControl/index.js

@@ -0,0 +1,8 @@
+import "../../../../internal/InternalControl/index.js";
+import "../../../Pagination/index.js";
+import "../../../I18n/index.js";
+import "../InternalStoreShippingMethodFormServicesPage/index.js";
+import { InternalStoreShippingMethodFormServicesControl } from "./InternalStoreShippingMethodFormServicesControl.js";
+customElements.define('foxy-internal-store-shipping-method-form-services-control', InternalStoreShippingMethodFormServicesControl);
+export { InternalStoreShippingMethodFormServicesControl };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesControl/index.ts"],"names":[],"mappings":"AAAA,uDAAoD;AAEpD,sCAAmC;AACnC,gCAA6B;AAE7B,iEAA8D;AAE9D,OAAO,EAAE,8CAA8C,EAAE,4DAAyD;AAElH,cAAc,CAAC,MAAM,CACnB,2DAA2D,EAC3D,8CAA8C,CAC/C,CAAC;AAEF,OAAO,EAAE,8CAA8C,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalControl/index';\n\nimport '../../../Pagination/index';\nimport '../../../I18n/index';\n\nimport '../InternalStoreShippingMethodFormServicesPage/index';\n\nimport { InternalStoreShippingMethodFormServicesControl } from './InternalStoreShippingMethodFormServicesControl';\n\ncustomElements.define(\n  'foxy-internal-store-shipping-method-form-services-control',\n  InternalStoreShippingMethodFormServicesControl\n);\n\nexport { InternalStoreShippingMethodFormServicesControl };\n"]}

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPage/InternalStoreShippingMethodFormServicesPage.d.ts

@@ -0,0 +1,19 @@
+import { TemplateResult } from 'lit-html';
+import { NucleonElement } from '../../../NucleonElement/NucleonElement';
+import { PropertyDeclarations } from 'lit-element';
+import { Rels } from '@foxy.io/sdk/backend';
+import { Resource } from '@foxy.io/sdk/core';
+declare type Data = Resource<Rels.ShippingServices>;
+declare const Base: typeof NucleonElement & import("lit-element").Constructor<import("../../../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+} & {
+    styles: import("lit-element").CSSResultArray;
+} & import("lit-element").Constructor<import("../../../../../mixins/configurable").ConfigurableMixinHost>;
+export declare class InternalStoreShippingMethodFormServicesPage extends Base<Data> {
+    static get properties(): PropertyDeclarations;
+    storeShippingServicesUri: string | null;
+    internationalAllowed: boolean;
+    shippingMethodUri: string | null;
+    render(): TemplateResult;
+}
+export {};

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPage/InternalStoreShippingMethodFormServicesPage.js

@@ -0,0 +1,96 @@
+import { html } from 'lit-html';
+import { ConfigurableMixin } from "../../../../../mixins/configurable.js";
+import { NucleonElement } from "../../../NucleonElement/NucleonElement.js";
+import { ThemeableMixin } from "../../../../../mixins/themeable.js";
+import { TranslatableMixin } from "../../../../../mixins/translatable.js";
+import { classMap } from "../../../../../utils/class-map.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+const Base = ConfigurableMixin(ThemeableMixin(TranslatableMixin(NucleonElement)));
+export class InternalStoreShippingMethodFormServicesPage extends Base {
+    constructor() {
+        super(...arguments);
+        this.storeShippingServicesUri = null;
+        this.internationalAllowed = false;
+        this.shippingMethodUri = null;
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            storeShippingServicesUri: { type: String, attribute: 'store-shipping-services-uri' },
+            internationalAllowed: { type: Boolean, attribute: 'international-allowed' },
+            shippingMethodUri: { type: String, attribute: 'shipping-method-uri' },
+        };
+    }
+    render() {
+        var _a, _b, _c;
+        const services = (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a._embedded['fx:shipping_services']) !== null && _b !== void 0 ? _b : [];
+        let limit = 20;
+        try {
+            const limitFromHref = parseInt((_c = new URL(this.href).searchParams.get('limit')) !== null && _c !== void 0 ? _c : '');
+            if (!isNaN(limitFromHref))
+                limit = limitFromHref;
+        }
+        catch (_d) {
+            // invalid URL, use the default
+        }
+        return html `
+      <div class="relative">
+        <div class="relative divide-y divide-contrast-10 ml-m">
+          ${new Array(limit).fill(0).map((_, index) => {
+            var _a, _b;
+            const service = services[index];
+            let href = undefined;
+            if (service) {
+                try {
+                    const storeShippingServiceURL = new URL((_a = this.storeShippingServicesUri) !== null && _a !== void 0 ? _a : '');
+                    const shippingServiceURL = new URL(service._links.self.href);
+                    const shippingServiceID = shippingServiceURL.pathname.split('/').pop();
+                    storeShippingServiceURL.searchParams.set('shipping_service_id', shippingServiceID);
+                    storeShippingServiceURL.searchParams.set('limit', '1');
+                    href = storeShippingServiceURL.toString();
+                }
+                catch (_c) {
+                    // invalid URL, ignore
+                }
+            }
+            if (!href)
+                return html `<div class="h-l"></div>`;
+            return html `
+              <foxy-internal-store-shipping-method-form-services-page-item
+                shipping-service-uri=${service._links.self.href}
+                shipping-method-uri=${ifDefined((_b = this.shippingMethodUri) !== null && _b !== void 0 ? _b : void 0)}
+                data-testclass="item"
+                class="h-l truncate"
+                infer=""
+                href=${href}
+                ?international-allowed=${this.internationalAllowed}
+              >
+                ${service === null || service === void 0 ? void 0 : service.name}
+                ${service.is_international
+                ? html `<foxy-i18n infer="" slot="suffix" key="international_only"></foxy-i18n>`
+                : ''}
+              </foxy-internal-store-shipping-method-form-services-page-item>
+            `;
+        })}
+        </div>
+
+        <div
+          data-testid="spinner"
+          class=${classMap({
+            'pointer-events-none absolute inset-0 flex transition-opacity': true,
+            'opacity-0': !!this.data,
+        })}
+        >
+          <foxy-spinner
+            layout="vertical"
+            state=${this.in('fail') ? 'error' : this.in({ idle: 'template' }) ? 'empty' : 'busy'}
+            class="m-auto p-m bg-base rounded-t-l rounded-b-l shadow-xs"
+            infer=""
+          >
+          </foxy-spinner>
+        </div>
+      </div>
+    `;
+    }
+}
+//# sourceMappingURL=InternalStoreShippingMethodFormServicesPage.js.map

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPage/InternalStoreShippingMethodFormServicesPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalStoreShippingMethodFormServicesPage.js","sourceRoot":"","sources":["../../../../../../src/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPage/InternalStoreShippingMethodFormServicesPage.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, html } from 'lit-html';\nimport { ConfigurableMixin } from '../../../../../mixins/configurable';\nimport { NucleonElement } from '../../../NucleonElement/NucleonElement';\nimport { PropertyDeclarations } from 'lit-element';\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';\nimport { ifDefined } from 'lit-html/directives/if-defined';\n\ntype Data = Resource<Rels.ShippingServices>;\nconst Base = ConfigurableMixin(ThemeableMixin(TranslatableMixin(NucleonElement)));\n\nexport class InternalStoreShippingMethodFormServicesPage extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      storeShippingServicesUri: { type: String, attribute: 'store-shipping-services-uri' },\n      internationalAllowed: { type: Boolean, attribute: 'international-allowed' },\n      shippingMethodUri: { type: String, attribute: 'shipping-method-uri' },\n    };\n  }\n\n  storeShippingServicesUri: string | null = null;\n\n  internationalAllowed = false;\n\n  shippingMethodUri: string | null = null;\n\n  render(): TemplateResult {\n    const services = this.data?._embedded['fx:shipping_services'] ?? [];\n    let limit = 20;\n\n    try {\n      const limitFromHref = parseInt(new URL(this.href).searchParams.get('limit') ?? '');\n      if (!isNaN(limitFromHref)) limit = limitFromHref;\n    } catch {\n      // invalid URL, use the default\n    }\n\n    return html`\n      <div class=\"relative\">\n        <div class=\"relative divide-y divide-contrast-10 ml-m\">\n          ${new Array(limit).fill(0).map((_, index) => {\n            const service = services[index];\n            let href: string | undefined = undefined;\n\n            if (service) {\n              try {\n                const storeShippingServiceURL = new URL(this.storeShippingServicesUri ?? '');\n                const shippingServiceURL = new URL(service._links.self.href);\n                const shippingServiceID = shippingServiceURL.pathname.split('/').pop() as string;\n\n                storeShippingServiceURL.searchParams.set('shipping_service_id', shippingServiceID);\n                storeShippingServiceURL.searchParams.set('limit', '1');\n\n                href = storeShippingServiceURL.toString();\n              } catch {\n                // invalid URL, ignore\n              }\n            }\n\n            if (!href) return html`<div class=\"h-l\"></div>`;\n\n            return html`\n              <foxy-internal-store-shipping-method-form-services-page-item\n                shipping-service-uri=${service._links.self.href}\n                shipping-method-uri=${ifDefined(this.shippingMethodUri ?? void 0)}\n                data-testclass=\"item\"\n                class=\"h-l truncate\"\n                infer=\"\"\n                href=${href}\n                ?international-allowed=${this.internationalAllowed}\n              >\n                ${service?.name}\n                ${service.is_international\n                  ? html`<foxy-i18n infer=\"\" slot=\"suffix\" key=\"international_only\"></foxy-i18n>`\n                  : ''}\n              </foxy-internal-store-shipping-method-form-services-page-item>\n            `;\n          })}\n        </div>\n\n        <div\n          data-testid=\"spinner\"\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            layout=\"vertical\"\n            state=${this.in('fail') ? 'error' : this.in({ idle: 'template' }) ? 'empty' : 'busy'}\n            class=\"m-auto p-m bg-base rounded-t-l rounded-b-l shadow-xs\"\n            infer=\"\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPage/index.d.ts

@@ -0,0 +1,5 @@
+import '../../../Spinner/index';
+import '../../../I18n/index';
+import '../InternalStoreShippingMethodFormServicesPageItem/index';
+import { InternalStoreShippingMethodFormServicesPage } from './InternalStoreShippingMethodFormServicesPage';
+export { InternalStoreShippingMethodFormServicesPage };

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPage/index.js

@@ -0,0 +1,7 @@
+import "../../../Spinner/index.js";
+import "../../../I18n/index.js";
+import "../InternalStoreShippingMethodFormServicesPageItem/index.js";
+import { InternalStoreShippingMethodFormServicesPage } from "./InternalStoreShippingMethodFormServicesPage.js";
+customElements.define('foxy-internal-store-shipping-method-form-services-page', InternalStoreShippingMethodFormServicesPage);
+export { InternalStoreShippingMethodFormServicesPage };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPage/index.ts"],"names":[],"mappings":"AAAA,mCAAgC;AAChC,gCAA6B;AAE7B,qEAAkE;AAElE,OAAO,EAAE,2CAA2C,EAAE,yDAAsD;AAE5G,cAAc,CAAC,MAAM,CACnB,wDAAwD,EACxD,2CAA2C,CAC5C,CAAC;AAEF,OAAO,EAAE,2CAA2C,EAAE,CAAC","sourcesContent":["import '../../../Spinner/index';\nimport '../../../I18n/index';\n\nimport '../InternalStoreShippingMethodFormServicesPageItem/index';\n\nimport { InternalStoreShippingMethodFormServicesPage } from './InternalStoreShippingMethodFormServicesPage';\n\ncustomElements.define(\n  'foxy-internal-store-shipping-method-form-services-page',\n  InternalStoreShippingMethodFormServicesPage\n);\n\nexport { InternalStoreShippingMethodFormServicesPage };\n"]}

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPageItem/InternalStoreShippingMethodFormServicesPageItem.d.ts

@@ -0,0 +1,17 @@
+import { TemplateResult } from 'lit-html';
+import { NucleonElement } from '../../../NucleonElement/NucleonElement';
+import { PropertyDeclarations } from 'lit-element';
+import { Rels } from '@foxy.io/sdk/backend';
+import { Resource } from '@foxy.io/sdk/core';
+declare type Data = Resource<Rels.StoreShippingServices>;
+declare const Base: typeof NucleonElement & {
+    styles: import("lit-element").CSSResultArray;
+} & import("lit-element").Constructor<import("../../../../../mixins/configurable").ConfigurableMixinHost>;
+export declare class InternalStoreShippingMethodFormServicesPageItem extends Base<Data> {
+    static get properties(): PropertyDeclarations;
+    internationalAllowed: boolean;
+    shippingServiceUri: string | null;
+    shippingMethodUri: string | null;
+    render(): TemplateResult;
+}
+export {};

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPageItem/InternalStoreShippingMethodFormServicesPageItem.js

@@ -0,0 +1,45 @@
+import { html } from 'lit-html';
+import { ConfigurableMixin } from "../../../../../mixins/configurable.js";
+import { NucleonElement } from "../../../NucleonElement/NucleonElement.js";
+import { ThemeableMixin } from "../../../../../mixins/themeable.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+const Base = ConfigurableMixin(ThemeableMixin(NucleonElement));
+export class InternalStoreShippingMethodFormServicesPageItem extends Base {
+    constructor() {
+        super(...arguments);
+        this.internationalAllowed = false;
+        this.shippingServiceUri = null;
+        this.shippingMethodUri = null;
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            internationalAllowed: { type: Boolean, attribute: 'international-allowed' },
+            shippingServiceUri: { type: String, attribute: 'shipping-service-uri' },
+            shippingMethodUri: { type: String, attribute: 'shipping-method-uri' },
+        };
+    }
+    render() {
+        var _a, _b, _c;
+        const service = (_a = this.data) === null || _a === void 0 ? void 0 : _a._embedded['fx:store_shipping_services'][0];
+        const parent = service ? undefined : this.href;
+        const href = service ? service._links.self.href : undefined;
+        return html `
+      <foxy-internal-store-shipping-method-form-services-page-item-content
+        shipping-service-uri=${ifDefined((_b = this.shippingServiceUri) !== null && _b !== void 0 ? _b : void 0)}
+        shipping-method-uri=${ifDefined((_c = this.shippingMethodUri) !== null && _c !== void 0 ? _c : void 0)}
+        data-testid="content"
+        parent=${ifDefined(parent)}
+        class="h-full"
+        infer=""
+        href=${ifDefined(href)}
+      >
+        <slot></slot>
+        <span class=${this.internationalAllowed || !href ? 'text-tertiary' : 'text-error'}>
+          <slot name="suffix"></slot>
+        </span>
+      </foxy-internal-store-shipping-method-form-services-page-item-content>
+    `;
+    }
+}
+//# sourceMappingURL=InternalStoreShippingMethodFormServicesPageItem.js.map

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPageItem/InternalStoreShippingMethodFormServicesPageItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalStoreShippingMethodFormServicesPageItem.js","sourceRoot":"","sources":["../../../../../../src/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPageItem/InternalStoreShippingMethodFormServicesPageItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,8CAA2C;AACvE,OAAO,EAAE,cAAc,EAAE,kDAA+C;AAIxE,OAAO,EAAE,cAAc,EAAE,2CAAwC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAG3D,MAAM,IAAI,GAAG,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;AAE/D,MAAM,OAAO,+CAAgD,SAAQ,IAAU;IAA/E;;QAUE,yBAAoB,GAAG,KAAK,CAAC;QAE7B,uBAAkB,GAAkB,IAAI,CAAC;QAEzC,sBAAiB,GAAkB,IAAI,CAAC;IAwB1C,CAAC;IArCC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,oBAAoB,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE;YAC3E,kBAAkB,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,sBAAsB,EAAE;YACvE,iBAAiB,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,qBAAqB,EAAE;SACtE,CAAC;IACJ,CAAC;IAQD,MAAM;;QACJ,MAAM,OAAO,SAAG,IAAI,CAAC,IAAI,0CAAE,SAAS,CAAC,4BAA4B,EAAE,CAAC,CAAC,CAAC;QACtE,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;QAC/C,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;QAE5D,OAAO,IAAI,CAAA;;+BAEgB,SAAS,OAAC,IAAI,CAAC,kBAAkB,mCAAI,KAAK,CAAC,CAAC;8BAC7C,SAAS,OAAC,IAAI,CAAC,iBAAiB,mCAAI,KAAK,CAAC,CAAC;;iBAExD,SAAS,CAAC,MAAM,CAAC;;;eAGnB,SAAS,CAAC,IAAI,CAAC;;;sBAGR,IAAI,CAAC,oBAAoB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,YAAY;;;;KAIpF,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { TemplateResult, html } from 'lit-html';\nimport { ConfigurableMixin } from '../../../../../mixins/configurable';\nimport { NucleonElement } from '../../../NucleonElement/NucleonElement';\nimport { PropertyDeclarations } from 'lit-element';\nimport { Rels } from '@foxy.io/sdk/backend';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { ThemeableMixin } from '../../../../../mixins/themeable';\nimport { ifDefined } from 'lit-html/directives/if-defined';\n\ntype Data = Resource<Rels.StoreShippingServices>;\nconst Base = ConfigurableMixin(ThemeableMixin(NucleonElement));\n\nexport class InternalStoreShippingMethodFormServicesPageItem extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      internationalAllowed: { type: Boolean, attribute: 'international-allowed' },\n      shippingServiceUri: { type: String, attribute: 'shipping-service-uri' },\n      shippingMethodUri: { type: String, attribute: 'shipping-method-uri' },\n    };\n  }\n\n  internationalAllowed = false;\n\n  shippingServiceUri: string | null = null;\n\n  shippingMethodUri: string | null = null;\n\n  render(): TemplateResult {\n    const service = this.data?._embedded['fx:store_shipping_services'][0];\n    const parent = service ? undefined : this.href;\n    const href = service ? service._links.self.href : undefined;\n\n    return html`\n      <foxy-internal-store-shipping-method-form-services-page-item-content\n        shipping-service-uri=${ifDefined(this.shippingServiceUri ?? void 0)}\n        shipping-method-uri=${ifDefined(this.shippingMethodUri ?? void 0)}\n        data-testid=\"content\"\n        parent=${ifDefined(parent)}\n        class=\"h-full\"\n        infer=\"\"\n        href=${ifDefined(href)}\n      >\n        <slot></slot>\n        <span class=${this.internationalAllowed || !href ? 'text-tertiary' : 'text-error'}>\n          <slot name=\"suffix\"></slot>\n        </span>\n      </foxy-internal-store-shipping-method-form-services-page-item-content>\n    `;\n  }\n}\n"]}

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPageItem/index.d.ts

@@ -0,0 +1,3 @@
+import '../InternalStoreShippingMethodFormServicesPageItemContent/index';
+import { InternalStoreShippingMethodFormServicesPageItem } from './InternalStoreShippingMethodFormServicesPageItem';
+export { InternalStoreShippingMethodFormServicesPageItem };

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPageItem/index.js

@@ -0,0 +1,5 @@
+import "../InternalStoreShippingMethodFormServicesPageItemContent/index.js";
+import { InternalStoreShippingMethodFormServicesPageItem } from "./InternalStoreShippingMethodFormServicesPageItem.js";
+customElements.define('foxy-internal-store-shipping-method-form-services-page-item', InternalStoreShippingMethodFormServicesPageItem);
+export { InternalStoreShippingMethodFormServicesPageItem };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPageItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPageItem/index.ts"],"names":[],"mappings":"AAAA,4EAAyE;AAEzE,OAAO,EAAE,+CAA+C,EAAE,6DAA0D;AAEpH,cAAc,CAAC,MAAM,CACnB,6DAA6D,EAC7D,+CAA+C,CAChD,CAAC;AAEF,OAAO,EAAE,+CAA+C,EAAE,CAAC","sourcesContent":["import '../InternalStoreShippingMethodFormServicesPageItemContent/index';\n\nimport { InternalStoreShippingMethodFormServicesPageItem } from './InternalStoreShippingMethodFormServicesPageItem';\n\ncustomElements.define(\n  'foxy-internal-store-shipping-method-form-services-page-item',\n  InternalStoreShippingMethodFormServicesPageItem\n);\n\nexport { InternalStoreShippingMethodFormServicesPageItem };\n"]}

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPageItemContent/InternalStoreShippingMethodFormServicesPageItemContent.d.ts

@@ -0,0 +1,16 @@
+import { TemplateResult } from 'lit-html';
+import { NucleonElement } from '../../../NucleonElement/NucleonElement';
+import { PropertyDeclarations } from 'lit-element';
+import { Rels } from '@foxy.io/sdk/backend';
+import { Resource } from '@foxy.io/sdk/core';
+declare type Data = Resource<Rels.StoreShippingService>;
+declare const Base: typeof NucleonElement & {
+    styles: import("lit-element").CSSResultArray;
+} & import("lit-element").Constructor<import("../../../../../mixins/configurable").ConfigurableMixinHost>;
+export declare class InternalStoreShippingMethodFormServicesPageItemContent extends Base<Data> {
+    static get properties(): PropertyDeclarations;
+    shippingServiceUri: string | null;
+    shippingMethodUri: string | null;
+    render(): TemplateResult;
+}
+export {};