LPD-67547 SF

Author: CalebJamesH

workspaces/liferay-marketplace-workspace/client-extensions/liferay-marketplace-custom-element/src/assets/icons/Icon-user.svg

@@ -118,9 +118,11 @@ const AccountSelection: React.FC<AccountSelectionProps> = ({
 						...account,
 						selected: selectedAccount?.id === account?.id,
 						title: (
-							<div className='pt-2'>
+							<div className="pt-2">
 								<p className="h5 mb-1">{account.title}</p>
-								<p className="h5 text-muted mb-0 text-capitalize">{account.type}</p>
+								<p className="h5 mb-0 text-capitalize text-muted">
+									{account.type}
+								</p>
 							</div>
 						),
 					}))}

workspaces/liferay-marketplace-workspace/client-extensions/liferay-marketplace-custom-element/src/assets/icons/business.svg

@@ -4,11 +4,11 @@
  */
 
 import {ClayRadio} from '@clayui/form';
-import {ReactNode} from 'react';
-import classNames from 'classnames';
 import ClayIcon from '@clayui/icon';
 import ClayLabel from '@clayui/label';
 import ClaySticker from '@clayui/sticker';
+import classNames from 'classnames';
+import {ReactNode} from 'react';
 
 import './RadioCard.scss';
 

workspaces/liferay-marketplace-workspace/client-extensions/liferay-marketplace-custom-element/src/components/Checkout/AccountSelection.tsx

@@ -18,7 +18,7 @@ export enum AccountType {
 
 export enum AccountTypes {
 	BUSINESS = 'business',
-	GUEST = 'guest', 
+	GUEST = 'guest',
 	PERSON = 'person',
-	SUPPLIER = 'supplier'
+	SUPPLIER = 'supplier',
 }

workspaces/liferay-marketplace-workspace/client-extensions/liferay-marketplace-custom-element/src/components/RadioCardList/components/RadioCard.tsx

@@ -397,6 +397,7 @@ export default {
 	'name': 'Name',
 	'net-price': 'Net Price',
 	'never-expires': 'Never Expires',
+	'new-account': 'New Account',
 	'new-address': 'New Address',
 	'new-app': 'New App',
 	'new-potential-expiration-date': 'New Potential Expiration Date',

workspaces/liferay-marketplace-workspace/client-extensions/liferay-marketplace-custom-element/src/enums/Account.ts

@@ -229,7 +229,7 @@ const ProductPurchaseOutlet: React.FC<ProductPurchaseOutletProps> = ({
 				className={classNames('mt-7', {'mt-7': accounts.length === 1})}
 			>
 				{isTinyDisplay && (
-				<ProductPurchase.CircleSteps
+					<ProductPurchase.CircleSteps
 						className="my-5 px-8"
 						steps={steps}
 					/>

workspaces/liferay-marketplace-workspace/client-extensions/liferay-marketplace-custom-element/src/i18n/en_US.ts

@@ -4,8 +4,8 @@
 	}
 
 	&-card {
-		padding: 16px;
 		border-radius: 24px;
+		padding: 16px;
 
 		&-description {
 			color: #282934;
@@ -14,8 +14,8 @@
 
 	&-button {
 		background-color: #fff;
-		color: #0053f0 !important;
 		border: 1px solid #0053f0 !important;
+		color: #0053f0 !important;
 	}
 
 	&-button:hover {

workspaces/liferay-marketplace-workspace/client-extensions/liferay-marketplace-custom-element/src/pages/ProductPurchase/ProductPurchaseOutlet.tsx

@@ -3,15 +3,15 @@
  * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
  */
 
-import {useModal} from '@clayui/modal';
 import Button from '@clayui/button';
+import {useModal} from '@clayui/modal';
 
+import userSVG from '../../../assets/icons/Icon-user.svg';
+import businessSVG from '../../../assets/icons/business.svg';
 import {AccountTypes} from '../../../enums/Account';
+import i18n from '../../../i18n';
 import {Liferay} from '../../../liferay/liferay';
-import businessSVG from '../../../assets/icons/business.svg';
-import userSVG from '../../../assets/icons/Icon-user.svg';
 import CreateAccountModalForm from './CreateAccountModalForm';
-import i18n from '../../../i18n';
 
 import './CreateNewAccount.scss';
 
@@ -21,7 +21,7 @@ type DisplayCardProps = {
 	title: string;
 };
 
-const DisplayCard = ({svg, description, title}: DisplayCardProps) => (
+const DisplayCard = ({description, svg, title}: DisplayCardProps) => (
 	<div className="align-items-center border create-new-account-card d-flex justify-content-center">
 		<div className="d-flex justify-content-center mr-3">
 			<img alt={title} draggable="false" src={svg} />
@@ -39,7 +39,7 @@ const Divider = () => (
 	<div className="align-items-center d-flex">
 		<hr className="w-50" />
 
-		<b className="mx-2 divider">OR</b>
+		<b className="divider mx-2">OR</b>
 
 		<hr className="w-50" />
 	</div>