pcm-shared-components 0.0.225 → 0.0.227

package/dist/components/Platform/PlatformPaymentPlans/index.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { ThemeProvider } from '@mui/system';
@@ -29,7 +27,7 @@ export const PlatformPaymentPlans = props => {
     platformPlanFeatures,
     platformPricingModels,
     onClickPlanSelection,
-    showSaveUptoPromo,
+    saveYearlyImgPath,
     theme
   } = props;
   console.log('debug Platform payment plans:', props);
@@ -197,7 +195,7 @@ export const PlatformPaymentPlans = props => {
     }), /*#__PURE__*/React.createElement(PriceDescription, {
       color: color,
       price: per_reservation_fee,
-      description: 'reservation',
+      description: i18next.t('common.app.per_reservation'),
       expected_price: expected_per_reservation_fee
     })), /*#__PURE__*/React.createElement("div", {
       className: "w-full text-center my-12"
@@ -232,48 +230,41 @@ export const PlatformPaymentPlans = props => {
     })))));
   };
 
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
-    theme: defaultTheme
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col w-full h-full"
-  }, hasMonthlyAndYearlyBillingPeriod && /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col m-auto"
-  }, showSaveUptoPromo && /*#__PURE__*/React.createElement("div", {
-    className: "flex justify-end w-full "
-  }, /*#__PURE__*/React.createElement("img", {
-    className: "mr-24 cursor-pointer  hover:rotate-3 hover:scale-105 hover:translate-y-1 hover:skew-y-3 transition-all",
-    src: "/assets/images/PlatformPaymentPlan/save.svg",
-    alt: "save on yr plans",
-    style: {
-      height: 80
-    },
-    onClick: () => {
-      setSelectedBillingPeriod(2);
-    }
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "mb-12"
-  }, /*#__PURE__*/React.createElement(PriceToggleButton, {
-    isChecked: selectedBillingPeriod === 2,
-    onCheck: checked => {
-      setSelectedBillingPeriod(checked ? 2 : 1);
-    }
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-wrap justify-center max-w-max mx-auto pt-12"
-  }, platformPricingModels.filter(price => Number(price.billing_period_id) === selectedBillingPeriod).map((model, idx) => /*#__PURE__*/React.createElement(PriceCard, _extends({
-    key: `price_card_${idx}`
-  }, model)))), "something here"));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, "This is a user:", i18next.t('common.app.user')), /*#__PURE__*/React.createElement("div", null, "This is a search:", i18next.t('common.app.search')), /*#__PURE__*/React.createElement("div", null, "This is a yes:", i18next.t('common.app.yes')), /*#__PURE__*/React.createElement("div", null, "This is a per reservation:", i18next.t('common.app.per_reservation'))) //     <ThemeProvider theme={defaultTheme} >
+  //       <div className='flex flex-col w-full h-full'>
+  //         {hasMonthlyAndYearlyBillingPeriod && (
+  //           <div className='flex flex-col m-auto' >
+  //             {saveYearlyImgPath && (
+  //               <div className='flex justify-end w-full '>
+  //                 <img className='mr-24 cursor-pointer  hover:rotate-3 hover:scale-105 hover:translate-y-1 hover:skew-y-3 transition-all' src={saveYearlyImgPath} alt='save on yr plans' style={{ height: 80 }} onClick={() => { setSelectedBillingPeriod(2) }} />
+  //               </div>
+  //             )}
+  //             <div className='mb-12' >
+  //               <PriceToggleButton isChecked={selectedBillingPeriod === 2} onCheck={(checked) => { setSelectedBillingPeriod(checked ? 2 : 1) }} />
+  //             </div>
+  //           </div>
+  //         )}
+  //         <div className='flex flex-wrap justify-center max-w-max mx-auto pt-12'>
+  //           {platformPricingModels.filter((price) => Number(price.billing_period_id) === selectedBillingPeriod).map((model, idx) => (
+  //             <PriceCard key={`price_card_${idx}`} {...model} />
+  //           ))}
+  //         </div>
+  // something here
+  //       </div>
+  //     </ThemeProvider>
+  ;
 };
 export default PlatformPaymentPlans;
 PlatformPaymentPlans.defaultProps = {
   platformPlanFeatures: [],
   platformPricingModels: [],
   onClickPlanSelection: () => {},
-  showSaveUptoPromo: true,
+  saveYearlyImgPath: undefined,
   theme: undefined
 };
 PlatformPaymentPlans.propTypes = {
   /** Displays the save up to image above the yearly toggle */
-  showSaveUptoPromo: PropTypes.bool,
+  saveYearlyImgPath: PropTypes.string,
 
   /** This is the platform features that are activated for each pricing model tier */
   platformPlanFeatures: PropTypes.array,

package/dist/languages/en/translations.json

@@ -454,6 +454,7 @@
 			"payment_method_not_complete": "The payment information is not complete.",
 			"payment_policies_not_checked": "Please accept and read the terms and policies before preceding.",
 			"per_night": "Per Night",
+			"per_reservation": "per reservation",
 			"personal_information": "Personal Information",
 			"pictures": "Pictures",
 			"port_number": "Port Number",

package/dist/languages/es/translations.json

@@ -454,6 +454,7 @@
 			"payment_method_not_complete": "La información de pago no está completa.",
 			"payment_policies_not_checked": "Acepte y lea los términos y políticas antes de proceder.",
 			"per_night": "por noche",
+			"per_reservation": "Por reserva",
 			"personal_information": "Informacion personal",
 			"pictures": "Fotos",
 			"port_number": "Número de puerto",

package/dist/languages/fr/translations.json

@@ -454,6 +454,7 @@
 			"payment_method_not_complete": "Le mode de paiement n'est pas complet.",
 			"payment_policies_not_checked": "Veuillez accepter et lire les termes et politiques avant d'avancer.",
 			"per_night": "Par nuit",
+			"per_reservation": "Par réservation",
 			"personal_information": "Informations personnelles",
 			"pictures": "Photos",
 			"port_number": "Numéro de port",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pcm-shared-components",
-  "version": "0.0.225",
+  "version": "0.0.227",
   "private": false,
   "main": "dist/index.js",
   "babel": {