@aclymatepackages/modules 2.1.18 → 2.1.22

package/dist/components/CompanyOnboardingInput.js

@@ -26,6 +26,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const CompanyOnboardingInput = _ref => {
   let {
+    appCheckToken,
     companyName,
     header,
     onFormComplete,
@@ -60,6 +61,7 @@ const CompanyOnboardingInput = _ref => {
   }, {
     value: location,
     input: /*#__PURE__*/_react.default.createElement(PlacesAutocompleteComponent, {
+      appCheckToken: appCheckToken,
       place: location,
       editPlace: editInputData("location"),
       size: "small",

package/dist/components/PdlCompanySelect.js

@@ -12,6 +12,7 @@ var _material = require("@mui/material");
 var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
 var _Search = _interopRequireDefault(require("@mui/icons-material/Search"));
 var _atoms = require("@aclymatepackages/atoms");
+var _themes = require("@aclymatepackages/themes");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -24,6 +25,8 @@ const CompanySelectionChip = _ref => {
   } = _ref;
   return /*#__PURE__*/_react.default.createElement(_material.Grid, {
     item: true
+  }, /*#__PURE__*/_react.default.createElement(_material.ThemeProvider, {
+    theme: _themes.mainTheme
   }, /*#__PURE__*/_react.default.createElement(_material.Chip, {
     label: name,
     style: {
@@ -36,11 +39,13 @@ const CompanySelectionChip = _ref => {
       }
     }),
     color: isSelected ? "primary" : "default"
-  }));
+  })));
 };
 const PdlCompanySelect = _ref2 => {
   let {
-    onSelectCompany,
+    onCompanyNotFound,
+    onCompanySelected,
+    onSelectClick = () => {},
     matchingFunction,
     label = "Enter your company's name",
     actionLabel = "Please select your company from these options"
@@ -50,6 +55,7 @@ const PdlCompanySelect = _ref2 => {
   const [inputComplete, setInputComplete] = (0, _react.useState)(false);
   const [pdlFetchLoading, setPdlFetchLoading] = (0, _react.useState)(false);
   const [selectedCompanyId, setSelectedCompanyId] = (0, _react.useState)(null);
+  const [nextStepLoading, setNextStepLoading] = (0, _react.useState)(false);
   const fetchMatchingCompanies = async () => {
     setPdlFetchLoading(true);
     const matchingCompanies = await matchingFunction(inputValue);
@@ -57,14 +63,21 @@ const PdlCompanySelect = _ref2 => {
     setMatchingCompanies(matchingCompanies);
     return setInputComplete(true);
   };
-  const {
-    name: selectedCompanyName
-  } = matchingCompanies.find(_ref3 => {
+  const onSelectCompany = async (companyId, name) => {
+    setNextStepLoading(true);
+    if (!companyId || companyId === "none") {
+      await onCompanyNotFound(name);
+      return onSelectClick();
+    }
+    await onCompanySelected(companyId, name);
+    return onSelectClick();
+  };
+  const selectedCompany = matchingCompanies.find(_ref3 => {
     let {
       id
     } = _ref3;
     return selectedCompanyId === id;
-  }) || {};
+  });
   return /*#__PURE__*/_react.default.createElement(_material.Grid, {
     container: true,
     spacing: 2,
@@ -125,13 +138,18 @@ const PdlCompanySelect = _ref2 => {
     justifyContent: "center"
   }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
     item: true
-  }, selectedCompanyId ? /*#__PURE__*/_react.default.createElement(_material.Button, {
+  }, selectedCompanyId ? /*#__PURE__*/_react.default.createElement(_atoms.LoadingButton, {
+    isLoading: nextStepLoading,
+    label: "Choose This Company",
     variant: "contained",
     color: "secondary",
-    onClick: () => onSelectCompany(selectedCompanyId, selectedCompanyName)
-  }, "Choose this company") : /*#__PURE__*/_react.default.createElement(_material.Button, {
+    onClick: () => onSelectCompany(selectedCompany)
+  }) : /*#__PURE__*/_react.default.createElement(_atoms.LoadingButton, {
+    isLoading: nextStepLoading,
     color: "primary",
-    onClick: () => onSelectCompany("none", inputValue)
-  }, "I don't see my company")))));
+    onClick: () => onSelectCompany("none", inputValue),
+    label: "I don't see my company",
+    variant: "text"
+  })))));
 };
 var _default = exports.default = PdlCompanySelect;

package/dist/components/PlacesAutocomplete.js

@@ -15,6 +15,7 @@ require("core-js/modules/esnext.string.replace-all.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _react = _interopRequireWildcard(require("react"));
 var _parse = _interopRequireDefault(require("autosuggest-highlight/parse"));
+var _appCheck = require("firebase/app-check");
 var _Autocomplete = _interopRequireDefault(require("@mui/lab/Autocomplete"));
 var _material = require("@mui/material");
 var _fetchAclymateApi = _interopRequireDefault(require("@aclymatepackages/fetch-aclymate-api"));
@@ -43,7 +44,8 @@ const PlacesAutocomplete = _ref => {
     id,
     style,
     textFieldProps,
-    coordinates
+    coordinates,
+    appCheckToken
   } = _ref;
   const [inputValue, setInputValue] = (0, _react.useState)("");
   const [options, setOptions] = (0, _react.useState)([]);
@@ -66,6 +68,7 @@ const PlacesAutocomplete = _ref => {
       return data.predictions;
     };
     return await (0, _fetchAclymateApi.default)({
+      appCheckToken,
       path: "/google-maps/autocomplete/".concat(dataString),
       method: "GET",
       signal,

package/dist/components/ReportSummaryBlock.js

@@ -8,7 +8,6 @@ require("core-js/modules/web.dom-collections.iterator.js");
 var _react = _interopRequireDefault(require("react"));
 var _material = require("@mui/material");
 var _otherHelpers = require("@aclymatepackages/other-helpers");
-var _emissionsCalcs = require("@aclymatepackages/emissions-calcs");
 var _ReportGraphContentLayout = _interopRequireDefault(require("./ReportGraphContentLayout"));
 var _EmissionsPieChart = _interopRequireDefault(require("./EmissionsPieChart"));
 var _EmissionsSummarySentence = _interopRequireDefault(require("./EmissionsSummarySentence"));
@@ -30,7 +29,7 @@ const ReportSummaryBlock = _ref => {
     const {
       scope
     } = scopeObj;
-    const scopeEmissions = (0, _emissionsCalcs.filterEmissionsByScope)(emissions, scope);
+    const scopeEmissions = (0, _otherHelpers.filterEmissionsByScope)(emissions, scope);
     return _objectSpread(_objectSpread({}, scopeObj), {}, {
       emissions: scopeEmissions
     });

package/dist/index.js

@@ -99,12 +99,6 @@ Object.defineProperty(exports, "ReportSummaryBlock", {
     return _ReportSummaryBlock.default;
   }
 });
-Object.defineProperty(exports, "StripeElements", {
-  enumerable: true,
-  get: function get() {
-    return _StripeElements.default;
-  }
-});
 Object.defineProperty(exports, "YesNoQuestion", {
   enumerable: true,
   get: function get() {
@@ -117,12 +111,6 @@ Object.defineProperty(exports, "useChartWarningLabels", {
     return _useChartWarningLabels.default;
   }
 });
-Object.defineProperty(exports, "useStripeInput", {
-  enumerable: true,
-  get: function get() {
-    return _stripeInput.default;
-  }
-});
 var _AccountingChart = _interopRequireDefault(require("./components/AccountingChart"));
 var _FootprintVideo = _interopRequireDefault(require("./components/FootprintVideo"));
 var _IndustryAutocomplete = _interopRequireDefault(require("./components/IndustryAutocomplete"));
@@ -130,8 +118,6 @@ var _PlacesAutocomplete = _interopRequireDefault(require("./components/PlacesAut
 var _YesNoQuestion = _interopRequireDefault(require("./components/YesNoQuestion"));
 var _FootprintEquivalencies = _interopRequireDefault(require("./components/FootprintEquivalencies"));
 var _ComparisonChart = _interopRequireDefault(require("./components/ComparisonChart"));
-var _stripeInput = _interopRequireDefault(require("./components/stripeInput"));
-var _StripeElements = _interopRequireDefault(require("./components/StripeElements"));
 var _EmissionsReductionGraph = _interopRequireDefault(require("./components/EmissionsReductionGraph"));
 var _CompanyOnboardingInput = _interopRequireDefault(require("./components/CompanyOnboardingInput"));
 var _CustomTooltipDisplayRow = _interopRequireDefault(require("./components/CustomTooltipDisplayRow"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aclymatepackages/modules",
-  "version": "2.1.18",
+  "version": "2.1.22",
   "description": "Aclymate modules",
   "author": "William Loopesko",
   "main": "dist/index.js",
@@ -9,12 +9,11 @@
     "@aclymatepackages/atoms": "^3.0.8",
     "@aclymatepackages/chart-helpers": "^2.0.5",
     "@aclymatepackages/converters": "^1.0.0",
-    "@aclymatepackages/emissions-calcs": "^1.1.1",
-    "@aclymatepackages/fetch-aclymate-api": "^1.0.0",
+    "@aclymatepackages/fetch-aclymate-api": "^2.1.6",
     "@aclymatepackages/formatters": "^1.0.0",
     "@aclymatepackages/lists": "^1.0.0",
     "@aclymatepackages/multi-part-form": "^2.0.1",
-    "@aclymatepackages/other-helpers": "^1.0.3",
+    "@aclymatepackages/other-helpers": "^1.0.9",
     "@aclymatepackages/reg-exp": "^1.0.0",
     "@aclymatepackages/subcategories": "^3.1.6",
     "@aclymatepackages/themes": "^3.0.7",
@@ -28,6 +27,7 @@
     "@stripe/stripe-js": "^1.53.0",
     "autosuggest-highlight": "^3.2.1",
     "dayjs": "^1.11.7",
+    "firebase": "^10.12.2",
     "npm": "^8.19.4",
     "react-countup": "^4.4.0",
     "recharts": "^2.10.4",

package/src/components/CompanyOnboardingInput.js

@@ -13,6 +13,7 @@ import YesNoQuestion from "./YesNoQuestion";
 import PlacesAutocompleteModule from "./PlacesAutocomplete";
 
 const CompanyOnboardingInput = ({
+  appCheckToken,
   companyName,
   header,
   onFormComplete,
@@ -55,6 +56,7 @@ const CompanyOnboardingInput = ({
       value: location,
       input: (
         <PlacesAutocompleteComponent
+          appCheckToken={appCheckToken}
           place={location}
           editPlace={editInputData("location")}
           size="small"

package/src/components/PdlCompanySelect.js

@@ -6,13 +6,14 @@ import {
   InputAdornment,
   CircularProgress,
   IconButton,
-  Button,
   Typography,
+  ThemeProvider,
 } from "@mui/material";
 import CheckIcon from "@mui/icons-material/Check";
 import SearchIcon from "@mui/icons-material/Search";
 
-import { TextField } from "@aclymatepackages/atoms";
+import { TextField, LoadingButton } from "@aclymatepackages/atoms";
+import { mainTheme } from "@aclymatepackages/themes";
 
 const CompanySelectionChip = ({
   id,
@@ -21,20 +22,24 @@ const CompanySelectionChip = ({
   setSelectedCompanyId,
 }) => (
   <Grid item>
-    <Chip
-      label={name}
-      style={{ color: isSelected ? "white" : "inherit" }}
-      onClick={() =>
-        setSelectedCompanyId((currentId) => (currentId === id ? null : id))
-      }
-      icon={isSelected && <CheckIcon style={{ color: "white" }} />}
-      color={isSelected ? "primary" : "default"}
-    />
+    <ThemeProvider theme={mainTheme}>
+      <Chip
+        label={name}
+        style={{ color: isSelected ? "white" : "inherit" }}
+        onClick={() =>
+          setSelectedCompanyId((currentId) => (currentId === id ? null : id))
+        }
+        icon={isSelected && <CheckIcon style={{ color: "white" }} />}
+        color={isSelected ? "primary" : "default"}
+      />
+    </ThemeProvider>
   </Grid>
 );
 
 const PdlCompanySelect = ({
-  onSelectCompany,
+  onCompanyNotFound,
+  onCompanySelected,
+  onSelectClick = () => {},
   matchingFunction,
   label = "Enter your company's name",
   actionLabel = "Please select your company from these options",
@@ -44,6 +49,7 @@ const PdlCompanySelect = ({
   const [inputComplete, setInputComplete] = useState(false);
   const [pdlFetchLoading, setPdlFetchLoading] = useState(false);
   const [selectedCompanyId, setSelectedCompanyId] = useState(null);
+  const [nextStepLoading, setNextStepLoading] = useState(false);
 
   const fetchMatchingCompanies = async () => {
     setPdlFetchLoading(true);
@@ -55,8 +61,20 @@ const PdlCompanySelect = ({
     return setInputComplete(true);
   };
 
-  const { name: selectedCompanyName } =
-    matchingCompanies.find(({ id }) => selectedCompanyId === id) || {};
+  const onSelectCompany = async (companyId, name) => {
+    setNextStepLoading(true);
+    if (!companyId || companyId === "none") {
+      await onCompanyNotFound(name);
+      return onSelectClick();
+    }
+
+    await onCompanySelected(companyId, name);
+    return onSelectClick();
+  };
+
+  const selectedCompany = matchingCompanies.find(
+    ({ id }) => selectedCompanyId === id
+  );
 
   return (
     <Grid container spacing={2} direction="column">
@@ -111,22 +129,21 @@ const PdlCompanySelect = ({
           <Grid item container spacing={2} justifyContent="center">
             <Grid item>
               {selectedCompanyId ? (
-                <Button
+                <LoadingButton
+                  isLoading={nextStepLoading}
+                  label="Choose This Company"
                   variant="contained"
                   color="secondary"
-                  onClick={() =>
-                    onSelectCompany(selectedCompanyId, selectedCompanyName)
-                  }
-                >
-                  Choose this company
-                </Button>
+                  onClick={() => onSelectCompany(selectedCompany)}
+                />
               ) : (
-                <Button
+                <LoadingButton
+                  isLoading={nextStepLoading}
                   color="primary"
                   onClick={() => onSelectCompany("none", inputValue)}
-                >
-                  I don't see my company
-                </Button>
+                  label="I don't see my company"
+                  variant="text"
+                />
               )}
             </Grid>
           </Grid>

package/src/components/PlacesAutocomplete.js

@@ -1,5 +1,6 @@
 import React, { useState, useEffect, useCallback } from "react";
 import parse from "autosuggest-highlight/parse";
+import { getToken } from "firebase/app-check";
 
 import Autocomplete from "@mui/lab/Autocomplete";
 import { Grid, Typography, TextField } from "@mui/material";
@@ -23,6 +24,7 @@ const PlacesAutocomplete = ({
   style,
   textFieldProps,
   coordinates,
+  appCheckToken,
 }) => {
   const [inputValue, setInputValue] = useState("");
   const [options, setOptions] = useState([]);
@@ -44,6 +46,7 @@ const PlacesAutocomplete = ({
       };
 
       return await fetchAclymateApi({
+        appCheckToken,
         path: `/google-maps/autocomplete/${dataString}`,
         method: "GET",
         signal,

package/src/components/ReportSummaryBlock.js

@@ -3,7 +3,7 @@ import React from "react";
 import { Typography } from "@mui/material";
 
 import { buildEmissionsSummarySentence } from "@aclymatepackages/other-helpers";
-import { filterEmissionsByScope } from "@aclymatepackages/emissions-calcs";
+import { filterEmissionsByScope } from "@aclymatepackages/other-helpers";
 
 import ReportGraphContentLayout from "./ReportGraphContentLayout";
 import EmissionsPieChart from "./EmissionsPieChart";

package/src/index.js

@@ -5,8 +5,6 @@ import PlacesAutocomplete from "./components/PlacesAutocomplete";
 import YesNoQuestion from "./components/YesNoQuestion";
 import FootprintEquivalencies from "./components/FootprintEquivalencies";
 import ComparisonChart from "./components/ComparisonChart";
-import useStripeInput from "./components/stripeInput";
-import StripeElements from "./components/StripeElements";
 import EmissionsReductionGraph from "./components/EmissionsReductionGraph";
 import CompanyOnboardingInput from "./components/CompanyOnboardingInput";
 import CustomTooltipDisplayRow from "./components/CustomTooltipDisplayRow";
@@ -27,8 +25,6 @@ export {
   YesNoQuestion,
   FootprintEquivalencies,
   ComparisonChart,
-  useStripeInput,
-  StripeElements,
   EmissionsReductionGraph,
   CompanyOnboardingInput,
   CustomTooltipDisplayRow,

package/dist/components/StripeElements.js

@@ -1,94 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.assign.js");
-require("core-js/modules/es.weak-map.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("core-js/modules/es.promise.js");
-require("core-js/modules/web.dom-collections.iterator.js");
-var _react = _interopRequireWildcard(require("react"));
-var _reactStripeJs = require("@stripe/react-stripe-js");
-var _stripeJs = require("@stripe/stripe-js");
-var _material = require("@mui/material");
-var _fetchAclymateApi = _interopRequireDefault(require("@aclymatepackages/fetch-aclymate-api"));
-const _excluded = ["stripePublishableKey", "children"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-const StripeElementsWrapper = _ref => {
-  let {
-    accountData,
-    accountCollection,
-    loadingComponent,
-    baseFetchHost,
-    stripePromise,
-    children
-  } = _ref;
-  const [stripeClientSecret, setStripeClientSecret] = (0, _react.useState)("");
-  const {
-    id: accountId,
-    stripeCustomerId: accountDataCustomerId,
-    billing = {}
-  } = accountData;
-  const {
-    stripeCustomerId: billingObjStripeCustomerId
-  } = billing;
-  (0, _react.useEffect)(() => {
-    const getStripeClientSecret = async () => {
-      const {
-        clientSecret
-      } = await (0, _fetchAclymateApi.default)({
-        path: "/stripe/create-setup-intent",
-        method: "POST",
-        data: {
-          accountId,
-          accountType: accountCollection,
-          customerId: billingObjStripeCustomerId || accountDataCustomerId
-        },
-        callback: response => response,
-        baseFetchHost
-      });
-      setStripeClientSecret(clientSecret);
-    };
-    if (!stripeClientSecret) {
-      getStripeClientSecret();
-    }
-  }, [stripeClientSecret, accountDataCustomerId, accountId, billingObjStripeCustomerId, accountCollection, baseFetchHost]);
-  const appearance = {
-    theme: "stripe",
-    variables: {
-      colorPrimary: "#27aae1",
-      colorBackground: "fafafa"
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !stripeClientSecret ? loadingComponent ? /*#__PURE__*/_react.default.createElement(_material.Grid, {
-    container: true,
-    justifyContent: "center",
-    spacing: 2
-  }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
-    item: true
-  }, loadingComponent)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null) : /*#__PURE__*/_react.default.createElement(_reactStripeJs.Elements, {
-    stripe: stripePromise,
-    options: {
-      clientSecret: stripeClientSecret,
-      appearance
-    }
-  }, children));
-};
-const StripeElements = _ref2 => {
-  let {
-      stripePublishableKey,
-      children
-    } = _ref2,
-    otherProps = _objectWithoutProperties(_ref2, _excluded);
-  const stripePromise = (0, _stripeJs.loadStripe)(stripePublishableKey);
-  return /*#__PURE__*/_react.default.createElement(StripeElementsWrapper, _extends({
-    stripePromise: stripePromise
-  }, otherProps), children);
-};
-var _default = exports.default = StripeElements;

package/dist/components/stripeInput.js

@@ -1,291 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.weak-map.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("core-js/modules/es.promise.js");
-require("core-js/modules/web.dom-collections.iterator.js");
-var _react = _interopRequireWildcard(require("react"));
-var _dayjs = _interopRequireDefault(require("dayjs"));
-var _reactStripeJs = require("@stripe/react-stripe-js");
-var _material = require("@mui/material");
-var _atoms = require("@aclymatepackages/atoms");
-var _otherHelpers = require("@aclymatepackages/other-helpers");
-var _fetchAclymateApi = _interopRequireDefault(require("@aclymatepackages/fetch-aclymate-api"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const StripeSubmitButton = _ref => {
-  let {
-    stripeSubmit,
-    stripeError,
-    isStripeComplete,
-    buttonText
-  } = _ref;
-  const [saveLoading, setSaveLoading] = (0, _react.useState)(false);
-  const handleSave = async () => {
-    setSaveLoading(true);
-    await stripeSubmit();
-    return setSaveLoading(false);
-  };
-  return /*#__PURE__*/_react.default.createElement(_atoms.LoadingButton, {
-    isLoading: saveLoading,
-    label: buttonText || "Save Payment Info",
-    color: "secondary",
-    disabled: !isStripeComplete || !(0, _otherHelpers.isObjectEmpty)(stripeError),
-    onClick: () => handleSave()
-  });
-};
-const CardInput = _ref2 => {
-  let {
-    options,
-    setCardData
-  } = _ref2;
-  const defaultOptions = {
-    fields: {
-      billingDetails: {
-        name: "never",
-        email: "never"
-      }
-    },
-    wallets: {
-      applePay: "never",
-      googlePay: "never"
-    },
-    business: {
-      name: "Aclymate"
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement(_reactStripeJs.PaymentElement, {
-    options: options || defaultOptions,
-    onChange: e => setCardData(e)
-  });
-};
-const StripeInputForm = _ref3 => {
-  let {
-    style,
-    options,
-    error = {},
-    setCardData
-  } = _ref3;
-  const {
-    message
-  } = error;
-  const CardError = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, message && /*#__PURE__*/_react.default.createElement(_material.Typography, {
-    variant: "caption",
-    color: "error"
-  }, message));
-  if (style) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Box, {
-      p: 2,
-      style: style
-    }, /*#__PURE__*/_react.default.createElement(CardInput, {
-      options: options,
-      setCardData: setCardData
-    })), /*#__PURE__*/_react.default.createElement(CardError, null));
-  }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(CardInput, {
-    options: options,
-    setCardData: setCardData
-  }), /*#__PURE__*/_react.default.createElement(CardError, null));
-};
-const useStripeInput = _ref4 => {
-  let {
-    onButtonClick,
-    accountData,
-    authUser,
-    updateAccountData,
-    confirmSetupReturnUrl = "",
-    baseFetchHost,
-    buttonText
-  } = _ref4;
-  const stripe = (0, _reactStripeJs.useStripe)();
-  const elements = (0, _reactStripeJs.useElements)();
-  const {
-    stripeCustomerId: accountObjStripeCustomerId,
-    billing = {},
-    name: accountName
-  } = accountData || {};
-  const {
-    stripeCustomerId: billingObjStripeCustomerId
-  } = billing;
-  const [paymentData, setPaymentData] = (0, _react.useState)({});
-  const {
-    error: stripeError,
-    complete: isStripeComplete
-  } = paymentData;
-  const createBillingDetailsFullName = () => {
-    const {
-      displayName
-    } = authUser;
-    const [firstCompanyWord] = accountName.split(" ");
-    const [firstName, lastName] = displayName.split(" ");
-    if (!lastName) {
-      return "".concat(firstName, " ").concat(firstCompanyWord);
-    }
-    return "".concat(firstName, " ").concat(lastName);
-  };
-  const updateAccountBilling = async updateObj => {
-    await updateAccountData(updateObj);
-    if (onButtonClick) {
-      return await onButtonClick(updateObj);
-    }
-    return updateObj;
-  };
-  const createStripePaymentMethod = async () => {
-    const {
-      email
-    } = authUser;
-    const billingDetailsFullName = createBillingDetailsFullName();
-    const {
-      setupIntent,
-      error
-    } = await stripe.confirmSetup({
-      elements,
-      confirmParams: {
-        return_url: confirmSetupReturnUrl,
-        payment_method_data: {
-          billing_details: {
-            name: billingDetailsFullName,
-            email
-          }
-        }
-      },
-      redirect: "if_required"
-    });
-    if (error) {
-      setPaymentData(data => _objectSpread(_objectSpread({}, data), {}, {
-        error
-      }));
-      return false;
-    }
-    const {
-      payment_method,
-      status
-    } = setupIntent;
-    const paymentMethod = await (0, _fetchAclymateApi.default)({
-      path: "/stripe/get-payment-method-data",
-      method: "POST",
-      data: {
-        paymentMethodId: payment_method
-      },
-      baseFetchHost,
-      callback: res => res
-    });
-    return _objectSpread(_objectSpread({}, paymentMethod), {}, {
-      status
-    });
-  };
-  const savePaymentMethod = async paymentMethod => {
-    const {
-      paymentMethodId: existingPaymentMethodId,
-      subscriptions
-    } = billing;
-    const existingSubscriptionsObj = subscriptions ? {
-      subscriptions
-    } : {};
-    const {
-      type
-    } = paymentMethod;
-    if (existingPaymentMethodId && authUser) {
-      await (0, _fetchAclymateApi.default)({
-        path: "/stripe/detach-payment-method",
-        method: "POST",
-        data: {
-          paymentMethodId: existingPaymentMethodId
-        },
-        baseFetchHost
-      });
-    }
-    const generateCardBillingAccountObj = () => {
-      const {
-        card,
-        id: newPaymentMethodId
-      } = paymentMethod;
-      const {
-        brand,
-        exp_month,
-        exp_year,
-        last4
-      } = card;
-      const daysInMonth = (0, _dayjs.default)("".concat(exp_year, "-").concat(exp_month, "-01")).daysInMonth();
-      const expirationDate = (0, _dayjs.default)("".concat(exp_year, "-").concat(exp_month, "-").concat(daysInMonth)).toDate();
-      return {
-        billing: _objectSpread({
-          card: {
-            brand,
-            expiration: "".concat(exp_month, "/").concat(exp_year),
-            expirationDate,
-            last4
-          },
-          paymentMethodId: newPaymentMethodId
-        }, existingSubscriptionsObj),
-        stripeCustomerId: billingObjStripeCustomerId || accountObjStripeCustomerId
-      };
-    };
-    const generateBankBillingAccountObj = () => {
-      const {
-        us_bank_account,
-        id: newPaymentMethodId,
-        billing_details,
-        status
-      } = paymentMethod;
-      const {
-        name,
-        email
-      } = billing_details;
-      const {
-        account_type,
-        account_holder_type,
-        bank_name,
-        last4,
-        routing_number
-      } = us_bank_account;
-      return {
-        billing: _objectSpread({
-          us_bank_account: {
-            account_type,
-            account_holder_type,
-            bank_name,
-            last4,
-            routing_number,
-            status,
-            name,
-            email
-          },
-          paymentMethodId: newPaymentMethodId
-        }, existingSubscriptionsObj),
-        stripeCustomerId: billingObjStripeCustomerId || accountObjStripeCustomerId
-      };
-    };
-    const accountUpdateObj = type === "card" ? generateCardBillingAccountObj() : generateBankBillingAccountObj();
-    return await updateAccountBilling(accountUpdateObj);
-  };
-  const stripeSubmit = async () => {
-    if (!stripe || !elements) {
-      return;
-    }
-    const paymentMethod = await createStripePaymentMethod();
-    return await savePaymentMethod(paymentMethod);
-  };
-  return {
-    input: /*#__PURE__*/_react.default.createElement(StripeInputForm, {
-      setCardData: setPaymentData,
-      error: stripeError
-    }),
-    button: /*#__PURE__*/_react.default.createElement(StripeSubmitButton, {
-      stripeSubmit: stripeSubmit,
-      stripeError: stripeError,
-      isStripeComplete: isStripeComplete,
-      buttonText: buttonText
-    })
-  };
-};
-var _default = exports.default = useStripeInput;

package/src/components/StripeElements.js

@@ -1,95 +0,0 @@
-import React, { useState, useEffect } from "react";
-
-import { Elements } from "@stripe/react-stripe-js";
-import { loadStripe } from "@stripe/stripe-js";
-
-import { Grid } from "@mui/material";
-
-import fetchAclymateApi from "@aclymatepackages/fetch-aclymate-api";
-
-const StripeElementsWrapper = ({
-  accountData,
-  accountCollection,
-  loadingComponent,
-  baseFetchHost,
-  stripePromise,
-  children,
-}) => {
-  const [stripeClientSecret, setStripeClientSecret] = useState("");
-
-  const {
-    id: accountId,
-    stripeCustomerId: accountDataCustomerId,
-    billing = {},
-  } = accountData;
-  const { stripeCustomerId: billingObjStripeCustomerId } = billing;
-
-  useEffect(() => {
-    const getStripeClientSecret = async () => {
-      const { clientSecret } = await fetchAclymateApi({
-        path: `/stripe/create-setup-intent`,
-        method: "POST",
-        data: {
-          accountId,
-          accountType: accountCollection,
-          customerId: billingObjStripeCustomerId || accountDataCustomerId,
-        },
-        callback: (response) => response,
-        baseFetchHost,
-      });
-
-      setStripeClientSecret(clientSecret);
-    };
-
-    if (!stripeClientSecret) {
-      getStripeClientSecret();
-    }
-  }, [
-    stripeClientSecret,
-    accountDataCustomerId,
-    accountId,
-    billingObjStripeCustomerId,
-    accountCollection,
-    baseFetchHost,
-  ]);
-
-  const appearance = {
-    theme: "stripe",
-    variables: {
-      colorPrimary: "#27aae1",
-      colorBackground: "fafafa",
-    },
-  };
-
-  return (
-    <>
-      {!stripeClientSecret ? (
-        loadingComponent ? (
-          <Grid container justifyContent="center" spacing={2}>
-            <Grid item>{loadingComponent}</Grid>
-          </Grid>
-        ) : (
-          <></>
-        )
-      ) : (
-        <Elements
-          stripe={stripePromise}
-          options={{ clientSecret: stripeClientSecret, appearance }}
-        >
-          {children}
-        </Elements>
-      )}
-    </>
-  );
-};
-
-const StripeElements = ({ stripePublishableKey, children, ...otherProps }) => {
-  const stripePromise = loadStripe(stripePublishableKey);
-
-  return (
-    <StripeElementsWrapper stripePromise={stripePromise} {...otherProps}>
-      {children}
-    </StripeElementsWrapper>
-  );
-};
-export default StripeElements;

package/src/components/stripeInput.js

@@ -1,288 +0,0 @@
-import React, { useState } from "react";
-import dayjs from "dayjs";
-import {
-  useStripe,
-  useElements,
-  PaymentElement,
-} from "@stripe/react-stripe-js";
-
-import { Box, Typography } from "@mui/material";
-
-import { LoadingButton } from "@aclymatepackages/atoms";
-import { isObjectEmpty } from "@aclymatepackages/other-helpers";
-import fetchAclymateApi from "@aclymatepackages/fetch-aclymate-api";
-
-const StripeSubmitButton = ({
-  stripeSubmit,
-  stripeError,
-  isStripeComplete,
-  buttonText,
-}) => {
-  const [saveLoading, setSaveLoading] = useState(false);
-  const handleSave = async () => {
-    setSaveLoading(true);
-    await stripeSubmit();
-
-    return setSaveLoading(false);
-  };
-
-  return (
-    <LoadingButton
-      isLoading={saveLoading}
-      label={buttonText || "Save Payment Info"}
-      color="secondary"
-      disabled={!isStripeComplete || !isObjectEmpty(stripeError)}
-      onClick={() => handleSave()}
-    />
-  );
-};
-
-const CardInput = ({ options, setCardData }) => {
-  const defaultOptions = {
-    fields: {
-      billingDetails: {
-        name: "never",
-        email: "never",
-      },
-    },
-    wallets: {
-      applePay: "never",
-      googlePay: "never",
-    },
-    business: {
-      name: "Aclymate",
-    },
-  };
-
-  return (
-    <PaymentElement
-      options={options || defaultOptions}
-      onChange={(e) => setCardData(e)}
-    />
-  );
-};
-
-const StripeInputForm = ({ style, options, error = {}, setCardData }) => {
-  const { message } = error;
-  const CardError = () => (
-    <>
-      {message && (
-        <Typography variant="caption" color="error">
-          {message}
-        </Typography>
-      )}
-    </>
-  );
-
-  if (style) {
-    return (
-      <>
-        <Box p={2} style={style}>
-          <CardInput options={options} setCardData={setCardData} />
-        </Box>
-        <CardError />
-      </>
-    );
-  }
-
-  return (
-    <>
-      <CardInput options={options} setCardData={setCardData} />
-      <CardError />
-    </>
-  );
-};
-
-const useStripeInput = ({
-  onButtonClick,
-  accountData,
-  authUser,
-  updateAccountData,
-  confirmSetupReturnUrl = "",
-  baseFetchHost,
-  buttonText,
-}) => {
-  const stripe = useStripe();
-  const elements = useElements();
-
-  const {
-    stripeCustomerId: accountObjStripeCustomerId,
-    billing = {},
-    name: accountName,
-  } = accountData || {};
-  const { stripeCustomerId: billingObjStripeCustomerId } = billing;
-
-  const [paymentData, setPaymentData] = useState({});
-  const { error: stripeError, complete: isStripeComplete } = paymentData;
-
-  const createBillingDetailsFullName = () => {
-    const { displayName } = authUser;
-    const [firstCompanyWord] = accountName.split(" ");
-    const [firstName, lastName] = displayName.split(" ");
-
-    if (!lastName) {
-      return `${firstName} ${firstCompanyWord}`;
-    }
-
-    return `${firstName} ${lastName}`;
-  };
-
-  const updateAccountBilling = async (updateObj) => {
-    await updateAccountData(updateObj);
-
-    if (onButtonClick) {
-      return await onButtonClick(updateObj);
-    }
-
-    return updateObj;
-  };
-
-  const createStripePaymentMethod = async () => {
-    const { email } = authUser;
-
-    const billingDetailsFullName = createBillingDetailsFullName();
-
-    const { setupIntent, error } = await stripe.confirmSetup({
-      elements,
-      confirmParams: {
-        return_url: confirmSetupReturnUrl,
-        payment_method_data: {
-          billing_details: {
-            name: billingDetailsFullName,
-            email,
-          },
-        },
-      },
-      redirect: "if_required",
-    });
-
-    if (error) {
-      setPaymentData((data) => ({ ...data, error }));
-      return false;
-    }
-
-    const { payment_method, status } = setupIntent;
-
-    const paymentMethod = await fetchAclymateApi({
-      path: "/stripe/get-payment-method-data",
-      method: "POST",
-      data: {
-        paymentMethodId: payment_method,
-      },
-      baseFetchHost,
-      callback: (res) => res,
-    });
-
-    return {
-      ...paymentMethod,
-      status,
-    };
-  };
-
-  const savePaymentMethod = async (paymentMethod) => {
-    const { paymentMethodId: existingPaymentMethodId, subscriptions } = billing;
-    const existingSubscriptionsObj = subscriptions ? { subscriptions } : {};
-    const { type } = paymentMethod;
-
-    if (existingPaymentMethodId && authUser) {
-      await fetchAclymateApi({
-        path: "/stripe/detach-payment-method",
-        method: "POST",
-        data: {
-          paymentMethodId: existingPaymentMethodId,
-        },
-        baseFetchHost,
-      });
-    }
-
-    const generateCardBillingAccountObj = () => {
-      const { card, id: newPaymentMethodId } = paymentMethod;
-      const { brand, exp_month, exp_year, last4 } = card;
-      const daysInMonth = dayjs(`${exp_year}-${exp_month}-01`).daysInMonth();
-      const expirationDate = dayjs(
-        `${exp_year}-${exp_month}-${daysInMonth}`
-      ).toDate();
-
-      return {
-        billing: {
-          card: {
-            brand,
-            expiration: `${exp_month}/${exp_year}`,
-            expirationDate,
-            last4,
-          },
-          paymentMethodId: newPaymentMethodId,
-          ...existingSubscriptionsObj,
-        },
-        stripeCustomerId:
-          billingObjStripeCustomerId || accountObjStripeCustomerId,
-      };
-    };
-
-    const generateBankBillingAccountObj = () => {
-      const {
-        us_bank_account,
-        id: newPaymentMethodId,
-        billing_details,
-        status,
-      } = paymentMethod;
-      const { name, email } = billing_details;
-      const {
-        account_type,
-        account_holder_type,
-        bank_name,
-        last4,
-        routing_number,
-      } = us_bank_account;
-
-      return {
-        billing: {
-          us_bank_account: {
-            account_type,
-            account_holder_type,
-            bank_name,
-            last4,
-            routing_number,
-            status,
-            name,
-            email,
-          },
-          paymentMethodId: newPaymentMethodId,
-          ...existingSubscriptionsObj,
-        },
-        stripeCustomerId:
-          billingObjStripeCustomerId || accountObjStripeCustomerId,
-      };
-    };
-
-    const accountUpdateObj =
-      type === "card"
-        ? generateCardBillingAccountObj()
-        : generateBankBillingAccountObj();
-
-    return await updateAccountBilling(accountUpdateObj);
-  };
-
-  const stripeSubmit = async () => {
-    if (!stripe || !elements) {
-      return;
-    }
-
-    const paymentMethod = await createStripePaymentMethod();
-
-    return await savePaymentMethod(paymentMethod);
-  };
-
-  return {
-    input: <StripeInputForm setCardData={setPaymentData} error={stripeError} />,
-    button: (
-      <StripeSubmitButton
-        stripeSubmit={stripeSubmit}
-        stripeError={stripeError}
-        isStripeComplete={isStripeComplete}
-        buttonText={buttonText}
-      />
-    ),
-  };
-};
-export default useStripeInput;