droplinked-editor-configs 1.8.3 → 1.8.4

package/dist/lib/models/user.d.ts

@@ -34,7 +34,7 @@ export interface IUser {
     status: string;
     stripeCustomerID: string;
     walletType?: WALLET_TYPES;
-    _id: string;
+    id: string;
 }
 export interface IUserData {
     [key: string]: {

package/dist/lib/stores/app/appStore.d.ts

@@ -1,12 +1,12 @@
 import { IUser } from 'lib/models/user';
-import { ICartStore, IShop } from './interfaces';
+import { ICart, IShop } from './interfaces';
 
 interface IupdateState {
     state: string;
     value: any;
 }
 interface Icart {
-    [propname: string]: ICartStore;
+    [propname: string]: ICart;
 }
 export interface IAppStore {
     states: {

package/dist/lib/stores/app/interfaces.d.ts

@@ -1,5 +1,123 @@
 import { ImsTypeEnum, IPaymentMethods, IShopDesign, IShopDesignPrev, IShopMedia, ITemplateOptions } from 'lib/models/shop';
 
+export interface ICartItem {
+    productId: string;
+    slug: string;
+    skuId: string;
+    sku: {
+        variantKey: string;
+        attributes: {
+            key: string;
+            value: string;
+            caption: string;
+        }[];
+    };
+    quantity: number;
+    thumbnail: string;
+    m2m: {
+        position: string;
+        artworkUrl: string;
+    };
+    cost: number;
+    price: number;
+    totalPriceBeforeDiscount: number;
+    totalPrice: number;
+    unitPrice: number;
+    title: string;
+    description: string;
+    productType: string;
+    ruleset: {
+        type: string;
+        discountPercentage: number;
+    };
+    collectionName: string;
+    affiliateInfo: {
+        isAffiliateProduct: boolean;
+        originalShopId: string;
+        commissionPercentage: number;
+    };
+}
+export interface IShippingRate {
+    rateId: string;
+    price: number;
+    deliveryTime: string;
+    selected: boolean;
+    name?: string;
+    carrier?: string;
+    estimatedDays?: number;
+}
+export interface IAvailableShipping {
+    type: "THIRD_PARTY" | "CUSTOM" | "POD";
+    shipmentId: string;
+    rates: IShippingRate[];
+    productIds: string[];
+}
+export interface IGiftCard {
+    type: "PERCENTAGE" | "AMOUNT";
+    value: number;
+    code: string;
+}
+export interface IFinancialDetails {
+    tax: {
+        total: number;
+        droplinked: number;
+        producer: number;
+    };
+    discounts: {
+        ruleset: number;
+        giftCard: number;
+    };
+    shipping: {
+        total: number;
+        dropLinkedShare: number;
+        merchantShare: number;
+    };
+    amounts: {
+        productTotal: number;
+        discountTotal: number;
+        taxTotal: number;
+        shippingTotal: number;
+        totalBeforeDiscount: number;
+        finalTotalBeforeTax: number;
+        totalAmount: number;
+        productTotalAfterDiscount: number;
+    };
+}
+export interface IAddress {
+    addressLine1?: string;
+    addressLine2?: string;
+    city?: string;
+    country?: string;
+    state?: string;
+    zip?: string;
+    firstName?: string;
+    lastName?: string;
+    phone?: string;
+}
+export interface ICart {
+    id: string;
+    shopId: string;
+    customerId: string;
+    email: string;
+    items: ICartItem[];
+    shippingAddressId: string;
+    availableShipping: IAvailableShipping[];
+    giftcard: IGiftCard;
+    financialDetails: IFinancialDetails;
+    status: "ACTIVE" | "EXPIRED";
+    additional: {
+        note: string;
+    };
+    shippingAddress: IAddress;
+    expiredAt: string;
+    createdAt: string;
+    updatedAt: string;
+    _id: string;
+}
+export interface ISelectedShipping {
+    shipmentId: string;
+    rateId: string;
+}
 export interface ICartStoreItem {
     _id: string;
     skuID: string;
@@ -63,6 +181,20 @@ export interface Ishippings {
     type: string;
     data: IShippingData[];
 }
+export interface ISelectedShippingRate {
+    type: string;
+    shipmentId: string;
+    rate: IRate;
+    productIds: string[];
+}
+export interface IRate {
+    rateId: string;
+    carrier: string;
+    service: string;
+    price: number;
+    estimatedDays: number;
+    name: string;
+}
 export interface ICartStore {
     _id: string;
     status: string;
@@ -75,6 +207,7 @@ export interface ICartStore {
     address?: any;
     canApplyGiftCard: boolean;
     totalCart: TotalCart;
+    selectedShipmentRates: ISelectedShippingRate;
 }
 export interface TotalCart {
     subtotal: number;
@@ -134,9 +267,11 @@ export interface IShop {
     linkedinURL: string | null;
     facebookURL: string | null;
     paymentMethods: IPaymentMethods[];
+    pre_purchase_data_fetch?: {
+        active: boolean;
+        title: string;
+    };
     productsTags: string | null;
-    textColor: string;
-    shopifyDomain: string | null;
     twitterURL: string | null;
     webURL: string | null;
     telegramURL: string | null;
@@ -151,6 +286,7 @@ export interface IShop {
     design: IShopDesignPrev;
     shopDesign: IShopDesign;
     template_options: ITemplateOptions;
+    shopTemplate: string;
     loginMethods: IWallet[];
     tokenBasedPricing: ITokenBasedPricing;
     launchDate: string | null;

package/dist/types/renderersProps.d.ts

@@ -1,4 +1,5 @@
 import { Data } from 'droplinked-editor-core';
+import { ElementType } from 'react';
 
 export interface innerContentProps {
     data: Data;
@@ -6,11 +7,10 @@ export interface innerContentProps {
 }
 export interface PageHeaderProps {
     onCartClick: () => void;
-    onProfileClick: () => void;
     cartItemCount: number;
     data: Data;
     handleNavigate: (route: string) => void;
-    isLoggedIn: boolean;
+    profileDropdownWrapper: ElementType;
 }
 export interface PageFooterProps {
     data: Data;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "droplinked-editor-configs",
   "private": false,
-  "version": "1.8.3",
+  "version": "1.8.4",
   "type": "module",
   "main": "dist/droplinked-editor.umd.js",
   "module": "dist/droplinked-editor.es.js",

package/src/PageHeader.tsx

@@ -6,7 +6,7 @@ import { useShopContext } from './ShopProvider';
 import { NavigationProvider } from 'NavigationContext';
 
 function PageHeader(props: PageHeaderProps) {
-    const { onCartClick, onProfileClick, cartItemCount, data, handleNavigate, isLoggedIn } = props
+    const { onCartClick, cartItemCount, data, handleNavigate } = props
     const { loading } = useShopContext();
 
     const config: Config = {
@@ -17,10 +17,9 @@ function PageHeader(props: PageHeaderProps) {
                     return layoutComponents.headerComponent.render({
                         ...componentProps,
                         onCartClick,
-                        onProfileClick,
-                        isLoggedIn,
                         cartItemCount,
-                        isRendering: true
+                        isRendering: true,
+                        ProfileDropdownWrapper: props.profileDropdownWrapper
                     });
                 }
             },

package/src/components/header/Header.tsx

@@ -11,13 +11,12 @@ import { useAppStore } from 'AppStoreProvider'
 interface Props {
   linkManagement?: { link: { label: string, url: string } }[]
   onCartClick?: () => void
-  onProfileClick?: () => void
+  ProfileDropdownWrapper?: React.ElementType
   cartItemCount?: number
-  isLoggedIn?: boolean
   isRendering?: boolean
 }
 
-const Header = ({ linkManagement, onCartClick, onProfileClick, cartItemCount, isRendering, isLoggedIn }: Props) => {
+const Header = ({ linkManagement, onCartClick, ProfileDropdownWrapper, cartItemCount, isRendering }: Props) => {
   const { states: { shop }, methods: { updateState } } = useAppStore()
   const { shopDesign: { backgroundBody, iconHeaderColor } } = useThemeInfo()
   const isRestrictedModalOpen = shop.isAgeRestricted && shop.isRestricted === undefined
@@ -69,8 +68,7 @@ const Header = ({ linkManagement, onCartClick, onProfileClick, cartItemCount, is
             <Sidebar
               iconColor={iconColor}
               linkManagement={linkManagement}
-              onProfileClick={onProfileClick}
-              isLoggedIn={isLoggedIn}
+              ProfileDropdownWrapper={ProfileDropdownWrapper}
             />
             <Box maxWidth="150px">
               <AppLogo height="31px" objectFit="contain" />
@@ -82,7 +80,7 @@ const Header = ({ linkManagement, onCartClick, onProfileClick, cartItemCount, is
           <HeaderIcons
             iconColor={iconColor}
             onCartClick={onCartClick}
-            onProfileClick={onProfileClick}
+            ProfileDropdownWrapper={ProfileDropdownWrapper}
             cartItemCount={cartItemCount}
           />
         </AppContainer>

package/src/components/header/HeaderIcons.tsx

@@ -9,11 +9,11 @@ import HeaderCartIcon from './HeaderCartIcon'
 interface Props {
     iconColor: string
     onCartClick?: () => void
-    onProfileClick?: () => void
     cartItemCount?: number
+    ProfileDropdownWrapper?: React.ElementType
 }
 
-function HeaderIcons({ iconColor, onCartClick, onProfileClick, cartItemCount }: Props) {
+function HeaderIcons({ iconColor, onCartClick, ProfileDropdownWrapper, cartItemCount }: Props) {
     const { shopDesign: { backgroundBody } } = useThemeInfo()
 
     const renderIcon = (iconComponent: React.ReactElement, customStyles?: IconProps) => {
@@ -39,9 +39,17 @@ function HeaderIcons({ iconColor, onCartClick, onProfileClick, cartItemCount }:
                 icon={renderIcon(<CartMd />, { onClick: onCartClick })}
                 cartItemCount={cartItemCount}
             />
-            <Box display={{ base: "none", md: "block" }}>
-                {renderIcon(<UserMd />, { onClick: onProfileClick })}
-            </Box>
+            {ProfileDropdownWrapper ? (
+                <ProfileDropdownWrapper>
+                    <Box display={{ base: "none", md: "block" }}>
+                        {renderIcon(<UserMd />)}
+                    </Box>
+                </ProfileDropdownWrapper>
+            ) : (
+                <Box display={{ base: "none", md: "block" }}>
+                    {renderIcon(<UserMd />)}
+                </Box>
+            )}
         </HStack>
     )
 }

package/src/components/header/Sidebar.tsx

@@ -7,16 +7,18 @@ import { drawerAnatomy as parts } from '@chakra-ui/anatomy';
 import { createMultiStyleConfigHelpers } from '@chakra-ui/styled-system';
 import HeaderLinks from './HeaderLinks';
 import { Button } from 'components/ui/button';
+import { useAppStore } from 'AppStoreProvider';
 
 interface Props {
     iconColor: string
     linkManagement?: { link: { label: string, url: string } }[]
-    onProfileClick?: () => void
-    isLoggedIn?: boolean
+    ProfileDropdownWrapper?: React.ElementType
 }
 
-function Sidebar({ iconColor, linkManagement, onProfileClick, isLoggedIn }: Props) {
+function Sidebar({ iconColor, linkManagement, ProfileDropdownWrapper }: Props) {
     const { isOpen, onOpen, onClose } = useDisclosure()
+    const { states: { user, shop: { name } } } = useAppStore()
+    const { id } = user?.[name]?.user || {}
     const { shopDesign: { backgroundBody } } = useThemeInfo()
     const [isLargerThan768] = useMediaQuery('(min-width: 768px)')
     const { defineMultiStyleConfig } = createMultiStyleConfigHelpers(parts.keys)
@@ -41,11 +43,21 @@ function Sidebar({ iconColor, linkManagement, onProfileClick, isLoggedIn }: Prop
                         <VStack width={"100%"} height={"80%"} justifyContent={"space-between"} alignItems={"start"} overflow="auto">
                             <HeaderLinks type='vertical' onClose={() => onClose()} linkManagement={linkManagement} />
                             <VStack gap={"16px"} width={"100%"}>
-                                <Button variant='outline' onClick={onProfileClick}>
-                                    <AppTypography>
-                                        {isLoggedIn ? "Account" : "Sign In"}
-                                    </AppTypography>
-                                </Button>
+                                {ProfileDropdownWrapper ? (
+                                    <ProfileDropdownWrapper>
+                                        <Button variant='outline'>
+                                            <AppTypography>
+                                                {id ? "Account" : "Sign In"}
+                                            </AppTypography>
+                                        </Button>
+                                    </ProfileDropdownWrapper>
+                                ) : (
+                                    <Button variant='outline'>
+                                        <AppTypography>
+                                            {id ? "Account" : "Sign In"}
+                                        </AppTypography>
+                                    </Button>
+                                )}
                             </VStack>
                         </VStack>
                     </DrawerBody>

package/src/configured-components/layout/headerConfig.tsx

@@ -52,13 +52,13 @@ export const headerConfig: Config["components"][string] = {
             }
         ]
     },
-    render: ({ linkManagement, onCartClick, onProfileClick, isLoggedIn, cartItemCount, isRendering }) => {
+    render: ({ linkManagement, onCartClick, ProfileDropdownWrapper, cartItemCount, isRendering }) => {
         return (
             <StylesWrapper>
                 <Header
                     linkManagement={linkManagement}
                     onCartClick={onCartClick}
-                    onProfileClick={onProfileClick}
+                    ProfileDropdownWrapper={ProfileDropdownWrapper}
                     cartItemCount={cartItemCount}
                     isRendering={isRendering}
                 />

package/src/lib/models/user.ts

@@ -55,7 +55,7 @@ export interface IUser {
   status: string;
   stripeCustomerID: string;
   walletType?: WALLET_TYPES;
-  _id: string;
+  id: string;
 }
 
 /*

package/src/lib/stores/app/appStore.ts

@@ -2,7 +2,7 @@ import { IUser } from 'lib/models/user'
 import { appDevelopment } from 'lib/utils/app/variables'
 import { create } from 'zustand'
 import { devtools, persist } from 'zustand/middleware'
-import { ICartStore, IShop } from './interfaces'
+import { ICart, IShop } from './interfaces'
 import { shopStates } from './shopModel'
 
 interface IupdateState {
@@ -10,7 +10,7 @@ interface IupdateState {
     value: any
 }
 interface Icart {
-    [propname: string]: ICartStore
+    [propname: string]: ICart
 }
 
 export interface IAppStore {

package/src/lib/stores/app/interfaces.ts

@@ -1,5 +1,132 @@
 import { ImsTypeEnum, IPaymentMethods, IShopDesign, IShopDesignPrev, IShopMedia, ITemplateOptions } from "lib/models/shop";
 
+export interface ICartItem {
+    productId: string;
+    slug: string;
+    skuId: string;
+    sku: {
+        variantKey: string;
+        attributes: {
+            key: string;
+            value: string
+            caption: string
+        }[]
+    }
+    quantity: number;
+    thumbnail: string;
+    m2m: {
+        position: string;
+        artworkUrl: string;
+    };
+    cost: number;
+    price: number;
+    totalPriceBeforeDiscount: number;
+    totalPrice: number;
+    unitPrice: number;
+    title: string;
+    description: string;
+    productType: string;
+    ruleset: {
+        type: string;
+        discountPercentage: number;
+    };
+    collectionName: string;
+    affiliateInfo: {
+        isAffiliateProduct: boolean;
+        originalShopId: string;
+        commissionPercentage: number;
+    };
+}
+
+export interface IShippingRate {
+    rateId: string;
+    price: number;
+    deliveryTime: string;
+    selected: boolean;
+    name?: string;
+    carrier?: string;
+    estimatedDays?: number;
+}
+
+export interface IAvailableShipping {
+    type: "THIRD_PARTY" | "CUSTOM" | "POD";
+    shipmentId: string;
+    rates: IShippingRate[];
+    productIds: string[];
+}
+
+export interface IGiftCard {
+    type: "PERCENTAGE" | "AMOUNT";
+    value: number;
+    code: string;
+}
+
+export interface IFinancialDetails {
+    tax: {
+        total: number;
+        droplinked: number;
+        producer: number;
+    };
+    discounts: {
+        ruleset: number;
+        giftCard: number;
+    };
+    shipping: {
+        total: number;
+        dropLinkedShare: number;
+        merchantShare: number;
+    };
+    amounts: {
+        productTotal: number;
+        discountTotal: number;
+        taxTotal: number;
+        shippingTotal: number;
+        totalBeforeDiscount: number;
+        finalTotalBeforeTax: number;
+        totalAmount: number;
+        productTotalAfterDiscount: number;
+    };
+}
+
+export interface IAddress {
+    addressLine1?: string;
+    addressLine2?: string;
+    city?: string;
+    country?: string;
+    state?: string;
+    zip?: string;
+    firstName?: string;
+    lastName?: string;
+    phone?: string;
+}
+
+export interface ICart {
+    id: string;
+    shopId: string;
+    customerId: string;
+    email: string;
+    items: ICartItem[];
+    shippingAddressId: string;
+    availableShipping: IAvailableShipping[];
+    giftcard: IGiftCard;
+    financialDetails: IFinancialDetails;
+    status: "ACTIVE" | "EXPIRED";
+    additional: {
+        note: string;
+    };
+    shippingAddress: IAddress;
+    expiredAt: string;
+    createdAt: string;
+    updatedAt: string;
+    _id: string;
+}
+
+export interface ISelectedShipping {
+    shipmentId: string;
+    rateId: string;
+}
+
+// Legacy interfaces - keeping for backward compatibility
 export interface ICartStoreItem {
     _id: string
     skuID: string
@@ -66,6 +193,22 @@ export interface Ishippings {
     data: IShippingData[]
 }
 
+export interface ISelectedShippingRate {
+    type: string;
+    shipmentId: string;
+    rate: IRate;
+    productIds: string[];
+}
+
+export interface IRate {
+    rateId: string;
+    carrier: string;
+    service: string;
+    price: number;
+    estimatedDays: number;
+    name: string
+}
+
 export interface ICartStore {
     _id: string
     status: string
@@ -78,6 +221,7 @@ export interface ICartStore {
     address?: any
     canApplyGiftCard: boolean
     totalCart: TotalCart
+    selectedShipmentRates: ISelectedShippingRate;
 }
 
 export interface TotalCart {
@@ -140,9 +284,11 @@ export interface IShop {
     linkedinURL: string | null;
     facebookURL: string | null;
     paymentMethods: IPaymentMethods[];
+    pre_purchase_data_fetch?: {
+        active: boolean;
+        title: string;
+    };
     productsTags: string | null;
-    textColor: string;
-    shopifyDomain: string | null;
     twitterURL: string | null;
     webURL: string | null;
     telegramURL: string | null;
@@ -157,6 +303,7 @@ export interface IShop {
     design: IShopDesignPrev;
     shopDesign: IShopDesign;
     template_options: ITemplateOptions;
+    shopTemplate: string;
     loginMethods: IWallet[]
     tokenBasedPricing: ITokenBasedPricing;
     launchDate: string | null;

package/src/types/renderersProps.ts

@@ -1,4 +1,5 @@
 import { Data } from "droplinked-editor-core";
+import { ElementType, ReactNode } from "react";
 
 export interface innerContentProps {
     data: Data;
@@ -7,11 +8,10 @@ export interface innerContentProps {
 
 export interface PageHeaderProps {
     onCartClick: () => void
-    onProfileClick: () => void
     cartItemCount: number
     data: Data
     handleNavigate: (route: string) => void
-    isLoggedIn: boolean
+    profileDropdownWrapper: ElementType
 }
 
 export interface PageFooterProps {