Templates engine

app/(main-layout)/account-settings/page.tsx

@@ -7,9 +7,18 @@ import { ActiveSessions } from '@/app/(main-layout)/account-settings/components/
 import { useState, useEffect, Suspense } from 'react'
 import { useSearchParams } from 'next/navigation'
 import useUserStore from '@/context/core/userStore'
-import { configureAmplify } from '@/lib/amplify-config'
+import { Amplify } from 'aws-amplify'
+import outputs from '@/amplify_outputs.json'
 
-configureAmplify()
+Amplify.configure(outputs)
+const existingConfig = Amplify.getConfig()
+Amplify.configure({
+  ...existingConfig,
+  API: {
+    ...existingConfig.API,
+    REST: outputs.custom.APIs,
+  },
+})
 
 function AccountSettingsContent() {
   const searchParams = useSearchParams()

app/(main-layout)/landing/components/DocsLanding.tsx

@@ -9,9 +9,18 @@ import { Feature } from '@/app/(main-layout)/landing/components/Feature'
 import { Testimonials } from '@/app/(main-layout)/landing/components/Testimonials'
 import { MarqueeLogos } from '@/app/(main-layout)/landing/components/MarqueeLogos'
 import { LogoCarousell } from '@/app/(main-layout)/landing/components/LogoCarousell'
-import { configureAmplify } from '@/lib/amplify-config'
+import { Amplify } from 'aws-amplify'
+import outputs from '@/amplify_outputs.json'
 
-configureAmplify()
+Amplify.configure(outputs)
+const existingConfig = Amplify.getConfig()
+Amplify.configure({
+  ...existingConfig,
+  API: {
+    ...existingConfig.API,
+    REST: outputs.custom.APIs,
+  },
+})
 
 export default function LandingPage() {
   return (

app/(main-layout)/pricing/page.tsx

@@ -7,9 +7,18 @@ import { FAQSection } from '@/app/(main-layout)/pricing/components/FAQSection'
 import { faqItems } from '@/app/(main-layout)/pricing/components/FAQItem'
 import { FeatureComparison } from '@/app/(main-layout)/pricing/components/FeatureComparison'
 import { plans } from '@/app/(main-layout)/pricing/components/plans'
-import { configureAmplify } from '@/lib/amplify-config'
+import { Amplify } from 'aws-amplify'
+import outputs from '@/amplify_outputs.json'
 
-configureAmplify()
+Amplify.configure(outputs)
+const existingConfig = Amplify.getConfig()
+Amplify.configure({
+  ...existingConfig,
+  API: {
+    ...existingConfig.API,
+    REST: outputs.custom.APIs,
+  },
+})
 
 export default function PricingPage() {
   return (

app/layout.tsx

@@ -3,9 +3,18 @@ import { inter } from '@/config/fonts'
 import { ReactQueryProvider } from '@/utils/ReactQueryProvider'
 import { Toaster } from '@/components/ui/sonner'
 import ConfigureAmplifyClientSide from '@/utils/ConfigureAmplify'
-import { configureAmplify } from '@/lib/amplify-config'
+import { Amplify } from 'aws-amplify'
+import outputs from '@/amplify_outputs.json'
 
-configureAmplify()
+Amplify.configure(outputs)
+const existingConfig = Amplify.getConfig()
+Amplify.configure({
+  ...existingConfig,
+  API: {
+    ...existingConfig.API,
+    REST: outputs.custom.APIs,
+  },
+})
 
 import './global.css'
 

app/store/[slug]/dashboard/page.tsx

@@ -1,9 +1,6 @@
 'use client'
 
 import { EcommerceSetup } from '@/app/store/components/store-setup/components/EcommerceSetup'
-import { configureAmplify } from '@/lib/amplify-config'
-
-configureAmplify()
 
 export default function DashboardPage() {
   return <EcommerceSetup />

app/store/[slug]/orders/page.tsx

@@ -1,7 +1,16 @@
 import { Orders } from '@/app/store/components/orders/components/Orders'
-import { configureAmplify } from '@/lib/amplify-config'
+import { Amplify } from 'aws-amplify'
+import outputs from '@/amplify_outputs.json'
 
-configureAmplify()
+Amplify.configure(outputs)
+const existingConfig = Amplify.getConfig()
+Amplify.configure({
+  ...existingConfig,
+  API: {
+    ...existingConfig.API,
+    REST: outputs.custom.APIs,
+  },
+})
 
 export default function OrdersPage() {
   return <Orders />

app/store/[slug]/orders/processing/page.tsx

@@ -1,7 +1,16 @@
 import { InProgress } from '@/app/store/components/orders/components/InProgress'
-import { configureAmplify } from '@/lib/amplify-config'
+import { Amplify } from 'aws-amplify'
+import outputs from '@/amplify_outputs.json'
 
-configureAmplify()
+Amplify.configure(outputs)
+const existingConfig = Amplify.getConfig()
+Amplify.configure({
+  ...existingConfig,
+  API: {
+    ...existingConfig.API,
+    REST: outputs.custom.APIs,
+  },
+})
 
 export default function ProcessingPage() {
   return <InProgress />

app/store/[slug]/products/[productId]/page.tsx

@@ -3,9 +3,18 @@
 import { ProductForm } from '@/app/store/components/product-management/main-components/ProductForm'
 import { useParams, usePathname } from 'next/navigation'
 import { getStoreId } from '@/utils/store-utils'
-import { configureAmplify } from '@/lib/amplify-config'
+import { Amplify } from 'aws-amplify'
+import outputs from '@/amplify_outputs.json'
 
-configureAmplify()
+Amplify.configure(outputs)
+const existingConfig = Amplify.getConfig()
+Amplify.configure({
+  ...existingConfig,
+  API: {
+    ...existingConfig.API,
+    REST: outputs.custom.APIs,
+  },
+})
 
 export default function EditProductPage() {
   const params = useParams()

app/store/[slug]/products/collections/[collectionId]/page.tsx

@@ -1,6 +1,18 @@
 'use client'
 
 import { FormPage } from '@/app/store/components/product-management/collection-form/form-page'
+import { Amplify } from 'aws-amplify'
+import outputs from '@/amplify_outputs.json'
+
+Amplify.configure(outputs)
+const existingConfig = Amplify.getConfig()
+Amplify.configure({
+  ...existingConfig,
+  API: {
+    ...existingConfig.API,
+    REST: outputs.custom.APIs,
+  },
+})
 
 export default function CollectionEditPage() {
   return <FormPage />

app/store/[slug]/products/collections/new/page.tsx

@@ -1,9 +1,18 @@
 'use client'
 
 import { FormPage } from '@/app/store/components/product-management/collection-form/form-page'
-import { configureAmplify } from '@/lib/amplify-config'
+import { Amplify } from 'aws-amplify'
+import outputs from '@/amplify_outputs.json'
 
-configureAmplify()
+Amplify.configure(outputs)
+const existingConfig = Amplify.getConfig()
+Amplify.configure({
+  ...existingConfig,
+  API: {
+    ...existingConfig.API,
+    REST: outputs.custom.APIs,
+  },
+})
 
 export default function CollectionPage() {
   return <FormPage />

app/store/[slug]/products/collections/page.tsx

@@ -1,9 +1,18 @@
 'use client'
 
 import { CollectionsPage } from '@/app/store/components/product-management/collections/collections-page'
-import { configureAmplify } from '@/lib/amplify-config'
+import { Amplify } from 'aws-amplify'
+import outputs from '@/amplify_outputs.json'
 
-configureAmplify()
+Amplify.configure(outputs)
+const existingConfig = Amplify.getConfig()
+Amplify.configure({
+  ...existingConfig,
+  API: {
+    ...existingConfig.API,
+    REST: outputs.custom.APIs,
+  },
+})
 
 export default function CollectionsPages() {
   return <CollectionsPage />

app/store/[slug]/products/inventory/page.tsx

@@ -1,11 +1,20 @@
 'use client'
 
 import { InventoryManager } from '@/app/store/components/product-management/main-components/InventoryManager'
-import { configureAmplify } from '@/lib/amplify-config'
+import { Amplify } from 'aws-amplify'
+import outputs from '@/amplify_outputs.json'
 import { getStoreId } from '@/utils/store-utils'
 import { useParams, usePathname } from 'next/navigation'
 
-configureAmplify()
+Amplify.configure(outputs)
+const existingConfig = Amplify.getConfig()
+Amplify.configure({
+  ...existingConfig,
+  API: {
+    ...existingConfig.API,
+    REST: outputs.custom.APIs,
+  },
+})
 
 export default function InventoryPage() {
   const pathname = usePathname()

app/store/[slug]/products/new/page.tsx

@@ -3,9 +3,19 @@
 import { ProductForm } from '@/app/store/components/product-management/main-components/ProductForm'
 import { useParams, usePathname } from 'next/navigation'
 import { getStoreId } from '@/utils/store-utils'
-import { configureAmplify } from '@/lib/amplify-config'
+import { Amplify } from 'aws-amplify'
+import outputs from '@/amplify_outputs.json'
+
+Amplify.configure(outputs)
+const existingConfig = Amplify.getConfig()
+Amplify.configure({
+  ...existingConfig,
+  API: {
+    ...existingConfig.API,
+    REST: outputs.custom.APIs,
+  },
+})
 
-configureAmplify()
 export default function AddProductPage() {
   const params = useParams()
   const pathname = usePathname()

app/store/[slug]/products/page.tsx

@@ -3,9 +3,18 @@
 import { ProductManager } from '@/app/store/components/product-management/main-components/ProductManager'
 import { getStoreId } from '@/utils/store-utils'
 import { useParams, usePathname } from 'next/navigation'
-import { configureAmplify } from '@/lib/amplify-config'
+import { Amplify } from 'aws-amplify'
+import outputs from '@/amplify_outputs.json'
 
-configureAmplify()
+Amplify.configure(outputs)
+const existingConfig = Amplify.getConfig()
+Amplify.configure({
+  ...existingConfig,
+  API: {
+    ...existingConfig.API,
+    REST: outputs.custom.APIs,
+  },
+})
 
 export default function StoreProductsPage() {
   const pathname = usePathname()

app/store/[slug]/setup/apps/page.tsx

@@ -1,9 +1,18 @@
 'use client'
 
 import { AppIntegrationPage } from '@/app/store/components/app-integration/components/AppIntegrationPage'
-import { configureAmplify } from '@/lib/amplify-config'
+import { Amplify } from 'aws-amplify'
+import outputs from '@/amplify_outputs.json'
 
-configureAmplify()
+Amplify.configure(outputs)
+const existingConfig = Amplify.getConfig()
+Amplify.configure({
+  ...existingConfig,
+  API: {
+    ...existingConfig.API,
+    REST: outputs.custom.APIs,
+  },
+})
 
 export default function AppIntegration() {
   return <AppIntegrationPage />

app/store/[slug]/setup/domain/page.tsx

@@ -1,9 +1,18 @@
 'use client'
 
 import { DomainManagement } from '@/app/store/components/domains/components/DomainManagement'
-import { configureAmplify } from '@/lib/amplify-config'
+import { Amplify } from 'aws-amplify'
+import outputs from '@/amplify_outputs.json'
 
-configureAmplify()
+Amplify.configure(outputs)
+const existingConfig = Amplify.getConfig()
+Amplify.configure({
+  ...existingConfig,
+  API: {
+    ...existingConfig.API,
+    REST: outputs.custom.APIs,
+  },
+})
 
 export default function DomainManagementPage() {
   return <DomainManagement />

app/store/[slug]/setup/page.tsx

@@ -1,9 +1,18 @@
 'use client'
 
 import { ThemePreview } from '@/app/store/components/store-config/components/ThemePreview'
-import { configureAmplify } from '@/lib/amplify-config'
+import { Amplify } from 'aws-amplify'
+import outputs from '@/amplify_outputs.json'
 
-configureAmplify()
+Amplify.configure(outputs)
+const existingConfig = Amplify.getConfig()
+Amplify.configure({
+  ...existingConfig,
+  API: {
+    ...existingConfig.API,
+    REST: outputs.custom.APIs,
+  },
+})
 
 export default function SetupPage() {
   return <ThemePreview />

app/store/[slug]/setup/payments/page.tsx

@@ -1,7 +1,16 @@
 import { PaymentSettings } from '@/app/store/components/payments/components/PaymentSettings'
-import { configureAmplify } from '@/lib/amplify-config'
+import { Amplify } from 'aws-amplify'
+import outputs from '@/amplify_outputs.json'
 
-configureAmplify()
+Amplify.configure(outputs)
+const existingConfig = Amplify.getConfig()
+Amplify.configure({
+  ...existingConfig,
+  API: {
+    ...existingConfig.API,
+    REST: outputs.custom.APIs,
+  },
+})
 
 export default function PaymentsPage() {
   return <PaymentSettings />

app/store/components/domains/components/DomainManagement.tsx

@@ -5,9 +5,6 @@ import { ChangeDomainDialog } from '@/app/store/components/domains/components/Ch
 import { EditStoreProfileDialog } from '@/app/store/components/domains/components/EditStoreProfileDialog'
 import { Skeleton } from '@/components/ui/skeleton'
 import useStoreDataStore from '@/context/core/storeDataStore'
-import { configureAmplify } from '@/lib/amplify-config'
-
-configureAmplify()
 
 export function DomainManagement() {
   const { currentStore, isLoading } = useStoreDataStore()