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