@colijnit/transaction 262.1.51 → 262.1.53

package/index.d.ts

@@ -299,6 +299,7 @@ import { PdfHistoricPosReceiptRequest } from '@colijnit/transactionapi/build/mod
 import { CreatePublicQuoteRequest } from '@colijnit/transactionapi/build/model/create-public-quote-request';
 import { UpsertTransactionStandardTextRequest } from '@colijnit/transactionapi/build/model/upsert-transaction-standard-text-request';
 import { ChangeHeaderExtraDocRequest } from '@colijnit/transactionapi/build/model/change-header-extra-doc-request';
+import { AvailableWarehouseStockPerBatch } from '@colijnit/transactionapi/build/model/available-warehouse-stock-per-batch.bo';
 import { BusinessObjectIDType } from '@colijnit/ioneconnector/build/type/business-object-id-type';
 import { RelationKind as RelationKind$1 } from '@colijnit/articleapi/build/enum/relation-kind.enum';
 import { Relation } from '@colijnit/relationapi/build/model/relation.bo';
@@ -1521,6 +1522,7 @@ declare class TransactionConnectorAdapterService {
     createQRCode(width: number, height: number, data: string): Promise<string>;
     roundUp(amount: number, paymentMethodCode: string, showLoader?: boolean): Promise<number>;
     createPublicQuote(request: CreatePublicQuoteRequest): Promise<number>;
+    getAvailableWarehouseStockPerBatchNrByGoodIdAndBranch(goodId: number, branchNr: string): Promise<AvailableWarehouseStockPerBatch[]>;
     getCreatePublicQuoteResponse(request: CreatePublicQuoteRequest): Promise<DataServiceResponseData>;
     private _openPdfContent;
     private _handleLocalPrintFile;
@@ -2005,6 +2007,7 @@ declare class TransactionConnectorService {
     roundUp(amount: number, paymentMethodCode: string, showLoader?: boolean): Promise<number>;
     createPublicQuote(request: CreatePublicQuoteRequest): Promise<number>;
     getCreatePublicQuoteResponse(request: CreatePublicQuoteRequest): Promise<DataServiceResponseData>;
+    getAvailableWarehouseStockPerBatchNrByGoodIdAndBranch(goodId: number, branchNr: string): Promise<AvailableWarehouseStockPerBatch[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionConnectorService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TransactionConnectorService>;
 }
@@ -2872,6 +2875,7 @@ declare class TransactionService extends PendingReasonService {
     cancelPspTransaction(pspTransactionUuid: string): Promise<boolean>;
     createQRCode(width: number, height: number, data: string): Promise<string>;
     roundUp(amount: number, paymentMethodCode: string, showLoader?: boolean): Promise<number>;
+    getAvailableWarehouseStockPerBatchNrByGoodIdAndBranch(goodId: number, branchNr: string): Promise<AvailableWarehouseStockPerBatch[]>;
     protected _handleBeforeRememberCurrentTransaction(transactionInfoResponse: TransactionInfoResponse): Promise<void>;
     protected _handleAfterRememberCurrentTransaction(): Promise<void>;
     private _checkAndSaveLinesForAIConfirmation;
@@ -4120,6 +4124,7 @@ declare enum TransactionCfgName {
     ProjectCode = "projectCode",
     TransactionType = "transactionType",
     TransTypeField = "transTypeField",
+    RelationOrderDate = "relationOrderDate",
     HeaderPaymentAvatarHeader = "headerPaymentAvatarHeader",
     HeaderPaymentPercentageHeader = "headerPaymentPercentageHeader",
     HeaderPaymentAmountHeader = "headerPaymentAmountHeader",
@@ -4702,6 +4707,7 @@ interface TransactionBarButton {
 }
 
 interface TransactionButtonBarMappingConfig {
+    buttonPlanning: Map<TransactionKind, TransactionTypeCategory>;
     buttonBarButtons: Map<TransactionKind, any[]>;
 }
 interface TransactionFilterMappingConfig {
@@ -4751,6 +4757,7 @@ declare class TransactionMappingService {
     private _handledByDescription;
     constructor(_buttonBarConfig: TransactionButtonBarMappingConfig, _filterConfig: TransactionFilterMappingConfig, _searchConfig: TransactionSearchMappingConfig, _lineConfig: TransactionLineMappingConfig, _cardConfig: TransactionCardMappingConfig, _sidePanelConfig: TransactionSidePanelMappingConfig, _quickAccessConfig: TransactionQuickAccessMappingConfig);
     getHandledByDescription(type: TransactionKind): string;
+    getPlanningRubricForTransactionKind(type: TransactionKind): TransactionTypeCategory;
     getButtonBar(type: TransactionKind): TransactionBarButton[];
     getSidePanelComponent(type: TransactionKind): any;
     getQuickAccessComponent(type: TransactionKind, category: TransactionTypeCategory): any;
@@ -10035,7 +10042,7 @@ declare class TransactionSalesOverviewButtonBarButtonComponent extends Transacti
     showCategories: boolean;
     constructor(iconCacheService: IconCacheService, changeDetector: ChangeDetectorRef, _transactionEventService: TransactionEventService, _mappingService: TransactionMappingService, _dictionaryService: DictionaryService, _screenConfigService: TransactionScreenConfigurationService, _transactionService: TransactionService, _elementRef: ElementRef, _renderer: Renderer2, _transactionBaseService: TransactionService);
     currentIcon(): Icon.CartShoppingRegular | Icon.ChartPieSimpleRegular;
-    currentTitle(): "MARGINS" | "OVERVIEW";
+    currentTitle(): "OVERVIEW" | "MARGINS";
     ngOnDestroy(): void;
     handleClickWrapper(event: MouseEvent): void;
     handleMarginClicked(event: MouseEvent, category: TransactionTypeCategory): void;
@@ -10061,7 +10068,7 @@ declare class TransactionPurchaseOverviewButtonBarButtonComponent extends Transa
     constructor(iconCacheService: IconCacheService, transactionHeaderService: TransactionHeaderService, transactionEventService: TransactionEventService, changeDetector: ChangeDetectorRef, _mappingService: TransactionMappingService, _transactionService: TransactionService, _elementRef: ElementRef);
     ngOnDestroy(): void;
     currentIcon(): Icon.CartShoppingRegular | Icon.ChartPieSimpleRegular;
-    currentTitle(): "MARGINS" | "OVERVIEW";
+    currentTitle(): "OVERVIEW" | "MARGINS";
     handleClickWrapper(event: MouseEvent): void;
     handleMarginClicked(event: MouseEvent, category: TransactionTypeCategory): Promise<void>;
     private handleDocumentClick;
@@ -10113,7 +10120,7 @@ declare class TransactionSalesQuotationButtonBarButtonComponent extends Transact
     showCategories: boolean;
     constructor(iconCacheService: IconCacheService, changeDetector: ChangeDetectorRef, _transactionEventService: TransactionEventService, _mappingService: TransactionMappingService, _dictionaryService: DictionaryService, _screenConfigService: TransactionScreenConfigurationService, _transactionService: TransactionService, _elementRef: ElementRef, _renderer: Renderer2, _transactionBaseService: TransactionService);
     currentIcon(): Icon.CartShoppingRegular | Icon.ChartPieSimpleRegular;
-    currentTitle(): "MARGINS" | "OVERVIEW";
+    currentTitle(): "OVERVIEW" | "MARGINS";
     ngOnDestroy(): void;
     handleClickWrapper(event: MouseEvent): void;
     handleMarginClicked(event: MouseEvent, category: TransactionTypeCategory): void;
@@ -10575,6 +10582,7 @@ declare class TransactionLineSalesAllocationComponent extends TransactionLineBas
     constructor(transactionHeaderService: TransactionHeaderService, transactionLineService: TransactionLineService, transactionEventService: TransactionEventService, service: TransactionService, iconCacheService: IconCacheService, transactionScreenConfigurationService: TransactionScreenConfigurationService, dictionaryService: DictionaryService, imageService: TransactionImageService, changeDetector: ChangeDetectorRef, _formMaster: FormMasterService, _dialogService: TransactionDialogService);
     ngOnInit(): void;
     ngOnDestroy(): void;
+    handleLineClicked(line: AvailableWarehouseStockPerBatch): void;
     submit(): boolean;
     getGoodsAllocationHistory(): Promise<void>;
     handleSaveDetailsEdit(): void;
@@ -10585,9 +10593,31 @@ declare class TransactionLineSalesAllocationComponent extends TransactionLineBas
     static ɵcmp: i0.ɵɵComponentDeclaration<TransactionLineSalesAllocationComponent, "co-transaction-line-sales-allocation", never, {}, {}, never, never, false, never>;
 }
 
+declare class TransactionWarehouseStockBatchAmountComponent extends TransactionLineBaseComponent {
+    readonly SimpleGridColumnTemplateType: typeof SimpleGridColumnTemplateType;
+    set stockComparisonAmount(amount: number);
+    get stockComparisonAmount(): number;
+    lineClicked: EventEmitter<AvailableWarehouseStockPerBatch>;
+    showClass(): boolean;
+    availableWarehouseStockPerBatchCollection: AvailableWarehouseStockPerBatch[];
+    private _stockComparisonAmount;
+    handleLineClicked(line: any): void;
+    checkWarehouseAndAmount: (row: AvailableWarehouseStockPerBatch) => string[];
+    protected transactionLineSet(): void;
+    private _forceGridRedraw;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TransactionWarehouseStockBatchAmountComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TransactionWarehouseStockBatchAmountComponent, "co-transaction-warehouse-batch-amount", never, { "stockComparisonAmount": { "alias": "stockComparisonAmount"; "required": false; }; }, { "lineClicked": "lineClicked"; }, never, never, false, never>;
+}
+
+declare class TransactionWarehouseStockBatchAmountModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TransactionWarehouseStockBatchAmountModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionWarehouseStockBatchAmountModule, [typeof TransactionWarehouseStockBatchAmountComponent], [typeof i3.SimpleGridModule, typeof i2.DatePipe, typeof PipeModule], [typeof TransactionWarehouseStockBatchAmountComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TransactionWarehouseStockBatchAmountModule>;
+}
+
 declare class TransactionLineSalesAllocationModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionLineSalesAllocationModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionLineSalesAllocationModule, [typeof TransactionLineSalesAllocationComponent], [typeof i2.CommonModule, typeof i3.FormModule, typeof PipeModule, typeof i3.InputTextModule, typeof i3.IconModule, typeof TransactionAllocateGoodsHistoryModule, typeof i3.InputNumberPickerModule, typeof TransactionButtonModule, typeof i3.TooltipDirectiveModule, typeof i3.ButtonModule, typeof TransactionLineWarehouseLocationButtonModule, typeof TransactionLineLabelModule], [typeof TransactionLineSalesAllocationComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionLineSalesAllocationModule, [typeof TransactionLineSalesAllocationComponent], [typeof i2.CommonModule, typeof i3.FormModule, typeof PipeModule, typeof i3.InputTextModule, typeof i3.IconModule, typeof TransactionAllocateGoodsHistoryModule, typeof i3.InputNumberPickerModule, typeof TransactionButtonModule, typeof i3.TooltipDirectiveModule, typeof i3.ButtonModule, typeof TransactionLineWarehouseLocationButtonModule, typeof TransactionLineLabelModule, typeof TransactionWarehouseStockBatchAmountModule], [typeof TransactionLineSalesAllocationComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TransactionLineSalesAllocationModule>;
 }
 
@@ -13507,9 +13537,23 @@ declare class TransactionLineSidePanelInternalDeliveryModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<TransactionLineSidePanelInternalDeliveryModule>;
 }
 
+declare class TransactionLineSidePanelServiceComponent extends TransactionLineBaseComponent {
+    readonly categories: typeof TransactionTypeCategory;
+    categoryType: TransactionTypeCategory;
+    showClass(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TransactionLineSidePanelServiceComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TransactionLineSidePanelServiceComponent, "co-transaction-line-side-panel-service", never, { "categoryType": { "alias": "categoryType"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class TransactionLineSidePanelServiceModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TransactionLineSidePanelServiceModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionLineSidePanelServiceModule, [typeof TransactionLineSidePanelServiceComponent], [typeof i2.CommonModule, typeof i3.ButtonModule, typeof PipeModule, typeof i3.IconModule, typeof TransactionLineSidePanelSalesPurchaseModule, typeof TransactionLineSalesAllocationModule, typeof TransactionLineSalesInvoiceModule, typeof TransactionLineSalesDeliveryModule, typeof TransactionLineSidePanelToBePickedModule, typeof TransactionLineSidePanelPickedModule, typeof TransactionLineSidePanelDefaultModule], [typeof TransactionLineSidePanelServiceComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TransactionLineSidePanelServiceModule>;
+}
+
 declare class TransactionLineSidePanelModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionLineSidePanelModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionLineSidePanelModule, [typeof TransactionLineSidePanelComponent], [typeof i2.CommonModule, typeof CoreModule, typeof TransactionLineSidePanelDefaultModule, typeof TransactionReceivingGoodsHistoryModule, typeof PipeModule, typeof i3.ButtonModule, typeof TransactionButtonBarModule, typeof i3.PriceDisplayPipeModule, typeof TransactionConfirmationHistoryModule, typeof TransactionLineSidePanelPurchaseModule, typeof TransactionConfirmationHistoryModule, typeof TransactionLineSidePanelSalesModule, typeof TransactionLineSidePanelArticleDetailsModule, typeof TransactionLineSidePanelInternalDeliveryModule], [typeof TransactionLineSidePanelComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionLineSidePanelModule, [typeof TransactionLineSidePanelComponent], [typeof i2.CommonModule, typeof CoreModule, typeof TransactionLineSidePanelDefaultModule, typeof TransactionReceivingGoodsHistoryModule, typeof PipeModule, typeof i3.ButtonModule, typeof TransactionButtonBarModule, typeof i3.PriceDisplayPipeModule, typeof TransactionConfirmationHistoryModule, typeof TransactionLineSidePanelPurchaseModule, typeof TransactionConfirmationHistoryModule, typeof TransactionLineSidePanelSalesModule, typeof TransactionLineSidePanelArticleDetailsModule, typeof TransactionLineSidePanelInternalDeliveryModule, typeof TransactionLineSidePanelServiceModule], [typeof TransactionLineSidePanelComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TransactionLineSidePanelModule>;
 }
 
@@ -13985,6 +14029,7 @@ declare class TransactionInternalComponent implements OnInit, OnDestroy {
     private _changeDetector;
     transactionHeaderService: TransactionHeaderService;
     private _overlayService;
+    private _mappingService;
     private _lineSelection;
     readonly categories: typeof TransactionTypeCategory;
     readonly viewModes: typeof ContentViewMode;
@@ -14061,7 +14106,7 @@ declare class TransactionInternalComponent implements OnInit, OnDestroy {
     private _salesPersonInputComponentRef;
     private _salesPersonAvatarComponentRef;
     private _containerForFillMode;
-    constructor(iconCacheService: IconCacheService, service: TransactionService, deliveryPlanningService: DeliveryPlanningService, _transactionConnectorService: TransactionConnectorService, _transactionEventService: TransactionEventService, _screenConfigurationService: TransactionScreenConfigurationService, _dialogService: TransactionDialogService, _purchaseConfirmationService: PurchaseConfirmationService, _transactionBaseService: TransactionBaseService, _changeDetector: ChangeDetectorRef, transactionHeaderService: TransactionHeaderService, _overlayService: OverlayService, _lineSelection: LineSelectionService);
+    constructor(iconCacheService: IconCacheService, service: TransactionService, deliveryPlanningService: DeliveryPlanningService, _transactionConnectorService: TransactionConnectorService, _transactionEventService: TransactionEventService, _screenConfigurationService: TransactionScreenConfigurationService, _dialogService: TransactionDialogService, _purchaseConfirmationService: PurchaseConfirmationService, _transactionBaseService: TransactionBaseService, _changeDetector: ChangeDetectorRef, transactionHeaderService: TransactionHeaderService, _overlayService: OverlayService, _mappingService: TransactionMappingService, _lineSelection: LineSelectionService);
     ngOnInit(): Promise<void>;
     ngOnDestroy(): void;
     handleButtonBarButtonClicked(button: TransactionBarButton): Promise<void>;
@@ -14113,7 +14158,7 @@ declare class TransactionInternalComponent implements OnInit, OnDestroy {
     handleSaveForm(formResponse: FormResponse): Promise<void>;
     private _handleCloseSalesPersonInput;
     private _commitTransactionSalesPerson;
-    private _fetchPlanOrderIfNeeded;
+    private _handlePlanOrderAndActiveCategoryIfNeeded;
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionInternalComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TransactionInternalComponent, "co-transaction-internal", never, { "confirmationAnalysisId": { "alias": "confirmationAnalysisId"; "required": false; }; "posOrderData": { "alias": "posOrderData"; "required": false; }; "transaction": { "alias": "transaction"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "showViewModeButtons": { "alias": "showViewModeButtons"; "required": false; }; "transactionPlanning": { "alias": "transactionPlanning"; "required": false; }; "customerPortal": { "alias": "customerPortal"; "required": false; }; "resetActiveRubric": { "alias": "resetActiveRubric"; "required": false; }; "showPresets": { "alias": "showPresets"; "required": false; }; "showQuickAccess": { "alias": "showQuickAccess"; "required": false; }; "showButtonBar": { "alias": "showButtonBar"; "required": false; }; }, { "serviceRequested": "serviceRequested"; }, never, never, false, never>;
 }
@@ -14334,9 +14379,6 @@ declare class TransactionQuickAccessComponent implements OnInit, OnDestroy {
     get transactionKind(): TransactionKind;
     set activeCategory(value: TransactionTypeCategory);
     get activeCategory(): TransactionTypeCategory;
-    set planningLines(value: boolean);
-    get planningLines(): boolean;
-    private _planningLines;
     showClass(): boolean;
     private _activeCategory;
     private _componentRef;
@@ -14349,7 +14391,7 @@ declare class TransactionQuickAccessComponent implements OnInit, OnDestroy {
     ngOnDestroy(): void;
     private _prepareContent;
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionQuickAccessComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TransactionQuickAccessComponent, "co-transaction-quick-access", never, { "transactionKind": { "alias": "transactionKind"; "required": false; }; "activeCategory": { "alias": "activeCategory"; "required": false; }; "planningLines": { "alias": "planningLines"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TransactionQuickAccessComponent, "co-transaction-quick-access", never, { "transactionKind": { "alias": "transactionKind"; "required": false; }; "activeCategory": { "alias": "activeCategory"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 declare class TransactionQuickAccessOrderConfirmationComponent extends TransactionHeaderBaseComponent implements OnInit, OnDestroy {

package/lib/component/core/base/components/transaction-header-contact/style/_layout.scss

@@ -1,65 +1,65 @@
-@include export-module('co-transaction-header-contact-layout') {
-  .co-transaction-header-contact {
-    display: flex;
-    align-items: center;
-    column-gap: var(--co-transaction-header-contact-column-gap);
-    min-width: 0;
-
-    .transaction-header-contact-value {
-      flex: 1 1 auto;
-      min-width: 0;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      text-decoration: none;
-    }
-
-    .transaction-header-contact-copy {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      flex-shrink: 0;
-      width: var(--co-transaction-header-contact-copy-hit-size);
-      height: var(--co-transaction-header-contact-copy-hit-size);
-      cursor: pointer;
-      // Always visible, so the option is discoverable without a hovering pointer.
-      opacity: var(--co-transaction-header-contact-copy-idle-opacity);
-      transition: var(--co-transaction-header-contact-copy-transition);
-
-      &:hover, &.copied {
-        opacity: 1;
-      }
-
-      .co-icon {
-        width: var(--co-transaction-header-contact-copy-icon-size);
-        height: var(--co-transaction-header-contact-copy-icon-size);
-      }
-    }
-
-    // Deliberately not the screen-mobile mixin: the target has to grow wherever a finger is doing the
-    // tapping, which is the same condition under which the component renders a mailto: / tel: link.
-    // A tablet in landscape is wider than the mobile breakpoint and still needs the bigger target.
-    @media only screen and (max-width: 700px), (hover: none) and (pointer: coarse) {
-      min-height: var(--co-transaction-header-contact-copy-hit-size-touch);
-
-      .transaction-header-contact-copy {
-        width: var(--co-transaction-header-contact-copy-hit-size-touch);
-        height: var(--co-transaction-header-contact-copy-hit-size-touch);
-      }
-    }
-  }
-
-  .transaction-header-contact-clipboard-proxy {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    border-width: 0;
-    // iOS zooms in on a focused field below 16px, even one it cannot see.
-    font-size: 16px;
-    opacity: 0;
-    pointer-events: none;
-  }
-}
+@include export-module('co-transaction-header-contact-layout') {
+  .co-transaction-header-contact {
+    display: flex;
+    align-items: center;
+    column-gap: var(--co-transaction-header-contact-column-gap);
+    min-width: 0;
+
+    .transaction-header-contact-value {
+      flex: 1 1 auto;
+      min-width: 0;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      text-decoration: none;
+    }
+
+    .transaction-header-contact-copy {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+      width: var(--co-transaction-header-contact-copy-hit-size);
+      height: var(--co-transaction-header-contact-copy-hit-size);
+      cursor: pointer;
+      // Always visible, so the option is discoverable without a hovering pointer.
+      opacity: var(--co-transaction-header-contact-copy-idle-opacity);
+      transition: var(--co-transaction-header-contact-copy-transition);
+
+      &:hover, &.copied {
+        opacity: 1;
+      }
+
+      .co-icon {
+        width: var(--co-transaction-header-contact-copy-icon-size);
+        height: var(--co-transaction-header-contact-copy-icon-size);
+      }
+    }
+
+    // Deliberately not the screen-mobile mixin: the target has to grow wherever a finger is doing the
+    // tapping, which is the same condition under which the component renders a mailto: / tel: link.
+    // A tablet in landscape is wider than the mobile breakpoint and still needs the bigger target.
+    @media only screen and (max-width: 700px), (hover: none) and (pointer: coarse) {
+      min-height: var(--co-transaction-header-contact-copy-hit-size-touch);
+
+      .transaction-header-contact-copy {
+        width: var(--co-transaction-header-contact-copy-hit-size-touch);
+        height: var(--co-transaction-header-contact-copy-hit-size-touch);
+      }
+    }
+  }
+
+  .transaction-header-contact-clipboard-proxy {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    border-width: 0;
+    // iOS zooms in on a focused field below 16px, even one it cannot see.
+    font-size: 16px;
+    opacity: 0;
+    pointer-events: none;
+  }
+}

package/lib/component/core/base/components/transaction-header-contact/style/_material-definition.scss

@@ -1,25 +1,25 @@
-$tp-transaction-header-contact-column-gap: 4px !default;
-$tp-transaction-header-contact-copy-icon-size: 11px !default;
-$tp-transaction-header-contact-copy-hit-size: 16px !default;
-// A finger needs a target of its own; on touch the contact row grows to fit it.
-$tp-transaction-header-contact-copy-hit-size-touch: 32px !default;
-$tp-transaction-header-contact-copy-idle-opacity: 0.45 !default;
-$tp-transaction-header-contact-copy-transition: opacity 0.2s !default;
-
-$tp-transaction-header-contact-copy-color: $tp-color-text-grey !default;
-$tp-transaction-header-contact-copy-hover-color: $tp-color-action !default;
-$tp-transaction-header-contact-copied-color: $tp-color-active !default;
-
-@include export-module('co-transaction-header-contact-tokens') {
-  :root {
-    --co-transaction-header-contact-column-gap: #{$tp-transaction-header-contact-column-gap};
-    --co-transaction-header-contact-copy-icon-size: #{$tp-transaction-header-contact-copy-icon-size};
-    --co-transaction-header-contact-copy-hit-size: #{$tp-transaction-header-contact-copy-hit-size};
-    --co-transaction-header-contact-copy-hit-size-touch: #{$tp-transaction-header-contact-copy-hit-size-touch};
-    --co-transaction-header-contact-copy-idle-opacity: #{$tp-transaction-header-contact-copy-idle-opacity};
-    --co-transaction-header-contact-copy-transition: #{$tp-transaction-header-contact-copy-transition};
-    --co-transaction-header-contact-copy-color: #{$tp-transaction-header-contact-copy-color};
-    --co-transaction-header-contact-copy-hover-color: #{$tp-transaction-header-contact-copy-hover-color};
-    --co-transaction-header-contact-copied-color: #{$tp-transaction-header-contact-copied-color};
-  }
-}
+$tp-transaction-header-contact-column-gap: 4px !default;
+$tp-transaction-header-contact-copy-icon-size: 11px !default;
+$tp-transaction-header-contact-copy-hit-size: 16px !default;
+// A finger needs a target of its own; on touch the contact row grows to fit it.
+$tp-transaction-header-contact-copy-hit-size-touch: 32px !default;
+$tp-transaction-header-contact-copy-idle-opacity: 0.45 !default;
+$tp-transaction-header-contact-copy-transition: opacity 0.2s !default;
+
+$tp-transaction-header-contact-copy-color: $tp-color-text-grey !default;
+$tp-transaction-header-contact-copy-hover-color: $tp-color-action !default;
+$tp-transaction-header-contact-copied-color: $tp-color-active !default;
+
+@include export-module('co-transaction-header-contact-tokens') {
+  :root {
+    --co-transaction-header-contact-column-gap: #{$tp-transaction-header-contact-column-gap};
+    --co-transaction-header-contact-copy-icon-size: #{$tp-transaction-header-contact-copy-icon-size};
+    --co-transaction-header-contact-copy-hit-size: #{$tp-transaction-header-contact-copy-hit-size};
+    --co-transaction-header-contact-copy-hit-size-touch: #{$tp-transaction-header-contact-copy-hit-size-touch};
+    --co-transaction-header-contact-copy-idle-opacity: #{$tp-transaction-header-contact-copy-idle-opacity};
+    --co-transaction-header-contact-copy-transition: #{$tp-transaction-header-contact-copy-transition};
+    --co-transaction-header-contact-copy-color: #{$tp-transaction-header-contact-copy-color};
+    --co-transaction-header-contact-copy-hover-color: #{$tp-transaction-header-contact-copy-hover-color};
+    --co-transaction-header-contact-copied-color: #{$tp-transaction-header-contact-copied-color};
+  }
+}

package/lib/component/core/base/components/transaction-header-contact/style/_theme.scss

@@ -1,34 +1,34 @@
-@include export-module('co-transaction-header-contact-theme') {
-  .co-transaction-header-contact {
-    .transaction-header-contact-value {
-      color: inherit;
-    }
-
-    .transaction-header-contact-copy {
-      svg {
-        fill: var(--co-transaction-header-contact-copy-color);
-      }
-      [fill] {
-        fill: var(--co-transaction-header-contact-copy-color);
-      }
-
-      &:hover {
-        svg {
-          fill: var(--co-transaction-header-contact-copy-hover-color);
-        }
-        [fill] {
-          fill: var(--co-transaction-header-contact-copy-hover-color);
-        }
-      }
-
-      &.copied {
-        svg {
-          fill: var(--co-transaction-header-contact-copied-color);
-        }
-        [fill] {
-          fill: var(--co-transaction-header-contact-copied-color);
-        }
-      }
-    }
-  }
-}
+@include export-module('co-transaction-header-contact-theme') {
+  .co-transaction-header-contact {
+    .transaction-header-contact-value {
+      color: inherit;
+    }
+
+    .transaction-header-contact-copy {
+      svg {
+        fill: var(--co-transaction-header-contact-copy-color);
+      }
+      [fill] {
+        fill: var(--co-transaction-header-contact-copy-color);
+      }
+
+      &:hover {
+        svg {
+          fill: var(--co-transaction-header-contact-copy-hover-color);
+        }
+        [fill] {
+          fill: var(--co-transaction-header-contact-copy-hover-color);
+        }
+      }
+
+      &.copied {
+        svg {
+          fill: var(--co-transaction-header-contact-copied-color);
+        }
+        [fill] {
+          fill: var(--co-transaction-header-contact-copied-color);
+        }
+      }
+    }
+  }
+}

package/lib/component/core/base/components/transaction-header-contact/style/material.scss

@@ -1,4 +1,4 @@
-@import "../../../../../../style/mixin";
-@import "./_material-definition";
-@import "./_layout";
-@import "./_theme";
+@import "../../../../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/lib/component/core/base/components/voucher-code-pending-reason-dialog/style/_layout.scss

@@ -1,19 +1,19 @@
-@include export-module('cc-voucher-code-pending-reason-dialog-layout') {
-  .co-voucher-code-pending-reason-dialog {
-    co-dialog {
-      .co-dialog-wrapper {
-        max-width: $cc-voucher-code-pending-dialog-width;
-        .co-dialog-header-title-icon {
-          display: flex;
-          align-items: center;
-          gap: $cc-voucher-code-pending-dialog-title-gap;
-        }
-        .co-dialog-content {
-          .co-input-text {
-            margin: $cc-voucher-code-pending-dialog-co-input-margin;
-          }
-        }
-      }
-    }
-  }
-}
+@include export-module('cc-voucher-code-pending-reason-dialog-layout') {
+  .co-voucher-code-pending-reason-dialog {
+    co-dialog {
+      .co-dialog-wrapper {
+        max-width: $cc-voucher-code-pending-dialog-width;
+        .co-dialog-header-title-icon {
+          display: flex;
+          align-items: center;
+          gap: $cc-voucher-code-pending-dialog-title-gap;
+        }
+        .co-dialog-content {
+          .co-input-text {
+            margin: $cc-voucher-code-pending-dialog-co-input-margin;
+          }
+        }
+      }
+    }
+  }
+}

package/lib/component/core/base/components/voucher-code-pending-reason-dialog/style/_material-definition.scss

@@ -1,3 +1,3 @@
-$cc-voucher-code-pending-dialog-width: 460px !default;
-$cc-voucher-code-pending-dialog-title-gap: 10px !default;
-$cc-voucher-code-pending-dialog-co-input-margin: 5px 0 15px 0 !default;
+$cc-voucher-code-pending-dialog-width: 460px !default;
+$cc-voucher-code-pending-dialog-title-gap: 10px !default;
+$cc-voucher-code-pending-dialog-co-input-margin: 5px 0 15px 0 !default;

package/lib/component/core/base/components/voucher-code-pending-reason-dialog/style/material.scss

@@ -1,4 +1,4 @@
-@import "../../../../../../style/mixin";
-@import "./_material-definition";
-@import "./_layout";
-@import "./_theme";
+@import "../../../../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/lib/component/returns/return-wizard/form-response/style/_layout.scss

@@ -1,57 +1,57 @@
-@include export-module('co-form-response-layout') {
-  .co-form-response {
-    font-family: $tp-co-transaction-search-font-family;
-    font-size: $tp-co-transaction-search-font-size;
-
-    .form-response-contents {
-    display: flex;
-    flex-direction: column;
-    row-gap: 20px;
-
-      .answered-questions {
-        display: flex;
-        flex-direction: column;
-        row-gap: 20px;
-
-        .answered-question-container {
-          display: flex;
-          flex-direction: column;
-          row-gap: 10px;
-
-          .answered-question {
-            font-weight: bold;
-          }
-
-          .given-answer-container {
-            display: flex;
-            flex-direction: row;
-            column-gap: 20px;
-            padding: 20px;
-            border: 1px solid $tp-color-border;
-
-            .change-answer {
-              font-style: italic;
-              color: #1A73E8;
-            }
-          }
-        }
-      }
-
-      .current-question-container {
-        display: flex;
-        flex-direction: column;
-        row-gap: 20px;
-
-        .current-question {
-          font-weight: bold;
-        }
-
-        .current-answers-container {
-          display: flex;
-          flex-direction: column;
-          row-gap: 10px;
-        }
-      }
-    }
-  }
-}
+@include export-module('co-form-response-layout') {
+  .co-form-response {
+    font-family: $tp-co-transaction-search-font-family;
+    font-size: $tp-co-transaction-search-font-size;
+
+    .form-response-contents {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+
+      .answered-questions {
+        display: flex;
+        flex-direction: column;
+        row-gap: 20px;
+
+        .answered-question-container {
+          display: flex;
+          flex-direction: column;
+          row-gap: 10px;
+
+          .answered-question {
+            font-weight: bold;
+          }
+
+          .given-answer-container {
+            display: flex;
+            flex-direction: row;
+            column-gap: 20px;
+            padding: 20px;
+            border: 1px solid $tp-color-border;
+
+            .change-answer {
+              font-style: italic;
+              color: #1A73E8;
+            }
+          }
+        }
+      }
+
+      .current-question-container {
+        display: flex;
+        flex-direction: column;
+        row-gap: 20px;
+
+        .current-question {
+          font-weight: bold;
+        }
+
+        .current-answers-container {
+          display: flex;
+          flex-direction: column;
+          row-gap: 10px;
+        }
+      }
+    }
+  }
+}

package/lib/component/returns/return-wizard/form-response/style/_material-definition.scss

@@ -1 +1 @@
-
+

package/lib/component/returns/return-wizard/form-response/style/_theme.scss

@@ -1,4 +1,4 @@
-@include export-module('co-form-response-theme') {
-  .co-form-response {
-  }
-}
+@include export-module('co-form-response-theme') {
+  .co-form-response {
+  }
+}