@nuskin/react-loyalty-elements
Version:
A React based component library for reusable Nextgen Loyalty component
1 lines • 4.09 kB
JavaScript
function n(n,r){if(r==null||r>n.length)r=n.length;for(var e=0,t=new Array(r);e<r;e++)t[e]=n[e];return t}function r(n){if(Array.isArray(n))return n}function e(n,r){var e=n==null?null:typeof Symbol!=="undefined"&&n[Symbol.iterator]||n["@@iterator"];if(e==null)return;var t=[];var o=true;var i=false;var a,l;try{for(e=e.call(n);!(o=(a=e.next()).done);o=true){t.push(a.value);if(r&&t.length===r)break}}catch(n){i=true;l=n}finally{try{if(!o&&e["return"]!=null)e["return"]()}finally{if(i)throw l}}return t}function t(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function o(n,o){return r(n)||e(n,o)||a(n,o)||t()}function i(n,r){if(!r){r=n.slice(0)}return Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(r)}}))}function a(r,e){if(!r)return;if(typeof r==="string")return n(r,e);var t=Object.prototype.toString.call(r).slice(8,-1);if(t==="Object"&&r.constructor)t=r.constructor.name;if(t==="Map"||t==="Set")return Array.from(t);if(t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return n(r,e)}function l(){var n=i(["\n display: flex;\n flex-direction: row;\n background-color: #fff;\n border-radius: 10px;\n box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);\n overflow: hidden;\n margin-top: 10px;\n border: 1px solid #e0e0e0;\n\n @media (max-width: 767px) {\n flex-direction: column;\n padding: 10px;\n }\n"]);l=function r(){return n};return n}function c(){var n=i(["\n width: 40%;\n height: 345px;\n display: block;\n object-fit: cover;\n\n @media (max-width: 767px) {\n width: 100%;\n border-radius: 10px 10px 0 0;\n }\n"]);c=function r(){return n};return n}function u(){var n=i(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 0px 40px;\n width: 60%;\n background-color: #f5f5f5;\n\n @media (max-width: 767px) {\n width: 100%;\n padding: 20px;\n }\n"]);u=function r(){return n};return n}function f(){var n=i(["\n font-family: Inter, sans-serif;\n font-size: 14px;\n font-weight: 600;\n line-height: 20px;\n margin-bottom: 10px;\n"]);f=function r(){return n};return n}function d(){var n=i(["\n font-family: Inter, sans-serif;\n font-size: 16px;\n font-weight: 400;\n line-height: 22px;\n color: #252525;\n margin-top: 2rem;\n"]);d=function r(){return n};return n}function s(){var n=i(["\n width: 257px;\n margin-top: 15px;\n background-color: #252525;\n color: #fff;\n padding: 10px 20px;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n\n &:hover {\n background-color: #8c8c8c;\n }\n"]);s=function r(){return n};return n}function p(){var n=i(["\n max-width: 360px;\n"]);p=function r(){return n};return n}import{d as y}from"../chunk-B5UVKXR6.mjs";import{e as h,v as m}from"../chunk-YZGRTK3A.mjs";import{useState as x}from"react";var g=h(y()),b=g.styled.div(l()),v=g.styled.img(c()),w=g.styled.div(u()),j=g.styled.h2(f()),k=g.styled.p(d()),B=g.styled.button(s()),A=g.styled.img(p());import{Fragment as M,jsx as O,jsxs as S}from"react/jsx-runtime";var C=function(n){var r=n.translationConfig,e=r===void 0?{header:"",body:"",learnMore:"",loyaltyLogoBlack:"",loyaltyBanner:""}:r,t=n.learnMoreConfig,i=t===void 0?{tagLine:"",cardOneDescription:"",cardOneVoucherAmount:"",cardTwoDescription:"",cardTwoVoucherAmount:"",header:"",loyaltyLogoWhite:"",loyaltyBanner:"",learnMore:""}:t,a=o(x(!1),2),l=a[0],c=a[1],u=function(){return c(!0)},f=function(){return c(!1)};return S(M,{children:[e&&S(b,{children:[e.loyaltyBanner&&O(v,{src:e.loyaltyBanner,alt:"Beauty Device"}),S(w,{children:[e.header&&O(j,{children:e.header}),e.loyaltyLogoBlack&&O(A,{src:e.loyaltyLogoBlack,alt:"Rewards Logo"}),e.body&&O(k,{children:e.body}),i.learnMore&&O(B,{onClick:u,children:i.learnMore})]})]}),i&&O(m,{show:l,close:f,learnMoreConfig:i,translationConfig:e})]})},L=C;export{L as SubscriptionRewardBanner};//# sourceMappingURL=index.mjs.map