@xo-union/tk-component-header-nav
Version:
132 lines • 6.42 kB
JavaScript
import React from "react";
import { MegaMenu, LinkSection, FeaturedSection, FeaturedUnitCard, LinkColumn, MainCategoryLinkMenu, MainCategoryPrimaryLink, SubCategoryLink, SeeAllSubCategoryLink } from "../../MegaMenu/index.js";
import { useHeaderNavContext } from "../../Context.js";
import { layout4LinkColsAnd4SmallFeaturedUnits } from "../layouts.js";
const InvitationsMegaMenu = () => {
const {
menuTypes,
loggedIn,
links,
imageIds,
__renderDraftsLink__
} = useHeaderNavContext();
return /*#__PURE__*/React.createElement(MegaMenu, {
menuID: menuTypes.INVITATIONS,
containerProps: {
'data-trackable-context-group': 'invitations'
},
layout: layout4LinkColsAnd4SmallFeaturedUnits
}, /*#__PURE__*/React.createElement(LinkSection, {
headingContent: "Invitations & paper",
headingTextProps: {
href: links.PAPER
}
}, /*#__PURE__*/React.createElement(LinkColumn, null, /*#__PURE__*/React.createElement(MainCategoryLinkMenu, {
id: "invitations-paper-your-invitations-paper",
headingContent: "Your invitations & paper",
href: links.PAPER,
isOpenByDefault: true
}, /*#__PURE__*/React.createElement(SubCategoryLink, {
leftIcon: "cart",
href: links.PAPER_CART
}, "Your cart"), __renderDraftsLink__ && /*#__PURE__*/React.createElement(SubCategoryLink, {
leftIcon: "bookmark",
href: links.PAPER_DRAFTS
}, "Your drafts"), loggedIn && /*#__PURE__*/React.createElement(SubCategoryLink, {
leftIcon: "truck",
href: links.PAPER_ORDERS
}, "Your orders"))), /*#__PURE__*/React.createElement(LinkColumn, null, /*#__PURE__*/React.createElement(MainCategoryLinkMenu, {
id: "invitations-paper-invitations",
headingContent: "Invitations",
href: links.INVITATIONS
}, /*#__PURE__*/React.createElement(SeeAllSubCategoryLink, {
href: links.INVITATIONS
}, "All invitations"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.WEDDING_INVITATIONS
}, "Wedding invitations"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.RSVP_CARDS
}, "New! RSVP cards"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.ENCLOSURE_CARDS
}, "Enclosure cards"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.ENVELOPE_LINERS
}, "Envelope liners"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.BRIDAL_SHOWER_INVITATIONS
}, "Bridal shower invitations"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.REHEARSAL_DINNER_INVITATIONS
}, "Rehearsal dinner invitations")), /*#__PURE__*/React.createElement(MainCategoryPrimaryLink, {
href: links.PAPER_SAVE_THE_DATES
}, "Save the dates")), /*#__PURE__*/React.createElement(LinkColumn, null, /*#__PURE__*/React.createElement(MainCategoryLinkMenu, {
id: "invitations-paper-ceremony-reception",
headingContent: "Ceremony & reception",
href: links.CEREMONY_RECEPTION_PAPER
}, /*#__PURE__*/React.createElement(SeeAllSubCategoryLink, {
href: links.CEREMONY_RECEPTION_PAPER
}, "All ceremony & reception"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.PROGRAMS
}, "New! Programs"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.STICKERS
}, "New! Stickers"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.NAPKINS
}, "New! Napkins"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.COASTERS
}, "New! Coasters"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.FAVOR_BAGS
}, "New! Favor bags"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.SIGNS
}, "New! Signs"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.PLACE_CARDS
}, "Place cards"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.MENUS
}, "Menus"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.TABLE_NUMBERS
}, "Table numbers"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.GIFT_TAGS
}, "Gift tags"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.GUEST_BOOKS
}, "Guest books")), /*#__PURE__*/React.createElement(MainCategoryPrimaryLink, {
href: links.THANK_YOUS
}, "Thank yous")), /*#__PURE__*/React.createElement(LinkColumn, null, /*#__PURE__*/React.createElement(MainCategoryLinkMenu, {
id: "invitations-paper-shop-by-style",
headingContent: "Shop by style",
href: links.SHOP_BY_STYLE
}, /*#__PURE__*/React.createElement(SeeAllSubCategoryLink, {
href: links.SHOP_BY_STYLE
}, "All styles"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.INVITATIONS_FLORAL
}, "Floral"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.INVITATIONS_CLASSIC
}, "Classic"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.INVITATIONS_RUSTIC
}, "Rustic"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.INVITATIONS_DESTINATION
}, "Destination"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.INVITATIONS_SIMPLE
}, "Simple"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.INVITATIONS_MODERN
}, "Modern"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.INVITATIONS_VINTAGE
}, "Vintage"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.INVITATIONS_BOHEMIAN
}, "Bohemian"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.INVITATIONS_BEACH
}, "Beach")))), /*#__PURE__*/React.createElement(FeaturedSection, {
headingContent: "Shop The Knot Invitations"
}, /*#__PURE__*/React.createElement(FeaturedUnitCard, {
linkUrl: links.CEREMONY_RECEPTION_PAPER,
imageId: imageIds.INVITATIONS_DAY_OF_ESSENTIALS,
copy: "New day-of essentials"
}), /*#__PURE__*/React.createElement(FeaturedUnitCard, {
linkUrl: links.FOIL,
imageId: imageIds.FOIL,
copy: "Foil invitations"
}), /*#__PURE__*/React.createElement(FeaturedUnitCard, {
linkUrl: links.PAPER_FREE_SAMPLES,
imageId: imageIds.FREE_SAMPLES_PERSONALIZED,
copy: "Personalized free samples"
}), /*#__PURE__*/React.createElement(FeaturedUnitCard, {
linkUrl: links.PAPER_SAVE_THE_DATE_FORMATS,
imageId: imageIds.INVITATIONS_SAVE_THE_DATES_FORMATS,
copy: "Photo save the dates"
})));
};
export default InvitationsMegaMenu;