@foxy.io/elements 1.16.0-beta.5 → 1.16.0-beta.6

package/dist/elements/public/ItemForm/internal/InternalItemFormLineItemDiscountControl/InternalItemFormLineItemDiscountControl.js

@@ -9,7 +9,7 @@ export class InternalItemFormLineItemDiscountControl extends InternalControl {
     renderControl() {
         var _a, _b, _c, _d;
         return html `
-      <foxy-internal-collapsible-card summary="title" infer>
+      <foxy-internal-details-control summary="title" infer>
         <div class="space-y-m p-m">
           <foxy-internal-async-combo-box-control
             item-value-path="_links.self.href"
@@ -41,7 +41,7 @@ export class InternalItemFormLineItemDiscountControl extends InternalControl {
           >
           </foxy-discount-builder>
         </div>
-      </foxy-internal-collapsible-card>
+      </foxy-internal-details-control>
     `;
     }
 }

package/dist/elements/public/ItemForm/internal/InternalItemFormLineItemDiscountControl/InternalItemFormLineItemDiscountControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalItemFormLineItemDiscountControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormLineItemDiscountControl/InternalItemFormLineItemDiscountControl.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,gEAA6D;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,uCAAwC,SAAQ,eAAe;IAA5E;;QACE,UAAK,GAAG,oBAAoB,CAAC;IAuC/B,CAAC;IArCC,aAAa;;QACX,OAAO,IAAI,CAAA;;;;;;oBAMK,SAAS,OAAE,IAAI,CAAC,OAA2B,0CAAE,OAAO,CAAC;;sBAEnD,CAAC,GAAgB,EAAE,EAAE;;YAC7B,GAAG,CAAC,cAAc,EAAE,CAAC;YACrB,MAAM,SAAS,GAAG,GAAG,CAAC,MAA+B,CAAC;YAEtD,MAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,CAAC;gBACjB,aAAa,EAAE,SAAS,CAAC,IAAI;gBAC7B,aAAa,EAAE,SAAS,CAAC,oBAAoB;gBAC7C,gBAAgB,EAAE,SAAS,CAAC,uBAAuB;aACpD,EAAE;QACL,CAAC;;;;;;;;2BAQc;YACb,IAAI,QAAE,IAAI,CAAC,OAAO,0CAAE,IAAI,CAAC,aAAa;YACtC,IAAI,QAAE,IAAI,CAAC,OAAO,0CAAE,IAAI,CAAC,aAAa;YACtC,OAAO,QAAE,IAAI,CAAC,OAAO,0CAAE,IAAI,CAAC,gBAAgB;SAC7C;;;;;KAKR,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { ItemForm } from '../../ItemForm';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nexport class InternalItemFormLineItemDiscountControl extends InternalControl {\n  infer = 'line-item-discount';\n\n  renderControl(): TemplateResult {\n    return html`\n      <foxy-internal-collapsible-card summary=\"title\" infer>\n        <div class=\"space-y-m p-m\">\n          <foxy-internal-async-combo-box-control\n            item-value-path=\"_links.self.href\"\n            item-label-path=\"name\"\n            first=${ifDefined((this.nucleon as ItemForm | null)?.coupons)}\n            infer=\"coupon\"\n            @change=${(evt: CustomEvent) => {\n              evt.preventDefault();\n              const selection = evt.detail as Resource<Rels.Coupon>;\n\n              this.nucleon?.edit({\n                discount_name: selection.name,\n                discount_type: selection.coupon_discount_type,\n                discount_details: selection.coupon_discount_details,\n              });\n            }}\n          >\n          </foxy-internal-async-combo-box-control>\n\n          <foxy-internal-text-control infer=\"discount-name\"></foxy-internal-text-control>\n\n          <foxy-discount-builder\n            infer=\"discount-builder\"\n            .parsedValue=${{\n              type: this.nucleon?.form.discount_type,\n              name: this.nucleon?.form.discount_name,\n              details: this.nucleon?.form.discount_details,\n            }}\n          >\n          </foxy-discount-builder>\n        </div>\n      </foxy-internal-collapsible-card>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"InternalItemFormLineItemDiscountControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormLineItemDiscountControl/InternalItemFormLineItemDiscountControl.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,gEAA6D;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,uCAAwC,SAAQ,eAAe;IAA5E;;QACE,UAAK,GAAG,oBAAoB,CAAC;IAuC/B,CAAC;IArCC,aAAa;;QACX,OAAO,IAAI,CAAA;;;;;;oBAMK,SAAS,OAAE,IAAI,CAAC,OAA2B,0CAAE,OAAO,CAAC;;sBAEnD,CAAC,GAAgB,EAAE,EAAE;;YAC7B,GAAG,CAAC,cAAc,EAAE,CAAC;YACrB,MAAM,SAAS,GAAG,GAAG,CAAC,MAA+B,CAAC;YAEtD,MAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,CAAC;gBACjB,aAAa,EAAE,SAAS,CAAC,IAAI;gBAC7B,aAAa,EAAE,SAAS,CAAC,oBAAoB;gBAC7C,gBAAgB,EAAE,SAAS,CAAC,uBAAuB;aACpD,EAAE;QACL,CAAC;;;;;;;;2BAQc;YACb,IAAI,QAAE,IAAI,CAAC,OAAO,0CAAE,IAAI,CAAC,aAAa;YACtC,IAAI,QAAE,IAAI,CAAC,OAAO,0CAAE,IAAI,CAAC,aAAa;YACtC,OAAO,QAAE,IAAI,CAAC,OAAO,0CAAE,IAAI,CAAC,gBAAgB;SAC7C;;;;;KAKR,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { ItemForm } from '../../ItemForm';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nexport class InternalItemFormLineItemDiscountControl extends InternalControl {\n  infer = 'line-item-discount';\n\n  renderControl(): TemplateResult {\n    return html`\n      <foxy-internal-details-control summary=\"title\" infer>\n        <div class=\"space-y-m p-m\">\n          <foxy-internal-async-combo-box-control\n            item-value-path=\"_links.self.href\"\n            item-label-path=\"name\"\n            first=${ifDefined((this.nucleon as ItemForm | null)?.coupons)}\n            infer=\"coupon\"\n            @change=${(evt: CustomEvent) => {\n              evt.preventDefault();\n              const selection = evt.detail as Resource<Rels.Coupon>;\n\n              this.nucleon?.edit({\n                discount_name: selection.name,\n                discount_type: selection.coupon_discount_type,\n                discount_details: selection.coupon_discount_details,\n              });\n            }}\n          >\n          </foxy-internal-async-combo-box-control>\n\n          <foxy-internal-text-control infer=\"discount-name\"></foxy-internal-text-control>\n\n          <foxy-discount-builder\n            infer=\"discount-builder\"\n            .parsedValue=${{\n              type: this.nucleon?.form.discount_type,\n              name: this.nucleon?.form.discount_name,\n              details: this.nucleon?.form.discount_details,\n            }}\n          >\n          </foxy-discount-builder>\n        </div>\n      </foxy-internal-details-control>\n    `;\n  }\n}\n"]}

package/dist/elements/public/ItemForm/internal/InternalItemFormLineItemDiscountControl/index.d.ts

@@ -1,5 +1,5 @@
 import '../../../../internal/InternalAsyncComboBoxControl/index';
-import '../../../../internal/InternalCollapsibleCard/index';
+import '../../../../internal/InternalDetailsControl/index';
 import '../../../../internal/InternalTextControl/index';
 import '../../../../internal/InternalControl/index';
 import '../../../DiscountBuilder/index';

package/dist/elements/public/ItemForm/internal/InternalItemFormLineItemDiscountControl/index.js

@@ -1,5 +1,5 @@
 import "../../../../internal/InternalAsyncComboBoxControl/index.js";
-import "../../../../internal/InternalCollapsibleCard/index.js";
+import "../../../../internal/InternalDetailsControl/index.js";
 import "../../../../internal/InternalTextControl/index.js";
 import "../../../../internal/InternalControl/index.js";
 import "../../../DiscountBuilder/index.js";

package/dist/elements/public/ItemForm/internal/InternalItemFormLineItemDiscountControl/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormLineItemDiscountControl/index.ts"],"names":[],"mappings":"AAAA,oEAAiE;AACjE,+DAA4D;AAC5D,2DAAwD;AACxD,uDAAoD;AACpD,2CAAwC;AAExC,OAAO,EAAE,uCAAuC,IAAI,OAAO,EAAE,qDAAkD;AAE/G,cAAc,CAAC,MAAM,CAAC,oDAAoD,EAAE,OAAO,CAAC,CAAC;AAErF,OAAO,EAAE,OAAO,IAAI,uCAAuC,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalAsyncComboBoxControl/index';\nimport '../../../../internal/InternalCollapsibleCard/index';\nimport '../../../../internal/InternalTextControl/index';\nimport '../../../../internal/InternalControl/index';\nimport '../../../DiscountBuilder/index';\n\nimport { InternalItemFormLineItemDiscountControl as Control } from './InternalItemFormLineItemDiscountControl';\n\ncustomElements.define('foxy-internal-item-form-line-item-discount-control', Control);\n\nexport { Control as InternalItemFormLineItemDiscountControl };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormLineItemDiscountControl/index.ts"],"names":[],"mappings":"AAAA,oEAAiE;AACjE,8DAA2D;AAC3D,2DAAwD;AACxD,uDAAoD;AACpD,2CAAwC;AAExC,OAAO,EAAE,uCAAuC,IAAI,OAAO,EAAE,qDAAkD;AAE/G,cAAc,CAAC,MAAM,CAAC,oDAAoD,EAAE,OAAO,CAAC,CAAC;AAErF,OAAO,EAAE,OAAO,IAAI,uCAAuC,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalAsyncComboBoxControl/index';\nimport '../../../../internal/InternalDetailsControl/index';\nimport '../../../../internal/InternalTextControl/index';\nimport '../../../../internal/InternalControl/index';\nimport '../../../DiscountBuilder/index';\n\nimport { InternalItemFormLineItemDiscountControl as Control } from './InternalItemFormLineItemDiscountControl';\n\ncustomElements.define('foxy-internal-item-form-line-item-discount-control', Control);\n\nexport { Control as InternalItemFormLineItemDiscountControl };\n"]}

package/dist/elements/public/ItemForm/internal/InternalItemFormShippingControl/InternalItemFormShippingControl.js

@@ -9,7 +9,7 @@ export class InternalItemFormShippingControl extends InternalControl {
     renderControl() {
         var _a;
         return html `
-      <foxy-internal-collapsible-card summary="title" lang=${this.lang} ns=${this.ns}>
+      <foxy-internal-details-control summary="title" lang=${this.lang} ns=${this.ns}>
         <div class="grid grid-cols-2 gap-m p-m">
           <foxy-internal-async-combo-box-control
             item-value-path="address_name"
@@ -25,7 +25,7 @@ export class InternalItemFormShippingControl extends InternalControl {
           <foxy-internal-integer-control infer="length"></foxy-internal-integer-control>
           <foxy-internal-integer-control infer="weight"></foxy-internal-integer-control>
         </div>
-      </foxy-internal-collapsible-card>
+      </foxy-internal-details-control>
     `;
     }
 }

package/dist/elements/public/ItemForm/internal/InternalItemFormShippingControl/InternalItemFormShippingControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalItemFormShippingControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormShippingControl/InternalItemFormShippingControl.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,gEAA6D;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,+BAAgC,SAAQ,eAAe;IAApE;;QACE,UAAK,GAAG,UAAU,CAAC;IAuBrB,CAAC;IArBC,aAAa;;QACX,OAAO,IAAI,CAAA;6DAC8C,IAAI,CAAC,IAAI,OAAO,IAAI,CAAC,EAAE;;;;;oBAKhE,SAAS,OAAE,IAAI,CAAC,OAA2B,0CAAE,iBAAiB,CAAC;;;;;;;;;;;;KAY9E,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { ItemForm } from '../../ItemForm';\n\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nexport class InternalItemFormShippingControl extends InternalControl {\n  infer = 'shipping';\n\n  renderControl(): TemplateResult {\n    return html`\n      <foxy-internal-collapsible-card summary=\"title\" lang=${this.lang} ns=${this.ns}>\n        <div class=\"grid grid-cols-2 gap-m p-m\">\n          <foxy-internal-async-combo-box-control\n            item-value-path=\"address_name\"\n            item-label-path=\"address_name\"\n            first=${ifDefined((this.nucleon as ItemForm | null)?.customerAddresses)}\n            class=\"col-span-2\"\n            infer=\"shipto\"\n          >\n          </foxy-internal-async-combo-box-control>\n\n          <foxy-internal-integer-control infer=\"width\"></foxy-internal-integer-control>\n          <foxy-internal-integer-control infer=\"height\"></foxy-internal-integer-control>\n          <foxy-internal-integer-control infer=\"length\"></foxy-internal-integer-control>\n          <foxy-internal-integer-control infer=\"weight\"></foxy-internal-integer-control>\n        </div>\n      </foxy-internal-collapsible-card>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"InternalItemFormShippingControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormShippingControl/InternalItemFormShippingControl.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,gEAA6D;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,+BAAgC,SAAQ,eAAe;IAApE;;QACE,UAAK,GAAG,UAAU,CAAC;IAuBrB,CAAC;IArBC,aAAa;;QACX,OAAO,IAAI,CAAA;4DAC6C,IAAI,CAAC,IAAI,OAAO,IAAI,CAAC,EAAE;;;;;oBAK/D,SAAS,OAAE,IAAI,CAAC,OAA2B,0CAAE,iBAAiB,CAAC;;;;;;;;;;;;KAY9E,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { ItemForm } from '../../ItemForm';\n\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nexport class InternalItemFormShippingControl extends InternalControl {\n  infer = 'shipping';\n\n  renderControl(): TemplateResult {\n    return html`\n      <foxy-internal-details-control summary=\"title\" lang=${this.lang} ns=${this.ns}>\n        <div class=\"grid grid-cols-2 gap-m p-m\">\n          <foxy-internal-async-combo-box-control\n            item-value-path=\"address_name\"\n            item-label-path=\"address_name\"\n            first=${ifDefined((this.nucleon as ItemForm | null)?.customerAddresses)}\n            class=\"col-span-2\"\n            infer=\"shipto\"\n          >\n          </foxy-internal-async-combo-box-control>\n\n          <foxy-internal-integer-control infer=\"width\"></foxy-internal-integer-control>\n          <foxy-internal-integer-control infer=\"height\"></foxy-internal-integer-control>\n          <foxy-internal-integer-control infer=\"length\"></foxy-internal-integer-control>\n          <foxy-internal-integer-control infer=\"weight\"></foxy-internal-integer-control>\n        </div>\n      </foxy-internal-details-control>\n    `;\n  }\n}\n"]}

package/dist/elements/public/ItemForm/internal/InternalItemFormShippingControl/index.d.ts

@@ -1,5 +1,5 @@
 import '../../../../internal/InternalAsyncComboBoxControl/index';
-import '../../../../internal/InternalCollapsibleCard/index';
+import '../../../../internal/InternalDetailsControl/index';
 import '../../../../internal/InternalIntegerControl/index';
 import { InternalItemFormShippingControl } from './InternalItemFormShippingControl';
 export { InternalItemFormShippingControl };

package/dist/elements/public/ItemForm/internal/InternalItemFormShippingControl/index.js

@@ -1,5 +1,5 @@
 import "../../../../internal/InternalAsyncComboBoxControl/index.js";
-import "../../../../internal/InternalCollapsibleCard/index.js";
+import "../../../../internal/InternalDetailsControl/index.js";
 import "../../../../internal/InternalIntegerControl/index.js";
 import { InternalItemFormShippingControl } from "./InternalItemFormShippingControl.js";
 customElements.define('foxy-internal-item-form-shipping-control', InternalItemFormShippingControl);

package/dist/elements/public/ItemForm/internal/InternalItemFormShippingControl/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormShippingControl/index.ts"],"names":[],"mappings":"AAAA,oEAAiE;AACjE,+DAA4D;AAC5D,8DAA2D;AAC3D,OAAO,EAAE,+BAA+B,EAAE,6CAA0C;AAEpF,cAAc,CAAC,MAAM,CAAC,0CAA0C,EAAE,+BAA+B,CAAC,CAAC;AAEnG,OAAO,EAAE,+BAA+B,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalAsyncComboBoxControl/index';\nimport '../../../../internal/InternalCollapsibleCard/index';\nimport '../../../../internal/InternalIntegerControl/index';\nimport { InternalItemFormShippingControl } from './InternalItemFormShippingControl';\n\ncustomElements.define('foxy-internal-item-form-shipping-control', InternalItemFormShippingControl);\n\nexport { InternalItemFormShippingControl };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormShippingControl/index.ts"],"names":[],"mappings":"AAAA,oEAAiE;AACjE,8DAA2D;AAC3D,8DAA2D;AAC3D,OAAO,EAAE,+BAA+B,EAAE,6CAA0C;AAEpF,cAAc,CAAC,MAAM,CAAC,0CAA0C,EAAE,+BAA+B,CAAC,CAAC;AAEnG,OAAO,EAAE,+BAA+B,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalAsyncComboBoxControl/index';\nimport '../../../../internal/InternalDetailsControl/index';\nimport '../../../../internal/InternalIntegerControl/index';\nimport { InternalItemFormShippingControl } from './InternalItemFormShippingControl';\n\ncustomElements.define('foxy-internal-item-form-shipping-control', InternalItemFormShippingControl);\n\nexport { InternalItemFormShippingControl };\n"]}

package/dist/elements/public/ItemForm/internal/InternalItemFormSubscriptionControl/InternalItemFormSubscriptionControl.js

@@ -18,7 +18,7 @@ export class InternalItemFormSubscriptionControl extends InternalControl {
             subscriptionLink = null;
         }
         return html `
-      <foxy-internal-collapsible-card summary="title" lang=${this.lang} ns=${this.ns}>
+      <foxy-internal-details-control summary="title" lang=${this.lang} ns=${this.ns}>
         ${subscriptionLink
             ? html `
               <foxy-form-dialog
@@ -68,7 +68,7 @@ export class InternalItemFormSubscriptionControl extends InternalControl {
                 </foxy-internal-date-control>
               </div>
             `}
-      </foxy-internal-collapsible-card>
+      </foxy-internal-details-control>
     `;
     }
 }

package/dist/elements/public/ItemForm/internal/InternalItemFormSubscriptionControl/InternalItemFormSubscriptionControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalItemFormSubscriptionControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormSubscriptionControl/InternalItemFormSubscriptionControl.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,gEAA6D;AACvF,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,mCAAoC,SAAQ,eAAe;IAAxE;;QACE,UAAK,GAAG,cAAc,CAAC;IAqEzB,CAAC;IAnEC,aAAa;;QAEX,IAAI,gBAA+B,CAAC;QAEpC,IAAI;YACF,MAAM,IAAI,eAAG,CAAC,YAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAgB,CAAA,CAAC,iBAAiB,CAAC,0CAAE,IAAI,mCAAI,EAAE,CAAC;YAClF,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC;YAC1B,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,6CAA6C,CAAC,CAAC;YAC5E,gBAAgB,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;SACnC;QAAC,WAAM;YACN,gBAAgB,GAAG,IAAI,CAAC;SACzB;QAED,OAAO,IAAI,CAAA;6DAC8C,IAAI,CAAC,IAAI,OAAO,IAAI,CAAC,EAAE;UAC1E,gBAAgB;YAChB,CAAC,CAAC,IAAI,CAAA;;0BAEU,OAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,EAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;;;uBAGhE,gBAAgB;;;;;;4BAMX,IAAI,CAAC,QAAQ;yBAChB,CAAC,GAAU,EAAE,EAAE;gBACtB,MAAM,MAAM,GAAG,GAAG,CAAC,aAAkC,CAAC;gBACtD,MAAM,MAAM,GAAG,MAAM,CAAC,sBAAoC,CAAC;gBAC3D,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACtB,CAAC;;;mCAGkB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE;;;yBAGrD,gBAAgB;;;;aAI5B;YACH,CAAC,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;aAoBH;;KAER,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { FormDialog } from '../../../FormDialog/FormDialog';\nimport type { Data } from '../../types';\n\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { html } from 'lit-html';\n\nexport class InternalItemFormSubscriptionControl extends InternalControl {\n  infer = 'subscription';\n\n  renderControl(): TemplateResult {\n    type Links = Data['_links'] & { 'fx:subscription'?: { href: string } };\n    let subscriptionLink: string | null;\n\n    try {\n      const href = (this.nucleon?.data?._links as Links)['fx:subscription']?.href ?? '';\n      const url = new URL(href);\n      url.searchParams.set('zoom', 'last_transaction,transaction_template:items');\n      subscriptionLink = url.toString();\n    } catch {\n      subscriptionLink = null;\n    }\n\n    return html`\n      <foxy-internal-collapsible-card summary=\"title\" lang=${this.lang} ns=${this.ns}>\n        ${subscriptionLink\n          ? html`\n              <foxy-form-dialog\n                related=${this.nucleon?.href ? JSON.stringify([this.nucleon.href]) : ''}\n                header=\"update\"\n                infer=\"form\"\n                href=${subscriptionLink}\n                form=\"foxy-subscription-form\"\n              >\n              </foxy-form-dialog>\n\n              <button\n                ?disabled=${this.disabled}\n                @click=${(evt: Event) => {\n                  const button = evt.currentTarget as HTMLButtonElement;\n                  const dialog = button.previousElementSibling as FormDialog;\n                  dialog.show(button);\n                }}\n              >\n                <foxy-subscription-card\n                  hiddencontrols=${this.hiddenSelector.zoom('card').toString()}\n                  class=\"p-m\"\n                  infer=\"card\"\n                  href=${subscriptionLink}\n                >\n                </foxy-subscription-card>\n              </button>\n            `\n          : html`\n              <div class=\"space-y-m p-m\">\n                <foxy-internal-frequency-control\n                  infer=\"frequency\"\n                  property=\"subscription_frequency\"\n                >\n                </foxy-internal-frequency-control>\n\n                <foxy-internal-date-control infer=\"start\" property=\"subscription_start_date\">\n                </foxy-internal-date-control>\n\n                <foxy-internal-date-control infer=\"end\" property=\"subscription_end_date\">\n                </foxy-internal-date-control>\n\n                <foxy-internal-date-control\n                  infer=\"next\"\n                  property=\"subscription_next_transaction_date\"\n                >\n                </foxy-internal-date-control>\n              </div>\n            `}\n      </foxy-internal-collapsible-card>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"InternalItemFormSubscriptionControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormSubscriptionControl/InternalItemFormSubscriptionControl.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,gEAA6D;AACvF,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,mCAAoC,SAAQ,eAAe;IAAxE;;QACE,UAAK,GAAG,cAAc,CAAC;IAqEzB,CAAC;IAnEC,aAAa;;QAEX,IAAI,gBAA+B,CAAC;QAEpC,IAAI;YACF,MAAM,IAAI,eAAG,CAAC,YAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAgB,CAAA,CAAC,iBAAiB,CAAC,0CAAE,IAAI,mCAAI,EAAE,CAAC;YAClF,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC;YAC1B,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,6CAA6C,CAAC,CAAC;YAC5E,gBAAgB,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;SACnC;QAAC,WAAM;YACN,gBAAgB,GAAG,IAAI,CAAC;SACzB;QAED,OAAO,IAAI,CAAA;4DAC6C,IAAI,CAAC,IAAI,OAAO,IAAI,CAAC,EAAE;UACzE,gBAAgB;YAChB,CAAC,CAAC,IAAI,CAAA;;0BAEU,OAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,EAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;;;uBAGhE,gBAAgB;;;;;;4BAMX,IAAI,CAAC,QAAQ;yBAChB,CAAC,GAAU,EAAE,EAAE;gBACtB,MAAM,MAAM,GAAG,GAAG,CAAC,aAAkC,CAAC;gBACtD,MAAM,MAAM,GAAG,MAAM,CAAC,sBAAoC,CAAC;gBAC3D,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACtB,CAAC;;;mCAGkB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE;;;yBAGrD,gBAAgB;;;;aAI5B;YACH,CAAC,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;aAoBH;;KAER,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { FormDialog } from '../../../FormDialog/FormDialog';\nimport type { Data } from '../../types';\n\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { html } from 'lit-html';\n\nexport class InternalItemFormSubscriptionControl extends InternalControl {\n  infer = 'subscription';\n\n  renderControl(): TemplateResult {\n    type Links = Data['_links'] & { 'fx:subscription'?: { href: string } };\n    let subscriptionLink: string | null;\n\n    try {\n      const href = (this.nucleon?.data?._links as Links)['fx:subscription']?.href ?? '';\n      const url = new URL(href);\n      url.searchParams.set('zoom', 'last_transaction,transaction_template:items');\n      subscriptionLink = url.toString();\n    } catch {\n      subscriptionLink = null;\n    }\n\n    return html`\n      <foxy-internal-details-control summary=\"title\" lang=${this.lang} ns=${this.ns}>\n        ${subscriptionLink\n          ? html`\n              <foxy-form-dialog\n                related=${this.nucleon?.href ? JSON.stringify([this.nucleon.href]) : ''}\n                header=\"update\"\n                infer=\"form\"\n                href=${subscriptionLink}\n                form=\"foxy-subscription-form\"\n              >\n              </foxy-form-dialog>\n\n              <button\n                ?disabled=${this.disabled}\n                @click=${(evt: Event) => {\n                  const button = evt.currentTarget as HTMLButtonElement;\n                  const dialog = button.previousElementSibling as FormDialog;\n                  dialog.show(button);\n                }}\n              >\n                <foxy-subscription-card\n                  hiddencontrols=${this.hiddenSelector.zoom('card').toString()}\n                  class=\"p-m\"\n                  infer=\"card\"\n                  href=${subscriptionLink}\n                >\n                </foxy-subscription-card>\n              </button>\n            `\n          : html`\n              <div class=\"space-y-m p-m\">\n                <foxy-internal-frequency-control\n                  infer=\"frequency\"\n                  property=\"subscription_frequency\"\n                >\n                </foxy-internal-frequency-control>\n\n                <foxy-internal-date-control infer=\"start\" property=\"subscription_start_date\">\n                </foxy-internal-date-control>\n\n                <foxy-internal-date-control infer=\"end\" property=\"subscription_end_date\">\n                </foxy-internal-date-control>\n\n                <foxy-internal-date-control\n                  infer=\"next\"\n                  property=\"subscription_next_transaction_date\"\n                >\n                </foxy-internal-date-control>\n              </div>\n            `}\n      </foxy-internal-details-control>\n    `;\n  }\n}\n"]}

package/dist/elements/public/ItemForm/internal/InternalItemFormSubscriptionControl/index.d.ts

@@ -1,5 +1,5 @@
 import '../../../../internal/InternalFrequencyControl/index';
-import '../../../../internal/InternalCollapsibleCard/index';
+import '../../../../internal/InternalDetailsControl/index';
 import '../../../../internal/InternalDateControl/index';
 import '../../../SubscriptionCard/index';
 import '../../../SubscriptionForm/index';

package/dist/elements/public/ItemForm/internal/InternalItemFormSubscriptionControl/index.js

@@ -1,5 +1,5 @@
 import "../../../../internal/InternalFrequencyControl/index.js";
-import "../../../../internal/InternalCollapsibleCard/index.js";
+import "../../../../internal/InternalDetailsControl/index.js";
 import "../../../../internal/InternalDateControl/index.js";
 import "../../../SubscriptionCard/index.js";
 import "../../../SubscriptionForm/index.js";

package/dist/elements/public/ItemForm/internal/InternalItemFormSubscriptionControl/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormSubscriptionControl/index.ts"],"names":[],"mappings":"AAAA,gEAA6D;AAC7D,+DAA4D;AAC5D,2DAAwD;AACxD,4CAAyC;AACzC,4CAAyC;AACzC,sCAAmC;AAEnC,OAAO,EAAE,mCAAmC,IAAI,OAAO,EAAE,iDAA8C;AAEvG,cAAc,CAAC,MAAM,CAAC,8CAA8C,EAAE,OAAO,CAAC,CAAC;AAE/E,OAAO,EAAE,OAAO,IAAI,mCAAmC,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalFrequencyControl/index';\nimport '../../../../internal/InternalCollapsibleCard/index';\nimport '../../../../internal/InternalDateControl/index';\nimport '../../../SubscriptionCard/index';\nimport '../../../SubscriptionForm/index';\nimport '../../../FormDialog/index';\n\nimport { InternalItemFormSubscriptionControl as Control } from './InternalItemFormSubscriptionControl';\n\ncustomElements.define('foxy-internal-item-form-subscription-control', Control);\n\nexport { Control as InternalItemFormSubscriptionControl };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormSubscriptionControl/index.ts"],"names":[],"mappings":"AAAA,gEAA6D;AAC7D,8DAA2D;AAC3D,2DAAwD;AACxD,4CAAyC;AACzC,4CAAyC;AACzC,sCAAmC;AAEnC,OAAO,EAAE,mCAAmC,IAAI,OAAO,EAAE,iDAA8C;AAEvG,cAAc,CAAC,MAAM,CAAC,8CAA8C,EAAE,OAAO,CAAC,CAAC;AAE/E,OAAO,EAAE,OAAO,IAAI,mCAAmC,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalFrequencyControl/index';\nimport '../../../../internal/InternalDetailsControl/index';\nimport '../../../../internal/InternalDateControl/index';\nimport '../../../SubscriptionCard/index';\nimport '../../../SubscriptionForm/index';\nimport '../../../FormDialog/index';\n\nimport { InternalItemFormSubscriptionControl as Control } from './InternalItemFormSubscriptionControl';\n\ncustomElements.define('foxy-internal-item-form-subscription-control', Control);\n\nexport { Control as InternalItemFormSubscriptionControl };\n"]}

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

@@ -3,10 +3,10 @@ import type { Data } from './types';
 import { BooleanSelector } from '@foxy.io/sdk/core';
 import { PropertyDeclarations } from 'lit-element';
 import { InternalCard } from '../../internal/InternalCard/InternalCard';
-declare const ShipmentCard_base: typeof InternalCard & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+declare const Base: typeof InternalCard & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
     defaultNS: string;
-};
-export declare class ShipmentCard extends ShipmentCard_base<Data> {
+} & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost>;
+export declare class ShipmentCard extends Base<Data> {
     static get properties(): PropertyDeclarations;
     __customerAddresses: string;
     __currencyDisplay: string;

package/dist/elements/public/ShipmentCard/ShipmentCard.js

@@ -3,7 +3,10 @@ import { ifDefined } from 'lit-html/directives/if-defined';
 import { TranslatableMixin } from "../../../mixins/translatable.js";
 import { BooleanSelector } from '@foxy.io/sdk/core';
 import { InternalCard } from "../../internal/InternalCard/InternalCard.js";
-export class ShipmentCard extends TranslatableMixin(InternalCard, 'shipment-card') {
+import { ConfigurableMixin } from "../../../mixins/configurable.js";
+const NS = 'shipment-card';
+const Base = ConfigurableMixin(TranslatableMixin(InternalCard, NS));
+export class ShipmentCard extends Base {
     constructor() {
         super(...arguments);
         this.__customerAddresses = '';
@@ -76,7 +79,7 @@ export class ShipmentCard extends TranslatableMixin(InternalCard, 'shipment-card
             currencyDisplay: this.__currencyDisplay,
         })}
                 key="price"
-                infer
+                infer=""
               >
               </foxy-i18n>
             </span>

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

@@ -1 +1 @@
-{"version":3,"file":"ShipmentCard.js","sourceRoot":"","sources":["../../../../src/elements/public/ShipmentCard/ShipmentCard.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { Data } from './types';\n\nimport { html } from 'lit-html';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector, Resource } from '@foxy.io/sdk/core';\nimport { Rels } from '@foxy.io/sdk/backend';\nimport { PropertyDeclarations } from 'lit-element';\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { FormRenderer } from '../FormDialog/types';\n\nexport class ShipmentCard extends TranslatableMixin(InternalCard, 'shipment-card')<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      __customerAddresses: { attribute: false },\n      __currencyDisplay: { attribute: false },\n      __itemCategories: { attribute: false },\n      __editable: { attribute: false },\n      __currency: { attribute: false },\n      __coupons: { attribute: false },\n    };\n  }\n\n  __customerAddresses = '';\n\n  __currencyDisplay = '';\n\n  __itemCategories = '';\n\n  __editable = false;\n\n  __currency = '';\n\n  __coupons = '';\n\n  get hiddenSelector(): BooleanSelector {\n    return new BooleanSelector(`${super.hiddenSelector.toString()} address:not=full-address`);\n  }\n\n  get readonlySelector(): BooleanSelector {\n    return this.__editable ? super.readonlySelector : BooleanSelector.True;\n  }\n\n  renderBody(): TemplateResult {\n    let itemsLink: string | undefined = undefined;\n\n    if (this.data) {\n      try {\n        const url = new URL(this.data._links['fx:items'].href);\n        url.searchParams.set('zoom', 'item_options');\n        itemsLink = url.toString();\n      } catch {\n        //\n      }\n    }\n\n    const itemFormRenderer: FormRenderer = ({ html, dialog, handleFetch, handleUpdate }) => html`\n      <foxy-item-form\n        disabledcontrols=${dialog.disabledSelector.toString()}\n        readonlycontrols=${dialog.readonlySelector.toString()}\n        hiddencontrols=${dialog.hiddenSelector.toString()}\n        customer-addresses=${this.__customerAddresses}\n        item-categories=${this.__itemCategories}\n        coupons=${this.__coupons}\n        parent=${dialog.parent}\n        href=${dialog.href}\n        lang=${dialog.lang}\n        ns=${dialog.ns}\n        @fetch=${handleFetch}\n        @update=${handleUpdate}\n      >\n      </foxy-item-form>\n    `;\n\n    return html`\n      <div class=\"space-y-m\">\n        <foxy-address-card\n          infer=\"address\"\n          href=${ifDefined(this.data?._links['fx:customer_address'].href)}\n        >\n          <div slot=\"full-address:after\" class=\"flex items-center text-m space-x-s text-secondary\">\n            <iron-icon icon=\"maps:local-shipping\" class=\"icon-inline flex-shrink-0\"></iron-icon>\n            <span class=\"truncate\">\n              ${this.data?.shipping_service_description} &bull;\n              <foxy-i18n\n                options=${JSON.stringify({\n                  amount: `${this.data?.total_shipping} ${this.__currency}`,\n                  currencyDisplay: this.__currencyDisplay,\n                })}\n                key=\"price\"\n                infer\n              >\n              </foxy-i18n>\n            </span>\n          </div>\n        </foxy-address-card>\n\n        <foxy-internal-collection-card\n          infer=\"items\"\n          first=${ifDefined(itemsLink)}\n          limit=\"5\"\n          item=\"foxy-item-card\"\n          open\n          .form=${itemFormRenderer}\n        >\n        </foxy-internal-collection-card>\n      </div>\n    `;\n  }\n\n  protected async _sendGet(): Promise<Data> {\n    type Transaction = Resource<Rels.Transaction>;\n    type Customer = Resource<Rels.Customer>;\n    type Store = Resource<Rels.Store>;\n\n    const shipment = await super._sendGet();\n    const [transaction, customer, store] = await Promise.all([\n      super._fetch<Transaction>(shipment._links['fx:transaction'].href),\n      super._fetch<Customer>(shipment._links['fx:customer'].href),\n      super._fetch<Store>(shipment._links['fx:store'].href),\n    ]);\n\n    this.__customerAddresses = customer._links['fx:customer_addresses'].href;\n    this.__currencyDisplay = store.use_international_currency_symbol ? 'code' : 'symbol';\n    this.__itemCategories = store._links['fx:item_categories'].href;\n    this.__currency = transaction.currency_code;\n    this.__editable = !!transaction._links['fx:void'] || !!transaction._links['fx:refund'];\n    this.__coupons = store._links['fx:coupons'].href;\n\n    return shipment;\n  }\n}\n"]}
+{"version":3,"file":"ShipmentCard.js","sourceRoot":"","sources":["../../../../src/elements/public/ShipmentCard/ShipmentCard.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { Data } from './types';\n\nimport { html } from 'lit-html';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector, Resource } from '@foxy.io/sdk/core';\nimport { Rels } from '@foxy.io/sdk/backend';\nimport { PropertyDeclarations } from 'lit-element';\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { FormRenderer } from '../FormDialog/types';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\n\nconst NS = 'shipment-card';\nconst Base = ConfigurableMixin(TranslatableMixin(InternalCard, NS));\n\nexport class ShipmentCard extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      __customerAddresses: { attribute: false },\n      __currencyDisplay: { attribute: false },\n      __itemCategories: { attribute: false },\n      __editable: { attribute: false },\n      __currency: { attribute: false },\n      __coupons: { attribute: false },\n    };\n  }\n\n  __customerAddresses = '';\n\n  __currencyDisplay = '';\n\n  __itemCategories = '';\n\n  __editable = false;\n\n  __currency = '';\n\n  __coupons = '';\n\n  get hiddenSelector(): BooleanSelector {\n    return new BooleanSelector(`${super.hiddenSelector.toString()} address:not=full-address`);\n  }\n\n  get readonlySelector(): BooleanSelector {\n    return this.__editable ? super.readonlySelector : BooleanSelector.True;\n  }\n\n  renderBody(): TemplateResult {\n    let itemsLink: string | undefined = undefined;\n\n    if (this.data) {\n      try {\n        const url = new URL(this.data._links['fx:items'].href);\n        url.searchParams.set('zoom', 'item_options');\n        itemsLink = url.toString();\n      } catch {\n        //\n      }\n    }\n\n    const itemFormRenderer: FormRenderer = ({ html, dialog, handleFetch, handleUpdate }) => html`\n      <foxy-item-form\n        disabledcontrols=${dialog.disabledSelector.toString()}\n        readonlycontrols=${dialog.readonlySelector.toString()}\n        hiddencontrols=${dialog.hiddenSelector.toString()}\n        customer-addresses=${this.__customerAddresses}\n        item-categories=${this.__itemCategories}\n        coupons=${this.__coupons}\n        parent=${dialog.parent}\n        href=${dialog.href}\n        lang=${dialog.lang}\n        ns=${dialog.ns}\n        @fetch=${handleFetch}\n        @update=${handleUpdate}\n      >\n      </foxy-item-form>\n    `;\n\n    return html`\n      <div class=\"space-y-m\">\n        <foxy-address-card\n          infer=\"address\"\n          href=${ifDefined(this.data?._links['fx:customer_address'].href)}\n        >\n          <div slot=\"full-address:after\" class=\"flex items-center text-m space-x-s text-secondary\">\n            <iron-icon icon=\"maps:local-shipping\" class=\"icon-inline flex-shrink-0\"></iron-icon>\n            <span class=\"truncate\">\n              ${this.data?.shipping_service_description} &bull;\n              <foxy-i18n\n                options=${JSON.stringify({\n                  amount: `${this.data?.total_shipping} ${this.__currency}`,\n                  currencyDisplay: this.__currencyDisplay,\n                })}\n                key=\"price\"\n                infer=\"\"\n              >\n              </foxy-i18n>\n            </span>\n          </div>\n        </foxy-address-card>\n\n        <foxy-internal-collection-card\n          infer=\"items\"\n          first=${ifDefined(itemsLink)}\n          limit=\"5\"\n          item=\"foxy-item-card\"\n          open\n          .form=${itemFormRenderer as any}\n        >\n        </foxy-internal-collection-card>\n      </div>\n    `;\n  }\n\n  protected async _sendGet(): Promise<Data> {\n    type Transaction = Resource<Rels.Transaction>;\n    type Customer = Resource<Rels.Customer>;\n    type Store = Resource<Rels.Store>;\n\n    const shipment = await super._sendGet();\n    const [transaction, customer, store] = await Promise.all([\n      super._fetch<Transaction>(shipment._links['fx:transaction'].href),\n      super._fetch<Customer>(shipment._links['fx:customer'].href),\n      super._fetch<Store>(shipment._links['fx:store'].href),\n    ]);\n\n    this.__customerAddresses = customer._links['fx:customer_addresses'].href;\n    this.__currencyDisplay = store.use_international_currency_symbol ? 'code' : 'symbol';\n    this.__itemCategories = store._links['fx:item_categories'].href;\n    this.__currency = transaction.currency_code;\n    this.__editable = !!transaction._links['fx:void'] || !!transaction._links['fx:refund'];\n    this.__coupons = store._links['fx:coupons'].href;\n\n    return shipment;\n  }\n}\n"]}

package/dist/elements/public/Transaction/internal/InternalTransactionCustomerControl/InternalTransactionCustomerControl.js

@@ -5,7 +5,7 @@ export class InternalTransactionCustomerControl extends InternalControl {
     renderControl() {
         var _a, _b, _c, _d;
         return html `
-      <foxy-internal-collapsible-card summary="customer" infer open>
+      <foxy-internal-details-control summary="customer" infer open>
         <foxy-form-dialog
           header="header"
           infer="dialog"
@@ -29,7 +29,7 @@ export class InternalTransactionCustomerControl extends InternalControl {
           >
           </foxy-customer-card>
         </button>
-      </foxy-internal-collapsible-card>
+      </foxy-internal-details-control>
     `;
     }
 }

package/dist/elements/public/Transaction/internal/InternalTransactionCustomerControl/InternalTransactionCustomerControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalTransactionCustomerControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/Transaction/internal/InternalTransactionCustomerControl/InternalTransactionCustomerControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,gEAA6D;AAGvF,MAAM,OAAO,kCAAmC,SAAQ,eAAe;IACrE,aAAa;;QACX,OAAO,IAAI,CAAA;;;;;;iBAME,SAAS,aAAC,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,aAAa,EAAE,IAAI,CAAC;;;;;;;mBAOvD,CAAC,GAAU,EAAE,EAAE;YACtB,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,CAAe,CAAC;YACtE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,aAAkC,CAAC,CAAC;QACtD,CAAC;;;;;mBAKQ,SAAS,aAAC,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,aAAa,EAAE,IAAI,CAAC;;;;;KAKvE,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { html, TemplateResult } from 'lit-html';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { FormDialog } from '../../../FormDialog/FormDialog';\n\nexport class InternalTransactionCustomerControl extends InternalControl {\n  renderControl(): TemplateResult {\n    return html`\n      <foxy-internal-collapsible-card summary=\"customer\" infer open>\n        <foxy-form-dialog\n          header=\"header\"\n          infer=\"dialog\"\n          form=\"foxy-customer\"\n          href=${ifDefined(this.nucleon?.data?._links['fx:customer'].href)}\n          id=\"dialog\"\n        >\n        </foxy-form-dialog>\n\n        <button\n          class=\"w-full text-left block rounded-b-l transition-colors hover-bg-contrast-5 focus-outline-none focus-ring-2 focus-ring-primary-50\"\n          @click=${(evt: Event) => {\n            const dialog = this.renderRoot.querySelector('#dialog') as FormDialog;\n            dialog.show(evt.currentTarget as HTMLButtonElement);\n          }}\n        >\n          <foxy-customer-card\n            infer=\"card\"\n            class=\"p-m\"\n            href=${ifDefined(this.nucleon?.data?._links['fx:customer'].href)}\n          >\n          </foxy-customer-card>\n        </button>\n      </foxy-internal-collapsible-card>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"InternalTransactionCustomerControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/Transaction/internal/InternalTransactionCustomerControl/InternalTransactionCustomerControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,gEAA6D;AAGvF,MAAM,OAAO,kCAAmC,SAAQ,eAAe;IACrE,aAAa;;QACX,OAAO,IAAI,CAAA;;;;;;iBAME,SAAS,aAAC,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,aAAa,EAAE,IAAI,CAAC;;;;;;;mBAOvD,CAAC,GAAU,EAAE,EAAE;YACtB,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,CAAe,CAAC;YACtE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,aAAkC,CAAC,CAAC;QACtD,CAAC;;;;;mBAKQ,SAAS,aAAC,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,aAAa,EAAE,IAAI,CAAC;;;;;KAKvE,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { html, TemplateResult } from 'lit-html';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { FormDialog } from '../../../FormDialog/FormDialog';\n\nexport class InternalTransactionCustomerControl extends InternalControl {\n  renderControl(): TemplateResult {\n    return html`\n      <foxy-internal-details-control summary=\"customer\" infer open>\n        <foxy-form-dialog\n          header=\"header\"\n          infer=\"dialog\"\n          form=\"foxy-customer\"\n          href=${ifDefined(this.nucleon?.data?._links['fx:customer'].href)}\n          id=\"dialog\"\n        >\n        </foxy-form-dialog>\n\n        <button\n          class=\"w-full text-left block rounded-b-l transition-colors hover-bg-contrast-5 focus-outline-none focus-ring-2 focus-ring-primary-50\"\n          @click=${(evt: Event) => {\n            const dialog = this.renderRoot.querySelector('#dialog') as FormDialog;\n            dialog.show(evt.currentTarget as HTMLButtonElement);\n          }}\n        >\n          <foxy-customer-card\n            infer=\"card\"\n            class=\"p-m\"\n            href=${ifDefined(this.nucleon?.data?._links['fx:customer'].href)}\n          >\n          </foxy-customer-card>\n        </button>\n      </foxy-internal-details-control>\n    `;\n  }\n}\n"]}

package/dist/elements/public/Transaction/internal/InternalTransactionCustomerControl/index.d.ts

@@ -1,4 +1,4 @@
-import '../../../../internal/InternalCollapsibleCard/index';
+import '../../../../internal/InternalDetailsControl/index';
 import '../../../../internal/InternalControl/index';
 import '../../../CustomerCard/index';
 import '../../../FormDialog/index';

package/dist/elements/public/Transaction/internal/InternalTransactionCustomerControl/index.js

@@ -1,4 +1,4 @@
-import "../../../../internal/InternalCollapsibleCard/index.js";
+import "../../../../internal/InternalDetailsControl/index.js";
 import "../../../../internal/InternalControl/index.js";
 import "../../../CustomerCard/index.js";
 import "../../../FormDialog/index.js";

package/dist/elements/public/Transaction/internal/InternalTransactionCustomerControl/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/Transaction/internal/InternalTransactionCustomerControl/index.ts"],"names":[],"mappings":"AAAA,+DAA4D;AAC5D,uDAAoD;AAEpD,wCAAqC;AACrC,sCAAmC;AACnC,oCAAiC;AAEjC,OAAO,EAAE,kCAAkC,IAAI,OAAO,EAAE,gDAA6C;AAErG,cAAc,CAAC,MAAM,CAAC,4CAA4C,EAAE,OAAO,CAAC,CAAC;AAE7E,OAAO,EAAE,OAAO,IAAI,kCAAkC,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalCollapsibleCard/index';\nimport '../../../../internal/InternalControl/index';\n\nimport '../../../CustomerCard/index';\nimport '../../../FormDialog/index';\nimport '../../../Customer/index';\n\nimport { InternalTransactionCustomerControl as Control } from './InternalTransactionCustomerControl';\n\ncustomElements.define('foxy-internal-transaction-customer-control', Control);\n\nexport { Control as InternalTransactionCustomerControl };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/Transaction/internal/InternalTransactionCustomerControl/index.ts"],"names":[],"mappings":"AAAA,8DAA2D;AAC3D,uDAAoD;AAEpD,wCAAqC;AACrC,sCAAmC;AACnC,oCAAiC;AAEjC,OAAO,EAAE,kCAAkC,IAAI,OAAO,EAAE,gDAA6C;AAErG,cAAc,CAAC,MAAM,CAAC,4CAA4C,EAAE,OAAO,CAAC,CAAC;AAE7E,OAAO,EAAE,OAAO,IAAI,kCAAkC,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalDetailsControl/index';\nimport '../../../../internal/InternalControl/index';\n\nimport '../../../CustomerCard/index';\nimport '../../../FormDialog/index';\nimport '../../../Customer/index';\n\nimport { InternalTransactionCustomerControl as Control } from './InternalTransactionCustomerControl';\n\ncustomElements.define('foxy-internal-transaction-customer-control', Control);\n\nexport { Control as InternalTransactionCustomerControl };\n"]}

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

@@ -0,0 +1,10 @@
+import type { TemplateResult } from 'lit-html';
+import type { Data } from './types';
+import { InternalCard } from '../../internal/InternalCard/InternalCard';
+declare const WebhookCard_base: typeof InternalCard & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+};
+export declare class WebhookCard extends WebhookCard_base<Data> {
+    renderBody(): TemplateResult;
+}
+export {};

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

@@ -0,0 +1,30 @@
+import { InternalCard } from "../../internal/InternalCard/InternalCard.js";
+import { html } from 'lit-html';
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+export class WebhookCard extends TranslatableMixin(InternalCard, 'webhook-card') {
+    renderBody() {
+        var _a, _b, _c, _d;
+        return html `
+      <div class="grid grid-cols-1 gap-s leading-none">
+        <p class="flex justify-between items-center font-semibold">
+          <span class="truncate">${(_a = this.data) === null || _a === void 0 ? void 0 : _a.name}&ZeroWidthSpace;</span>
+          <span class="inline-block text-xs bg-contrast-5 rounded p-xs flex-shrink-0">
+            ${(_b = this.data) === null || _b === void 0 ? void 0 : _b.format.toUpperCase()}&ZeroWidthSpace;
+          </span>
+        </p>
+
+        <div class="flex items-center gap-s text-secondary">
+          <iron-icon class="icon-inline flex-shrink-0" icon="icons:language"></iron-icon>
+          <p class="truncate">${(_c = this.data) === null || _c === void 0 ? void 0 : _c.url}&ZeroWidthSpace;</p>
+        </div>
+
+        <div class="flex items-center gap-s text-secondary">
+          <iron-icon class="icon-inline flex-shrink-0" icon="icons:settings-input-antenna">
+          </iron-icon>
+          <p class="truncate">${(_d = this.data) === null || _d === void 0 ? void 0 : _d.event_resource}&ZeroWidthSpace;</p>
+        </div>
+      </div>
+    `;
+    }
+}
+//# sourceMappingURL=WebhookCard.js.map

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

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

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

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

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

@@ -0,0 +1,7 @@
+import '@polymer/iron-icons';
+import '@polymer/iron-icon';
+import "../../internal/InternalCard/index.js";
+import { WebhookCard } from "./WebhookCard.js";
+customElements.define('foxy-webhook-card', WebhookCard);
+export { WebhookCard };
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,3 @@
+import type { Rels } from '@foxy.io/sdk/backend';
+import type { Resource } from '@foxy.io/sdk/core';
+export declare type Data = Resource<Rels.Webhook>;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/WebhookCard/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Rels } from '@foxy.io/sdk/backend';\nimport type { Resource } from '@foxy.io/sdk/core';\n\nexport type Data = Resource<Rels.Webhook>;\n"]}

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

@@ -0,0 +1,14 @@
+import type { TemplateResult } from 'lit-html';
+import type { NucleonV8N } from '../NucleonElement/types';
+import type { Data } from './types';
+import { InternalForm } from '../../internal/InternalForm/InternalForm';
+declare const WebhookForm_base: typeof InternalForm & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+};
+export declare class WebhookForm extends WebhookForm_base<Data> {
+    static get v8n(): NucleonV8N<Data>;
+    private __formats;
+    private __eventResources;
+    renderBody(): TemplateResult;
+}
+export {};

package/dist/elements/public/WebhookForm/WebhookForm.js

@@ -0,0 +1,68 @@
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
+import { html } from 'lit-html';
+export class WebhookForm extends TranslatableMixin(InternalForm, 'webhook-form') {
+    constructor() {
+        super(...arguments);
+        this.__formats = [
+            { value: 'json', label: 'JSON' },
+            { value: 'webflow', label: 'Webflow' },
+            { value: 'zapier', label: 'Zapier' },
+        ];
+        this.__eventResources = [
+            { value: 'subscription', label: 'event_resource_subscription' },
+            { value: 'transaction', label: 'event_resource_transaction' },
+            { value: 'customer', label: 'event_resource_customer' },
+        ];
+    }
+    static get v8n() {
+        return [
+            ({ name: v }) => !!v || 'name:v8n_required',
+            ({ name: v }) => (!!v && v.length <= 255) || 'name:v8n_too_long',
+            ({ version: v }) => !!v || 'version:v8n_required',
+            ({ format: v }) => !!v || 'format:v8n_required',
+            ({ url: v }) => !v || v.length <= 1000 || 'url:v8n_too_long',
+            ({ query: v }) => !v || v.length <= 1000 || 'query:v8n_too_long',
+            ({ encryption_key: v }) => !v || v.length <= 1000 || 'encryption-key:v8n_too_long',
+        ];
+    }
+    renderBody() {
+        return html `
+      <foxy-internal-text-control infer="name"></foxy-internal-text-control>
+
+      <foxy-internal-radio-group-control infer="event-resource" .options=${this.__eventResources}>
+      </foxy-internal-radio-group-control>
+
+      <foxy-internal-text-control infer="query"></foxy-internal-text-control>
+      <foxy-internal-text-control infer="url"></foxy-internal-text-control>
+
+      <foxy-internal-radio-group-control infer="format" .options=${this.__formats}>
+      </foxy-internal-radio-group-control>
+
+      <foxy-internal-text-control infer="encryption-key"></foxy-internal-text-control>
+      <foxy-internal-text-control infer="version"></foxy-internal-text-control>
+
+      ${this.data
+            ? html `
+            <foxy-internal-collection-card
+              first=${this.data._links['fx:statuses'].href}
+              infer="statuses"
+              limit="10"
+              item="foxy-webhook-status-card"
+            >
+            </foxy-internal-collection-card>
+
+            <foxy-internal-collection-card
+              first=${this.data._links['fx:logs'].href}
+              infer="logs"
+              limit="5"
+              item="foxy-webhook-log-card"
+            >
+            </foxy-internal-collection-card>
+          `
+            : ''}
+      ${super.renderBody()}
+    `;
+    }
+}
+//# sourceMappingURL=WebhookForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WebhookForm.js","sourceRoot":"","sources":["../../../../src/elements/public/WebhookForm/WebhookForm.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,WAAY,SAAQ,iBAAiB,CAAC,YAAY,EAAE,cAAc,CAAO;IAAtF;;QAaU,cAAS,GAAG;YAClB,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;YAChC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;YACtC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;SACrC,CAAC;QAEM,qBAAgB,GAAG;YACzB,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,6BAA6B,EAAE;YAC/D,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,4BAA4B,EAAE;YAC7D,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,yBAAyB,EAAE;SACxD,CAAC;IAwCJ,CAAC;IA9DC,MAAM,KAAK,GAAG;QACZ,OAAO;YACL,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,mBAAmB;YAC3C,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,GAAG,CAAC,IAAI,mBAAmB;YAChE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,sBAAsB;YACjD,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,qBAAqB;YAC/C,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,IAAI,IAAI,kBAAkB;YAC5D,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,IAAI,IAAI,oBAAoB;YAChE,CAAC,EAAE,cAAc,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,IAAI,IAAI,6BAA6B;SACnF,CAAC;IACJ,CAAC;IAcD,UAAU;QACR,OAAO,IAAI,CAAA;;;2EAG4D,IAAI,CAAC,gBAAgB;;;;;;mEAM7B,IAAI,CAAC,SAAS;;;;;;QAMzE,IAAI,CAAC,IAAI;YACT,CAAC,CAAC,IAAI,CAAA;;sBAEQ,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,IAAI;;;;;;;;sBAQpC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI;;;;;;WAM3C;YACH,CAAC,CAAC,EAAE;QACJ,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { html } from 'lit-html';\n\nexport class WebhookForm extends TranslatableMixin(InternalForm, 'webhook-form')<Data> {\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ name: v }) => !!v || 'name:v8n_required',\n      ({ name: v }) => (!!v && v.length <= 255) || 'name:v8n_too_long',\n      ({ version: v }) => !!v || 'version:v8n_required',\n      ({ format: v }) => !!v || 'format:v8n_required',\n      ({ url: v }) => !v || v.length <= 1000 || 'url:v8n_too_long',\n      ({ query: v }) => !v || v.length <= 1000 || 'query:v8n_too_long',\n      ({ encryption_key: v }) => !v || v.length <= 1000 || 'encryption-key:v8n_too_long',\n    ];\n  }\n\n  private __formats = [\n    { value: 'json', label: 'JSON' },\n    { value: 'webflow', label: 'Webflow' },\n    { value: 'zapier', label: 'Zapier' },\n  ];\n\n  private __eventResources = [\n    { value: 'subscription', label: 'event_resource_subscription' },\n    { value: 'transaction', label: 'event_resource_transaction' },\n    { value: 'customer', label: 'event_resource_customer' },\n  ];\n\n  renderBody(): TemplateResult {\n    return html`\n      <foxy-internal-text-control infer=\"name\"></foxy-internal-text-control>\n\n      <foxy-internal-radio-group-control infer=\"event-resource\" .options=${this.__eventResources}>\n      </foxy-internal-radio-group-control>\n\n      <foxy-internal-text-control infer=\"query\"></foxy-internal-text-control>\n      <foxy-internal-text-control infer=\"url\"></foxy-internal-text-control>\n\n      <foxy-internal-radio-group-control infer=\"format\" .options=${this.__formats}>\n      </foxy-internal-radio-group-control>\n\n      <foxy-internal-text-control infer=\"encryption-key\"></foxy-internal-text-control>\n      <foxy-internal-text-control infer=\"version\"></foxy-internal-text-control>\n\n      ${this.data\n        ? html`\n            <foxy-internal-collection-card\n              first=${this.data._links['fx:statuses'].href}\n              infer=\"statuses\"\n              limit=\"10\"\n              item=\"foxy-webhook-status-card\"\n            >\n            </foxy-internal-collection-card>\n\n            <foxy-internal-collection-card\n              first=${this.data._links['fx:logs'].href}\n              infer=\"logs\"\n              limit=\"5\"\n              item=\"foxy-webhook-log-card\"\n            >\n            </foxy-internal-collection-card>\n          `\n        : ''}\n      ${super.renderBody()}\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1,10 @@
+import '@vaadin/vaadin-checkbox/vaadin-checkbox-group';
+import '@vaadin/vaadin-checkbox/vaadin-checkbox';
+import '../../internal/InternalRadioGroupControl/index';
+import '../../internal/InternalCollectionCard/index';
+import '../../internal/InternalTextControl/index';
+import '../../internal/InternalForm/index';
+import '../WebhookStatusCard/index';
+import '../WebhookLogCard/index';
+import { WebhookForm } from './WebhookForm';
+export { WebhookForm };

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

@@ -0,0 +1,12 @@
+import '@vaadin/vaadin-checkbox/vaadin-checkbox-group';
+import '@vaadin/vaadin-checkbox/vaadin-checkbox';
+import "../../internal/InternalRadioGroupControl/index.js";
+import "../../internal/InternalCollectionCard/index.js";
+import "../../internal/InternalTextControl/index.js";
+import "../../internal/InternalForm/index.js";
+import "../WebhookStatusCard/index.js";
+import "../WebhookLogCard/index.js";
+import { WebhookForm } from "./WebhookForm.js";
+customElements.define('foxy-webhook-form', WebhookForm);
+export { WebhookForm };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/WebhookForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,+CAA+C,CAAC;AACvD,OAAO,yCAAyC,CAAC;AAEjD,2DAAwD;AACxD,wDAAqD;AACrD,qDAAkD;AAClD,8CAA2C;AAE3C,uCAAoC;AACpC,oCAAiC;AAEjC,OAAO,EAAE,WAAW,EAAE,yBAAsB;AAE5C,cAAc,CAAC,MAAM,CAAC,mBAAmB,EAAE,WAAW,CAAC,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-checkbox/vaadin-checkbox-group';\nimport '@vaadin/vaadin-checkbox/vaadin-checkbox';\n\nimport '../../internal/InternalRadioGroupControl/index';\nimport '../../internal/InternalCollectionCard/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\n\nimport '../WebhookStatusCard/index';\nimport '../WebhookLogCard/index';\n\nimport { WebhookForm } from './WebhookForm';\n\ncustomElements.define('foxy-webhook-form', WebhookForm);\n\nexport { WebhookForm };\n"]}

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

@@ -0,0 +1,3 @@
+import type { Rels } from '@foxy.io/sdk/backend';
+import type { Resource } from '@foxy.io/sdk/core';
+export declare type Data = Resource<Rels.Webhook>;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/WebhookForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Rels } from '@foxy.io/sdk/backend';\nimport type { Resource } from '@foxy.io/sdk/core';\n\nexport type Data = Resource<Rels.Webhook>;\n"]}

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

@@ -0,0 +1,10 @@
+import type { TemplateResult } from 'lit-html';
+import type { Data } from './types';
+import { InternalCard } from '../../internal/InternalCard/InternalCard';
+declare const WebhookLogCard_base: typeof InternalCard & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+};
+export declare class WebhookLogCard extends WebhookLogCard_base<Data> {
+    renderBody(): TemplateResult;
+}
+export {};

package/dist/elements/public/WebhookLogCard/WebhookLogCard.js

@@ -0,0 +1,23 @@
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { InternalCard } from "../../internal/InternalCard/InternalCard.js";
+import { html } from 'lit-html';
+export class WebhookLogCard extends TranslatableMixin(InternalCard, 'webhook-log-card') {
+    renderBody() {
+        var _a, _b, _c;
+        return html `
+      <div class="leading-none space-y-xs">
+        <p class="flex justify-between items-center font-semibold">
+          <foxy-i18n .options=${{ value: (_a = this.data) === null || _a === void 0 ? void 0 : _a.date_created }} infer="" key="date">
+          </foxy-i18n>
+
+          <span class="inline-block text-xs bg-contrast-5 text-secondary rounded p-xs">
+            ${(_b = this.data) === null || _b === void 0 ? void 0 : _b.response_code}&ZeroWidthSpace;
+          </span>
+        </p>
+
+        <p class="text-tertiary">${(_c = this.data) === null || _c === void 0 ? void 0 : _c.response_body}&ZeroWidthSpace;</p>
+      </div>
+    `;
+    }
+}
+//# sourceMappingURL=WebhookLogCard.js.map