npm - @foxy.io/elements - Versions diffs - 1.27.1 → 1.28.0-beta.1 - Mend

@foxy.io/elements 1.27.1 → 1.28.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (745) hide show

package/dist/elements/public/Customer/types.d.ts CHANGED Viewed

@@ -1,17 +1,6 @@
-import { Graph, Rels } from '@foxy.io/sdk/customer';
-import { Templates as AddressCardTemplates } from '../AddressCard/types';
-import { Templates as AddressFormTemplates } from '../AddressForm/types';
-import { Templates as AttributeCardTemplates } from '../AttributeCard/types';
-import { Templates as AttributeFormTemplates } from '../AttributeForm/types';
-import { Customer } from './Customer';
-import { Templates as CustomerFormTemplates } from '../CustomerForm/types';
-import { Templates as PaymentMethodCardTemplates } from '../PaymentMethodCard/types';
-import { Renderer } from '../../../mixins/configurable';
-import { Resource } from '@foxy.io/sdk/core';
-import { Templates as SubscriptionFormTemplates } from '../SubscriptionForm/types';
-import { Templates as SubscriptionsTableTemplates } from '../SubscriptionsTable/types';
-import { TemplateResult } from 'lit-html';
-import { Templates as TransactionsTableTemplates } from '../TransactionsTable/types';
+import type { TemplateResult } from 'lit-html';
+import type { Graph, Rels } from '@foxy.io/sdk/customer';
+import type { Resource } from '@foxy.io/sdk/core';
 export declare type CustomerAddresses = Resource<Rels.CustomerAddresses>;
 export declare type Attributes = Resource<Rels.Attributes>;
 export declare type Settings = Resource<Rels.CustomerPortalSettings>;
@@ -20,166 +9,3 @@ export declare type Tab = {
     title: string;
     content: TemplateResult;
 };
-export declare type Templates = {
-    'header:before'?: Renderer<Customer>;
-    'header:after'?: Renderer<Customer>;
-    'header:actions:before'?: Renderer<Customer>;
-    'header:actions:after'?: Renderer<Customer>;
-    'header:actions:edit:before'?: Renderer<Customer>;
-    'header:actions:edit:after'?: Renderer<Customer>;
-    'header:actions:edit:form:first-name:before'?: CustomerFormTemplates['first-name:before'];
-    'header:actions:edit:form:first-name:after'?: CustomerFormTemplates['first-name:after'];
-    'header:actions:edit:form:last-name:before'?: CustomerFormTemplates['last-name:before'];
-    'header:actions:edit:form:last-name:after'?: CustomerFormTemplates['last-name:after'];
-    'header:actions:edit:form:email:before'?: CustomerFormTemplates['email:before'];
-    'header:actions:edit:form:email:after'?: CustomerFormTemplates['email:after'];
-    'header:actions:edit:form:tax-id:before'?: CustomerFormTemplates['tax-id:before'];
-    'header:actions:edit:form:tax-id:after'?: CustomerFormTemplates['tax-id:after'];
-    'header:actions:edit:form:timestamps:before'?: CustomerFormTemplates['timestamps:before'];
-    'header:actions:edit:form:timestamps:after'?: CustomerFormTemplates['timestamps:after'];
-    'header:actions:edit:form:delete:before'?: CustomerFormTemplates['delete:before'];
-    'header:actions:edit:form:delete:after'?: CustomerFormTemplates['delete:after'];
-    'header:actions:edit:form:create:before'?: CustomerFormTemplates['create:before'];
-    'header:actions:edit:form:create:after'?: CustomerFormTemplates['create:after'];
-    'default'?: Renderer<Customer>;
-    'addresses:before'?: Renderer<Customer>;
-    'addresses:after'?: Renderer<Customer>;
-    'addresses:actions:before'?: Renderer<Customer>;
-    'addresses:actions:after'?: Renderer<Customer>;
-    'addresses:actions:create:before'?: Renderer<Customer>;
-    'addresses:actions:create:after'?: Renderer<Customer>;
-    'addresses:actions:create:form:address-name:before'?: AddressFormTemplates['address-name:before'];
-    'addresses:actions:create:form:address-name:after'?: AddressFormTemplates['address-name:after'];
-    'addresses:actions:create:form:first-name:before'?: AddressFormTemplates['first-name:before'];
-    'addresses:actions:create:form:first-name:after'?: AddressFormTemplates['first-name:after'];
-    'addresses:actions:create:form:last-name:before'?: AddressFormTemplates['last-name:before'];
-    'addresses:actions:create:form:last-name:after'?: AddressFormTemplates['last-name:after'];
-    'addresses:actions:create:form:region:before'?: AddressFormTemplates['region:before'];
-    'addresses:actions:create:form:region:after'?: AddressFormTemplates['region:after'];
-    'addresses:actions:create:form:city:before'?: AddressFormTemplates['city:before'];
-    'addresses:actions:create:form:city:after'?: AddressFormTemplates['city:after'];
-    'addresses:actions:create:form:phone:before'?: AddressFormTemplates['phone:before'];
-    'addresses:actions:create:form:phone:after'?: AddressFormTemplates['phone:after'];
-    'addresses:actions:create:form:company:before'?: AddressFormTemplates['company:before'];
-    'addresses:actions:create:form:company:after'?: AddressFormTemplates['company:after'];
-    'addresses:actions:create:form:address-one:before'?: AddressFormTemplates['address-one:before'];
-    'addresses:actions:create:form:address-one:after'?: AddressFormTemplates['address-one:after'];
-    'addresses:actions:create:form:address-two:before'?: AddressFormTemplates['address-two:before'];
-    'addresses:actions:create:form:address-two:after'?: AddressFormTemplates['address-two:after'];
-    'addresses:actions:create:form:postal-code:before'?: AddressFormTemplates['postal-code:before'];
-    'addresses:actions:create:form:postal-code:after'?: AddressFormTemplates['postal-code:after'];
-    'addresses:actions:create:form:timestamps:before'?: AddressFormTemplates['timestamps:before'];
-    'addresses:actions:create:form:timestamps:after'?: AddressFormTemplates['timestamps:after'];
-    'addresses:actions:create:form:delete:before'?: AddressFormTemplates['delete:before'];
-    'addresses:actions:create:form:delete:after'?: AddressFormTemplates['delete:after'];
-    'addresses:actions:create:form:create:before'?: AddressFormTemplates['create:before'];
-    'addresses:actions:create:form:create:after'?: AddressFormTemplates['create:after'];
-    'addresses:list:before'?: Renderer<Customer>;
-    'addresses:list:after'?: Renderer<Customer>;
-    'addresses:list:card:address-name:before'?: AddressCardTemplates['address-name:before'];
-    'addresses:list:card:address-name:after'?: AddressCardTemplates['address-name:after'];
-    'addresses:list:card:full-name:before'?: AddressCardTemplates['full-name:before'];
-    'addresses:list:card:full-name:after'?: AddressCardTemplates['full-name:after'];
-    'addresses:list:card:full-address:before'?: AddressCardTemplates['full-address:before'];
-    'addresses:list:card:full-address:after'?: AddressCardTemplates['full-address:after'];
-    'addresses:list:card:company:before'?: AddressCardTemplates['company:before'];
-    'addresses:list:card:company:after'?: AddressCardTemplates['company:after'];
-    'addresses:list:card:phone:before'?: AddressCardTemplates['phone:before'];
-    'addresses:list:card:phone:after'?: AddressCardTemplates['phone:after'];
-    'addresses:list:form:address-name:before'?: AddressFormTemplates['address-name:before'];
-    'addresses:list:form:address-name:after'?: AddressFormTemplates['address-name:after'];
-    'addresses:list:form:first-name:before'?: AddressFormTemplates['first-name:before'];
-    'addresses:list:form:first-name:after'?: AddressFormTemplates['first-name:after'];
-    'addresses:list:form:last-name:before'?: AddressFormTemplates['last-name:before'];
-    'addresses:list:form:last-name:after'?: AddressFormTemplates['last-name:after'];
-    'addresses:list:form:region:before'?: AddressFormTemplates['region:before'];
-    'addresses:list:form:region:after'?: AddressFormTemplates['region:after'];
-    'addresses:list:form:city:before'?: AddressFormTemplates['city:before'];
-    'addresses:list:form:city:after'?: AddressFormTemplates['city:after'];
-    'addresses:list:form:phone:before'?: AddressFormTemplates['phone:before'];
-    'addresses:list:form:phone:after'?: AddressFormTemplates['phone:after'];
-    'addresses:list:form:company:before'?: AddressFormTemplates['company:before'];
-    'addresses:list:form:company:after'?: AddressFormTemplates['company:after'];
-    'addresses:list:form:address-one:before'?: AddressFormTemplates['address-one:before'];
-    'addresses:list:form:address-one:after'?: AddressFormTemplates['address-one:after'];
-    'addresses:list:form:address-two:before'?: AddressFormTemplates['address-two:before'];
-    'addresses:list:form:address-two:after'?: AddressFormTemplates['address-two:after'];
-    'addresses:list:form:postal-code:before'?: AddressFormTemplates['postal-code:before'];
-    'addresses:list:form:postal-code:after'?: AddressFormTemplates['postal-code:after'];
-    'addresses:list:form:timestamps:before'?: AddressFormTemplates['timestamps:before'];
-    'addresses:list:form:timestamps:after'?: AddressFormTemplates['timestamps:after'];
-    'addresses:list:form:delete:before'?: AddressFormTemplates['delete:before'];
-    'addresses:list:form:delete:after'?: AddressFormTemplates['delete:after'];
-    'addresses:list:form:create:before'?: AddressFormTemplates['create:before'];
-    'addresses:list:form:create:after'?: AddressFormTemplates['create:after'];
-    'payment-methods:before'?: Renderer<Customer>;
-    'payment-methods:after'?: Renderer<Customer>;
-    'payment-methods:list:before'?: Renderer<Customer>;
-    'payment-methods:list:after'?: Renderer<Customer>;
-    'payment-methods:list:card:actions:before'?: PaymentMethodCardTemplates['actions:before'];
-    'payment-methods:list:card:actions:after'?: PaymentMethodCardTemplates['actions:after'];
-    'payment-methods:list:card:actions:delete:before'?: PaymentMethodCardTemplates['actions:delete:before'];
-    'payment-methods:list:card:actions:delete:after'?: PaymentMethodCardTemplates['actions:delete:after'];
-    'attributes:before'?: Renderer<Customer>;
-    'attributes:after'?: Renderer<Customer>;
-    'attributes:actions:before'?: Renderer<Customer>;
-    'attributes:actions:after'?: Renderer<Customer>;
-    'attributes:actions:create:before'?: Renderer<Customer>;
-    'attributes:actions:create:after'?: Renderer<Customer>;
-    'attributes:actions:create:form:name:before'?: AttributeFormTemplates['name:before'];
-    'attributes:actions:create:form:name:after'?: AttributeFormTemplates['name:after'];
-    'attributes:actions:create:form:value:before'?: AttributeFormTemplates['value:before'];
-    'attributes:actions:create:form:value:after'?: AttributeFormTemplates['value:after'];
-    'attributes:actions:create:form:visibility:before'?: AttributeFormTemplates['visibility:before'];
-    'attributes:actions:create:form:visibility:after'?: AttributeFormTemplates['visibility:after'];
-    'attributes:actions:create:form:timestamps:before'?: AttributeFormTemplates['timestamps:before'];
-    'attributes:actions:create:form:timestamps:after'?: AttributeFormTemplates['timestamps:after'];
-    'attributes:actions:create:form:delete:before'?: AttributeFormTemplates['delete:before'];
-    'attributes:actions:create:form:delete:after'?: AttributeFormTemplates['delete:after'];
-    'attributes:actions:create:form:create:before'?: AttributeFormTemplates['create:before'];
-    'attributes:actions:create:form:create:after'?: AttributeFormTemplates['create:after'];
-    'attributes:list:before'?: Renderer<Customer>;
-    'attributes:list:after'?: Renderer<Customer>;
-    'attributes:list:card:name:before'?: AttributeCardTemplates['name:before'];
-    'attributes:list:card:name:after'?: AttributeCardTemplates['name:after'];
-    'attributes:list:card:value:before'?: AttributeCardTemplates['value:before'];
-    'attributes:list:card:value:after'?: AttributeCardTemplates['value:after'];
-    'attributes:list:form:name:before'?: AttributeFormTemplates['name:before'];
-    'attributes:list:form:name:after'?: AttributeFormTemplates['name:after'];
-    'attributes:list:form:value:before'?: AttributeFormTemplates['value:before'];
-    'attributes:list:form:value:after'?: AttributeFormTemplates['value:after'];
-    'attributes:list:form:visibility:before'?: AttributeFormTemplates['visibility:before'];
-    'attributes:list:form:visibility:after'?: AttributeFormTemplates['visibility:after'];
-    'attributes:list:form:timestamps:before'?: AttributeFormTemplates['timestamps:before'];
-    'attributes:list:form:timestamps:after'?: AttributeFormTemplates['timestamps:after'];
-    'attributes:list:form:delete:before'?: AttributeFormTemplates['delete:before'];
-    'attributes:list:form:delete:after'?: AttributeFormTemplates['delete:after'];
-    'attributes:list:form:create:before'?: AttributeFormTemplates['create:before'];
-    'attributes:list:form:create:after'?: AttributeFormTemplates['create:after'];
-    'transactions:before'?: Renderer<Customer>;
-    'transactions:after'?: Renderer<Customer>;
-    'transactions:table:default'?: Renderer<TransactionsTableTemplates['default']>;
-    'subscriptions:before'?: Renderer<Customer>;
-    'subscriptions:after'?: Renderer<Customer>;
-    'subscriptions:form:header:before'?: SubscriptionFormTemplates['header:before'];
-    'subscriptions:form:header:after'?: SubscriptionFormTemplates['header:after'];
-    'subscriptions:form:items:before'?: SubscriptionFormTemplates['items:before'];
-    'subscriptions:form:items:after'?: SubscriptionFormTemplates['items:after'];
-    'subscriptions:form:items:actions:before'?: SubscriptionFormTemplates['items:actions:before'];
-    'subscriptions:form:items:actions:after'?: SubscriptionFormTemplates['items:actions:after'];
-    'subscriptions:form:end-date:before'?: SubscriptionFormTemplates['end-date:before'];
-    'subscriptions:form:end-date:after'?: SubscriptionFormTemplates['end-date:after'];
-    'subscriptions:form:end-date:form:warning:before'?: SubscriptionFormTemplates['end-date:form:warning:before'];
-    'subscriptions:form:end-date:form:warning:after'?: SubscriptionFormTemplates['end-date:form:warning:after'];
-    'subscriptions:form:end-date:form:end-date:before'?: SubscriptionFormTemplates['end-date:form:end-date:before'];
-    'subscriptions:form:end-date:form:end-date:after'?: SubscriptionFormTemplates['end-date:form:end-date:after'];
-    'subscriptions:form:end-date:form:submit:before'?: SubscriptionFormTemplates['end-date:form:submit:before'];
-    'subscriptions:form:end-date:form:submit:after'?: SubscriptionFormTemplates['end-date:form:submit:after'];
-    'subscriptions:form:next-transaction-date:before'?: SubscriptionFormTemplates['next-transaction-date:before'];
-    'subscriptions:form:next-transaction-date:after'?: SubscriptionFormTemplates['next-transaction-date:after'];
-    'subscriptions:form:frequency:before'?: SubscriptionFormTemplates['frequency:before'];
-    'subscriptions:form:frequency:after'?: SubscriptionFormTemplates['frequency:after'];
-    'subscriptions:form:transactions:before'?: SubscriptionFormTemplates['transactions:before'];
-    'subscriptions:form:transactions:after'?: SubscriptionFormTemplates['transactions:after'];
-    'subscriptions:table:default'?: Renderer<SubscriptionsTableTemplates['default']>;
-};

package/dist/elements/public/Customer/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/Customer/types.ts"],"names":[],"mappings":"","sourcesContent":["import { Graph, Rels } from '@foxy.io/sdk/customer';\n\nimport { Templates as AddressCardTemplates } from '../AddressCard/types';\nimport { Templates as AddressFormTemplates } from '../AddressForm/types';\nimport { Templates as AttributeCardTemplates } from '../AttributeCard/types';\nimport { Templates as AttributeFormTemplates } from '../AttributeForm/types';\nimport { Customer } from './Customer';\nimport { Templates as CustomerFormTemplates } from '../CustomerForm/types';\nimport { Templates as PaymentMethodCardTemplates } from '../PaymentMethodCard/types';\nimport { Renderer } from '../../../mixins/configurable';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { Templates as SubscriptionFormTemplates } from '../SubscriptionForm/types';\nimport { Templates as SubscriptionsTableTemplates } from '../SubscriptionsTable/types';\nimport { TemplateResult } from 'lit-html';\nimport { Templates as TransactionsTableTemplates } from '../TransactionsTable/types';\n\nexport type CustomerAddresses = Resource<Rels.CustomerAddresses>;\nexport type Attributes = Resource<Rels.Attributes>;\nexport type Settings = Resource<Rels.CustomerPortalSettings>;\nexport type Data = Resource<Graph>;\nexport type Tab = { title: string; content: TemplateResult };\n\nexport type Templates = {\n 'header:before'?: Renderer<Customer>;\n 'header:after'?: Renderer<Customer>;\n 'header:actions:before'?: Renderer<Customer>;\n 'header:actions:after'?: Renderer<Customer>;\n 'header:actions:edit:before'?: Renderer<Customer>;\n 'header:actions:edit:after'?: Renderer<Customer>;\n 'header:actions:edit:form:first-name:before'?: CustomerFormTemplates['first-name:before'];\n 'header:actions:edit:form:first-name:after'?: CustomerFormTemplates['first-name:after'];\n 'header:actions:edit:form:last-name:before'?: CustomerFormTemplates['last-name:before'];\n 'header:actions:edit:form:last-name:after'?: CustomerFormTemplates['last-name:after'];\n 'header:actions:edit:form:email:before'?: CustomerFormTemplates['email:before'];\n 'header:actions:edit:form:email:after'?: CustomerFormTemplates['email:after'];\n 'header:actions:edit:form:tax-id:before'?: CustomerFormTemplates['tax-id:before'];\n 'header:actions:edit:form:tax-id:after'?: CustomerFormTemplates['tax-id:after'];\n 'header:actions:edit:form:timestamps:before'?: CustomerFormTemplates['timestamps:before'];\n 'header:actions:edit:form:timestamps:after'?: CustomerFormTemplates['timestamps:after'];\n 'header:actions:edit:form:delete:before'?: CustomerFormTemplates['delete:before'];\n 'header:actions:edit:form:delete:after'?: CustomerFormTemplates['delete:after'];\n 'header:actions:edit:form:create:before'?: CustomerFormTemplates['create:before'];\n 'header:actions:edit:form:create:after'?: CustomerFormTemplates['create:after'];\n 'default'?: Renderer<Customer>;\n 'addresses:before'?: Renderer<Customer>;\n 'addresses:after'?: Renderer<Customer>;\n 'addresses:actions:before'?: Renderer<Customer>;\n 'addresses:actions:after'?: Renderer<Customer>;\n 'addresses:actions:create:before'?: Renderer<Customer>;\n 'addresses:actions:create:after'?: Renderer<Customer>;\n 'addresses:actions:create:form:address-name:before'?: AddressFormTemplates['address-name:before'];\n 'addresses:actions:create:form:address-name:after'?: AddressFormTemplates['address-name:after'];\n 'addresses:actions:create:form:first-name:before'?: AddressFormTemplates['first-name:before'];\n 'addresses:actions:create:form:first-name:after'?: AddressFormTemplates['first-name:after'];\n 'addresses:actions:create:form:last-name:before'?: AddressFormTemplates['last-name:before'];\n 'addresses:actions:create:form:last-name:after'?: AddressFormTemplates['last-name:after'];\n 'addresses:actions:create:form:region:before'?: AddressFormTemplates['region:before'];\n 'addresses:actions:create:form:region:after'?: AddressFormTemplates['region:after'];\n 'addresses:actions:create:form:city:before'?: AddressFormTemplates['city:before'];\n 'addresses:actions:create:form:city:after'?: AddressFormTemplates['city:after'];\n 'addresses:actions:create:form:phone:before'?: AddressFormTemplates['phone:before'];\n 'addresses:actions:create:form:phone:after'?: AddressFormTemplates['phone:after'];\n 'addresses:actions:create:form:company:before'?: AddressFormTemplates['company:before'];\n 'addresses:actions:create:form:company:after'?: AddressFormTemplates['company:after'];\n 'addresses:actions:create:form:address-one:before'?: AddressFormTemplates['address-one:before'];\n 'addresses:actions:create:form:address-one:after'?: AddressFormTemplates['address-one:after'];\n 'addresses:actions:create:form:address-two:before'?: AddressFormTemplates['address-two:before'];\n 'addresses:actions:create:form:address-two:after'?: AddressFormTemplates['address-two:after'];\n 'addresses:actions:create:form:postal-code:before'?: AddressFormTemplates['postal-code:before'];\n 'addresses:actions:create:form:postal-code:after'?: AddressFormTemplates['postal-code:after'];\n 'addresses:actions:create:form:timestamps:before'?: AddressFormTemplates['timestamps:before'];\n 'addresses:actions:create:form:timestamps:after'?: AddressFormTemplates['timestamps:after'];\n 'addresses:actions:create:form:delete:before'?: AddressFormTemplates['delete:before'];\n 'addresses:actions:create:form:delete:after'?: AddressFormTemplates['delete:after'];\n 'addresses:actions:create:form:create:before'?: AddressFormTemplates['create:before'];\n 'addresses:actions:create:form:create:after'?: AddressFormTemplates['create:after'];\n 'addresses:list:before'?: Renderer<Customer>;\n 'addresses:list:after'?: Renderer<Customer>;\n 'addresses:list:card:address-name:before'?: AddressCardTemplates['address-name:before'];\n 'addresses:list:card:address-name:after'?: AddressCardTemplates['address-name:after'];\n 'addresses:list:card:full-name:before'?: AddressCardTemplates['full-name:before'];\n 'addresses:list:card:full-name:after'?: AddressCardTemplates['full-name:after'];\n 'addresses:list:card:full-address:before'?: AddressCardTemplates['full-address:before'];\n 'addresses:list:card:full-address:after'?: AddressCardTemplates['full-address:after'];\n 'addresses:list:card:company:before'?: AddressCardTemplates['company:before'];\n 'addresses:list:card:company:after'?: AddressCardTemplates['company:after'];\n 'addresses:list:card:phone:before'?: AddressCardTemplates['phone:before'];\n 'addresses:list:card:phone:after'?: AddressCardTemplates['phone:after'];\n 'addresses:list:form:address-name:before'?: AddressFormTemplates['address-name:before'];\n 'addresses:list:form:address-name:after'?: AddressFormTemplates['address-name:after'];\n 'addresses:list:form:first-name:before'?: AddressFormTemplates['first-name:before'];\n 'addresses:list:form:first-name:after'?: AddressFormTemplates['first-name:after'];\n 'addresses:list:form:last-name:before'?: AddressFormTemplates['last-name:before'];\n 'addresses:list:form:last-name:after'?: AddressFormTemplates['last-name:after'];\n 'addresses:list:form:region:before'?: AddressFormTemplates['region:before'];\n 'addresses:list:form:region:after'?: AddressFormTemplates['region:after'];\n 'addresses:list:form:city:before'?: AddressFormTemplates['city:before'];\n 'addresses:list:form:city:after'?: AddressFormTemplates['city:after'];\n 'addresses:list:form:phone:before'?: AddressFormTemplates['phone:before'];\n 'addresses:list:form:phone:after'?: AddressFormTemplates['phone:after'];\n 'addresses:list:form:company:before'?: AddressFormTemplates['company:before'];\n 'addresses:list:form:company:after'?: AddressFormTemplates['company:after'];\n 'addresses:list:form:address-one:before'?: AddressFormTemplates['address-one:before'];\n 'addresses:list:form:address-one:after'?: AddressFormTemplates['address-one:after'];\n 'addresses:list:form:address-two:before'?: AddressFormTemplates['address-two:before'];\n 'addresses:list:form:address-two:after'?: AddressFormTemplates['address-two:after'];\n 'addresses:list:form:postal-code:before'?: AddressFormTemplates['postal-code:before'];\n 'addresses:list:form:postal-code:after'?: AddressFormTemplates['postal-code:after'];\n 'addresses:list:form:timestamps:before'?: AddressFormTemplates['timestamps:before'];\n 'addresses:list:form:timestamps:after'?: AddressFormTemplates['timestamps:after'];\n 'addresses:list:form:delete:before'?: AddressFormTemplates['delete:before'];\n 'addresses:list:form:delete:after'?: AddressFormTemplates['delete:after'];\n 'addresses:list:form:create:before'?: AddressFormTemplates['create:before'];\n 'addresses:list:form:create:after'?: AddressFormTemplates['create:after'];\n 'payment-methods:before'?: Renderer<Customer>;\n 'payment-methods:after'?: Renderer<Customer>;\n 'payment-methods:list:before'?: Renderer<Customer>;\n 'payment-methods:list:after'?: Renderer<Customer>;\n 'payment-methods:list:card:actions:before'?: PaymentMethodCardTemplates['actions:before'];\n 'payment-methods:list:card:actions:after'?: PaymentMethodCardTemplates['actions:after'];\n 'payment-methods:list:card:actions:delete:before'?: PaymentMethodCardTemplates['actions:delete:before'];\n 'payment-methods:list:card:actions:delete:after'?: PaymentMethodCardTemplates['actions:delete:after'];\n 'attributes:before'?: Renderer<Customer>;\n 'attributes:after'?: Renderer<Customer>;\n 'attributes:actions:before'?: Renderer<Customer>;\n 'attributes:actions:after'?: Renderer<Customer>;\n 'attributes:actions:create:before'?: Renderer<Customer>;\n 'attributes:actions:create:after'?: Renderer<Customer>;\n 'attributes:actions:create:form:name:before'?: AttributeFormTemplates['name:before'];\n 'attributes:actions:create:form:name:after'?: AttributeFormTemplates['name:after'];\n 'attributes:actions:create:form:value:before'?: AttributeFormTemplates['value:before'];\n 'attributes:actions:create:form:value:after'?: AttributeFormTemplates['value:after'];\n 'attributes:actions:create:form:visibility:before'?: AttributeFormTemplates['visibility:before'];\n 'attributes:actions:create:form:visibility:after'?: AttributeFormTemplates['visibility:after'];\n 'attributes:actions:create:form:timestamps:before'?: AttributeFormTemplates['timestamps:before'];\n 'attributes:actions:create:form:timestamps:after'?: AttributeFormTemplates['timestamps:after'];\n 'attributes:actions:create:form:delete:before'?: AttributeFormTemplates['delete:before'];\n 'attributes:actions:create:form:delete:after'?: AttributeFormTemplates['delete:after'];\n 'attributes:actions:create:form:create:before'?: AttributeFormTemplates['create:before'];\n 'attributes:actions:create:form:create:after'?: AttributeFormTemplates['create:after'];\n 'attributes:list:before'?: Renderer<Customer>;\n 'attributes:list:after'?: Renderer<Customer>;\n 'attributes:list:card:name:before'?: AttributeCardTemplates['name:before'];\n 'attributes:list:card:name:after'?: AttributeCardTemplates['name:after'];\n 'attributes:list:card:value:before'?: AttributeCardTemplates['value:before'];\n 'attributes:list:card:value:after'?: AttributeCardTemplates['value:after'];\n 'attributes:list:form:name:before'?: AttributeFormTemplates['name:before'];\n 'attributes:list:form:name:after'?: AttributeFormTemplates['name:after'];\n 'attributes:list:form:value:before'?: AttributeFormTemplates['value:before'];\n 'attributes:list:form:value:after'?: AttributeFormTemplates['value:after'];\n 'attributes:list:form:visibility:before'?: AttributeFormTemplates['visibility:before'];\n 'attributes:list:form:visibility:after'?: AttributeFormTemplates['visibility:after'];\n 'attributes:list:form:timestamps:before'?: AttributeFormTemplates['timestamps:before'];\n 'attributes:list:form:timestamps:after'?: AttributeFormTemplates['timestamps:after'];\n 'attributes:list:form:delete:before'?: AttributeFormTemplates['delete:before'];\n 'attributes:list:form:delete:after'?: AttributeFormTemplates['delete:after'];\n 'attributes:list:form:create:before'?: AttributeFormTemplates['create:before'];\n 'attributes:list:form:create:after'?: AttributeFormTemplates['create:after'];\n 'transactions:before'?: Renderer<Customer>;\n 'transactions:after'?: Renderer<Customer>;\n 'transactions:table:default'?: Renderer<TransactionsTableTemplates['default']>;\n 'subscriptions:before'?: Renderer<Customer>;\n 'subscriptions:after'?: Renderer<Customer>;\n 'subscriptions:form:header:before'?: SubscriptionFormTemplates['header:before'];\n 'subscriptions:form:header:after'?: SubscriptionFormTemplates['header:after'];\n 'subscriptions:form:items:before'?: SubscriptionFormTemplates['items:before'];\n 'subscriptions:form:items:after'?: SubscriptionFormTemplates['items:after'];\n 'subscriptions:form:items:actions:before'?: SubscriptionFormTemplates['items:actions:before'];\n 'subscriptions:form:items:actions:after'?: SubscriptionFormTemplates['items:actions:after'];\n 'subscriptions:form:end-date:before'?: SubscriptionFormTemplates['end-date:before'];\n 'subscriptions:form:end-date:after'?: SubscriptionFormTemplates['end-date:after'];\n 'subscriptions:form:end-date:form:warning:before'?: SubscriptionFormTemplates['end-date:form:warning:before'];\n 'subscriptions:form:end-date:form:warning:after'?: SubscriptionFormTemplates['end-date:form:warning:after'];\n 'subscriptions:form:end-date:form:end-date:before'?: SubscriptionFormTemplates['end-date:form:end-date:before'];\n 'subscriptions:form:end-date:form:end-date:after'?: SubscriptionFormTemplates['end-date:form:end-date:after'];\n 'subscriptions:form:end-date:form:submit:before'?: SubscriptionFormTemplates['end-date:form:submit:before'];\n 'subscriptions:form:end-date:form:submit:after'?: SubscriptionFormTemplates['end-date:form:submit:after'];\n 'subscriptions:form:next-transaction-date:before'?: SubscriptionFormTemplates['next-transaction-date:before'];\n 'subscriptions:form:next-transaction-date:after'?: SubscriptionFormTemplates['next-transaction-date:after'];\n 'subscriptions:form:frequency:before'?: SubscriptionFormTemplates['frequency:before'];\n 'subscriptions:form:frequency:after'?: SubscriptionFormTemplates['frequency:after'];\n 'subscriptions:form:transactions:before'?: SubscriptionFormTemplates['transactions:before'];\n 'subscriptions:form:transactions:after'?: SubscriptionFormTemplates['transactions:after'];\n 'subscriptions:table:default'?: Renderer<SubscriptionsTableTemplates['default']>;\n};\n"]}
1	+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/Customer/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { Graph, Rels } from '@foxy.io/sdk/customer';\nimport type { Resource } from '@foxy.io/sdk/core';\n\nexport type CustomerAddresses = Resource<Rels.CustomerAddresses>;\nexport type Attributes = Resource<Rels.Attributes>;\nexport type Settings = Resource<Rels.CustomerPortalSettings>;\nexport type Data = Resource<Graph>;\nexport type Tab = { title: string; content: TemplateResult };\n"]}

package/dist/elements/public/CustomerCard/CustomerCard.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Data, Templates } from './types';
+import { Data } from './types';
 import { TemplateResult } from 'lit-html';
 import { NucleonElement } from '../NucleonElement/NucleonElement';
 declare const Base: typeof NucleonElement & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
@@ -9,16 +9,10 @@ declare const Base: typeof NucleonElement & import("lit-element").Constructor<im
 /**
  * Basic card displaying a customer record.
  *
- * @slot name:before
- * @slot name:after
- * @slot email:before
- * @slot email:after
- *
  * @element foxy-customer-card
  * @since 1.12.0
  */
 declare class CustomerCard extends Base<Data> {
-    templates: Templates;
     render(): TemplateResult;
     private __renderName;
     private __renderEmail;

package/dist/elements/public/CustomerCard/CustomerCard.js CHANGED Viewed

@@ -9,19 +9,10 @@ const Base = ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement,
 /**
  * Basic card displaying a customer record.
  *
- * @slot name:before
- * @slot name:after
- * @slot email:before
- * @slot email:after
- *
  * @element foxy-customer-card
  * @since 1.12.0
  */
 class CustomerCard extends Base {
-    constructor() {
-        super(...arguments);
-        this.templates = {};
-    }
     render() {
         var _a, _b;
         const hiddenSelector = this.hiddenSelector;

package/dist/elements/public/CustomerCard/CustomerCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomerCard.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerCard/CustomerCard.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,cAAc,EAAE,4CAAyC;AAClE,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AAEpD,MAAM,EAAE,GAAG,eAAe,CAAC;AAC3B,MAAM,IAAI,GAAG,cAAc,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;AAEtF~~;;;;;;;;;;GAUG~~;AACH,MAAM,YAAa,SAAQ,IAAU;~~IAArC;;QACE~~,~~cAAS,GAAc,EAAE,CAAC;IA+E5B,CAAC;IA7EC,~~MAAM;;QACJ,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;QAE3C,OAAO,IAAI,CAAA;;oBAEK,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC;;;;;kBAKjB,QAAQ,CAAC;YACf,+BAA+B,EAAE,IAAI;YACrC,WAAW,EAAE,CAAC,IAAI,CAAC,IAAI;SACxB,CAAC;;YAEA,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE;YAC/D,cAAc,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE;;;;kBAI3D,QAAQ,CAAC;YACf,8DAA8D,EAAE,IAAI;YACpE,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI;SACzB,CAAC;;;;oBAIQ,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;;mBAE7E,IAAI,CAAC,IAAI;kBACV,IAAI,CAAC,EAAE,IAAI,YAAA,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,0CAAE,SAAS,mCAAI,EAAE;;;;;KAK3E,CAAC;IACJ,CAAC;IAEO,YAAY;;QAClB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACvB,MAAM,IAAI,GAAG,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,mCAAI,EAAE,IAAI,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,mCAAI,EAAE,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,CAAC;QAChF,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA,kBAAkB,CAAC;QAE9D,IAAI,EAAU,CAAC;QAEf,IAAI;YACF,MAAM,GAAG,GAAG,IAAI,GAAG,aAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,IAAI,CAAC,IAAI,mCAAI,EAAE,CAAC,CAAC;YACvD,EAAE,SAAG,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,mCAAI,EAAE,CAAC;SAC1C;QAAC,WAAM;YACN,EAAE,GAAG,EAAE,CAAC;SACT;QAED,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC;;gEAEc,OAAO;iDACtB,EAAE;;UAEzC,IAAI,CAAC,oBAAoB,CAAC,YAAY,CAAC;;KAE5C,CAAC;IACJ,CAAC;IAEO,aAAa;;QACnB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACvB,MAAM,KAAK,GAAG,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,EAAE,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,CAAC;QACnD,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA,kBAAkB,CAAC;QAE/D,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC;sDACG,OAAO;UACnD,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC;;KAE7C,CAAC;IACJ,CAAC;CACF;AAED,OAAO,EAAE,YAAY,EAAE,CAAC","sourcesContent":["import { Data, ~~Templates~~ } from './types';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\n\nconst NS = 'customer-card';\nconst Base = ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement, NS)));\n\n/*\n Basic card displaying a customer record.\n \n @~~slot name:before\n * @slot name:after\n * @slot email:before\n * @slot email:after\n \n @~~element foxy-customer-card\n * @since 1.12.0\n */\nclass CustomerCard extends Base<Data> {\n ~~templates: Templates = {};\n\n~~ render(): TemplateResult {\n const hiddenSelector = this.hiddenSelector;\n\n return html`\n <div\n aria-busy=${this.in('busy')}\n aria-live=\"polite\"\n class=\"relative leading-m font-lumo text-m\"\n >\n <div\n class=${classMap({\n 'leading-xs transition-opacity': true,\n 'opacity-0': !this.data,\n })}\n >\n ${hiddenSelector.matches('name', true) ? '' : this.__renderName()}\n ${hiddenSelector.matches('email', true) ? '' : this.__renderEmail()}\n </div>\n\n <div\n class=${classMap({\n 'pointer-events-none absolute inset-0 flex transition-opacity': true,\n 'opacity-0': !!this.data,\n })}\n >\n <foxy-spinner\n data-testid=\"spinner\"\n state=${this.in('fail') ? 'error' : this.in({ idle: 'template' }) ? 'empty' : 'busy'}\n class=\"m-auto\"\n lang=${this.lang}\n ns=\"${this.ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n >\n </foxy-spinner>\n </div>\n </div>\n `;\n }\n\n private __renderName() {\n const data = this.data;\n const name = `${data?.first_name ?? ''} ${data?.last_name ?? ''}`.trim() \|\| '–';\n const content = data ? html`${name}` : html`&ZeroWidthSpace;`;\n\n let id: string;\n\n try {\n const url = new URL(this.data?._links.self.href ?? '');\n id = url.pathname.split('/').pop() ?? '';\n } catch {\n id = '';\n }\n\n return html`\n <div data-testid=\"name\">\n ${this.renderTemplateOrSlot('name:before')}\n <div class=\"flex items-center gap-m\">\n <div class=\"font-medium text-body truncate mr-auto\">${content}</div>\n <div class=\"text-tertiary text-s\">ID ${id}</div>\n </div>\n ${this.renderTemplateOrSlot('name:after')}\n </div>\n `;\n }\n\n private __renderEmail() {\n const data = this.data;\n const email = `${data?.email ?? ''}`.trim() \|\| '–';\n const content = data ? html`${email}` : html`&ZeroWidthSpace;`;\n\n return html`\n <div data-testid=\"email\">\n ${this.renderTemplateOrSlot('email:before')}\n <div class=\"text-secondary truncate text-s\">${content}</div>\n ${this.renderTemplateOrSlot('email:after')}\n </div>\n `;\n }\n}\n\nexport { CustomerCard };\n"]}
1	+ {"version":3,"file":"CustomerCard.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerCard/CustomerCard.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,cAAc,EAAE,4CAAyC;AAClE,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AAEpD,MAAM,EAAE,GAAG,eAAe,CAAC;AAC3B,MAAM,IAAI,GAAG,cAAc,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;AAEtF;;;;;GAKG;AACH,MAAM,YAAa,SAAQ,IAAU;IACnC,MAAM;;QACJ,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;QAE3C,OAAO,IAAI,CAAA;;oBAEK,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC;;;;;kBAKjB,QAAQ,CAAC;YACf,+BAA+B,EAAE,IAAI;YACrC,WAAW,EAAE,CAAC,IAAI,CAAC,IAAI;SACxB,CAAC;;YAEA,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE;YAC/D,cAAc,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE;;;;kBAI3D,QAAQ,CAAC;YACf,8DAA8D,EAAE,IAAI;YACpE,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI;SACzB,CAAC;;;;oBAIQ,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;;mBAE7E,IAAI,CAAC,IAAI;kBACV,IAAI,CAAC,EAAE,IAAI,YAAA,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,0CAAE,SAAS,mCAAI,EAAE;;;;;KAK3E,CAAC;IACJ,CAAC;IAEO,YAAY;;QAClB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACvB,MAAM,IAAI,GAAG,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,mCAAI,EAAE,IAAI,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,mCAAI,EAAE,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,CAAC;QAChF,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA,kBAAkB,CAAC;QAE9D,IAAI,EAAU,CAAC;QAEf,IAAI;YACF,MAAM,GAAG,GAAG,IAAI,GAAG,aAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,IAAI,CAAC,IAAI,mCAAI,EAAE,CAAC,CAAC;YACvD,EAAE,SAAG,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,mCAAI,EAAE,CAAC;SAC1C;QAAC,WAAM;YACN,EAAE,GAAG,EAAE,CAAC;SACT;QAED,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC;;gEAEc,OAAO;iDACtB,EAAE;;UAEzC,IAAI,CAAC,oBAAoB,CAAC,YAAY,CAAC;;KAE5C,CAAC;IACJ,CAAC;IAEO,aAAa;;QACnB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACvB,MAAM,KAAK,GAAG,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,EAAE,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,CAAC;QACnD,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA,kBAAkB,CAAC;QAE/D,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC;sDACG,OAAO;UACnD,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC;;KAE7C,CAAC;IACJ,CAAC;CACF;AAED,OAAO,EAAE,YAAY,EAAE,CAAC","sourcesContent":["import { Data } from './types';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\n\nconst NS = 'customer-card';\nconst Base = ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement, NS)));\n\n/*\n Basic card displaying a customer record.\n \n @element foxy-customer-card\n * @since 1.12.0\n */\nclass CustomerCard extends Base<Data> {\n render(): TemplateResult {\n const hiddenSelector = this.hiddenSelector;\n\n return html`\n <div\n aria-busy=${this.in('busy')}\n aria-live=\"polite\"\n class=\"relative leading-m font-lumo text-m\"\n >\n <div\n class=${classMap({\n 'leading-xs transition-opacity': true,\n 'opacity-0': !this.data,\n })}\n >\n ${hiddenSelector.matches('name', true) ? '' : this.__renderName()}\n ${hiddenSelector.matches('email', true) ? '' : this.__renderEmail()}\n </div>\n\n <div\n class=${classMap({\n 'pointer-events-none absolute inset-0 flex transition-opacity': true,\n 'opacity-0': !!this.data,\n })}\n >\n <foxy-spinner\n data-testid=\"spinner\"\n state=${this.in('fail') ? 'error' : this.in({ idle: 'template' }) ? 'empty' : 'busy'}\n class=\"m-auto\"\n lang=${this.lang}\n ns=\"${this.ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n >\n </foxy-spinner>\n </div>\n </div>\n `;\n }\n\n private __renderName() {\n const data = this.data;\n const name = `${data?.first_name ?? ''} ${data?.last_name ?? ''}`.trim() \|\| '–';\n const content = data ? html`${name}` : html`&ZeroWidthSpace;`;\n\n let id: string;\n\n try {\n const url = new URL(this.data?._links.self.href ?? '');\n id = url.pathname.split('/').pop() ?? '';\n } catch {\n id = '';\n }\n\n return html`\n <div data-testid=\"name\">\n ${this.renderTemplateOrSlot('name:before')}\n <div class=\"flex items-center gap-m\">\n <div class=\"font-medium text-body truncate mr-auto\">${content}</div>\n <div class=\"text-tertiary text-s\">ID ${id}</div>\n </div>\n ${this.renderTemplateOrSlot('name:after')}\n </div>\n `;\n }\n\n private __renderEmail() {\n const data = this.data;\n const email = `${data?.email ?? ''}`.trim() \|\| '–';\n const content = data ? html`${email}` : html`&ZeroWidthSpace;`;\n\n return html`\n <div data-testid=\"email\">\n ${this.renderTemplateOrSlot('email:before')}\n <div class=\"text-secondary truncate text-s\">${content}</div>\n ${this.renderTemplateOrSlot('email:after')}\n </div>\n `;\n }\n}\n\nexport { CustomerCard };\n"]}

package/dist/elements/public/CustomerCard/types.d.ts CHANGED Viewed

@@ -1,11 +1,3 @@
-import { CustomerCard } from './CustomerCard';
-import { Rels } from '@foxy.io/sdk/backend';
-import { Renderer } from '../../../mixins/configurable';
-import { Resource } from '@foxy.io/sdk/core';
+import type { Resource } from '@foxy.io/sdk/core';
+import type { Rels } from '@foxy.io/sdk/backend';
 export declare type Data = Resource<Rels.Customer>;
-export declare type Templates = Partial<{
-    'name:before': Renderer<CustomerCard>;
-    'name:after': Renderer<CustomerCard>;
-    'email:before': Renderer<CustomerCard>;
-    'email:after': Renderer<CustomerCard>;
-}>;

package/dist/elements/public/CustomerCard/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerCard/types.ts"],"names":[],"mappings":"","sourcesContent":["import { ~~CustomerCard } from './CustomerCard';\nimport~~ { ~~Rels~~ } from '@foxy.io/sdk/~~backend~~';\nimport { ~~Renderer } from '../../../mixins/configurable';\nimport~~ { ~~Resource~~ } from '@foxy.io/sdk/~~core~~';\n\nexport type Data = Resource<Rels.Customer>;\n\nexport type Templates = Partial<{\n 'name:before': Renderer<CustomerCard>;\n 'name:after': Renderer<CustomerCard>;\n 'email:before': Renderer<CustomerCard>;\n 'email:after': Renderer<CustomerCard>;\n}>;\n"]}
1	+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerCard/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport type Data = Resource<Rels.Customer>;\n"]}

package/dist/elements/public/CustomerForm/CustomerForm.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { Data, Templates, Settings } from './types';
+import type { Data, Settings } from './types';
 import type { PropertyDeclarations } from 'lit-element';
 import type { ScopedElementsMap } from '@open-wc/scoped-elements';
 import type { TemplateResult } from 'lit-html';
@@ -11,42 +11,6 @@ declare const Base: typeof InternalForm & import("lit-element").Constructor<impo
 /**
  * Form element for creating or editing customers.
  *
- * @slot first-name:before - **new in v1.4.0**
- * @slot first-name:after - **new in v1.4.0**
- *
- * @slot last-name:before - **new in v1.4.0**
- * @slot last-name:after - **new in v1.4.0**
- *
- * @slot email:before - **new in v1.4.0**
- * @slot email:after - **new in v1.4.0**
- *
- * @slot tax-id:before - **new in v1.4.0**
- * @slot tax-id:after - **new in v1.4.0**
- *
- * @slot is-anonymous:before - **new in v1.24.0**
- * @slot is-anonymous:after - **new in v1.24.0**
- *
- * @slot password:before - **new in v1.24.0**
- * @slot password:after - **new in v1.24.0**
- *
- * @slot password-old:before - **new in v1.24.0**
- * @slot password-old:after - **new in v1.24.0**
- *
- * @slot forgot-password:before - **new in v1.24.0**
- * @slot forgot-password:after - **new in v1.24.0**
- *
- * @slot legal-notice:before - **new in v1.24.0**
- * @slot legal-notice:after - **new in v1.24.0**
- *
- * @slot timestamps:before - **new in v1.4.0**
- * @slot timestamps:after - **new in v1.4.0**
- *
- * @slot create:before - **new in v1.4.0**
- * @slot create:after - **new in v1.4.0**
- *
- * @slot delete:before - **new in v1.4.0**
- * @slot delete:after - **new in v1.4.0**
- *
  * @element foxy-customer-form
  * @since 1.2.0
  */
@@ -56,7 +20,6 @@ export declare class CustomerForm extends Base<Data> {
     static get v8n(): NucleonV8N<Data, CustomerForm>;
     /** If true, won't require password when creating a customer. */
     passwordless: boolean;
-    templates: Templates;
     /** Full `fx:customer_portal_settings` resource from Customer API. If present, switches this element into the Customer API mode, enabling client verification. */
     settings: Settings | null;
     private readonly __isAnonymousGetValue;
@@ -64,6 +27,9 @@ export declare class CustomerForm extends Base<Data> {
     private readonly __isAnonymousOptions;
     private __refreshInterval;
     get hiddenSelector(): BooleanSelector;
+    get headerTitleOptions(): Record<string, unknown>;
+    get headerSubtitleKey(): string;
+    get headerSubtitleOptions(): Record<string, unknown>;
     disconnectedCallback(): void;
     connectedCallback(): void;
     renderBody(): TemplateResult;

package/dist/elements/public/CustomerForm/CustomerForm.js CHANGED Viewed

@@ -12,42 +12,6 @@ const passwordStrength = checkPasswordStrength.passwordStrength;
 /**
  * Form element for creating or editing customers.
  *
- * @slot first-name:before - **new in v1.4.0**
- * @slot first-name:after - **new in v1.4.0**
- *
- * @slot last-name:before - **new in v1.4.0**
- * @slot last-name:after - **new in v1.4.0**
- *
- * @slot email:before - **new in v1.4.0**
- * @slot email:after - **new in v1.4.0**
- *
- * @slot tax-id:before - **new in v1.4.0**
- * @slot tax-id:after - **new in v1.4.0**
- *
- * @slot is-anonymous:before - **new in v1.24.0**
- * @slot is-anonymous:after - **new in v1.24.0**
- *
- * @slot password:before - **new in v1.24.0**
- * @slot password:after - **new in v1.24.0**
- *
- * @slot password-old:before - **new in v1.24.0**
- * @slot password-old:after - **new in v1.24.0**
- *
- * @slot forgot-password:before - **new in v1.24.0**
- * @slot forgot-password:after - **new in v1.24.0**
- *
- * @slot legal-notice:before - **new in v1.24.0**
- * @slot legal-notice:after - **new in v1.24.0**
- *
- * @slot timestamps:before - **new in v1.4.0**
- * @slot timestamps:after - **new in v1.4.0**
- *
- * @slot create:before - **new in v1.4.0**
- * @slot create:after - **new in v1.4.0**
- *
- * @slot delete:before - **new in v1.4.0**
- * @slot delete:after - **new in v1.4.0**
- *
  * @element foxy-customer-form
  * @since 1.2.0
  */
@@ -56,7 +20,6 @@ export class CustomerForm extends Base {
         super(...arguments);
         /** If true, won't require password when creating a customer. */
         this.passwordless = false;
-        this.templates = {};
         /** Full `fx:customer_portal_settings` resource from Customer API. If present, switches this element into the Customer API mode, enabling client verification. */
         this.settings = null;
         this.__isAnonymousGetValue = () => {
@@ -85,10 +48,13 @@ export class CustomerForm extends Base {
             'foxy-internal-radio-group-control': customElements.get('foxy-internal-radio-group-control'),
             'foxy-internal-timestamps-control': customElements.get('foxy-internal-timestamps-control'),
             'foxy-internal-password-control': customElements.get('foxy-internal-password-control'),
-            'foxy-internal-create-control': customElements.get('foxy-internal-create-control'),
+            'foxy-internal-submit-control': customElements.get('foxy-internal-submit-control'),
             'foxy-internal-delete-control': customElements.get('foxy-internal-delete-control'),
             'foxy-internal-text-control': customElements.get('foxy-internal-text-control'),
+            'foxy-internal-undo-control': customElements.get('foxy-internal-undo-control'),
+            'foxy-copy-to-clipboard': customElements.get('foxy-copy-to-clipboard'),
             'foxy-spinner': customElements.get('foxy-spinner'),
+            'vcf-tooltip': customElements.get('vcf-tooltip'),
             'foxy-i18n': customElements.get('foxy-i18n'),
             'h-captcha': customElements.get('h-captcha'),
             'vaadin-button': customElements.get('vaadin-button'),
@@ -150,6 +116,19 @@ export class CustomerForm extends Base {
         }
         return new BooleanSelector(Array.from(hidden).join(' ').trim());
     }
+    get headerTitleOptions() {
+        const data = this.data;
+        if (!data || data.first_name.trim() || data.last_name.trim())
+            return super.headerTitleOptions;
+        return { ...super.headerTitleOptions, context: 'no_name' };
+    }
+    get headerSubtitleKey() {
+        var _a;
+        return ((_a = this.data) === null || _a === void 0 ? void 0 : _a.is_anonymous) ? 'subtitle_anonymous' : 'subtitle_registered';
+    }
+    get headerSubtitleOptions() {
+        return { ...super.headerSubtitleOptions, id: this.headerCopyIdValue };
+    }
     disconnectedCallback() {
         super.disconnectedCallback();
         const interval = this.__refreshInterval;
@@ -166,6 +145,8 @@ export class CustomerForm extends Base {
         const isFirstNameHidden = this.hiddenSelector.matches('first-name', true);
         const isLastNameHidden = this.hiddenSelector.matches('last-name', true);
         return html `
+      ${this.renderHeader()}
       <div
         class=${classMap({
             'grid-cols-2': !isFirstNameHidden && !isLastNameHidden,

package/dist/elements/public/CustomerForm/CustomerForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomerForm.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerForm/CustomerForm.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,QAAQ,IAAI,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAE5D,MAAM,EAAE,GAAG,eAAe,CAAC;AAC3B,MAAM,IAAI,GAAG,mBAAmB,CAAC,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,CAAC;AACtE,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,gBAAgB,CAAC;AAEhE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,MAAM,OAAO,YAAa,SAAQ,IAAU;IAA5C;;QAiDE,gEAAgE;QAChE,iBAAY,GAAG,KAAK,CAAC;QAErB,cAAS,GAAc,EAAE,CAAC;QAE1B,iKAAiK;QACjK,aAAQ,GAAoB,IAAI,CAAC;QAEhB,0BAAqB,GAAG,GAAG,EAAE;;YAC5C,OAAO,OAAA,IAAI,CAAC,IAAI,0CAAE,YAAY,MAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;QAC9D,CAAC,CAAC;QAEe,0BAAqB,GAAG,CAAC,QAAgB,EAAE,EAAE;YAC5D,MAAM,WAAW,GAAG,QAAQ,KAAK,MAAM,CAAC;YACxC,IAAI,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC,CAAC;YACzC,IAAI,WAAW,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ;gBAAE,IAAI,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;YACnE,IAAI,WAAW,IAAI,IAAI,CAAC,IAAI,CAAC,YAAY;gBAAE,IAAI,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAC;YAC3E,IAAI,WAAW,IAAI,IAAI,CAAC,IAAI,CAAC,eAAe;gBAAE,IAAI,CAAC,IAAI,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CAAC;QACnF,CAAC,CAAC;QAEe,yBAAoB,GAAG;YACtC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE;YACvC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE;SAC1C,CAAC;QAEM,sBAAiB,GAA0B,IAAI,CAAC;IAiM1D,CAAC;IA1QC,MAAM,KAAK,cAAc;QACvB,OAAO;YACL,kDAAkD,EAAE,cAAc,CAAC,GAAG,CACpE,kDAAkD,CACnD;YACD,mCAAmC,EAAE,cAAc,CAAC,GAAG,CAAC,mCAAmC,CAAC;YAC5F,kCAAkC,EAAE,cAAc,CAAC,GAAG,CAAC,kCAAkC,CAAC;YAC1F,gCAAgC,EAAE,cAAc,CAAC,GAAG,CAAC,gCAAgC,CAAC;YACtF,8BAA8B,EAAE,cAAc,CAAC,GAAG,CAAC,8BAA8B,CAAC;YAClF,8BAA8B,EAAE,cAAc,CAAC,GAAG,CAAC,8BAA8B,CAAC;YAClF,4BAA4B,EAAE,cAAc,CAAC,GAAG,CAAC,4BAA4B,CAAC;YAC9E,cAAc,EAAE,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC;YAClD,WAAW,EAAE,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC;YAC5C,WAAW,EAAE,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC;YAC5C,eAAe,EAAE,cAAc,CAAC,GAAG,CAAC,eAAe,CAAC;SACrD,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,YAAY,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC/B,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC3B,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,GAAG;QACZ,OAAO;YACL,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,GAAG,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE;gBAClD,IAAI,IAAI,CAAC,YAAY;oBAAE,OAAO,IAAI,CAAC;gBACnC,OAAO,CAAC,MAAM,IAAI,CAAC,YAAY,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,IAAI,CAAC;YAChF,CAAC;YACD,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE;;gBAC3C,IAAI,CAAC,MAAM;oBAAE,OAAO,IAAI,CAAC;gBACzB,IAAI,OAAA,IAAI,CAAC,QAAQ,0CAAE,OAAO,MAAK,SAAS;oBAAE,OAAO,IAAI,CAAC;gBACtD,OAAO,QAAQ,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,IAAI,CAAC;YACxE,CAAC;YACD,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,EAAE,IAAI,yBAAyB;YACxE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,EAAE,IAAI,wBAAwB;YACtE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,gBAAgB,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,uBAAuB;YACjF,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,EAAE,IAAI,uBAAuB;YACpE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,EAAE,IAAI,qBAAqB;YAChE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,oBAAoB;YAC7D,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,GAAG,IAAI,oBAAoB;YAC/D,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,yBAAyB;SAChE,CAAC;IACJ,CAAC;IA6BD,IAAI,cAAc;QAChB,MAAM,MAAM,GAAG,IAAI,GAAG,CAAS,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;QAE3E,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,MAAM,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;YAC9B,MAAM,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;YAC3B,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ;gBAAE,MAAM,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;YACpD,IAAI,IAAI,CAAC,QAAQ,CAAC,qBAAqB,CAAC,KAAK,KAAK,MAAM;gBAAE,MAAM,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;SACtF;aAAM;YACL,IAAI,IAAI,CAAC,IAAI,CAAC,YAAY,KAAK,KAAK,EAAE;gBACpC,MAAM,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;gBAC9B,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;aACxB;YACD,MAAM,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;YAC3B,MAAM,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;SAC5B;QAED,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,MAAM,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;YAC3B,MAAM,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;SAC5B;QAED,OAAO,IAAI,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAClE,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,MAAM,QAAQ,GAAG,IAAI,CAAC,iBAAiB,CAAC;QACxC,IAAI,QAAQ;YAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACxC,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC,CAAC;QACpE,IAAI,CAAC,iBAAiB,GAAG,QAAQ,CAAC;IACpC,CAAC;IAED,UAAU;;QACR,MAAM,iBAAiB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;QAC1E,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QAExE,OAAO,IAAI,CAAA;;gBAEC,QAAQ,CAAC;YACf,aAAa,EAAE,CAAC,iBAAiB,IAAI,CAAC,gBAAgB;YACtD,QAAQ,EAAE,iBAAiB,IAAI,gBAAgB;YAC/C,OAAO,EAAE,IAAI;YACb,MAAM,EAAE,CAAC,iBAAiB,IAAI,CAAC,gBAAgB;SAChD,CAAC;;;;;;gDAMsC,IAAI,CAAC,iBAAiB;;;;;oBAKlD,IAAI,CAAC,qBAAqB;oBAC1B,IAAI,CAAC,qBAAqB;mBAC3B,IAAI,CAAC,oBAAoB;;;;;sBAKtB,IAAI,CAAC,qBAAqB;sBAC1B,IAAI,CAAC,oBAAoB;;;;;;;;;sBASzB,IAAI,CAAC,0BAA0B;;;;;;;;;;;QAW7C,CAAC,IAAI,CAAC,IAAI,iBACZ,IAAI,CAAC,QAAQ,0CAAE,OAAO,0CAAE,OAAO,CAAA;YAC/B,aAAA,IAAI,CAAC,QAAQ,0CAAE,OAAO,0CAAE,YAAY,CAAC,IAAI,MAAK,UAAU;YACtD,CAAC,CAAC,IAAI,CAAA;;yBAEW,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ;;;mBAGjD,IAAI,CAAC,IAAI;0BACF,CAAC,EAAE,KAAK,EAAoC,EAAE,EAAE;gBAC1D,IAAI,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;gBACzD,KAAK,CAAC,MAAM,EAAE,CAAC;YACjB,CAAC;;;WAGJ;YACH,CAAC,CAAC,EAAE;QACJ,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;IAED,MAAM;;QACJ,IAAI,mBAAA,IAAI,CAAC,QAAQ,0CAAE,OAAO,0CAAE,YAAY,0CAAE,IAAI,MAAK,UAAU,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YAC3E,MAAA,IAAI,CAAC,UAAU,0CAAE,KAAK,GAAG;YACzB,MAAA,IAAI,CAAC,UAAU,0CAAE,OAAO,GAAG;SAC5B;aAAM;YACL,KAAK,CAAC,MAAM,EAAE,CAAC;SAChB;IACH,CAAC;IAES,KAAK,CAAC,UAAU,CAAC,KAAoB;QAC7C,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QAE3C,IAAI,KAAK,CAAC,QAAQ,EAAE;YAClB,MAAM,MAAM,GAAG,EAAE,GAAG,EAAE,yBAAyB,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC;YAClF,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;SACtB;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAES,KAAK,CAAC,QAAQ;QACtB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACnB,OAAO,MAAM,KAAK,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC;IAES,KAAK,CAAC,MAAM,CAAiB,GAAG,IAAiC;QACzE,IAAI;YACF,OAAO,MAAM,KAAK,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC;SACpC;QAAC,OAAO,GAAG,EAAE;YACZ,IAAI,OAAO,CAAC;YAEZ,IAAI;gBACF,OAAO,GAAG,CAAC,MAAO,GAAgB,CAAC,IAAI,EAAE,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;aAC9E;YAAC,WAAM;gBACN,MAAM,GAAG,CAAC;aACX;YAED,IAAI,OAAO,KAAK,UAAU,IAAI,OAAO,CAAC,UAAU,CAAC,sCAAsC,CAAC,EAAE;gBACxF,MAAM,CAAC,0BAA0B,CAAC,CAAC;aACpC;iBAAM,IAAI,OAAO,CAAC,UAAU,CAAC,mCAAmC,CAAC,EAAE;gBAClE,MAAM,CAAC,6BAA6B,CAAC,CAAC;aACvC;iBAAM,IAAI,OAAO,CAAC,UAAU,CAAC,4BAA4B,CAAC,EAAE;gBAC3D,MAAM,CAAC,2BAA2B,CAAC,CAAC;aACrC;iBAAM,IAAI,OAAO,CAAC,UAAU,CAAC,gCAAgC,CAAC,EAAE;gBAC/D,MAAM,CAAC,8BAA8B,CAAC,CAAC;aACxC;iBAAM;gBACL,MAAM,GAAG,CAAC;aACX;SACF;IACH,CAAC;IAED,IAAY,0BAA0B;;QACpC,MAAM,SAAS,SAAG,IAAI,CAAC,IAAI,0CAAE,yBAAyB,CAAC;QACvD,MAAM,QAAQ,SAAG,IAAI,CAAC,IAAI,0CAAE,eAAe,CAAC;QAC5C,MAAM,OAAO,GAAG,6BAA6B,CAAC;QAE9C,IAAI,QAAQ,IAAI,SAAS,EAAE;YACzB,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC;YAC3E,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,GAAG,IAAI,GAAG,EAAE,CAAC,CAAC;YAChF,IAAI,YAAY,IAAI,CAAC;gBAAE,OAAO,IAAI,CAAC,CAAC,CAAC,GAAG,OAAO,aAAa,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC;YAC7E,OAAO,IAAI,CAAC,CAAC,CAAC,GAAG,OAAO,aAAa,EAAE,EAAE,YAAY,EAAE,GAAG,YAAY,SAAS,EAAE,CAAC,CAAC;SACpF;aAAM;YACL,OAAO,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;SACxB;IACH,CAAC;IAED,IAAY,qBAAqB;QAC/B,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC;IACzF,CAAC;IAED,IAAY,oBAAoB;QAC9B,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC;IACzF,CAAC;IAED,IAAY,iBAAiB;;QAC3B,OAAO,OAAA,IAAI,CAAC,IAAI,0CAAE,eAAe,EAC/B,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,mCAAmC,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;YAClF,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAClC,CAAC;IAED,IAAY,UAAU;QACpB,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAA8B,WAAW,CAAC,CAAC;IACjF,CAAC;CACF","sourcesContent":["import type { VanillaHCaptchaWebComponent } from 'vanilla-hcaptcha';\nimport type { Data, Templates, Settings } from './types';\nimport type { PropertyDeclarations } from 'lit-element';\nimport type { ScopedElementsMap } from '@open-wc/scoped-elements';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\n\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { validate as isEmail } from 'email-validator';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-html';\n\nimport checkPasswordStrength from 'check-password-strength';\n\nconst NS = 'customer-form';\nconst Base = ScopedElementsMixin(TranslatableMixin(InternalForm, NS));\nconst passwordStrength = checkPasswordStrength.passwordStrength;\n\n/*\n Form element for creating or editing customers.\n \n @slot first-name:before - new in v1.4.0\n * @slot first-name:after - new in v1.4.0\n \n @slot last-name:before - new in v1.4.0\n * @slot last-name:after - new in v1.4.0\n \n @slot email:before - new in v1.4.0\n * @slot email:after - new in v1.4.0\n \n @slot tax-id:before - new in v1.4.0\n * @slot tax-id:after - new in v1.4.0\n \n @slot is-anonymous:before - new in v1.24.0\n * @slot is-anonymous:after - new in v1.24.0\n \n @slot password:before - new in v1.24.0\n * @slot password:after - new in v1.24.0\n \n @slot password-old:before - new in v1.24.0\n * @slot password-old:after - new in v1.24.0\n \n @slot forgot-password:before - new in v1.24.0\n * @slot forgot-password:after - new in v1.24.0\n \n @slot legal-notice:before - new in v1.24.0\n * @slot legal-notice:after - new in v1.24.0\n \n @slot timestamps:before - new in v1.4.0\n * @slot timestamps:after - new in v1.4.0\n \n @slot create:before - new in v1.4.0\n * @slot create:after - new in v1.4.0\n \n @slot delete:before - new in v1.4.0\n * @slot delete:after - new in v1.4.0\n \n @element foxy-customer-form\n * @since 1.2.0\n /\nexport class CustomerForm extends Base<Data> {\n static get scopedElements(): ScopedElementsMap {\n return {\n 'foxy-internal-customer-form-legal-notice-control': customElements.get(\n 'foxy-internal-customer-form-legal-notice-control'\n ),\n 'foxy-internal-radio-group-control': customElements.get('foxy-internal-radio-group-control'),\n 'foxy-internal-timestamps-control': customElements.get('foxy-internal-timestamps-control'),\n 'foxy-internal-password-control': customElements.get('foxy-internal-password-control'),\n 'foxy-internal-create-control': customElements.get('foxy-internal-create-control'),\n 'foxy-internal-delete-control': customElements.get('foxy-internal-delete-control'),\n 'foxy-internal-text-control': customElements.get('foxy-internal-text-control'),\n 'foxy-spinner': customElements.get('foxy-spinner'),\n 'foxy-i18n': customElements.get('foxy-i18n'),\n 'h-captcha': customElements.get('h-captcha'),\n 'vaadin-button': customElements.get('vaadin-button'),\n };\n }\n\n static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n passwordless: { type: Boolean },\n settings: { type: Object },\n };\n }\n\n static get v8n(): NucleonV8N<Data, CustomerForm> {\n return [\n ({ password, _links, is_anonymous = true }, host) => {\n if (host.passwordless) return true;\n return !_links && !is_anonymous && !password ? 'password:v8n_required' : true;\n },\n ({ password_old, password, _links }, host) => {\n if (!_links) return true;\n if (host.settings?.sign_up === undefined) return true;\n return password && !password_old ? 'password-old:v8n_required' : true;\n },\n ({ first_name: v }) => !v \|\| v.length <= 50 \|\| 'first-name:v8n_too_long',\n ({ last_name: v }) => !v \|\| v.length <= 50 \|\| 'last-name:v8n_too_long',\n ({ password: v }) => !v \|\| passwordStrength(v).id >= 2 \|\| 'password:v8n_too_weak',\n ({ password: v }) => !v \|\| v.length <= 50 \|\| 'password:v8n_too_long',\n ({ tax_id: v }) => !v \|\| v.length <= 50 \|\| 'tax-id:v8n_too_long',\n ({ email: v }) => (v && v.length > 0) \|\| 'email:v8n_required',\n ({ email: v }) => !v \|\| v.length <= 100 \|\| 'email:v8n_too_long',\n ({ email: v }) => !v \|\| isEmail(v) \|\| 'email:v8n_invalid_email',\n ];\n }\n\n /* If true, won't require password when creating a customer. /\n passwordless = false;\n\n templates: Templates = {};\n\n /* Full `fx:customer_portal_settings` resource from Customer API. If present, switches this element into the Customer API mode, enabling client verification. /\n settings: Settings \| null = null;\n\n private readonly __isAnonymousGetValue = () => {\n return this.form?.is_anonymous === false ? 'false' : 'true';\n };\n\n private readonly __isAnonymousSetValue = (newValue: string) => {\n const isAnonymous = newValue === 'true';\n this.edit({ is_anonymous: isAnonymous });\n if (isAnonymous && this.form.password) this.edit({ password: '' });\n if (isAnonymous && this.form.password_old) this.edit({ password_old: '' });\n if (isAnonymous && this.form.forgot_password) this.edit({ forgot_password: '' });\n };\n\n private readonly __isAnonymousOptions = [\n { value: 'true', label: 'option_true' },\n { value: 'false', label: 'option_false' },\n ];\n\n private __refreshInterval: NodeJS.Timeout \| null = null;\n\n get hiddenSelector(): BooleanSelector {\n const hidden = new Set<string>(super.hiddenSelector.toString().split(' '));\n\n if (this.settings) {\n hidden.add('forgot-password');\n hidden.add('is-anonymous');\n if (!this.form.password) hidden.add('password-old');\n if (this.settings.tos_checkbox_settings.usage === 'none') hidden.add('legal-notice');\n } else {\n if (this.form.is_anonymous !== false) {\n hidden.add('forgot-password');\n hidden.add('password');\n }\n hidden.add('password-old');\n hidden.add('legal-notice');\n }\n\n if (this.href) {\n hidden.add('is-anonymous');\n hidden.add('legal-notice');\n }\n\n return new BooleanSelector(Array.from(hidden).join(' ').trim());\n }\n\n disconnectedCallback(): void {\n super.disconnectedCallback();\n const interval = this.__refreshInterval;\n if (interval) clearInterval(interval);\n }\n\n connectedCallback(): void {\n super.connectedCallback();\n const interval = setInterval(() => this.requestUpdate(), 60 1000);\n this.__refreshInterval = interval;\n }\n\n renderBody(): TemplateResult {\n const isFirstNameHidden = this.hiddenSelector.matches('first-name', true);\n const isLastNameHidden = this.hiddenSelector.matches('last-name', true);\n\n return html`\n <div\n class=${classMap({\n 'grid-cols-2': !isFirstNameHidden && !isLastNameHidden,\n 'hidden': isFirstNameHidden && isLastNameHidden,\n 'gap-m': true,\n 'grid': !isFirstNameHidden \|\| !isLastNameHidden,\n })}\n >\n <foxy-internal-text-control infer=\"first-name\"></foxy-internal-text-control>\n <foxy-internal-text-control infer=\"last-name\"></foxy-internal-text-control>\n </div>\n\n <foxy-internal-text-control helper-text=${this.__emailHelperText} infer=\"email\">\n </foxy-internal-text-control>\n\n <foxy-internal-radio-group-control\n infer=\"is-anonymous\"\n .getValue=${this.__isAnonymousGetValue}\n .setValue=${this.__isAnonymousSetValue}\n .options=${this.__isAnonymousOptions}\n >\n </foxy-internal-radio-group-control>\n\n <foxy-internal-password-control\n placeholder=${this.__passwordPlaceholder}\n helper-text=${this.__passwordHelperText}\n infer=\"password\"\n show-generator\n >\n </foxy-internal-password-control>\n\n <foxy-internal-password-control infer=\"password-old\"></foxy-internal-password-control>\n\n <foxy-internal-password-control\n helper-text=${this.__forgotPasswordHelperText}\n infer=\"forgot-password\"\n show-generator\n >\n </foxy-internal-password-control>\n\n <foxy-internal-text-control infer=\"tax-id\"></foxy-internal-text-control>\n\n <foxy-internal-customer-form-legal-notice-control infer=\"legal-notice\">\n </foxy-internal-customer-form-legal-notice-control>\n\n ${!this.data &&\n this.settings?.sign_up?.enabled &&\n this.settings?.sign_up?.verification.type === 'hcaptcha'\n ? html`\n <h-captcha\n site-key=${this.settings.sign_up.verification.site_key}\n class=\"hidden\"\n size=\"invisible\"\n hl=${this.lang}\n @verified=${({ token }: Record<'token' \| 'eKey', string>) => {\n this.edit({ verification: { type: 'hcaptcha', token } });\n super.submit();\n }}\n >\n </h-captcha>\n `\n : ''}\n ${super.renderBody()}\n `;\n }\n\n submit(): void {\n if (this.settings?.sign_up?.verification?.type === 'hcaptcha' && !this.data) {\n this.__hcaptcha?.reset();\n this.__hcaptcha?.execute();\n } else {\n super.submit();\n }\n }\n\n protected async _sendPatch(edits: Partial<Data>): Promise<Data> {\n const data = await super._sendPatch(edits);\n\n if (edits.password) {\n const status = { key: 'password_change_success', options: { email: data.email } };\n this.status = status;\n }\n\n return data;\n }\n\n protected async _sendGet(): Promise<Data> {\n this.status = null;\n return await super._sendGet();\n }\n\n protected async _fetch<TResult = Data>(...args: Parameters<Window['fetch']>): Promise<TResult> {\n try {\n return await super._fetch(...args);\n } catch (err) {\n let message;\n\n try {\n message = (await (err as Response).json())._embedded['fx:errors'][0].message;\n } catch {\n throw err;\n }\n\n if (message === 'Conflict' \|\| message.startsWith('This email address is already in use')) {\n throw ['error:email_already_used'];\n } else if (message.startsWith('Customer registration is disabled')) {\n throw ['error:registration_disabled'];\n } else if (message.startsWith('Client verification failed')) {\n throw ['error:verification_failed'];\n } else if (message.startsWith('Provided password is incorrect')) {\n throw ['error:old_password_incorrect'];\n } else {\n throw err;\n }\n }\n }\n\n private get __forgotPasswordHelperText() {\n const createdOn = this.data?.forgot_password_timestamp;\n const password = this.data?.forgot_password;\n const i18nKey = 'forgot-password.helper_text';\n\n if (password && createdOn) {\n const expiresOn = new Date(new Date(createdOn).getTime() + 30 * 60 * 1000);\n const expiresInMin = Math.floor((expiresOn.getTime() - Date.now()) / 1000 / 60);\n if (expiresInMin <= 0) return this.t(`${i18nKey}_expired_on`, { expiresOn });\n return this.t(`${i18nKey}_expires_in`, { expiresInMin: `${expiresInMin}minutes` });\n } else {\n return this.t(i18nKey);\n }\n }\n\n private get __passwordPlaceholder() {\n return this.data ? this.t('password.placeholder_new') : this.t('password.placeholder');\n }\n\n private get __passwordHelperText() {\n return this.data ? this.t('password.helper_text_new') : this.t('password.helper_text');\n }\n\n private get __emailHelperText() {\n return this.data?.last_login_date\n ? this.t('email.helper_text_last_login_date', { date: this.data.last_login_date })\n : this.t('email.helper_text');\n }\n\n private get __hcaptcha() {\n return this.renderRoot.querySelector<VanillaHCaptchaWebComponent>('h-captcha');\n }\n}\n"]}
1	+ {"version":3,"file":"CustomerForm.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerForm/CustomerForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { VanillaHCaptchaWebComponent } from 'vanilla-hcaptcha';\nimport type { Data, Settings } from './types';\nimport type { PropertyDeclarations } from 'lit-element';\nimport type { ScopedElementsMap } from '@open-wc/scoped-elements';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\n\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { validate as isEmail } from 'email-validator';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-html';\n\nimport checkPasswordStrength from 'check-password-strength';\n\nconst NS = 'customer-form';\nconst Base = ScopedElementsMixin(TranslatableMixin(InternalForm, NS));\nconst passwordStrength = checkPasswordStrength.passwordStrength;\n\n/*\n Form element for creating or editing customers.\n \n @element foxy-customer-form\n * @since 1.2.0\n /\nexport class CustomerForm extends Base<Data> {\n static get scopedElements(): ScopedElementsMap {\n return {\n 'foxy-internal-customer-form-legal-notice-control': customElements.get(\n 'foxy-internal-customer-form-legal-notice-control'\n ),\n 'foxy-internal-radio-group-control': customElements.get('foxy-internal-radio-group-control'),\n 'foxy-internal-timestamps-control': customElements.get('foxy-internal-timestamps-control'),\n 'foxy-internal-password-control': customElements.get('foxy-internal-password-control'),\n 'foxy-internal-submit-control': customElements.get('foxy-internal-submit-control'),\n 'foxy-internal-delete-control': customElements.get('foxy-internal-delete-control'),\n 'foxy-internal-text-control': customElements.get('foxy-internal-text-control'),\n 'foxy-internal-undo-control': customElements.get('foxy-internal-undo-control'),\n 'foxy-copy-to-clipboard': customElements.get('foxy-copy-to-clipboard'),\n 'foxy-spinner': customElements.get('foxy-spinner'),\n 'vcf-tooltip': customElements.get('vcf-tooltip'),\n 'foxy-i18n': customElements.get('foxy-i18n'),\n 'h-captcha': customElements.get('h-captcha'),\n 'vaadin-button': customElements.get('vaadin-button'),\n };\n }\n\n static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n passwordless: { type: Boolean },\n settings: { type: Object },\n };\n }\n\n static get v8n(): NucleonV8N<Data, CustomerForm> {\n return [\n ({ password, _links, is_anonymous = true }, host) => {\n if (host.passwordless) return true;\n return !_links && !is_anonymous && !password ? 'password:v8n_required' : true;\n },\n ({ password_old, password, _links }, host) => {\n if (!_links) return true;\n if (host.settings?.sign_up === undefined) return true;\n return password && !password_old ? 'password-old:v8n_required' : true;\n },\n ({ first_name: v }) => !v \|\| v.length <= 50 \|\| 'first-name:v8n_too_long',\n ({ last_name: v }) => !v \|\| v.length <= 50 \|\| 'last-name:v8n_too_long',\n ({ password: v }) => !v \|\| passwordStrength(v).id >= 2 \|\| 'password:v8n_too_weak',\n ({ password: v }) => !v \|\| v.length <= 50 \|\| 'password:v8n_too_long',\n ({ tax_id: v }) => !v \|\| v.length <= 50 \|\| 'tax-id:v8n_too_long',\n ({ email: v }) => (v && v.length > 0) \|\| 'email:v8n_required',\n ({ email: v }) => !v \|\| v.length <= 100 \|\| 'email:v8n_too_long',\n ({ email: v }) => !v \|\| isEmail(v) \|\| 'email:v8n_invalid_email',\n ];\n }\n\n /* If true, won't require password when creating a customer. /\n passwordless = false;\n\n /* Full `fx:customer_portal_settings` resource from Customer API. If present, switches this element into the Customer API mode, enabling client verification. /\n settings: Settings \| null = null;\n\n private readonly __isAnonymousGetValue = () => {\n return this.form?.is_anonymous === false ? 'false' : 'true';\n };\n\n private readonly __isAnonymousSetValue = (newValue: string) => {\n const isAnonymous = newValue === 'true';\n this.edit({ is_anonymous: isAnonymous });\n if (isAnonymous && this.form.password) this.edit({ password: '' });\n if (isAnonymous && this.form.password_old) this.edit({ password_old: '' });\n if (isAnonymous && this.form.forgot_password) this.edit({ forgot_password: '' });\n };\n\n private readonly __isAnonymousOptions = [\n { value: 'true', label: 'option_true' },\n { value: 'false', label: 'option_false' },\n ];\n\n private __refreshInterval: NodeJS.Timeout \| null = null;\n\n get hiddenSelector(): BooleanSelector {\n const hidden = new Set<string>(super.hiddenSelector.toString().split(' '));\n\n if (this.settings) {\n hidden.add('forgot-password');\n hidden.add('is-anonymous');\n if (!this.form.password) hidden.add('password-old');\n if (this.settings.tos_checkbox_settings.usage === 'none') hidden.add('legal-notice');\n } else {\n if (this.form.is_anonymous !== false) {\n hidden.add('forgot-password');\n hidden.add('password');\n }\n hidden.add('password-old');\n hidden.add('legal-notice');\n }\n\n if (this.href) {\n hidden.add('is-anonymous');\n hidden.add('legal-notice');\n }\n\n return new BooleanSelector(Array.from(hidden).join(' ').trim());\n }\n\n get headerTitleOptions(): Record<string, unknown> {\n const data = this.data;\n if (!data \|\| data.first_name.trim() \|\| data.last_name.trim()) return super.headerTitleOptions;\n return { ...super.headerTitleOptions, context: 'no_name' };\n }\n\n get headerSubtitleKey(): string {\n return this.data?.is_anonymous ? 'subtitle_anonymous' : 'subtitle_registered';\n }\n\n get headerSubtitleOptions(): Record<string, unknown> {\n return { ...super.headerSubtitleOptions, id: this.headerCopyIdValue };\n }\n\n disconnectedCallback(): void {\n super.disconnectedCallback();\n const interval = this.__refreshInterval;\n if (interval) clearInterval(interval);\n }\n\n connectedCallback(): void {\n super.connectedCallback();\n const interval = setInterval(() => this.requestUpdate(), 60 1000);\n this.__refreshInterval = interval;\n }\n\n renderBody(): TemplateResult {\n const isFirstNameHidden = this.hiddenSelector.matches('first-name', true);\n const isLastNameHidden = this.hiddenSelector.matches('last-name', true);\n\n return html`\n ${this.renderHeader()}\n\n <div\n class=${classMap({\n 'grid-cols-2': !isFirstNameHidden && !isLastNameHidden,\n 'hidden': isFirstNameHidden && isLastNameHidden,\n 'gap-m': true,\n 'grid': !isFirstNameHidden \|\| !isLastNameHidden,\n })}\n >\n <foxy-internal-text-control infer=\"first-name\"></foxy-internal-text-control>\n <foxy-internal-text-control infer=\"last-name\"></foxy-internal-text-control>\n </div>\n\n <foxy-internal-text-control helper-text=${this.__emailHelperText} infer=\"email\">\n </foxy-internal-text-control>\n\n <foxy-internal-radio-group-control\n infer=\"is-anonymous\"\n .getValue=${this.__isAnonymousGetValue}\n .setValue=${this.__isAnonymousSetValue}\n .options=${this.__isAnonymousOptions}\n >\n </foxy-internal-radio-group-control>\n\n <foxy-internal-password-control\n placeholder=${this.__passwordPlaceholder}\n helper-text=${this.__passwordHelperText}\n infer=\"password\"\n show-generator\n >\n </foxy-internal-password-control>\n\n <foxy-internal-password-control infer=\"password-old\"></foxy-internal-password-control>\n\n <foxy-internal-password-control\n helper-text=${this.__forgotPasswordHelperText}\n infer=\"forgot-password\"\n show-generator\n >\n </foxy-internal-password-control>\n\n <foxy-internal-text-control infer=\"tax-id\"></foxy-internal-text-control>\n\n <foxy-internal-customer-form-legal-notice-control infer=\"legal-notice\">\n </foxy-internal-customer-form-legal-notice-control>\n\n ${!this.data &&\n this.settings?.sign_up?.enabled &&\n this.settings?.sign_up?.verification.type === 'hcaptcha'\n ? html`\n <h-captcha\n site-key=${this.settings.sign_up.verification.site_key}\n class=\"hidden\"\n size=\"invisible\"\n hl=${this.lang}\n @verified=${({ token }: Record<'token' \| 'eKey', string>) => {\n this.edit({ verification: { type: 'hcaptcha', token } });\n super.submit();\n }}\n >\n </h-captcha>\n `\n : ''}\n ${super.renderBody()}\n `;\n }\n\n submit(): void {\n if (this.settings?.sign_up?.verification?.type === 'hcaptcha' && !this.data) {\n this.__hcaptcha?.reset();\n this.__hcaptcha?.execute();\n } else {\n super.submit();\n }\n }\n\n protected async _sendPatch(edits: Partial<Data>): Promise<Data> {\n const data = await super._sendPatch(edits);\n\n if (edits.password) {\n const status = { key: 'password_change_success', options: { email: data.email } };\n this.status = status;\n }\n\n return data;\n }\n\n protected async _sendGet(): Promise<Data> {\n this.status = null;\n return await super._sendGet();\n }\n\n protected async _fetch<TResult = Data>(...args: Parameters<Window['fetch']>): Promise<TResult> {\n try {\n return await super._fetch(...args);\n } catch (err) {\n let message;\n\n try {\n message = (await (err as Response).json())._embedded['fx:errors'][0].message;\n } catch {\n throw err;\n }\n\n if (message === 'Conflict' \|\| message.startsWith('This email address is already in use')) {\n throw ['error:email_already_used'];\n } else if (message.startsWith('Customer registration is disabled')) {\n throw ['error:registration_disabled'];\n } else if (message.startsWith('Client verification failed')) {\n throw ['error:verification_failed'];\n } else if (message.startsWith('Provided password is incorrect')) {\n throw ['error:old_password_incorrect'];\n } else {\n throw err;\n }\n }\n }\n\n private get __forgotPasswordHelperText() {\n const createdOn = this.data?.forgot_password_timestamp;\n const password = this.data?.forgot_password;\n const i18nKey = 'forgot-password.helper_text';\n\n if (password && createdOn) {\n const expiresOn = new Date(new Date(createdOn).getTime() + 30 * 60 * 1000);\n const expiresInMin = Math.floor((expiresOn.getTime() - Date.now()) / 1000 / 60);\n if (expiresInMin <= 0) return this.t(`${i18nKey}_expired_on`, { expiresOn });\n return this.t(`${i18nKey}_expires_in`, { expiresInMin: `${expiresInMin}minutes` });\n } else {\n return this.t(i18nKey);\n }\n }\n\n private get __passwordPlaceholder() {\n return this.data ? this.t('password.placeholder_new') : this.t('password.placeholder');\n }\n\n private get __passwordHelperText() {\n return this.data ? this.t('password.helper_text_new') : this.t('password.helper_text');\n }\n\n private get __emailHelperText() {\n return this.data?.last_login_date\n ? this.t('email.helper_text_last_login_date', { date: this.data.last_login_date })\n : this.t('email.helper_text');\n }\n\n private get __hcaptcha() {\n return this.renderRoot.querySelector<VanillaHCaptchaWebComponent>('h-captcha');\n }\n}\n"]}