chore: Update BC Product ID in seed files

kooya3 · Aug 27, 2024 · df7463b · df7463b
2 parents 21847d0 + cf020bf
commit df7463b
Show file tree

Hide file tree

Showing 120 changed files with 3,569 additions and 990 deletions.
diff --git a/.adr-dir b/.adr-dir
@@ -0,0 +1 @@
+docs/decisions
diff --git a/.env.example b/.env.example
@@ -16,6 +16,12 @@ BC_URL=
 BC_USERNAME=
 BC_PASSWORD=
 
+# Enable Pesapal integration
+PESAPAL_CONSUMER_KEY=
+PESAPAL_CONSUMER_SECRET=
+PESAPAL_URL=
+PESAPAL_NOTIFICATION_ID=
+
 # Enable Stripe integration
 STRIPE_SECRET_KEY=
 PAYLOAD_PUBLIC_STRIPE_IS_TEST_KEY=true

diff --git a/README.md b/README.md
diff --git a/build/index.html b/build/index.html
@@ -1,16 +1 @@
-<!doctype html>
-<html>
-<head>
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
-  <link rel="icon" href="data:," data-placeholder-favicon/>
-  <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline' https://trusted.cdn.com; style-src 'self' 'unsafe-inline' https://trusted.cdn.com; img-src 'self' data:; connect-src 'self' https://a6-e-shop.payloadcms.app;">
-  <script defer="defer" src="/admin/styles.31f3d4bf2bbeae911e3f.js"></script>
-  <script defer="defer" src="/admin/main.364d043c4cbca327e705.js"></script>
-  <link href="/admin/styles.7094867468f7520dadc8.css" rel="stylesheet">
-</head>
-<body>
-  <div id="app"></div>
-  <div id="portal"></div>
-</body>
-</html>
+<!doctype html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/><link rel="icon" href="data:," data-placeholder-favicon/><script defer="defer" src="/admin/styles.31f3d4bf2bbeae911e3f.js"></script><script defer="defer" src="/admin/main.20ce38cb5e6d1c7f3ceb.js"></script><link href="/admin/styles.7094867468f7520dadc8.css" rel="stylesheet"></head><body><div id="app"></div><div id="portal"></div></body></html>
diff --git a/build/main.20ce38cb5e6d1c7f3ceb.js b/build/main.20ce38cb5e6d1c7f3ceb.js
diff --git a/build/main.4121d66dc46fbb386def.js b/build/main.4121d66dc46fbb386def.js
diff --git a/build/main.cb2262a2f851b369b6a6.js b/build/main.cb2262a2f851b369b6a6.js
diff --git a/csp.js b/csp.js
@@ -8,24 +8,43 @@ const policies = {
     'https://js.stripe.com',
     'https://maps.googleapis.com',
     'https://bctest.dayliff.com:7048',
+    'https://cybqa.pesapal.com',
+    'https://pay.google.com',
+    'https://google.com/pay',
   ],
   'child-src': ["'self'"],
-  'style-src': ["'self'", "'unsafe-inline'", 'https://fonts.googleapis.com'],
-  'img-src': ["'self'", 'https://*.stripe.com', 'https://raw.githubusercontent.com'],
+  'style-src': [
+    "'self'",
+    "'unsafe-inline'",
+    'https://fonts.googleapis.com',
+    'http://fonts.googleapis.com/css',
+  ],
+  'img-src': [
+    "'self'",
+    'https://*.stripe.com',
+    'https://raw.githubusercontent.com',
+    'https://www.gstatic.com/images/icons/material/system/1x/payment_white_36dp.png',
+  ],
   'font-src': ["'self'"],
   'frame-src': [
     "'self'",
     'https://checkout.stripe.com',
     'https://js.stripe.com',
     'https://hooks.stripe.com',
     'https://bctest.dayliff.com:7048',
+    'https://cybqa.pesapal.com',
+    'https://pay.google.com',
+    'https://google.com/pay',
   ],
   'connect-src': [
     "'self'",
     'https://checkout.stripe.com',
     'https://api.stripe.com',
     'https://maps.googleapis.com',
     'https://bctest.dayliff.com:7048',
+    'https://cybqa.pesapal.com',
+    'https://pay.google.com',
+    'https://google.com/pay',
   ],
 }
 

diff --git a/dist/app/(pages)/account/AccountForm/index.module.scss b/dist/app/(pages)/account/AccountForm/index.module.scss
@@ -6,10 +6,10 @@
   flex-direction: column;
   gap: calc(var(--base) / 2);
   align-items: flex-start;
-  width: 100%;
+  max-width: 600px;
 
   @include mid-break {
-    width: 100%;
+    max-width: 600px;
   }
 }
 
@@ -21,4 +21,5 @@
 
 .submit {
   margin-top: calc(var(--base) / 2);
+  width: 100%;
 }
diff --git a/dist/app/(pages)/account/index.module.scss b/dist/app/(pages)/account/index.module.scss
@@ -11,7 +11,7 @@
 
 .account {
   display: grid;
-  grid-template-columns: 30% 1fr;
+  grid-template-columns: 20% 1fr;
   gap: 60px;
   margin-top: 30px;
 
@@ -33,7 +33,7 @@
 .navItem {
   display: flex;
   gap: 12px;
-  padding: 20px;
+  padding: 0 20px 20px 10px;
 }
 
 .personalInfo {

diff --git a/dist/app/(pages)/account/orders/[id]/index.module.scss b/dist/app/(pages)/account/orders/[id]/index.module.scss
@@ -10,8 +10,8 @@
   gap: 8px;
   margin: 16px 0;
   padding: 16px 0;
-  border-top: 1px solid var(--color-dark-50);
-  border-bottom: 1px solid var(--color-dark-50);
+  border-top: 1px solid var(--gray-8);
+  border-bottom: 1px solid var(--gray-8);
 }
 
 .total {
@@ -22,7 +22,7 @@
   display: flex;
   align-items: center;
   gap: var(--base);
-  margin-bottom: 16px;
+  margin-bottom: 36px;
 
   @include small-break {
     flex-direction: column;
@@ -67,7 +67,7 @@
 }
 
 .placeholder {
-  background-color: var(--theme-elevation-50);
+  background-color: var(--blue-4);
   width: 100%;
   height: 100%;
   display: flex;

diff --git a/dist/app/(pages)/account/orders/index.module.scss b/dist/app/(pages)/account/orders/index.module.scss
@@ -51,11 +51,12 @@
   margin-top: 0;
   margin-bottom: 0;
   font-size: 16px;
-  font-weight: 700;
+  color: var(--gray-12);
 }
 
 .orderDate {
   font-size: 14px;
+  color: var(--gray-10)
 }
 
 .itemMeta {

diff --git a/dist/app/(pages)/account/purchases/index.module.scss b/dist/app/(pages)/account/purchases/index.module.scss
@@ -4,12 +4,12 @@
   display: flex;
   flex-direction: column;
   margin-top: 30px;
-  border-top: 1px solid var(--color-dark-50);
+  border-top: 1px solid var(--gray-8);
 }
 
 .purchase {
   padding: 16px 0;
-  border-bottom: 1px solid var(--color-dark-50);
+  border-bottom: 1px solid var(--gray-6);
 }
 
 .noPurchases {
@@ -30,6 +30,7 @@
 
 .purchasedDate {
   font-size: 14px;
+  color: var(--gray-11)
 }
 
 .mediaWrapper {

diff --git a/dist/app/(pages)/cart/CartItem/index.module.scss b/dist/app/(pages)/cart/CartItem/index.module.scss
@@ -5,14 +5,14 @@
   grid-template-columns: 100px 2fr 1fr;
   padding: 24px 0;
   gap: 24px;
-  border-bottom: 1px solid var(--color-white-500-5);
+  border-bottom: 1px solid var(--gray-8);
 }
 
 .mediaWrapper {
   position: relative;
   min-height: 100px;
   padding: 16px;
-  background-color: var(--color-dark-50);
+  background-color: var(--gray-4);
 }
 
 .media {
@@ -49,7 +49,7 @@
 }
 
 .quantity {
-  border: 1px solid var(--color-dark-500);
+  border: 1px solid var(--gray-10);
   display: grid;
   grid-template-columns: 45px 1fr 45px;
   border-radius: 10px;

diff --git a/dist/app/(pages)/checkout/CheckoutItem/index.module.scss b/dist/app/(pages)/checkout/CheckoutItem/index.module.scss
@@ -5,14 +5,14 @@
   grid-template-columns: 100px 5fr 1fr;
   padding: 16px 0;
   gap: 16px;
-  border-bottom: 1px solid var(--color-dark-50);
+  border-bottom: 1px solid var(--gray-8);
 }
 
 .mediaWrapper {
   position: relative;
   min-height: 80px;
   padding: 8px;
-  background-color: var(--color-dark-50);
+  background-color: var(--gray-4);
 }
 
 .media {

diff --git a/dist/app/(pages)/checkout/CheckoutPage/index.module.scss b/dist/app/(pages)/checkout/CheckoutPage/index.module.scss
@@ -50,3 +50,39 @@
 .error {
   margin-top: calc(var(--block-padding) - var(--base));
 }
+
+.checkboxWrapper {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  white-space: nowrap;
+  cursor: pointer;
+}
+
+.checkbox {
+    -webkit-appearance: none;
+    appearance: none;
+    width: 24px;
+    height: 24px;
+    border-radius: 5px;
+    background-color: white;
+    border: 2px solid var(--gray-8);
+    outline: none;
+    cursor: pointer;
+  }
+
+  .checkbox:checked {
+    border: none;
+    background-color: var(--blue-9);
+    position: relative;
+  }
+
+  .checkbox:checked::before {
+    content: '\2713';
+    font-size: 14px;
+    font-weight: bold;
+    color: #fff;
+    position: absolute;
+    right: 6px;
+    top: 2px;
+  }
diff --git a/dist/app/(pages)/create-account/CreateAccountForm/index.module.scss b/dist/app/(pages)/create-account/CreateAccountForm/index.module.scss
@@ -16,6 +16,7 @@
 
 .submit {
   margin-top: calc(var(--base) / 2);
+  width: 100%;
 }
 
 .message {

diff --git a/dist/app/(pages)/create-account/index.module.scss b/dist/app/(pages)/create-account/index.module.scss
@@ -87,6 +87,7 @@
   border-radius: 10px;
 
   @include mid-break {
+    -webkit-backdrop-filter: blur(30px);
     backdrop-filter: blur(30px);
     background-color: rgba(255, 255, 255, 0.9);
     box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);

diff --git a/dist/app/_components/Button/index.module.scss b/dist/app/_components/Button/index.module.scss
@@ -13,6 +13,16 @@
   line-height: inherit;
   font-size: inherit;
   border-radius: 4px;
+
+  &:disabled {
+    background-color: var(--gray-3);
+    color: var(--gray-8);
+
+    &:hover {
+      background-color: var(--gray-3);
+      cursor: not-allowed;
+    }
+  }
 }
 
 .content {
@@ -35,13 +45,21 @@
 }
 
 .appearance--primary {
-  background-color: var(--theme-elevation-1000);
-  color: var(--theme-elevation-0);
+  background-color: var(--blue-9);
+  color: var(--blue-contrast);
+}
+
+.appearance--primary:hover {
+  background-color: var(--blue-10);
 }
 
 .appearance--secondary {
   background-color: transparent;
-  box-shadow: inset 0 0 0 1px var(--theme-elevation-1000);
+  box-shadow: inset 0 0 0 1px var(--blue-10);
+}
+
+.appearance--secondary:hover {
+  background-color: var(--blue-2);
 }
 
 .primary--invert {
@@ -56,12 +74,16 @@
 
 .appearance--default {
   padding: 0;
-  color: var(--theme-text);
+  color: var(--blue-9);
+}
+
+.appearance--default:hover {
+  color: var(--blue-10);
 }
 
 .appearance--none {
   padding: 0;
-  color: var(--theme-text);
+  color: var(--blue-9);
 
   &:local() {
     .label {
@@ -71,3 +93,7 @@
     }
   }
 }
+
+.appearance--none {
+  color: var(--blue-10);
+}
diff --git a/dist/app/_components/Card/index.module.scss b/dist/app/_components/Card/index.module.scss
@@ -25,7 +25,7 @@
   margin: 0;
   font-size: 20px;
   font-weight: 700;
-
+  color: var(--gray-12);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -57,7 +57,7 @@
 .description {
   margin: 0;
   line-height: 24px;
-
+  color: var(--gray-10);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -74,7 +74,7 @@
   display: block;
   position: relative;
   min-height: 262px;
-  background-color: var(--color-dark-50);
+  background-color: var(--gray-4);
 }
 
 .image {
@@ -85,7 +85,7 @@
 }
 
 .placeholder {
-  background-color: var(--theme-elevation-50);
+  background-color: var(--blue-4);
   width: 100%;
   height: 100%;
   display: flex;