restructure frontend folder

Author: umbracotrd

.gitignore

@@ -479,5 +479,5 @@ $RECYCLE.BIN/
 ##
 ## Umbraco Commerce specific
 ##
-/src/Umbraco.Commerce.Checkout/wwwroot/dist
+/src/Umbraco.Commerce.Checkout/wwwroot/
 .vscode

src/Umbraco.Commerce.Checkout/Client/package-lock.json

@@ -22,6 +22,7 @@
     "typescript": "^5.4.5",
     "typescript-eslint": "^7.13.1",
     "vite": "^5.3.1",
+    "vite-plugin-static-copy": "^1.0.6",
     "vite-tsconfig-paths": "^4.3.2"
   },
   "author": "",

src/Umbraco.Commerce.Checkout/Client/package.json

@@ -6,15 +6,14 @@ export type InstallUccApiResponse = {
 export const installUmbracoCommerceCheckoutAsync: (siteRootNodeId: string) => Promise<InstallUccApiResponse> = (siteRootNodeId: string) => {
     const response = fetch('/umbraco/management/api/v1/umbraco-commerce-checkout/install?siteRootNodeId=' + siteRootNodeId, {
         credentials: 'include',
-    })
-        .then(
-            (response: Response) => {
-                return response.json();
-            },
-            (reason: unknown) => ({
-                success: false,
-                message: JSON.stringify(reason),
-            })) as Promise<InstallUccApiResponse>;
+    }).then(
+        (response: Response) => {
+            return response.json() as Promise<InstallUccApiResponse>;
+        },
+        (reason: unknown) => ({
+            success: false,
+            message: JSON.stringify(reason),
+        })) as Promise<InstallUccApiResponse>;
 
     return response;
 };

src/Umbraco.Commerce.Checkout/Client/src/backoffice/dashboards/apis.ts renamed to src/Umbraco.Commerce.Checkout/Client/src/backoffice/apis/install.api.ts

@@ -1,7 +1,7 @@
 import { LitElement, css, html, customElement } from '@umbraco-cms/backoffice/external/lit';
 import { UmbElementMixin } from '@umbraco-cms/backoffice/element-api';
 import { UMB_MODAL_MANAGER_CONTEXT } from '@umbraco-cms/backoffice/modal';
-import { UCC_INSTALLER_MODAL_TOKEN, UccInstallerModalSubmitValue } from './installer-modal.token';
+import { UCC_INSTALLER_MODAL_TOKEN } from '../modals/installer-modal.token';
 
 const ELEMENT_NAME = 'uc-checkout-installer-dashboard';
 @customElement(ELEMENT_NAME)
@@ -18,17 +18,9 @@ export class UcCheckoutInstallerDashboard extends UmbElementMixin(LitElement) {
   }
 
   #onOpenRootPickerClick() {
-    console.log('clicked');
-    const modalContext = this.#modalManagerContext?.open(this, UCC_INSTALLER_MODAL_TOKEN, {
+    this.#modalManagerContext?.open(this, UCC_INSTALLER_MODAL_TOKEN, {
       data: {},
     });
-
-    modalContext?.onSubmit()
-      .then((res: UccInstallerModalSubmitValue) => {
-        console.log(res);
-      }, () => {
-        console.log('User cancelled.');
-      });
   }
 
   render() {

src/Umbraco.Commerce.Checkout/Client/src/backoffice/dashboards/installer-dashboard.element.ts

@@ -1,5 +1,5 @@
 import type { ManifestDashboard, ManifestModal } from '@umbraco-cms/backoffice/extension-registry';
-import { UCC_INSTALLER_MODAL_ALIAS } from './installer-modal.token';
+import { UCC_INSTALLER_MODAL_ALIAS } from '../modals/installer-modal.token';
 
 const dashboardManifests: Array<ManifestDashboard | ManifestModal> = [
     {
@@ -24,7 +24,7 @@ const dashboardManifests: Array<ManifestDashboard | ManifestModal> = [
         meta: {},
         name: 'Umbraco Commerce Checkout Installer Modal',
         elementName: 'ucc-installer-config-modal',
-        element: () => import('./installer-modal.element'),
+        element: () => import('../modals/installer-modal.element'),
     },
 ];
 export const manifests = [...dashboardManifests];

src/Umbraco.Commerce.Checkout/Client/src/backoffice/dashboards/manifest.ts

@@ -9,6 +9,5 @@ const manifests: Array<ManifestTypes> = [
 ];
 
 export const onInit: UmbEntryPointOnInit = (_host, extensionRegistry) => {
-    console.log('%c Checkout v14 plugin loaded ＼（〇_ｏ）／', 'font-size: 20pt;');
     extensionRegistry.registerMany(manifests);
 };

src/Umbraco.Commerce.Checkout/Client/src/backoffice/index.ts

@@ -5,7 +5,7 @@ import { ManifestModal, UmbModalExtensionElement } from '@umbraco-cms/backoffice
 import { UccInstallerModalSubmitValue } from './installer-modal.token';
 import { UmbInputDocumentElement } from '@umbraco-cms/backoffice/document';
 import type { UUIButtonState } from '@umbraco-cms/backoffice/external/uui';
-import { installUmbracoCommerceCheckoutAsync } from './apis';
+import { installUmbracoCommerceCheckoutAsync } from '../apis/install.api';
 import { UMB_NOTIFICATION_CONTEXT, UmbNotificationContext } from '@umbraco-cms/backoffice/notification';
 
 

src/Umbraco.Commerce.Checkout/Client/src/backoffice/dashboards/installer-modal.element.ts renamed to src/Umbraco.Commerce.Checkout/Client/src/backoffice/modals/installer-modal.element.ts

@@ -5,7 +5,7 @@
             "name": "Umbraco Commerce Checkout Entry Point",
             "alias": "Umbraco.Commerce.Checkout.EntryPoint",
             "type": "entryPoint",
-            "js": "/App_Plugins/UmbracoCommerceCheckout/dist/uccheckout.backoffice.js"
+            "js": "/App_Plugins/UmbracoCommerceCheckout/uccheckout.backoffice.js"
         }
     ],
     "version": ""