@trafilea/afrodita-components 6.16.2 → 6.16.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/index.d.ts +8 -5
- package/build/index.esm.js +21 -9
- package/build/index.esm.js.map +1 -1
- package/build/index.js +21 -9
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -4678,11 +4678,11 @@ var FlexStart = newStyled.div(templateObject_5$w || (templateObject_5$w = __make
|
|
|
4678
4678
|
var templateObject_1$1R, templateObject_2$1f, templateObject_3$Z, templateObject_4$K, templateObject_5$w;
|
|
4679
4679
|
|
|
4680
4680
|
var _this$1 = undefined;
|
|
4681
|
-
var
|
|
4682
|
-
var
|
|
4681
|
+
var CouponCard = function (_a) {
|
|
4682
|
+
var image = _a.image, title = _a.title, content = _a.content, couponCode = _a.couponCode, offerLink = _a.offerLink, width = _a.width, height = _a.height, _b = _a.btnText, btnText = _b === void 0 ? 'Redeem Offer' : _b;
|
|
4683
4683
|
var _c = React$2.useState(false), showCoupon = _c[0], setShowCoupon = _c[1];
|
|
4684
4684
|
var handleCopy = React$2.useCallback(function (couponCode) { return (couponCode ? navigator.clipboard.writeText(couponCode) : undefined); }, []);
|
|
4685
|
-
return (jsxRuntime.jsxs(Container$19, __assign$1({ height: height, width: width }, { children: [jsxRuntime.jsx(LeftSide, { children: jsxRuntime.jsx(Image$3, { src:
|
|
4685
|
+
return (jsxRuntime.jsxs(Container$19, __assign$1({ height: height, width: width }, { children: [jsxRuntime.jsx(LeftSide, { children: jsxRuntime.jsx(Image$3, { objectFit: "cover", src: image.src, alt: image.alt, width: "100%", height: "100%", borderRadius: "8px 0 0 8px" }, void 0) }, void 0), jsxRuntime.jsxs(RightSide, { children: [jsxRuntime.jsxs(FlexStart, { children: [jsxRuntime.jsx(Text$7, __assign$1({ variant: "body", weight: "bold", size: "small" }, { children: title }), void 0), content] }, void 0), jsxRuntime.jsx(FlexCentered, { children: !showCoupon ? (jsxRuntime.jsx(ButtonPrimary, { type: "button", text: btnText, wide: true, size: exports.ComponentSize.Large, onClick: function () { return setShowCoupon(function (prev) { return !prev; }); } }, void 0)) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ButtonSecondaryOutline, { "data-testid": "coupon-code-btn", testId: "coupon-code-btn", type: "button", text: couponCode !== null && couponCode !== void 0 ? couponCode : '', wide: true, size: exports.ComponentSize.Small, icon: {
|
|
4686
4686
|
name: 'actions/copy_outlined',
|
|
4687
4687
|
position: 'right',
|
|
4688
4688
|
margin: '10px',
|
|
@@ -4692,7 +4692,7 @@ var Coupon = function (_a) {
|
|
|
4692
4692
|
// Partner titles
|
|
4693
4693
|
var REVEL_BEAUTY_TITLE = 'REVEL BEAUTY';
|
|
4694
4694
|
var THE_SPA_DR_TITLE = 'THE SPA DR.';
|
|
4695
|
-
//
|
|
4695
|
+
// CouponCard contents
|
|
4696
4696
|
var CouponDefaultBody = function (firstLine, secondLine) { return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Text$7, __assign$1({ variant: "body", weight: "regular", size: "small", style: { textAlign: 'initial' } }, { children: firstLine }), void 0), jsxRuntime.jsx(Text$7, __assign$1({ variant: "heading5", weight: "bold" }, { children: secondLine }), void 0)] }, void 0)); };
|
|
4697
4697
|
var TheBodConContent = function () { return (jsxRuntime.jsxs(FlexContainer$2, { children: [jsxRuntime.jsxs(Text$7, __assign$1({ variant: "body", weight: "regular", size: "small" }, { children: [jsxRuntime.jsx(Bold, { children: "FREE and PREMIUM" }, void 0), " access to The BodCon Community App."] }), void 0), jsxRuntime.jsxs(Text$7, __assign$1({ variant: "body", weight: "regular", size: "small" }, { children: ["The #1 Body Confidence Community. You'll have ", jsxRuntime.jsx(Bold, { children: "FREE access to:" }, void 0)] }), void 0), jsxRuntime.jsxs("ul", __assign$1({ style: { marginBottom: '5px', padding: '11px' } }, { children: [jsxRuntime.jsx("li", __assign$1({ style: { marginBottom: '5px' } }, { children: jsxRuntime.jsx(Text$7, __assign$1({ variant: "body", weight: "regular", size: "small" }, { children: "Our confidence series: great courses made by the top influencers in the field, just for you to start your body-confidence journey!" }), void 0) }), void 0), jsxRuntime.jsx("li", { children: jsxRuntime.jsx(Text$7, __assign$1({ variant: "body", weight: "regular", size: "small" }, { children: "Our more than 1.000 women's community and get-togethers to talk about women's empowerment." }), void 0) }, void 0)] }), void 0), jsxRuntime.jsxs(Text$7, __assign$1({ variant: "body", weight: "regular", size: "small" }, { children: [jsxRuntime.jsx(Bold, { children: "FREE" }, void 0), " access to The BodCon 2023 replays!"] }), void 0), jsxRuntime.jsx(Text$7, __assign$1({ variant: "body", weight: "regular", size: "small" }, { children: "Empower yourself and change how you see and feel about your body forever." }), void 0)] }, void 0)); };
|
|
4698
4698
|
var cancellationFlowContentPerKey = {
|
|
@@ -4708,12 +4708,24 @@ var couponDimensions = {
|
|
|
4708
4708
|
};
|
|
4709
4709
|
var CancellationFlowAccordionContentPerPartner = {
|
|
4710
4710
|
RevelBeauty: [
|
|
4711
|
-
jsxRuntime.jsx(
|
|
4712
|
-
|
|
4711
|
+
jsxRuntime.jsx(CouponCard, { width: couponDimensions.width, height: couponDimensions.height, title: REVEL_BEAUTY_TITLE, image: {
|
|
4712
|
+
src: 'https://cdn.shopify.com/s/files/1/2679/8624/files/Beauty_Lift_and_Tighten_Serum.png?v=1709316823',
|
|
4713
|
+
alt: 'Daily Essentials 4-Step Skin Care System',
|
|
4714
|
+
}, content: cancellationFlowContentPerKey['RevelBeauty-1'], couponCode: 'CLUBFRIENDS', offerLink: 'https://revelbeauty.com/products/lift-tighten-serum' }, "RevelBeauty-1"),
|
|
4715
|
+
jsxRuntime.jsx(CouponCard, { width: couponDimensions.width, height: couponDimensions.height, title: REVEL_BEAUTY_TITLE, image: {
|
|
4716
|
+
src: 'https://cdn.shopify.com/s/files/1/2679/8624/files/revel-beauty-orders-above-50.png?v=1709326588',
|
|
4717
|
+
alt: 'Daily Essentials 4-Step Skin Care System',
|
|
4718
|
+
}, content: cancellationFlowContentPerKey['RevelBeauty-2'], couponCode: 'SHIPPINGONUS', offerLink: 'https://revelbeauty.com/' }, "RevelBeauty-2"),
|
|
4713
4719
|
],
|
|
4714
4720
|
TheSpaDr: [
|
|
4715
|
-
jsxRuntime.jsx(
|
|
4716
|
-
|
|
4721
|
+
jsxRuntime.jsx(CouponCard, { width: couponDimensions.width, height: couponDimensions.height, title: THE_SPA_DR_TITLE, image: {
|
|
4722
|
+
src: 'https://cdn.shopify.com/s/files/1/2679/8624/files/Daily_Essentials_4-Step_Skin_Care_System.png?v=1709333354',
|
|
4723
|
+
alt: 'Daily Essentials 4-Step Skin Care System',
|
|
4724
|
+
}, content: cancellationFlowContentPerKey['TheSpaDr-1'], couponCode: 'SHMCLUBFRIENDS', offerLink: 'https://thespadr.com/products/4-step-age-defying-clean-skincare-system-3?variant=42658350727366' }, "TheSpaDr-1"),
|
|
4725
|
+
jsxRuntime.jsx(CouponCard, { width: couponDimensions.width, height: couponDimensions.height, title: THE_SPA_DR_TITLE, image: {
|
|
4726
|
+
src: 'https://cdn.shopify.com/s/files/1/2679/8624/files/Nourish_Antioxidant_Serum.png?v=1709333354',
|
|
4727
|
+
alt: 'Daily Essentials 4-Step Skin Care System',
|
|
4728
|
+
}, content: cancellationFlowContentPerKey['TheSpaDr-2'], couponCode: 'SHMCLUB10OFF', offerLink: 'https://thespadr.com/products/step-2-age-defying-lift-tight-serum?variant=15992476860510' }, "TheSpaDr-2"),
|
|
4717
4729
|
],
|
|
4718
4730
|
TheBodCon: [cancellationFlowContentPerKey['TheBodCon']],
|
|
4719
4731
|
};
|
|
@@ -20140,7 +20152,7 @@ exports.Checkbox = Checkbox;
|
|
|
20140
20152
|
exports.ClubOfferTag = ClubOfferTag;
|
|
20141
20153
|
exports.ClubRadioGroupInput = ClubRadioGroupInput;
|
|
20142
20154
|
exports.Collection = Collection;
|
|
20143
|
-
exports.
|
|
20155
|
+
exports.CouponCard = CouponCard;
|
|
20144
20156
|
exports.CrossSell = index$1;
|
|
20145
20157
|
exports.DeliveryDetails = DeliveryDetails;
|
|
20146
20158
|
exports.DiscountTag = DiscountTag$1;
|