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

package/dist/elements/public/GiftCardForm/internal/InternalGiftCardFormProvisioningControl/index.d.ts

@@ -0,0 +1,6 @@
+import '../../../../internal/InternalCheckboxGroupControl/index';
+import '../../../../internal/InternalIntegerControl/index';
+import '../../../../internal/InternalTextControl/index';
+import '../../../../internal/InternalControl/index';
+import { InternalGiftCardFormProvisioningControl } from './InternalGiftCardFormProvisioningControl';
+export { InternalGiftCardFormProvisioningControl };

package/dist/elements/public/GiftCardForm/internal/InternalGiftCardFormProvisioningControl/index.js

@@ -0,0 +1,8 @@
+import "../../../../internal/InternalCheckboxGroupControl/index.js";
+import "../../../../internal/InternalIntegerControl/index.js";
+import "../../../../internal/InternalTextControl/index.js";
+import "../../../../internal/InternalControl/index.js";
+import { InternalGiftCardFormProvisioningControl } from "./InternalGiftCardFormProvisioningControl.js";
+customElements.define('foxy-internal-gift-card-form-provisioning-control', InternalGiftCardFormProvisioningControl);
+export { InternalGiftCardFormProvisioningControl };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/GiftCardForm/internal/InternalGiftCardFormProvisioningControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/GiftCardForm/internal/InternalGiftCardFormProvisioningControl/index.ts"],"names":[],"mappings":"AAAA,oEAAiE;AACjE,8DAA2D;AAC3D,2DAAwD;AACxD,uDAAoD;AAEpD,OAAO,EAAE,uCAAuC,EAAE,qDAAkD;AAEpG,cAAc,CAAC,MAAM,CACnB,mDAAmD,EACnD,uCAAuC,CACxC,CAAC;AAEF,OAAO,EAAE,uCAAuC,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalCheckboxGroupControl/index';\nimport '../../../../internal/InternalIntegerControl/index';\nimport '../../../../internal/InternalTextControl/index';\nimport '../../../../internal/InternalControl/index';\n\nimport { InternalGiftCardFormProvisioningControl } from './InternalGiftCardFormProvisioningControl';\n\ncustomElements.define(\n  'foxy-internal-gift-card-form-provisioning-control',\n  InternalGiftCardFormProvisioningControl\n);\n\nexport { InternalGiftCardFormProvisioningControl };\n"]}

package/dist/elements/public/ItemCard/ItemCard.js

@@ -46,11 +46,11 @@ export class ItemCard extends Base {
           <div class="border border-contrast-10 absolute inset-0 rounded"></div>
         </div>
 
-        <div class="flex-1">
+        <div class="flex-1 min-w-0">
           <div class="flex-1 h-l flex items-center">
             <div class="flex-1 leading-s">
-              <div class="font-semibold text-m">${(_h = this.data) === null || _h === void 0 ? void 0 : _h.name}</div>
-              <div class="text-secondary text-m">
+              <div class="font-semibold text-m truncate">${(_h = this.data) === null || _h === void 0 ? void 0 : _h.name}</div>
+              <div class="text-secondary text-m truncate">
                 ${quantity} &times;
 
                 <foxy-i18n
@@ -95,13 +95,15 @@ export class ItemCard extends Base {
                         data-testclass="option"
                         class="flex items-center text-m space-x-xs leading-m"
                       >
-                        <div class="flex-1 text-tertiary">${option.name}: ${option.value}</div>
+                        <div class="flex-1 text-tertiary truncate">
+                          ${option.name}: ${option.value}
+                        </div>
                         ${option.price_mod
                 ? html `
                               <div
                                 class="${option.price_mod > 0
                     ? 'text-success'
-                    : 'text-error'} rounded px-xs"
+                    : 'text-error'} rounded px-xs truncate"
                               >
                                 <foxy-i18n
                                   options=${JSON.stringify({
@@ -120,7 +122,7 @@ export class ItemCard extends Base {
                               <div
                                 class="${option.price_mod > 0
                     ? 'text-success'
-                    : 'text-error'} rounded px-xs"
+                    : 'text-error'} rounded px-xs truncate"
                               >
                                 ${option.weight_mod}
                                 <foxy-i18n key="wgt" infer=""></foxy-i18n>

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

@@ -1 +1 @@
-{"version":3,"file":"ItemCard.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemCard/ItemCard.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { html } from 'lit-html';\nimport { Data } from './types';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { Rels } from '@foxy.io/sdk/backend';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\n\nconst NS = 'item-card';\nconst Base = ConfigurableMixin(TranslatableMixin(InternalCard, NS));\n\n/**\n * Basic card displaying an item.\n *\n * @element foxy-item-card\n * @since 1.17.0\n */\nexport class ItemCard extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      __currencyDisplay: { attribute: false },\n      __currency: { attribute: false },\n    };\n  }\n\n  private static readonly __placeholder =\n    'data:image/svg+xml,%3Csvg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Crect width=\"40\" height=\"40\" fill=\"%23E8E8E8\"/%3E%3Cpath d=\"M31.5143 0H24.5476L0 24.5476V31.5143L11.7046 19.8097L11.9841 17.0782C12.0983 15.9624 13.0131 15.1154 14.1038 15.1154H15.7373V12.1923C15.7373 10.9815 16.6915 10 17.8687 10H21.5143L31.5143 0Z\" fill=\"white\"/%3E%3Cpath d=\"M11.5434 21.3852L0 32.9285V39.8953L11.5822 28.3131C11.172 27.8663 10.9438 27.2444 11.012 26.5782L11.5434 21.3852Z\" fill=\"white\"/%3E%3Cpath d=\"M12.4305 28.879L1.30951 40H8.27631L19.2763 29H13.1316C12.8853 29 12.6495 28.9573 12.4305 28.879Z\" fill=\"white\"/%3E%3Cpath d=\"M28.3113 19.965L28.0159 17.0782C27.9116 16.0591 27.1395 15.2642 26.1754 15.1341L40 1.3095V8.27627L28.3113 19.965Z\" fill=\"white\"/%3E%3Cpath d=\"M20.6905 29L9.69049 40H16.6572L27.9755 28.6817C27.6541 28.8832 27.2756 29 26.8684 29H20.6905Z\" fill=\"white\"/%3E%3Cpath d=\"M28.6572 28C28.9128 27.5952 29.0415 27.1003 28.988 26.5782L28.4426 21.2479L40 9.69053V16.6572L28.6572 28Z\" fill=\"white\"/%3E%3Cpath d=\"M25.0381 40H18.0715L40 18.0715V25.0381L25.0381 40Z\" fill=\"white\"/%3E%3Cpath d=\"M26.4524 40H33.4191L40 33.4191V26.4524L26.4524 40Z\" fill=\"white\"/%3E%3Cpath d=\"M40 40H34.8333L40 34.8333V40Z\" fill=\"white\"/%3E%3Cpath d=\"M16.1666 0H23.1334L0 23.1334V16.1666L16.1666 0Z\" fill=\"white\"/%3E%3Cpath d=\"M14.7524 0H7.78571L0 7.78573V14.7524L14.7524 0Z\" fill=\"white\"/%3E%3Cpath d=\"M0 0H6.37152L0 6.37151V0Z\" fill=\"white\"/%3E%3Cpath d=\"M21.467 11.4615H17.8687C17.4763 11.4615 17.1582 11.7887 17.1582 12.1923V15.1154H22.8418V12.1923C22.8418 11.7887 22.5237 11.4615 22.1313 11.4615H21.467Z\" fill=\"white\"/%3E%3Cpath d=\"M24.7798 15.1154H24.2627V12.1923C24.2627 11.227 23.6562 10.4075 22.8138 10.1148L32.9286 0H39.89L24.7798 15.1154Z\" fill=\"white\"/%3E%3C/svg%3E';\n\n  __currencyDisplay = '';\n\n  __currency = '';\n\n  renderBody(): TemplateResult {\n    const quantity = this.data?.quantity ?? 0;\n    const price = this.data?.price ?? 0;\n    const totalPrice = quantity * price;\n    const options = this.data?._embedded?.['fx:item_options'];\n\n    return html`\n      <div class=\"flex items-start space-x-m leading-m\">\n        <div class=\"w-l h-l relative flex-shrink-0\">\n          <img\n            class=\"relative w-full h-full object-cover rounded\"\n            src=${ifDefined(this.data?.image)}\n            alt=\"\"\n            @error=${(evt: Event) => {\n              const img = evt.currentTarget as HTMLImageElement;\n              img.src = ItemCard.__placeholder;\n            }}\n          />\n\n          <div class=\"border border-contrast-10 absolute inset-0 rounded\"></div>\n        </div>\n\n        <div class=\"flex-1\">\n          <div class=\"flex-1 h-l flex items-center\">\n            <div class=\"flex-1 leading-s\">\n              <div class=\"font-semibold text-m\">${this.data?.name}</div>\n              <div class=\"text-secondary text-m\">\n                ${quantity} &times;\n\n                <foxy-i18n\n                  options=${JSON.stringify({\n                    amount: `${price} ${this.__currency}`,\n                    currencyDisplay: this.__currencyDisplay,\n                  })}\n                  key=\"price\"\n                  infer=\"\"\n                >\n                </foxy-i18n>\n\n                &equals;\n\n                <foxy-i18n\n                  options=${JSON.stringify({\n                    amount: `${totalPrice} ${this.__currency}`,\n                    currencyDisplay: this.__currencyDisplay,\n                  })}\n                  key=\"price\"\n                  infer=\"\"\n                >\n                </foxy-i18n>\n              </div>\n            </div>\n\n            ${this.data?.subscription_frequency\n              ? html`\n                  <div\n                    class=\"w-xs h-xs flex items-center justify-center rounded-full bg-contrast-5\"\n                  >\n                    <iron-icon icon=\"icons:autorenew\" class=\"icon-inline text-s\"></iron-icon>\n                  </div>\n                `\n              : ''}\n          </div>\n\n          ${options && options.length > 0\n            ? html`\n                <div class=\"mt-s\">\n                  ${options.map(\n                    option => html`\n                      <div\n                        data-testclass=\"option\"\n                        class=\"flex items-center text-m space-x-xs leading-m\"\n                      >\n                        <div class=\"flex-1 text-tertiary\">${option.name}: ${option.value}</div>\n                        ${option.price_mod\n                          ? html`\n                              <div\n                                class=\"${option.price_mod > 0\n                                  ? 'text-success'\n                                  : 'text-error'} rounded px-xs\"\n                              >\n                                <foxy-i18n\n                                  options=${JSON.stringify({\n                                    amount: `${option.price_mod} ${this.__currency}`,\n                                    currencyDisplay: this.__currencyDisplay,\n                                  })}\n                                  key=\"price\"\n                                  infer=\"\"\n                                >\n                                </foxy-i18n>\n                              </div>\n                            `\n                          : ''}\n                        ${option.weight_mod\n                          ? html`\n                              <div\n                                class=\"${option.price_mod > 0\n                                  ? 'text-success'\n                                  : 'text-error'} rounded px-xs\"\n                              >\n                                ${option.weight_mod}\n                                <foxy-i18n key=\"wgt\" infer=\"\"></foxy-i18n>\n                              </div>\n                            `\n                          : ''}\n                      </div>\n                    `\n                  )}\n                </div>\n              `\n            : ''}\n        </div>\n      </div>\n    `;\n  }\n\n  protected async _sendGet(): Promise<Data> {\n    type Transaction = Resource<Rels.Transaction>;\n    type Store = Resource<Rels.Store>;\n\n    const item = await super._sendGet();\n    const [transaction, store] = await Promise.all([\n      super._fetch<Transaction>(item._links['fx:transaction'].href),\n      super._fetch<Store>(item._links['fx:store'].href),\n    ]);\n\n    this.__currency = transaction.currency_code;\n    this.__currencyDisplay = store.use_international_currency_symbol ? 'code' : 'symbol';\n\n    return item;\n  }\n}\n"]}
+{"version":3,"file":"ItemCard.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemCard/ItemCard.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAIhC,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AAEjE,MAAM,EAAE,GAAG,WAAW,CAAC;AACvB,MAAM,IAAI,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,CAAC;AAEpE;;;;;GAKG;AACH,MAAM,OAAO,QAAS,SAAQ,IAAU;IAAxC;;QAYE,sBAAiB,GAAG,EAAE,CAAC;QAEvB,eAAU,GAAG,EAAE,CAAC;IAuIlB,CAAC;IApJC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,iBAAiB,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YACvC,UAAU,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SACjC,CAAC;IACJ,CAAC;IASD,UAAU;;QACR,MAAM,QAAQ,eAAG,IAAI,CAAC,IAAI,0CAAE,QAAQ,mCAAI,CAAC,CAAC;QAC1C,MAAM,KAAK,eAAG,IAAI,CAAC,IAAI,0CAAE,KAAK,mCAAI,CAAC,CAAC;QACpC,MAAM,UAAU,GAAG,QAAQ,GAAG,KAAK,CAAC;QACpC,MAAM,OAAO,eAAG,IAAI,CAAC,IAAI,0CAAE,SAAS,0CAAG,iBAAiB,CAAC,CAAC;QAE1D,OAAO,IAAI,CAAA;;;;;kBAKG,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,KAAK,CAAC;;qBAExB,CAAC,GAAU,EAAE,EAAE;YACtB,MAAM,GAAG,GAAG,GAAG,CAAC,aAAiC,CAAC;YAClD,GAAG,CAAC,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC;QACnC,CAAC;;;;;;;;;2DAS8C,MAAA,IAAI,CAAC,IAAI,0CAAE,IAAI;;kBAExD,QAAQ;;;4BAGE,IAAI,CAAC,SAAS,CAAC;YACvB,MAAM,EAAE,GAAG,KAAK,IAAI,IAAI,CAAC,UAAU,EAAE;YACrC,eAAe,EAAE,IAAI,CAAC,iBAAiB;SACxC,CAAC;;;;;;;;;4BASQ,IAAI,CAAC,SAAS,CAAC;YACvB,MAAM,EAAE,GAAG,UAAU,IAAI,IAAI,CAAC,UAAU,EAAE;YAC1C,eAAe,EAAE,IAAI,CAAC,iBAAiB;SACxC,CAAC;;;;;;;;cAQN,OAAA,IAAI,CAAC,IAAI,0CAAE,sBAAsB,EACjC,CAAC,CAAC,IAAI,CAAA;;;;;;iBAMH;YACH,CAAC,CAAC,EAAE;;;YAGN,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC;YAC7B,CAAC,CAAC,IAAI,CAAA;;oBAEE,OAAO,CAAC,GAAG,CACX,MAAM,CAAC,EAAE,CAAC,IAAI,CAAA;;;;;;4BAMN,MAAM,CAAC,IAAI,KAAK,MAAM,CAAC,KAAK;;0BAE9B,MAAM,CAAC,SAAS;gBAChB,CAAC,CAAC,IAAI,CAAA;;yCAES,MAAM,CAAC,SAAS,GAAG,CAAC;oBAC3B,CAAC,CAAC,cAAc;oBAChB,CAAC,CAAC,YAAY;;;4CAGJ,IAAI,CAAC,SAAS,CAAC;oBACvB,MAAM,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,IAAI,CAAC,UAAU,EAAE;oBAChD,eAAe,EAAE,IAAI,CAAC,iBAAiB;iBACxC,CAAC;;;;;;6BAMP;gBACH,CAAC,CAAC,EAAE;0BACJ,MAAM,CAAC,UAAU;gBACjB,CAAC,CAAC,IAAI,CAAA;;yCAES,MAAM,CAAC,SAAS,GAAG,CAAC;oBAC3B,CAAC,CAAC,cAAc;oBAChB,CAAC,CAAC,YAAY;;kCAEd,MAAM,CAAC,UAAU;;;6BAGtB;gBACH,CAAC,CAAC,EAAE;;qBAET,CACF;;eAEJ;YACH,CAAC,CAAC,EAAE;;;KAGX,CAAC;IACJ,CAAC;IAES,KAAK,CAAC,QAAQ;QAItB,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,QAAQ,EAAE,CAAC;QACpC,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;YAC7C,KAAK,CAAC,MAAM,CAAc,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC;YAC7D,KAAK,CAAC,MAAM,CAAQ,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC;SAClD,CAAC,CAAC;QAEH,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC,aAAa,CAAC;QAC5C,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC,iCAAiC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;QAErF,OAAO,IAAI,CAAC;IACd,CAAC;;AA3IuB,sBAAa,GACnC,+wDAA+wD,CAAC","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { html } from 'lit-html';\nimport { Data } from './types';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { Rels } from '@foxy.io/sdk/backend';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\n\nconst NS = 'item-card';\nconst Base = ConfigurableMixin(TranslatableMixin(InternalCard, NS));\n\n/**\n * Basic card displaying an item.\n *\n * @element foxy-item-card\n * @since 1.17.0\n */\nexport class ItemCard extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      __currencyDisplay: { attribute: false },\n      __currency: { attribute: false },\n    };\n  }\n\n  private static readonly __placeholder =\n    'data:image/svg+xml,%3Csvg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Crect width=\"40\" height=\"40\" fill=\"%23E8E8E8\"/%3E%3Cpath d=\"M31.5143 0H24.5476L0 24.5476V31.5143L11.7046 19.8097L11.9841 17.0782C12.0983 15.9624 13.0131 15.1154 14.1038 15.1154H15.7373V12.1923C15.7373 10.9815 16.6915 10 17.8687 10H21.5143L31.5143 0Z\" fill=\"white\"/%3E%3Cpath d=\"M11.5434 21.3852L0 32.9285V39.8953L11.5822 28.3131C11.172 27.8663 10.9438 27.2444 11.012 26.5782L11.5434 21.3852Z\" fill=\"white\"/%3E%3Cpath d=\"M12.4305 28.879L1.30951 40H8.27631L19.2763 29H13.1316C12.8853 29 12.6495 28.9573 12.4305 28.879Z\" fill=\"white\"/%3E%3Cpath d=\"M28.3113 19.965L28.0159 17.0782C27.9116 16.0591 27.1395 15.2642 26.1754 15.1341L40 1.3095V8.27627L28.3113 19.965Z\" fill=\"white\"/%3E%3Cpath d=\"M20.6905 29L9.69049 40H16.6572L27.9755 28.6817C27.6541 28.8832 27.2756 29 26.8684 29H20.6905Z\" fill=\"white\"/%3E%3Cpath d=\"M28.6572 28C28.9128 27.5952 29.0415 27.1003 28.988 26.5782L28.4426 21.2479L40 9.69053V16.6572L28.6572 28Z\" fill=\"white\"/%3E%3Cpath d=\"M25.0381 40H18.0715L40 18.0715V25.0381L25.0381 40Z\" fill=\"white\"/%3E%3Cpath d=\"M26.4524 40H33.4191L40 33.4191V26.4524L26.4524 40Z\" fill=\"white\"/%3E%3Cpath d=\"M40 40H34.8333L40 34.8333V40Z\" fill=\"white\"/%3E%3Cpath d=\"M16.1666 0H23.1334L0 23.1334V16.1666L16.1666 0Z\" fill=\"white\"/%3E%3Cpath d=\"M14.7524 0H7.78571L0 7.78573V14.7524L14.7524 0Z\" fill=\"white\"/%3E%3Cpath d=\"M0 0H6.37152L0 6.37151V0Z\" fill=\"white\"/%3E%3Cpath d=\"M21.467 11.4615H17.8687C17.4763 11.4615 17.1582 11.7887 17.1582 12.1923V15.1154H22.8418V12.1923C22.8418 11.7887 22.5237 11.4615 22.1313 11.4615H21.467Z\" fill=\"white\"/%3E%3Cpath d=\"M24.7798 15.1154H24.2627V12.1923C24.2627 11.227 23.6562 10.4075 22.8138 10.1148L32.9286 0H39.89L24.7798 15.1154Z\" fill=\"white\"/%3E%3C/svg%3E';\n\n  __currencyDisplay = '';\n\n  __currency = '';\n\n  renderBody(): TemplateResult {\n    const quantity = this.data?.quantity ?? 0;\n    const price = this.data?.price ?? 0;\n    const totalPrice = quantity * price;\n    const options = this.data?._embedded?.['fx:item_options'];\n\n    return html`\n      <div class=\"flex items-start space-x-m leading-m\">\n        <div class=\"w-l h-l relative flex-shrink-0\">\n          <img\n            class=\"relative w-full h-full object-cover rounded\"\n            src=${ifDefined(this.data?.image)}\n            alt=\"\"\n            @error=${(evt: Event) => {\n              const img = evt.currentTarget as HTMLImageElement;\n              img.src = ItemCard.__placeholder;\n            }}\n          />\n\n          <div class=\"border border-contrast-10 absolute inset-0 rounded\"></div>\n        </div>\n\n        <div class=\"flex-1 min-w-0\">\n          <div class=\"flex-1 h-l flex items-center\">\n            <div class=\"flex-1 leading-s\">\n              <div class=\"font-semibold text-m truncate\">${this.data?.name}</div>\n              <div class=\"text-secondary text-m truncate\">\n                ${quantity} &times;\n\n                <foxy-i18n\n                  options=${JSON.stringify({\n                    amount: `${price} ${this.__currency}`,\n                    currencyDisplay: this.__currencyDisplay,\n                  })}\n                  key=\"price\"\n                  infer=\"\"\n                >\n                </foxy-i18n>\n\n                &equals;\n\n                <foxy-i18n\n                  options=${JSON.stringify({\n                    amount: `${totalPrice} ${this.__currency}`,\n                    currencyDisplay: this.__currencyDisplay,\n                  })}\n                  key=\"price\"\n                  infer=\"\"\n                >\n                </foxy-i18n>\n              </div>\n            </div>\n\n            ${this.data?.subscription_frequency\n              ? html`\n                  <div\n                    class=\"w-xs h-xs flex items-center justify-center rounded-full bg-contrast-5\"\n                  >\n                    <iron-icon icon=\"icons:autorenew\" class=\"icon-inline text-s\"></iron-icon>\n                  </div>\n                `\n              : ''}\n          </div>\n\n          ${options && options.length > 0\n            ? html`\n                <div class=\"mt-s\">\n                  ${options.map(\n                    option => html`\n                      <div\n                        data-testclass=\"option\"\n                        class=\"flex items-center text-m space-x-xs leading-m\"\n                      >\n                        <div class=\"flex-1 text-tertiary truncate\">\n                          ${option.name}: ${option.value}\n                        </div>\n                        ${option.price_mod\n                          ? html`\n                              <div\n                                class=\"${option.price_mod > 0\n                                  ? 'text-success'\n                                  : 'text-error'} rounded px-xs truncate\"\n                              >\n                                <foxy-i18n\n                                  options=${JSON.stringify({\n                                    amount: `${option.price_mod} ${this.__currency}`,\n                                    currencyDisplay: this.__currencyDisplay,\n                                  })}\n                                  key=\"price\"\n                                  infer=\"\"\n                                >\n                                </foxy-i18n>\n                              </div>\n                            `\n                          : ''}\n                        ${option.weight_mod\n                          ? html`\n                              <div\n                                class=\"${option.price_mod > 0\n                                  ? 'text-success'\n                                  : 'text-error'} rounded px-xs truncate\"\n                              >\n                                ${option.weight_mod}\n                                <foxy-i18n key=\"wgt\" infer=\"\"></foxy-i18n>\n                              </div>\n                            `\n                          : ''}\n                      </div>\n                    `\n                  )}\n                </div>\n              `\n            : ''}\n        </div>\n      </div>\n    `;\n  }\n\n  protected async _sendGet(): Promise<Data> {\n    type Transaction = Resource<Rels.Transaction>;\n    type Store = Resource<Rels.Store>;\n\n    const item = await super._sendGet();\n    const [transaction, store] = await Promise.all([\n      super._fetch<Transaction>(item._links['fx:transaction'].href),\n      super._fetch<Store>(item._links['fx:store'].href),\n    ]);\n\n    this.__currency = transaction.currency_code;\n    this.__currencyDisplay = store.use_international_currency_symbol ? 'code' : 'symbol';\n\n    return item;\n  }\n}\n"]}

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

@@ -0,0 +1,6 @@
+import type { TemplateResult } from 'lit-html';
+import type { Data } from './types';
+import { InternalCard } from '../../internal/InternalCard/InternalCard';
+export declare class ItemCategoryCard extends InternalCard<Data> {
+    renderBody(): TemplateResult;
+}

package/dist/elements/public/ItemCategoryCard/ItemCategoryCard.js

@@ -0,0 +1,16 @@
+import { InternalCard } from "../../internal/InternalCard/InternalCard.js";
+import { html } from 'lit-html';
+export class ItemCategoryCard extends InternalCard {
+    renderBody() {
+        const data = this.data;
+        return html `
+      <div class="flex justify-between gap-s">
+        <div class="font-semibold truncate flex-shrink-0">${data === null || data === void 0 ? void 0 : data.name}&ZeroWidthSpace;</div>
+        ${(data === null || data === void 0 ? void 0 : data.name) !== (data === null || data === void 0 ? void 0 : data.code)
+            ? html `<div class="truncate text-tertiary">${data === null || data === void 0 ? void 0 : data.code}</div>`
+            : ''}
+      </div>
+    `;
+    }
+}
+//# sourceMappingURL=ItemCategoryCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ItemCategoryCard.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemCategoryCard/ItemCategoryCard.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,gBAAiB,SAAQ,YAAkB;IACtD,UAAU;QACR,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QAEvB,OAAO,IAAI,CAAA;;4DAE6C,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI;UAC5D,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,OAAK,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAA;YACzB,CAAC,CAAC,IAAI,CAAA,uCAAuC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,QAAQ;YAC/D,CAAC,CAAC,EAAE;;KAET,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';\n\nexport class ItemCategoryCard extends InternalCard<Data> {\n  renderBody(): TemplateResult {\n    const data = this.data;\n\n    return html`\n      <div class=\"flex justify-between gap-s\">\n        <div class=\"font-semibold truncate flex-shrink-0\">${data?.name}&ZeroWidthSpace;</div>\n        ${data?.name !== data?.code\n          ? html`<div class=\"truncate text-tertiary\">${data?.code}</div>`\n          : ''}\n      </div>\n    `;\n  }\n}\n"]}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemCategoryCard/index.ts"],"names":[],"mappings":"AAAA,8CAA2C;AAE3C,OAAO,EAAE,gBAAgB,EAAE,8BAA2B;AAEtD,cAAc,CAAC,MAAM,CAAC,yBAAyB,EAAE,gBAAgB,CAAC,CAAC;AAEnE,OAAO,EAAE,gBAAgB,EAAE,CAAC","sourcesContent":["import '../../internal/InternalCard/index';\n\nimport { ItemCategoryCard } from './ItemCategoryCard';\n\ncustomElements.define('foxy-item-category-card', ItemCategoryCard);\n\nexport { ItemCategoryCard };\n"]}

package/dist/elements/public/ItemCategoryCard/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.ItemCategory>;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemCategoryCard/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.ItemCategory>;\n"]}

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

@@ -0,0 +1,31 @@
+import type { PropertyDeclarations } from 'lit-element';
+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 ItemCategoryForm_base: typeof InternalForm & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+};
+export declare class ItemCategoryForm extends ItemCategoryForm_base<Data> {
+    static get properties(): PropertyDeclarations;
+    static get v8n(): NucleonV8N<Data>;
+    emailTemplates: string | null;
+    taxes: string | null;
+    private static __shippingFlatRateTypeOptions;
+    private static __defaultWeightUnitOptions;
+    private static __defaultLengthUnitOptions;
+    private static __itemDeliveryTypeOptions;
+    private static __handlingFeeTypeOptions;
+    renderBody(): TemplateResult;
+    private __renderHandlingFee;
+    private __renderHandlingFeePercentage;
+    private __renderHandlingFeeMinimum;
+    private __renderDownloadDeliveryControls;
+    private __renderFlatRateControls;
+    private __renderShippingControls;
+    private __renderCustomsValue;
+    private __renderDiscountBuilder;
+    private __renderAdminEmail;
+    private __renderTaxes;
+}
+export {};

package/dist/elements/public/ItemCategoryForm/ItemCategoryForm.js

@@ -0,0 +1,309 @@
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { html } from 'lit-html';
+export class ItemCategoryForm extends TranslatableMixin(InternalForm, 'item-category-form') {
+    constructor() {
+        super(...arguments);
+        this.emailTemplates = null;
+        this.taxes = null;
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            emailTemplates: { type: String, attribute: 'email-templates' },
+            taxes: { type: String },
+        };
+    }
+    static get v8n() {
+        return [
+            ({ code: v }) => !!v || 'code:v8n_required',
+            ({ code: v }) => (v && v.length <= 50) || 'code:v8n_too_long',
+            ({ name: v }) => !!v || 'name:v8n_required',
+            ({ name: v }) => (v && v.length <= 50) || 'name:v8n_too_long',
+            ({ item_delivery_type: v }) => !!v || 'item-delivery-type:v8n_required',
+            ({ item_delivery_type: t, max_downloads_per_customer: v }) => {
+                return ((t === 'downloaded' ? typeof v === 'number' : true) ||
+                    'max-downloads-per-customer:v8n_required');
+            },
+            ({ max_downloads_per_customer: v }) => {
+                return (typeof v === 'number' ? v >= 0 : true) || 'max-downloads-per-customer:v8n_negative';
+            },
+            ({ item_delivery_type: t, max_downloads_time_period: v }) => {
+                return ((t === 'downloaded' ? typeof v === 'number' : true) ||
+                    'max-downloads-time-period:v8n_required');
+            },
+            ({ max_downloads_time_period: v }) => {
+                return (typeof v === 'number' ? v >= 0 : true) || 'max-downloads-time-period:v8n_negative';
+            },
+            ({ customs_value: v }) => {
+                return (typeof v === 'number' ? v >= 0 : true) || 'customs-value:v8n_negative';
+            },
+            ({ item_delivery_type: t, default_weight: v }) => {
+                return (t === 'shipped' ? typeof v === 'number' : true) || 'default-weight:v8n_required';
+            },
+            ({ default_weight: v }) => {
+                return (typeof v === 'number' ? v >= 0 : true) || 'default-weight:v8n_negative';
+            },
+            ({ item_delivery_type: t, default_weight_unit: v }) => {
+                return ((t === 'shipped' ? typeof v === 'string' : true) || 'default-weight-unit:v8n_required');
+            },
+            ({ item_delivery_type: t, default_length_unit: v }) => {
+                return ((t === 'shipped' ? typeof v === 'string' : true) || 'default-length-unit:v8n_required');
+            },
+            ({ item_delivery_type: t, shipping_flat_rate: v }) => {
+                return ((t === 'flat_rate' ? typeof v === 'number' : true) || 'shipping-flat-rate:v8n_required');
+            },
+            ({ shipping_flat_rate: v }) => {
+                return (typeof v === 'number' ? v >= 0 : true) || 'shipping-flat-rate:v8n_negative';
+            },
+            ({ item_delivery_type: t, shipping_flat_rate_type: v }) => {
+                return ((t === 'flat_rate' ? typeof v === 'string' : true) ||
+                    'shipping-flat-rate-type:v8n_required');
+            },
+            ({ handling_fee_type: v }) => !!v || 'handling-fee-type:v8n_required',
+            ({ handling_fee_type: t, handling_fee_minimum: v }) => {
+                return ((t === 'flat_percent_with_minimum' ? typeof v === 'number' : true) ||
+                    'handling-fee-minimum:v8n_required');
+            },
+            ({ handling_fee_minimum: v }) => {
+                return (typeof v === 'number' ? v >= 0 : true) || 'handling-fee-minimum:v8n_negative';
+            },
+            ({ handling_fee_type: t, handling_fee_percentage: v }) => {
+                return ((t === 'flat_percent_with_minimum' || t === 'flat_percent'
+                    ? typeof v === 'number'
+                    : true) || 'handling-fee-percentage:v8n_required');
+            },
+            ({ handling_fee_percentage: v }) => {
+                return (typeof v === 'number' ? v >= 0 : true) || 'handling-fee-percentage:v8n_negative';
+            },
+            ({ send_admin_email: s, admin_email: v }) => (s ? !!v : true) || 'admin-email:v8n_required',
+        ];
+    }
+    renderBody() {
+        var _a, _b, _c, _d;
+        const itemDeliveryType = this.form.item_delivery_type;
+        const handlingFeeType = (_a = this.form.handling_fee_type) !== null && _a !== void 0 ? _a : 'none';
+        const hasDividers = !this.hiddenSelector.matches('dividers', true);
+        const divider = html `<div class="border-t border-contrast-10 col-span-2"></div>`;
+        return html `
+      <div class="grid grid-cols-2 gap-m">
+        <foxy-internal-text-control infer="name" class="col-span-2"></foxy-internal-text-control>
+        <foxy-internal-text-control infer="code" class="col-span-2"></foxy-internal-text-control>
+
+        ${hasDividers ? divider : ''}
+
+        <foxy-internal-select-control
+          infer="handling-fee-type"
+          class="col-span-2"
+          .options=${ItemCategoryForm.__handlingFeeTypeOptions}
+        >
+        </foxy-internal-select-control>
+
+        ${handlingFeeType === 'none'
+            ? ''
+            : html `
+              ${this.__renderHandlingFee()}
+              ${handlingFeeType.includes('percent') ? this.__renderHandlingFeePercentage() : ''}
+              ${handlingFeeType === 'flat_percent_with_minimum'
+                ? this.__renderHandlingFeeMinimum()
+                : ''}
+            `}
+        ${hasDividers ? divider : ''}
+
+        <foxy-internal-select-control
+          infer="item-delivery-type"
+          class="col-span-2"
+          .options=${ItemCategoryForm.__itemDeliveryTypeOptions}
+        >
+        </foxy-internal-select-control>
+
+        ${itemDeliveryType === 'downloaded'
+            ? this.__renderDownloadDeliveryControls()
+            : itemDeliveryType === 'flat_rate'
+                ? this.__renderFlatRateControls()
+                : itemDeliveryType === 'shipped'
+                    ? this.__renderShippingControls()
+                    : ''}
+        ${itemDeliveryType === 'shipped' || itemDeliveryType === 'flat_rate'
+            ? this.__renderCustomsValue()
+            : ''}
+        ${hasDividers ? divider : ''}
+
+        <foxy-internal-text-control infer="discount-name" class="col-span-2">
+        </foxy-internal-text-control>
+
+        ${this.form.discount_name ? this.__renderDiscountBuilder() : ''}
+        ${hasDividers ? divider : ''}
+
+        <foxy-internal-async-combo-box-control
+          item-label-path="description"
+          item-value-path="_links.self.href"
+          first=${ifDefined((_b = this.emailTemplates) !== null && _b !== void 0 ? _b : undefined)}
+          infer="admin-email-template-uri"
+          class=${this.form.send_admin_email ? '' : 'col-span-2'}
+          @change=${(evt) => {
+            this.edit({
+                send_admin_email: !!evt.detail,
+                admin_email: evt.detail ? this.form.admin_email : '',
+            });
+        }}
+        >
+        </foxy-internal-async-combo-box-control>
+
+        ${this.form.send_admin_email ? this.__renderAdminEmail() : ''}
+
+        <foxy-internal-async-combo-box-control
+          item-label-path="description"
+          item-value-path="_links.self.href"
+          first=${ifDefined((_c = this.emailTemplates) !== null && _c !== void 0 ? _c : undefined)}
+          infer="customer-email-template-uri"
+          class="col-span-2"
+          @change=${(evt) => this.edit({ send_customer_email: !!evt.detail })}
+        >
+        </foxy-internal-async-combo-box-control>
+
+        <foxy-internal-async-combo-box-control
+          item-label-path="description"
+          item-value-path="_links.self.href"
+          first=${ifDefined((_d = this.emailTemplates) !== null && _d !== void 0 ? _d : undefined)}
+          infer="gift-recipient-email-template-uri"
+          class="col-span-2"
+        >
+        </foxy-internal-async-combo-box-control>
+
+        ${hasDividers ? divider : ''} ${this.data ? this.__renderTaxes() : ''}
+      </div>
+
+      ${super.renderBody()}
+    `;
+    }
+    __renderHandlingFee() {
+        return html `
+      <foxy-internal-number-control
+        infer="handling-fee"
+        class=${this.form.handling_fee_type === 'flat_percent' ? '' : 'col-span-2'}
+      >
+      </foxy-internal-number-control>
+    `;
+    }
+    __renderHandlingFeePercentage() {
+        return html `
+      <foxy-internal-number-control infer="handling-fee-percentage"> </foxy-internal-number-control>
+    `;
+    }
+    __renderHandlingFeeMinimum() {
+        return html `
+      <foxy-internal-number-control infer="handling-fee-minimum"> </foxy-internal-number-control>
+    `;
+    }
+    __renderDownloadDeliveryControls() {
+        return html `
+      <foxy-internal-integer-control infer="max-downloads-per-customer">
+      </foxy-internal-integer-control>
+
+      <foxy-internal-integer-control infer="max-downloads-time-period">
+      </foxy-internal-integer-control>
+    `;
+    }
+    __renderFlatRateControls() {
+        return html `
+      <foxy-internal-number-control infer="shipping-flat-rate"> </foxy-internal-number-control>
+
+      <foxy-internal-select-control
+        infer="shipping-flat-rate-type"
+        .options=${ItemCategoryForm.__shippingFlatRateTypeOptions}
+      >
+      </foxy-internal-select-control>
+    `;
+    }
+    __renderShippingControls() {
+        return html `
+      <foxy-internal-integer-control infer="default-weight" class="col-span-2">
+      </foxy-internal-integer-control>
+
+      <foxy-internal-select-control
+        infer="default-weight-unit"
+        .options=${ItemCategoryForm.__defaultWeightUnitOptions}
+      >
+      </foxy-internal-select-control>
+
+      <foxy-internal-select-control
+        infer="default-length-unit"
+        .options=${ItemCategoryForm.__defaultLengthUnitOptions}
+      >
+      </foxy-internal-select-control>
+    `;
+    }
+    __renderCustomsValue() {
+        return html `
+      <foxy-internal-number-control infer="customs-value" class="col-span-2">
+      </foxy-internal-number-control>
+    `;
+    }
+    __renderDiscountBuilder() {
+        var _a, _b;
+        const parsedValue = {
+            name: (_a = this.form.discount_name) !== null && _a !== void 0 ? _a : '',
+            type: this.form.discount_type || 'quantity_amount',
+            details: (_b = this.form.discount_details) !== null && _b !== void 0 ? _b : '',
+        };
+        return html `
+      <foxy-discount-builder
+        infer="discount-builder"
+        class="col-span-2"
+        .parsedValue=${parsedValue}
+        @change=${(evt) => {
+            const builder = evt.currentTarget;
+            this.edit({
+                discount_name: builder.parsedValue.name,
+                discount_type: builder.parsedValue.type,
+                discount_details: builder.parsedValue.details,
+            });
+        }}
+      >
+      </foxy-discount-builder>
+    `;
+    }
+    __renderAdminEmail() {
+        return html `<foxy-internal-text-control infer="admin-email"> </foxy-internal-text-control>`;
+    }
+    __renderTaxes() {
+        var _a;
+        return html `
+      <foxy-internal-item-category-form-taxes-control
+        taxes=${ifDefined((_a = this.taxes) !== null && _a !== void 0 ? _a : undefined)}
+        class="col-span-2"
+        infer="taxes"
+      >
+      </foxy-internal-item-category-form-taxes-control>
+    `;
+    }
+}
+ItemCategoryForm.__shippingFlatRateTypeOptions = [
+    { label: 'option_per_order', value: 'per_order' },
+    { label: 'option_per_shipment', value: 'per_shipment' },
+];
+ItemCategoryForm.__defaultWeightUnitOptions = [
+    { label: 'option_lbs', value: 'LBS' },
+    { label: 'option_kgs', value: 'KGS' },
+];
+ItemCategoryForm.__defaultLengthUnitOptions = [
+    { label: 'option_in', value: 'IN' },
+    { label: 'option_cm', value: 'CM' },
+];
+ItemCategoryForm.__itemDeliveryTypeOptions = [
+    { label: 'option_notshipped', value: 'notshipped' },
+    { label: 'option_downloaded', value: 'downloaded' },
+    { label: 'option_flat_rate', value: 'flat_rate' },
+    { label: 'option_shipped', value: 'shipped' },
+    { label: 'option_pickup', value: 'pickup' },
+];
+ItemCategoryForm.__handlingFeeTypeOptions = [
+    { label: 'option_none', value: 'none' },
+    { label: 'option_flat_per_order', value: 'flat_per_order' },
+    { label: 'option_flat_per_item', value: 'flat_per_item' },
+    { label: 'option_flat_percent', value: 'flat_percent' },
+    { label: 'option_flat_percent_with_minimum', value: 'flat_percent_with_minimum' },
+];
+//# sourceMappingURL=ItemCategoryForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ItemCategoryForm.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemCategoryForm/ItemCategoryForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { DiscountBuilder } from '../DiscountBuilder/DiscountBuilder';\nimport type { TemplateResult } from 'lit-html';\nimport type { ParsedValue } from '../DiscountBuilder/types';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nexport class ItemCategoryForm extends TranslatableMixin(InternalForm, 'item-category-form')<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      emailTemplates: { type: String, attribute: 'email-templates' },\n      taxes: { type: String },\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ code: v }) => !!v || 'code:v8n_required',\n      ({ code: v }) => (v && v.length <= 50) || 'code:v8n_too_long',\n\n      ({ name: v }) => !!v || 'name:v8n_required',\n      ({ name: v }) => (v && v.length <= 50) || 'name:v8n_too_long',\n\n      ({ item_delivery_type: v }) => !!v || 'item-delivery-type:v8n_required',\n\n      ({ item_delivery_type: t, max_downloads_per_customer: v }) => {\n        return (\n          (t === 'downloaded' ? typeof v === 'number' : true) ||\n          'max-downloads-per-customer:v8n_required'\n        );\n      },\n\n      ({ max_downloads_per_customer: v }) => {\n        return (typeof v === 'number' ? v >= 0 : true) || 'max-downloads-per-customer:v8n_negative';\n      },\n\n      ({ item_delivery_type: t, max_downloads_time_period: v }) => {\n        return (\n          (t === 'downloaded' ? typeof v === 'number' : true) ||\n          'max-downloads-time-period:v8n_required'\n        );\n      },\n\n      ({ max_downloads_time_period: v }) => {\n        return (typeof v === 'number' ? v >= 0 : true) || 'max-downloads-time-period:v8n_negative';\n      },\n\n      ({ customs_value: v }) => {\n        return (typeof v === 'number' ? v >= 0 : true) || 'customs-value:v8n_negative';\n      },\n\n      ({ item_delivery_type: t, default_weight: v }) => {\n        return (t === 'shipped' ? typeof v === 'number' : true) || 'default-weight:v8n_required';\n      },\n\n      ({ default_weight: v }) => {\n        return (typeof v === 'number' ? v >= 0 : true) || 'default-weight:v8n_negative';\n      },\n\n      ({ item_delivery_type: t, default_weight_unit: v }) => {\n        return (\n          (t === 'shipped' ? typeof v === 'string' : true) || 'default-weight-unit:v8n_required'\n        );\n      },\n\n      ({ item_delivery_type: t, default_length_unit: v }) => {\n        return (\n          (t === 'shipped' ? typeof v === 'string' : true) || 'default-length-unit:v8n_required'\n        );\n      },\n\n      ({ item_delivery_type: t, shipping_flat_rate: v }) => {\n        return (\n          (t === 'flat_rate' ? typeof v === 'number' : true) || 'shipping-flat-rate:v8n_required'\n        );\n      },\n\n      ({ shipping_flat_rate: v }) => {\n        return (typeof v === 'number' ? v >= 0 : true) || 'shipping-flat-rate:v8n_negative';\n      },\n\n      ({ item_delivery_type: t, shipping_flat_rate_type: v }) => {\n        return (\n          (t === 'flat_rate' ? typeof v === 'string' : true) ||\n          'shipping-flat-rate-type:v8n_required'\n        );\n      },\n\n      ({ handling_fee_type: v }) => !!v || 'handling-fee-type:v8n_required',\n\n      ({ handling_fee_type: t, handling_fee_minimum: v }) => {\n        return (\n          (t === 'flat_percent_with_minimum' ? typeof v === 'number' : true) ||\n          'handling-fee-minimum:v8n_required'\n        );\n      },\n\n      ({ handling_fee_minimum: v }) => {\n        return (typeof v === 'number' ? v >= 0 : true) || 'handling-fee-minimum:v8n_negative';\n      },\n\n      ({ handling_fee_type: t, handling_fee_percentage: v }) => {\n        return (\n          (t === 'flat_percent_with_minimum' || t === 'flat_percent'\n            ? typeof v === 'number'\n            : true) || 'handling-fee-percentage:v8n_required'\n        );\n      },\n\n      ({ handling_fee_percentage: v }) => {\n        return (typeof v === 'number' ? v >= 0 : true) || 'handling-fee-percentage:v8n_negative';\n      },\n\n      ({ send_admin_email: s, admin_email: v }) => (s ? !!v : true) || 'admin-email:v8n_required',\n    ];\n  }\n\n  emailTemplates: string | null = null;\n\n  taxes: string | null = null;\n\n  private static __shippingFlatRateTypeOptions = [\n    { label: 'option_per_order', value: 'per_order' },\n    { label: 'option_per_shipment', value: 'per_shipment' },\n  ];\n\n  private static __defaultWeightUnitOptions = [\n    { label: 'option_lbs', value: 'LBS' },\n    { label: 'option_kgs', value: 'KGS' },\n  ];\n\n  private static __defaultLengthUnitOptions = [\n    { label: 'option_in', value: 'IN' },\n    { label: 'option_cm', value: 'CM' },\n  ];\n\n  private static __itemDeliveryTypeOptions = [\n    { label: 'option_notshipped', value: 'notshipped' },\n    { label: 'option_downloaded', value: 'downloaded' },\n    { label: 'option_flat_rate', value: 'flat_rate' },\n    { label: 'option_shipped', value: 'shipped' },\n    { label: 'option_pickup', value: 'pickup' },\n  ];\n\n  private static __handlingFeeTypeOptions = [\n    { label: 'option_none', value: 'none' },\n    { label: 'option_flat_per_order', value: 'flat_per_order' },\n    { label: 'option_flat_per_item', value: 'flat_per_item' },\n    { label: 'option_flat_percent', value: 'flat_percent' },\n    { label: 'option_flat_percent_with_minimum', value: 'flat_percent_with_minimum' },\n  ];\n\n  renderBody(): TemplateResult {\n    const itemDeliveryType = this.form.item_delivery_type;\n    const handlingFeeType = this.form.handling_fee_type ?? 'none';\n    const hasDividers = !this.hiddenSelector.matches('dividers', true);\n    const divider = html`<div class=\"border-t border-contrast-10 col-span-2\"></div>`;\n\n    return html`\n      <div class=\"grid grid-cols-2 gap-m\">\n        <foxy-internal-text-control infer=\"name\" class=\"col-span-2\"></foxy-internal-text-control>\n        <foxy-internal-text-control infer=\"code\" class=\"col-span-2\"></foxy-internal-text-control>\n\n        ${hasDividers ? divider : ''}\n\n        <foxy-internal-select-control\n          infer=\"handling-fee-type\"\n          class=\"col-span-2\"\n          .options=${ItemCategoryForm.__handlingFeeTypeOptions}\n        >\n        </foxy-internal-select-control>\n\n        ${handlingFeeType === 'none'\n          ? ''\n          : html`\n              ${this.__renderHandlingFee()}\n              ${handlingFeeType.includes('percent') ? this.__renderHandlingFeePercentage() : ''}\n              ${handlingFeeType === 'flat_percent_with_minimum'\n                ? this.__renderHandlingFeeMinimum()\n                : ''}\n            `}\n        ${hasDividers ? divider : ''}\n\n        <foxy-internal-select-control\n          infer=\"item-delivery-type\"\n          class=\"col-span-2\"\n          .options=${ItemCategoryForm.__itemDeliveryTypeOptions}\n        >\n        </foxy-internal-select-control>\n\n        ${itemDeliveryType === 'downloaded'\n          ? this.__renderDownloadDeliveryControls()\n          : itemDeliveryType === 'flat_rate'\n          ? this.__renderFlatRateControls()\n          : itemDeliveryType === 'shipped'\n          ? this.__renderShippingControls()\n          : ''}\n        ${itemDeliveryType === 'shipped' || itemDeliveryType === 'flat_rate'\n          ? this.__renderCustomsValue()\n          : ''}\n        ${hasDividers ? divider : ''}\n\n        <foxy-internal-text-control infer=\"discount-name\" class=\"col-span-2\">\n        </foxy-internal-text-control>\n\n        ${this.form.discount_name ? this.__renderDiscountBuilder() : ''}\n        ${hasDividers ? divider : ''}\n\n        <foxy-internal-async-combo-box-control\n          item-label-path=\"description\"\n          item-value-path=\"_links.self.href\"\n          first=${ifDefined(this.emailTemplates ?? undefined)}\n          infer=\"admin-email-template-uri\"\n          class=${this.form.send_admin_email ? '' : 'col-span-2'}\n          @change=${(evt: CustomEvent) => {\n            this.edit({\n              send_admin_email: !!evt.detail,\n              admin_email: evt.detail ? this.form.admin_email : '',\n            });\n          }}\n        >\n        </foxy-internal-async-combo-box-control>\n\n        ${this.form.send_admin_email ? this.__renderAdminEmail() : ''}\n\n        <foxy-internal-async-combo-box-control\n          item-label-path=\"description\"\n          item-value-path=\"_links.self.href\"\n          first=${ifDefined(this.emailTemplates ?? undefined)}\n          infer=\"customer-email-template-uri\"\n          class=\"col-span-2\"\n          @change=${(evt: CustomEvent) => this.edit({ send_customer_email: !!evt.detail })}\n        >\n        </foxy-internal-async-combo-box-control>\n\n        <foxy-internal-async-combo-box-control\n          item-label-path=\"description\"\n          item-value-path=\"_links.self.href\"\n          first=${ifDefined(this.emailTemplates ?? undefined)}\n          infer=\"gift-recipient-email-template-uri\"\n          class=\"col-span-2\"\n        >\n        </foxy-internal-async-combo-box-control>\n\n        ${hasDividers ? divider : ''} ${this.data ? this.__renderTaxes() : ''}\n      </div>\n\n      ${super.renderBody()}\n    `;\n  }\n\n  private __renderHandlingFee() {\n    return html`\n      <foxy-internal-number-control\n        infer=\"handling-fee\"\n        class=${this.form.handling_fee_type === 'flat_percent' ? '' : 'col-span-2'}\n      >\n      </foxy-internal-number-control>\n    `;\n  }\n\n  private __renderHandlingFeePercentage() {\n    return html`\n      <foxy-internal-number-control infer=\"handling-fee-percentage\"> </foxy-internal-number-control>\n    `;\n  }\n\n  private __renderHandlingFeeMinimum() {\n    return html`\n      <foxy-internal-number-control infer=\"handling-fee-minimum\"> </foxy-internal-number-control>\n    `;\n  }\n\n  private __renderDownloadDeliveryControls() {\n    return html`\n      <foxy-internal-integer-control infer=\"max-downloads-per-customer\">\n      </foxy-internal-integer-control>\n\n      <foxy-internal-integer-control infer=\"max-downloads-time-period\">\n      </foxy-internal-integer-control>\n    `;\n  }\n\n  private __renderFlatRateControls() {\n    return html`\n      <foxy-internal-number-control infer=\"shipping-flat-rate\"> </foxy-internal-number-control>\n\n      <foxy-internal-select-control\n        infer=\"shipping-flat-rate-type\"\n        .options=${ItemCategoryForm.__shippingFlatRateTypeOptions}\n      >\n      </foxy-internal-select-control>\n    `;\n  }\n\n  private __renderShippingControls() {\n    return html`\n      <foxy-internal-integer-control infer=\"default-weight\" class=\"col-span-2\">\n      </foxy-internal-integer-control>\n\n      <foxy-internal-select-control\n        infer=\"default-weight-unit\"\n        .options=${ItemCategoryForm.__defaultWeightUnitOptions}\n      >\n      </foxy-internal-select-control>\n\n      <foxy-internal-select-control\n        infer=\"default-length-unit\"\n        .options=${ItemCategoryForm.__defaultLengthUnitOptions}\n      >\n      </foxy-internal-select-control>\n    `;\n  }\n\n  private __renderCustomsValue() {\n    return html`\n      <foxy-internal-number-control infer=\"customs-value\" class=\"col-span-2\">\n      </foxy-internal-number-control>\n    `;\n  }\n\n  private __renderDiscountBuilder() {\n    const parsedValue: ParsedValue = {\n      name: this.form.discount_name ?? '',\n      type: this.form.discount_type || 'quantity_amount',\n      details: this.form.discount_details ?? '',\n    };\n\n    return html`\n      <foxy-discount-builder\n        infer=\"discount-builder\"\n        class=\"col-span-2\"\n        .parsedValue=${parsedValue}\n        @change=${(evt: CustomEvent) => {\n          const builder = evt.currentTarget as DiscountBuilder;\n\n          this.edit({\n            discount_name: builder.parsedValue.name,\n            discount_type: builder.parsedValue.type,\n            discount_details: builder.parsedValue.details,\n          });\n        }}\n      >\n      </foxy-discount-builder>\n    `;\n  }\n\n  private __renderAdminEmail() {\n    return html`<foxy-internal-text-control infer=\"admin-email\"> </foxy-internal-text-control>`;\n  }\n\n  private __renderTaxes() {\n    return html`\n      <foxy-internal-item-category-form-taxes-control\n        taxes=${ifDefined(this.taxes ?? undefined)}\n        class=\"col-span-2\"\n        infer=\"taxes\"\n      >\n      </foxy-internal-item-category-form-taxes-control>\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1,10 @@
+import '../../internal/InternalAsyncComboBoxControl/index';
+import '../../internal/InternalIntegerControl/index';
+import '../../internal/InternalNumberControl/index';
+import '../../internal/InternalSelectControl/index';
+import '../../internal/InternalTextControl/index';
+import '../../internal/InternalForm/index';
+import '../DiscountBuilder/index';
+import './internal/InternalItemCategoryFormTaxesControl/index';
+import { ItemCategoryForm } from './ItemCategoryForm';
+export { ItemCategoryForm };

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

@@ -0,0 +1,12 @@
+import "../../internal/InternalAsyncComboBoxControl/index.js";
+import "../../internal/InternalIntegerControl/index.js";
+import "../../internal/InternalNumberControl/index.js";
+import "../../internal/InternalSelectControl/index.js";
+import "../../internal/InternalTextControl/index.js";
+import "../../internal/InternalForm/index.js";
+import "../DiscountBuilder/index.js";
+import "./internal/InternalItemCategoryFormTaxesControl/index.js";
+import { ItemCategoryForm } from "./ItemCategoryForm.js";
+customElements.define('foxy-item-category-form', ItemCategoryForm);
+export { ItemCategoryForm };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemCategoryForm/index.ts"],"names":[],"mappings":"AAAA,8DAA2D;AAC3D,wDAAqD;AACrD,uDAAoD;AACpD,uDAAoD;AACpD,qDAAkD;AAClD,8CAA2C;AAE3C,qCAAkC;AAElC,kEAA+D;AAE/D,OAAO,EAAE,gBAAgB,EAAE,8BAA2B;AAEtD,cAAc,CAAC,MAAM,CAAC,yBAAyB,EAAE,gBAAgB,CAAC,CAAC;AAEnE,OAAO,EAAE,gBAAgB,EAAE,CAAC","sourcesContent":["import '../../internal/InternalAsyncComboBoxControl/index';\nimport '../../internal/InternalIntegerControl/index';\nimport '../../internal/InternalNumberControl/index';\nimport '../../internal/InternalSelectControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\n\nimport '../DiscountBuilder/index';\n\nimport './internal/InternalItemCategoryFormTaxesControl/index';\n\nimport { ItemCategoryForm } from './ItemCategoryForm';\n\ncustomElements.define('foxy-item-category-form', ItemCategoryForm);\n\nexport { ItemCategoryForm };\n"]}

package/dist/elements/public/ItemCategoryForm/internal/InternalItemCategoryFormTaxesControl/InternalItemCategoryFormTaxesControl.d.ts

@@ -0,0 +1,8 @@
+import type { PropertyDeclarations } from 'lit-element';
+import type { TemplateResult } from 'lit-html';
+import { InternalControl } from '../../../../internal/InternalControl/InternalControl';
+export declare class InternalItemCategoryFormTaxesControl extends InternalControl {
+    static get properties(): PropertyDeclarations;
+    taxes: string | null;
+    renderControl(): TemplateResult;
+}