https://www.vitalchoice.com/static/js/FourUpStandardVariantC.d3d199ce.chunk.js

1(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[605],{5960:function(n,a,e){"use strict";e.r(a);e(47012),e(34204),e(22369),e(51343),e(23e3),e(48691),e(28835),e(16481);var t=e(41594),i=e.n(t),A=e(17191),o=e(608),r=e(83320),p=e(29892),s=e.n(p),d=e(52509),c=e.n(d),l=e(24048),g=e(93950),B=e(10871),C=function(n){var a,e,t=n.data,A=n.gaConstants,p=n.salesforceResponse;s()(c());var d="heading_bottom"===(null===(a=t.presentation_style)||void 0===a?void 0:a.presentation_variant),C=(0,o.n)();if(null!==t&&void 0!==t&&null!==(e=t.tile)&&void 0!==e&&e.length){var _,x=(0,g.A)(p),u=function(n){return i().createElement("div",{className:"".concat(c().heading," ").concat(d?c().paddingAdjust:""),"data-component":"renderHeading"},n)};return i().createElement("div",{className:c().container,"data-testid":"fourUpVariantC"},null===t||void 0===t||null===(_=t.tile)||void 0===_?void 0:_.map(function(n){var a,e,t=n.image,o=n.cta,r=void 0===o?{}:o,p=n.message,s=void 0===p?{}:p,g=n.styled_button;return i().createElement("div",{key:C(t),className:"".concat(c().imageWrapper," ").concat(null!==r&&void 0!==r&&null!==(a=r.link)&&void 0!==a&&a.href||null!==r&&void 0!==r&&null!==(e=r.link)&&void 0!==e&&e.title?"":c().disableClick),role:"presentation",onClick:function(){return x(r,A)},"data-ga-category":(null===r||void 0===r?void 0:r.tracking_event_category)||(null===A||void 0===A?void 0:A.tracking_event_category),"data-ga-action":(null===r||void 0===r?void 0:r.tracking_event_action)||(null===A||void 0===A?void 0:A.tracking_event_action),"data-ga-label":(null===r||void 0===r?void 0:r.tracking_event_label)||(null===A||void 0===A?void 0:A.tracking_event_label),"data-banner-item-name":(null===r||void 0===r?void 0:r.tracking_event_label)||(null===A||void 0===A?void 0:A.tracking_event_label),"data-banner-type":(null===r||void 0===r?void 0:r.tracking_event_action)||(null===A||void 0===A?void 0:A.tracking_event_action),"data-banner-group":(null===r||void 0===r?void 0:r.tracking_event_category)||(null===A||void 0===A?void 0:A.tracking_event_category),"data-click-id":"FourUpVariantC","data-click-text":"FourUpVariantC"},s.heading&&!d&&u(s.heading),i().createElement("img",{className:c().image,src:"".concat(null===t||void 0===t?void 0:t.url,"?").concat("auto=webp"),alt:(0,B.A)((null===t||void 0===t?void 0:t.description)||t.title||"Product Image"),loading:"lazy"}),s.heading&&d&&u(s.heading),i().createElement("div",{className:c().messageBlock},i().createElement(l.default,{data:{content:s.content,heading:"",sub_heading:s.sub_heading,message_position:{},styled_button:g,cta:{link:r.link,theme:"",presentation:"secondary",tracking_event_category:A.tracking_event_category,tracking_event_action:A.tracking_event_action,tracking_event_label:r.tracking_event_label},has_background:!1}})))}))}return r.A.logError({appName:"mbp-pwa-ui",component:"Tiles/4upStandard/FourUpVariantC/FourUpVariantC.js",message:"No data available to render component"})};C.propTypes={data:A.arrayOf.isRequired,gaConstants:A.object.isRequired,salesforceResponse:A.object},C.defaultProps={salesforceResponse:{}},a.default=C},36907:function(n,a,e){var t=e(24661),i=e(58403)(t);i.push([n.id,'/*\n * Confidential and Proprietary.\n * Do not distribute without 1-800-Flowers.com, Inc. consent.\n * Copyright 1-800-Flowers.com, Inc. 2019. All rights reserved.\n */\n\n:root {\n    --cta-btn-bg: #ffffff;\n    --cta-btn-color: #2f2f2f\n}\n\n.FourUpVariantC_container__OcB3x {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(24%, 1fr));\n    grid-template-rows: 1fr;\n    column-gap: 1rem;\n    row-gap: 64px;\n}\n\n.FourUpVariantC_imageWrapper__u-AxC {\n    display: grid;\n    position: relative;\n    cursor: pointer;\n}\n\n.FourUpVariantC_disableClick__YVyGO{\n    cursor: auto;\n}\n\n.FourUpVariantC_image__VS0bo {\n    margin: 0 auto;\n    aspect-ratio: 2/1;\n}\n\n.FourUpVariantC_imageWrapper__u-AxC [class*="CTA_ctaButton"] {\n    color: var(--cta-btn-color);\n    font-weight: 700;\n    font-size: 14px;\n    line-height: 20px;\n    display: flex;\n    align-items: center;\n    text-align: center;\n    justify-content: center;\n    letter-spacing: 0.04em;\n    width: max-content;\n    margin: 0px;\n}\n\n.FourUpVariantC_imageWrapper__u-AxC [class*="CTA_tertiary"] {\n    padding: 0px 0px 2px;\n    text-decoration: underline;\n    text-decoration-thickness: 2px;\n    text-underline-offset: 3px;\n    font-size: 16px;\n    min-height: 38px;\n}\n\n.FourUpVariantC_imageWrapper__u-AxC [class*="CTA_secondary"],\n.FourUpVariantC_imageWrapper__u-AxC [class*="CTA_primary"] {\n    padding: 8px 20px;\n    border-radius: 3px;\n    width: max-content;\n    text-decoration: none;\n}\n\n.FourUpVariantC_imageWrapper__u-AxC [class*="CTA_primary"] {\n    line-height: 22px;\n}\n\n.FourUpVariantC_container__OcB3x [class*="Message_container"] {\n    padding: 24px 0px 0px;\n}\n\n.FourUpVariantC_heading__vxieo {\n    font-style: normal;\n    font-weight: 400;\n    font-size: 24px;\n    line-height: 32px;\n    padding-bottom: 24px;\n    display: flex;

1\n    align-items: center;\n    text-align: center;\n    justify-content: center;\n    font-family: \'ivypresto-text\', \'PlayfairDisplayBold\', \'Crimson\', \'ArcherBold\', Garamond, Times, serif;\n}\n\n.FourUpVariantC_paddingAdjust__L6q1s {\n    padding: 24px 0px 0px;\n}\n\n.FourUpVariantC_container__OcB3x [class*="Message_subHeading"] {\n    font-size: 16px;\n    line-height: 24px;\n    padding-bottom: 24px;\n    align-items: center;\n    text-align: center;\n    justify-content: center;\n}\n\n.FourUpVariantC_messageBlock__HFSuY {\n    max-width: 229px;\n    margin: 0 auto;\n}\n\n@media (max-width:1440px) {\n    .FourUpVariantC_container__OcB3x {\n        padding: 0px 10px;\n    }\n\n    .FourUpVariantC_container__OcB3x [class*="Message_container"] {\n        padding: 20px 0px 0px;\n    }\n\n    .FourUpVariantC_container__OcB3x [class*="Message_messageWrapper"] {\n        padding: 0px;\n        width: auto;\n    }\n\n    .FourUpVariantC_container__OcB3x [class*="Message_subHeading"] {\n        padding-bottom: 20px;\n    }\n\n    .FourUpVariantC_heading__vxieo {\n        font-size: 20px;\n        line-height: 20px;\n        padding-bottom: 20px;\n    }\n\n    .FourUpVariantC_image__VS0bo {\n        aspect-ratio: 1.4/1;\n\n    }\n\n    .FourUpVariantC_messageBlock__HFSuY {\n        max-width: 215px;\n        margin: 0 auto;\n    }\n\n    .FourUpVariantC_paddingAdjust__L6q1s {\n        padding: 20px 0px 0px;\n    }\n\n}\n\n@media (max-width:1024px) {\n    .FourUpVariantC_image__VS0bo {\n        width: 100%;\n        max-width: 154px;\n    }\n\n    .FourUpVariantC_messageBlock__HFSuY {\n        max-width: 175px;\n        margin: 0 auto;\n    }\n}\n\n/* for mobile layout */\n\n@media (max-width:600px) {\n    .FourUpVariantC_image__VS0bo {\n        aspect-ratio: 1.05/1;\n        max-width: 116px;\n    }\n\n    .FourUpVariantC_container__OcB3x {\n        display: grid;\n        grid-template-columns: repeat(2, minmax(24%, 1fr));\n        row-gap: 32px;\n    }\n\n    .FourUpVariantC_container__OcB3x [class*="Message_container"] {\n        padding: 16px 0px 0px 0px;\n    }\n\n    .FourUpVariantC_heading__vxieo {\n        font-weight: 400;\n        font-size: 20px;\n        line-height: 24px;\n        padding-bottom: 16px;\n    }\n\n    .FourUpVariantC_container__OcB3x [class*="Message_subHeading"] {\n        padding-bottom: 16px;\n    }\n\n    .FourUpVariantC_paddingAdjust__L6q1s {\n        padding: 16px 0px 0px;\n    }\n}',"",{version:3,sources:["webpack://./src/app/components/GraphqlComponents/UniversalTemplate/Components/Tiles/FourUpStandard/FourUpVariantC/FourUpVariantC.module.css"],names:[],mappings:"AAAA;;;;EAIE;;AAEF;IACI,qBAAqB;IACrB;AACJ;;AAEA;IACI,aAAa;IACb,kDAAkD;IAClD,uBAAuB;IACvB,gBAAgB;IAChB,aAAa;AACjB;;AAEA;IACI,aAAa;IACb,kBAAkB;IAClB,eAAe;AACnB;;AAEA;IACI,YAAY;AAChB;;AAEA;IACI,cAAc;IACd,iBAAiB;AACrB;;AAEA;IACI,2BAA2B;IAC3B,gBAAgB;IAChB,eAAe;IACf,iBAAiB;IACjB,aAAa;IACb,mBAAmB;IACnB,kBAAkB;IAClB,uBAAuB;IACvB,sBAAsB;IACtB,kBAAkB;IAClB,WAAW;AACf;;AAEA;IACI,oBAAoB;IACpB,0BAA0B;IAC1B,8BAA8B;IAC9B,0BAA0B;IAC1B,eAAe;IACf,gBAAgB;AACpB;;AAEA;;IAEI,iBAAiB;IACjB,kBAAkB;IAClB,kBAAkB;IAClB,qBAAqB;AACzB;;AAEA;IACI,iBAAiB;AACrB;;AAEA;IACI,qBAAqB;AACzB;;AAEA;IACI,kBAAkB;IAClB,gBAAgB;IAChB,eAAe;IACf,iBAAiB;IACjB,oBAAoB;IACpB,aAAa;IACb,mBAAmB;IACnB,kBAAkB;IAClB,uBAAuB;IACvB,qGAAqG;AACzG;;AAEA;IACI,qBAAqB;AACzB;;AAEA;IACI,eAAe;IACf,iBAAiB;IACjB,oBAAoB;IACpB,mBAAmB;IACnB,kBAAkB;IAClB,uBAAuB;AAC3B;;AAEA;IACI,gBAAgB;IAChB,cAAc;AAClB;;AAEA;IACI;QACI,iBAAiB;IACrB;;IAEA;QACI,qBAAqB;IACzB;;IAEA;QACI,YAAY;QACZ,WAAW;IACf;;IAEA;QACI,oBAAoB;IACxB;;IAEA;QACI,eAAe;QACf,iBAAiB;QACjB,oBAAoB;IACxB;;IAEA;QACI,mBAAmB;;IAEvB;;IAEA;QACI,gBAAgB;QAChB,cAAc;IAClB;;IAEA;QACI,qBAAqB;IACzB;;AAEJ;;AAEA;IACI;QACI,WAAW;QACX,gBAAgB;IACpB;;IAEA;QACI,gBAAgB;QAChB,cAAc;IAClB;AACJ;;AAEA,sBAAsB;;AAEtB;IACI;QACI,oBAAoB;QACpB,gBAAgB;IACpB;;IAEA;QACI,aAAa;QACb,kDAAkD;QAClD,aAAa;IACjB;;IAEA;QACI,yBAAyB;IAC7B;;IAEA;QACI,gBAAgB;QAChB,eAAe;QACf,iBAAiB;QACjB,oBAAoB;IACxB;;IAEA;QACI,oBAAoB;IACxB;;IAEA;QACI,qBAAqB;IACzB;AACJ",sourcesContent:['/*\n * Confidential and Proprietary.\n * Do not distribute without 1-800-Flowers.com, Inc. c

1onsent.\n * Copyright 1-800-Flowers.com, Inc. 2019. All rights reserved.\n */\n\n:root {\n    --cta-btn-bg: #ffffff;\n    --cta-btn-color: #2f2f2f\n}\n\n.container {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(24%, 1fr));\n    grid-template-rows: 1fr;\n    column-gap: 1rem;\n    row-gap: 64px;\n}\n\n.imageWrapper {\n    display: grid;\n    position: relative;\n    cursor: pointer;\n}\n\n.disableClick{\n    cursor: auto;\n}\n\n.image {\n    margin: 0 auto;\n    aspect-ratio: 2/1;\n}\n\n.imageWrapper [class*="CTA_ctaButton"] {\n    color: var(--cta-btn-color);\n    font-weight: 700;\n    font-size: 14px;\n    line-height: 20px;\n    display: flex;\n    align-items: center;\n    text-align: center;\n    justify-content: center;\n    letter-spacing: 0.04em;\n    width: max-content;\n    margin: 0px;\n}\n\n.imageWrapper [class*="CTA_tertiary"] {\n    padding: 0px 0px 2px;\n    text-decoration: underline;\n    text-decoration-thickness: 2px;\n    text-underline-offset: 3px;\n    font-size: 16px;\n    min-height: 38px;\n}\n\n.imageWrapper [class*="CTA_secondary"],\n.imageWrapper [class*="CTA_primary"] {\n    padding: 8px 20px;\n    border-radius: 3px;\n    width: max-content;\n    text-decoration: none;\n}\n\n.imageWrapper [class*="CTA_primary"] {\n    line-height: 22px;\n}\n\n.container [class*="Message_container"] {\n    padding: 24px 0px 0px;\n}\n\n.heading {\n    font-style: normal;\n    font-weight: 400;\n    font-size: 24px;\n    line-height: 32px;\n    padding-bottom: 24px;\n    display: flex;\n    align-items: center;\n    text-align: center;\n    justify-content: center;\n    font-family: \'ivypresto-text\', \'PlayfairDisplayBold\', \'Crimson\', \'ArcherBold\', Garamond, Times, serif;\n}\n\n.paddingAdjust {\n    padding: 24px 0px 0px;\n}\n\n.container [class*="Message_subHeading"] {\n    font-size: 16px;\n    line-height: 24px;\n    padding-bottom: 24px;\n    align-items: center;\n    text-align: center;\n    justify-content: center;\n}\n\n.messageBlock {\n    max-width: 229px;\n    margin: 0 auto;\n}\n\n@media (max-width:1440px) {\n    .container {\n        padding: 0px 10px;\n    }\n\n    .container [class*="Message_container"] {\n        padding: 20px 0px 0px;\n    }\n\n    .container [class*="Message_messageWrapper"] {\n        padding: 0px;\n        width: auto;\n    }\n\n    .container [class*="Message_subHeading"] {\n        padding-bottom: 20px;\n    }\n\n    .heading {\n        font-size: 20px;\n        line-height: 20px;\n        padding-bottom: 20px;\n    }\n\n    .image {\n        aspect-ratio: 1.4/1;\n\n    }\n\n    .messageBlock {\n        max-width: 215px;\n        margin: 0 auto;\n    }\n\n    .paddingAdjust {\n        padding: 20px 0px 0px;\n    }\n\n}\n\n@media (max-width:1024px) {\n    .image {\n        width: 100%;\n        max-width: 154px;\n    }\n\n    .messageBlock {\n        max-width: 175px;\n        margin: 0 auto;\n    }\n}\n\n/* for mobile layout */\n\n@media (max-width:600px) {\n    .image {\n        aspect-ratio: 1.05/1;\n        max-width: 116px;\n    }\n\n    .container {\n        display: grid;\n        grid-template-columns: repeat(2, minmax(24%, 1fr));\n        row-gap: 32px;\n    }\n\n    .container [class*="Message_container"] {\n        padding: 16px 0px 0px 0px;\n    }\n\n    .heading {\n        font-weight: 400;\n        font-size: 20px;\n        line-height: 24px;\n        padding-bottom: 16px;\n    }\n\n    .container [class*="Message_subHeading"] {\n        padding-bottom: 16px;\n    }\n\n    .paddingAdjust {\n        padding: 16px 0px 0px;\n    }\n}'],sourceRoot:""}]),i.locals={container:"FourUpVariantC_container__OcB3x",imageWrapper:"FourUpVariantC_imageWrapper__u-AxC",disableClick:"FourUpVariantC_disableClick__YVyGO",image:"FourUpVariantC_image__VS0bo",heading:"FourUpVariantC_heading__vxieo",paddingAdjust:"FourUpVariantC_paddingAdjust__L6q1s",messageBlock:"FourUpVariantC_messageBlock__HFSuY"},n.exports=i},52509:function(n,a,e){var t=e(36907),i=e(61352),A="string"===typeof t?[[n.id,t,""]]:t;(a=n.exports=t.locals||{})._getContent=function(){return A},a._getCss=function(){return""+t},a._insertCss=function(n){return i(A,n)}}}]);
2//# sourceMappingURL=FourUpStandardVariantC.d3d199ce.chunk.js.map