pcm-shared-components 0.0.250 → 0.0.251

package/dist/components/Dialogs/GenericDialogWindow/index.js

@@ -26,7 +26,7 @@ export const GenericDialogWindow = props => {
   // Hooks 
   //---------------------------------------------------
 
-  const [can_save, setCanSave] = useState(false);
+  const [canSave, setCanSave] = useState(false);
   const [isLoading, setIsLoading] = useState(false);
   const [managedAppBarMenu, setManagedAppBarMenu] = useState(undefined);
   const [save_button_label, setSaveButtonLabel] = useState(undefined);
@@ -126,7 +126,7 @@ export const GenericDialogWindow = props => {
             return { ...mm,
               onClick: onSave,
               name: save_button_label ? save_button_label : mm.name,
-              hideMenu: !(can_save && showSaveButton)
+              hideMenu: !(canSave && showSaveButton)
             };
           } else {
             return mm;
@@ -136,7 +136,7 @@ export const GenericDialogWindow = props => {
       //Need to re-apply any onClick override to ensure they are still properly set by what was overridden from the child component.
       // setOverrides();
     }
-  }, [appBarMenu, can_save, showSaveButton, save_button_label]);
+  }, [appBarMenu, canSave, showSaveButton, save_button_label]);
 
   const handleOnClose = (event, reason) => {
     if (reason !== 'backdropClick' || closeOnBackdropClick) {
@@ -170,6 +170,7 @@ export const GenericDialogWindow = props => {
     className: "w-full h-full "
   }, component ? /*#__PURE__*/React.cloneElement(component, {
     parentProps: {
+      canSave,
       setCanSave,
       isLoading,
       setIsLoading,
@@ -188,7 +189,7 @@ export const GenericDialogWindow = props => {
     variant: "contained",
     color: "primary",
     onClick: onSave,
-    disabled: !can_save
+    disabled: !canSave
   }, save_button_label ? save_button_label : getSaveButtonLabel()))), /*#__PURE__*/React.createElement(LoadingBackdrop, {
     isLoading: isLoading
   })));

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

@@ -28,6 +28,9 @@ const platformPricingIcons = [mdiShimmer, mdiFire, mdiTorch];
 
 export const PlatformPaymentPlans = props => {
   const {
+    currentlySelectedPlatformPlanId,
+    selectPlatformButtonLabel,
+    showSelectPlatformButton,
     platformPlanFeatures,
     platformPricingModels,
     onClickPlanSelection,
@@ -154,9 +157,16 @@ export const PlatformPaymentPlans = props => {
       className: "my-24"
     }, /*#__PURE__*/React.createElement(PlatformPlanPrices, _extends({
       i18next: i18next
-    }, props)), /*#__PURE__*/React.createElement("div", {
+    }, props)), showSelectPlatformButton && /*#__PURE__*/React.createElement("div", {
       className: "w-full text-center mt-24"
-    }, /*#__PURE__*/React.createElement(Button, {
+    }, Number(currentlySelectedPlatformPlanId) === Number(id) ? /*#__PURE__*/React.createElement(Button, {
+      className: "max-w-min whitespace-nowrap m-auto font-900",
+      variant: "contained",
+      disabled: true,
+      style: {
+        color: color
+      }
+    }, i18next.t('common.app.current')) : /*#__PURE__*/React.createElement(Button, {
       className: "max-w-min whitespace-nowrap m-auto font-900",
       variant: "outlined",
       style: {
@@ -165,7 +175,7 @@ export const PlatformPaymentPlans = props => {
       onClick: () => {
         handlePlanSelection(id);
       }
-    }, i18next.t('common.app.start_today')))), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement("div", {
+    }, selectPlatformButtonLabel ? selectPlatformButtonLabel : i18next.t('common.app.start_today')))), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement("div", {
       className: "flex flex-col mx-auto w-full max-w-fill text-center min-h-256 "
     }, /*#__PURE__*/React.createElement("span", {
       className: "my-auto p-12 text-gray-600 text-17 whitespace-pre-line "
@@ -221,6 +231,9 @@ export const PlatformPaymentPlans = props => {
 };
 export default PlatformPaymentPlans;
 PlatformPaymentPlans.defaultProps = {
+  currentlySelectedPlatformPlanId: -1,
+  selectPlatformButtonLabel: undefined,
+  showSelectPlatformButton: true,
   platformPlanFeatures: [],
   platformPricingModels: [],
   onClickPlanSelection: () => {},
@@ -229,6 +242,15 @@ PlatformPaymentPlans.defaultProps = {
   theme: undefined
 };
 PlatformPaymentPlans.propTypes = {
+  /** This is the current plan that is being used by the campground.  The platform button won't be enable and the text on the button will say Current so the user knows on which plan they currently are on. */
+  currentlySelectedPlatformPlanId: PropTypes.any,
+
+  /** This is the label that appears on the select platform button */
+  selectPlatformButtonLabel: PropTypes.string,
+
+  /** Toggles the view for the buttons on the platform cards */
+  showSelectPlatformButton: PropTypes.bool,
+
   /** Displays the save up to image above the yearly toggle */
   saveYearlyImgPath: PropTypes.string,
 

package/dist/languages/en/translations.json

@@ -307,6 +307,7 @@
 			"copy": "Copy",
 			"creation_date": "Creation Date",
 			"critical": "Critical",
+			"current": "Current",
 			"daily": "Daily",
 			"daily_price": "Daily Price",
 			"date": "Date",

package/dist/languages/es/translations.json

@@ -307,6 +307,7 @@
 			"copy": "Dupdo",
 			"creation_date": "Fecha de creación",
 			"critical": "Crítico",
+			"current": "Actual",
 			"daily": "A diario",
 			"daily_price": "Precio diario",
 			"date": "Fecha",

package/dist/languages/fr/translations.json

@@ -307,6 +307,7 @@
 			"copy": "Copier",
 			"creation_date": "Date de création",
 			"critical": "Critique",
+			"current": "Courant",
 			"daily": "Quotidien",
 			"daily_price": "Prix ​​quotidien",
 			"date": "Date",

package/package.json

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