@asantemedia-org/edwardsvacuum-design-system 1.6.686 → 1.7.0

package/README.md

@@ -1,124 +1,124 @@
-# EdwardsVacuum Design System
-
-## Overview
-
-The **EdwardsVacuum Design System** is a comprehensive design system built to streamline the development of consistent and reusable UI components for the EdwardsVacuum project. This project is built using Next.js, Storybook, and various supporting libraries and tools.
-
-## Project Structure
-
-The project is organized with the following key scripts and dependencies:
-
-- **Next.js** for server-side rendering and building the design system.
-- **Storybook** for developing and showcasing UI components in isolation.
-- **FontAwesome** for incorporating scalable vector icons and social logos.
-
-
-## Prerequisites
-
-Before running this project, ensure you have the following:
-
-1. **Node.js** installed.
-2. **Yarn** or **npm** as your package manager.
-
-## Installation
-
-To get started, clone the repository and install the required dependencies:
-
-```bash
-git clone <repository_url>
-cd edwardsvacuum-design-system
-yarn install
-```
-
-## Environment Setup
-
-This project requires an environment variable for FontAwesome to function correctly. The `FONTAWESOME_PACKAGE_TOKEN` is required for accessing FontAwesome Pro icons.
-
-### Setting Up the Token
-
-You can obtain the `FONTAWESOME_PACKAGE_TOKEN` by contacting [bernard@asantemedia.co.uk](mailto:bernard@asantemedia.co.uk).
-
-Once you have the token, set it in your environment:
-
-1. **Locally**:  
-   Add it to your terminal session:
-   ```bash
-   export FONTAWESOME_PACKAGE_TOKEN=your_token_here
-   ```
-
-Replace `your_token_here` with the actual token.
-
-## Scripts
-
-The following scripts are available in the project:
-
-- **Lint**:
-  ```bash
-  npm run lint
-  ```
-  Runs ESLint to analyze the code for potential errors.
-
-- **Storybook**:
-  ```bash
-  npm run storybook
-  ```
-  Starts the Storybook development server.
-
-- **Build Storybook**:
-  ```bash
-  npm run build-storybook
-  ```
-  Builds the Storybook static files.
-
-- **AEM Integration**:
-  - **Build AEM Dialogs**:
-    ```bash
-    npm run build-aem-dialogs
-    ```
-    Generates AEM component dialogs.
-
-  - **Copy Static AEM Files**:
-    ```bash
-    npm run copy-static-aem-files
-    ```
-    Copies the necessary static files for AEM integration.
-
-  - **Clean AEM**:
-    ```bash
-    npm run aem-clean
-    ```
-    Cleans the target location for AEM deployment.
-
-  - **Install AEM**:
-    ```bash
-    npm run aem-install
-    ```
-    Builds and copies AEM dialogs and static files.
-
-  - **Clean & Install AEM**:
-    ```bash
-    npm run aem-clean-install
-    ```
-    Cleans and installs AEM files in one command.
-
-- **Chromatic**:
-  ```bash
-  npm run chromatic
-  ```
-  Publishes Storybook to Chromatic for visual regression testing.
-
-## CI/CD Implementation
-
-The project is set up with a CI/CD pipeline that triggers deployments only on merges to the `development` branch. This ensures that changes are properly reviewed and tested before being deployed to production. If new dependencies are added, the project will require a manual deployment to update the dependencies in the develoment environment.
-
-## License
-
-This project is currently **UNLICENSED** and is intended for internal use only. Redistribution or use outside the intended context is prohibited.
-
-## Contribution
-
-Please follow the project's contribution guidelines when contributing to this repository. Ensure all changes are made in feature branches and are merged into the `development` branch via pull requests.
-
-## Contact
-
+# EdwardsVacuum Design System
+
+## Overview
+
+The **EdwardsVacuum Design System** is a comprehensive design system built to streamline the development of consistent and reusable UI components for the EdwardsVacuum project. This project is built using Next.js, Storybook, and various supporting libraries and tools.
+
+## Project Structure
+
+The project is organized with the following key scripts and dependencies:
+
+- **Next.js** for server-side rendering and building the design system.
+- **Storybook** for developing and showcasing UI components in isolation.
+- **FontAwesome** for incorporating scalable vector icons and social logos.
+
+
+## Prerequisites
+
+Before running this project, ensure you have the following:
+
+1. **Node.js** installed.
+2. **Yarn** or **npm** as your package manager.
+
+## Installation
+
+To get started, clone the repository and install the required dependencies:
+
+```bash
+git clone <repository_url>
+cd edwardsvacuum-design-system
+yarn install
+```
+
+## Environment Setup
+
+This project requires an environment variable for FontAwesome to function correctly. The `FONTAWESOME_PACKAGE_TOKEN` is required for accessing FontAwesome Pro icons.
+
+### Setting Up the Token
+
+You can obtain the `FONTAWESOME_PACKAGE_TOKEN` by contacting [bernard@asantemedia.co.uk](mailto:bernard@asantemedia.co.uk).
+
+Once you have the token, set it in your environment:
+
+1. **Locally**:  
+   Add it to your terminal session:
+   ```bash
+   export FONTAWESOME_PACKAGE_TOKEN=your_token_here
+   ```
+
+Replace `your_token_here` with the actual token.
+
+## Scripts
+
+The following scripts are available in the project:
+
+- **Lint**:
+  ```bash
+  npm run lint
+  ```
+  Runs ESLint to analyze the code for potential errors.
+
+- **Storybook**:
+  ```bash
+  npm run storybook
+  ```
+  Starts the Storybook development server.
+
+- **Build Storybook**:
+  ```bash
+  npm run build-storybook
+  ```
+  Builds the Storybook static files.
+
+- **AEM Integration**:
+  - **Build AEM Dialogs**:
+    ```bash
+    npm run build-aem-dialogs
+    ```
+    Generates AEM component dialogs.
+
+  - **Copy Static AEM Files**:
+    ```bash
+    npm run copy-static-aem-files
+    ```
+    Copies the necessary static files for AEM integration.
+
+  - **Clean AEM**:
+    ```bash
+    npm run aem-clean
+    ```
+    Cleans the target location for AEM deployment.
+
+  - **Install AEM**:
+    ```bash
+    npm run aem-install
+    ```
+    Builds and copies AEM dialogs and static files.
+
+  - **Clean & Install AEM**:
+    ```bash
+    npm run aem-clean-install
+    ```
+    Cleans and installs AEM files in one command.
+
+- **Chromatic**:
+  ```bash
+  npm run chromatic
+  ```
+  Publishes Storybook to Chromatic for visual regression testing.
+
+## CI/CD Implementation
+
+The project is set up with a CI/CD pipeline that triggers deployments only on merges to the `development` branch. This ensures that changes are properly reviewed and tested before being deployed to production. If new dependencies are added, the project will require a manual deployment to update the dependencies in the develoment environment.
+
+## License
+
+This project is currently **UNLICENSED** and is intended for internal use only. Redistribution or use outside the intended context is prohibited.
+
+## Contribution
+
+Please follow the project's contribution guidelines when contributing to this repository. Ensure all changes are made in feature branches and are merged into the `development` branch via pull requests.
+
+## Contact
+
 For any issues or inquiries related to this project, please contact [bernard@asantemedia.co.uk](mailto:bernard@asantemedia.co.uk).

package/dist/.next/types/app/api/hello/route.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface PageProps {
+    params?: any;
+    searchParams?: any;
+}
+export interface LayoutProps {
+    children?: React.ReactNode;
+    params?: any;
+}

package/dist/.next/types/app/layout.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface PageProps {
+    params?: any;
+    searchParams?: any;
+}
+export interface LayoutProps {
+    children?: React.ReactNode;
+    params?: any;
+}

package/dist/.next/types/app/page.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface PageProps {
+    params?: any;
+    searchParams?: any;
+}
+export interface LayoutProps {
+    children?: React.ReactNode;
+    params?: any;
+}

package/dist/index.css

@@ -344,15 +344,13 @@
   font-size: clamp(1.5rem, 2vw, 28px);
   font-weight: 100;
   margin-bottom: 0.5rem;
+  color: #2d363a;
 }
 @media (min-width: 768px) {
   .card-module__cmp-card--type-product_details__header__title___4KSqX {
     max-width: 325px;
   }
 }
-.card-module__cmp-card--type-product_details__header__title___4KSqX {
-  color: #2d363a;
-}
 .card-module__cmp-card--type-product_details__header__product-code___zf7yq {
   font-size: 0.875rem;
   color: #666;

package/dist/index.esm.css

@@ -344,15 +344,13 @@
   font-size: clamp(1.5rem, 2vw, 28px);
   font-weight: 100;
   margin-bottom: 0.5rem;
+  color: #2d363a;
 }
 @media (min-width: 768px) {
   .card-module__cmp-card--type-product_details__header__title___4KSqX {
     max-width: 325px;
   }
 }
-.card-module__cmp-card--type-product_details__header__title___4KSqX {
-  color: #2d363a;
-}
 .card-module__cmp-card--type-product_details__header__product-code___zf7yq {
   font-size: 0.875rem;
   color: #666;

package/dist/index.esm.js

@@ -453,7 +453,6 @@ var cardSizeMapping = function (size) {
 };
 // Helper function to check if image is a placeholder (from ACAS-14821)
 var isPlaceholderImg = function (imageUrl) {
-  console.log(imageUrl);
   return !!imageUrl && imageUrl.indexOf(PLACEHOLDER_INDICATOR) > -1;
 };
 var Card = function (_a) {
@@ -587,12 +586,10 @@ var ProductDetailsCard = function (_a) {
   var getClassName = function (name) {
     return usePlainClasses ? name : getStyle$1(name);
   };
-  var hideSparesBool = hidespares === "true";
+  // Handle both boolean and string values from AEM
+  var hideSparesBool = hidespares === true || hidespares === "true";
   // Use custom ProductCard if provided, otherwise use default
   var SpareCard = ProductCardComponent || ProductCard;
-  // transfomr hidespares to a boolean
-  console.log("hidespares", hidespares);
-  console.log("hideSparesBool", hideSparesBool);
   // Memoize spares rendering with a limit to prevent freeze
   var renderSpares = function () {
     if (!(hit === null || hit === void 0 ? void 0 : hit.spares) || !Array.isArray(hit.spares) || hit.spares.length === 0) return null;
@@ -1130,6 +1127,11 @@ var defaultQrFormTranslations = {
   label_tellUsMore: "Tell us more",
   label_tellUsMoreOptional: "Tell us more about your issue (optional)",
   section_scannedProductDetails: "Scanned Product Details",
+  label_serialNumber: "Serial number",
+  label_productNumber: "Product number",
+  label_softwareVersion: "Software version",
+  label_runningTime: "Running time",
+  label_productHierarchy: "Product hierarchy",
   label_title: "Title",
   label_lastName: "Last Name",
   label_firstName: "First Name",
@@ -1149,7 +1151,6 @@ var defaultQrFormTranslations = {
 
 var FriendlyCaptcha = function (props) {
   useEffect(function () {
-    console.log(props.element, "element");
     if (props.element) {
       var sdk = new WidgetInstance(props.element, {
         startMode: "auto",
@@ -1505,7 +1506,7 @@ var QrForm = function (props) {
             console.log("Form submitted with values:", formValues);
           }
         } else {
-          console.log("Form has errors on the current page, cannot submit.");
+          console.error("Form has errors on the current page, cannot submit.");
         }
         return [2 /*return*/];
       });
@@ -1526,7 +1527,7 @@ var QrForm = function (props) {
         setShowErrors(false); // Hide errors when successfully navigated to a new page
         setErrors({}); // Clear errors from previous page as well
       } else {
-        console.log("Validation failed on current page, cannot navigate.");
+        console.error("Validation failed on current page, cannot navigate.");
       }
     }
   }