@blerp/design 1.2.52 → 1.2.54

package/dist/index.cjs.js

@@ -89201,6 +89201,8 @@ var NewLoadingBlob = function NewLoadingBlob(props) {
 };
 
 var QuadernoTaxCalc = function QuadernoTaxCalc(_ref) {
+  var _window;
+
   var amount = _ref.amount,
       setSalesTax = _ref.setSalesTax,
       setTotal = _ref.setTotal,
@@ -89209,15 +89211,30 @@ var QuadernoTaxCalc = function QuadernoTaxCalc(_ref) {
       postalCode = _ref.postalCode,
       setPostalCode = _ref.setPostalCode;
   React.useEffect(function () {
-    window.Quaderno.init("pk_live_JLZ6dgFdcXEVZySpVxb7").then(function () {
-      console.log("Quaderno.js successfully initialized");
-    }).catch(function (error) {
-      console.log(error.description, error.messages);
-    });
+    var scriptUrl = "https://js.quaderno.io/v4/";
+
+    if (!document.querySelector("script[src=\"".concat(scriptUrl, "\"]"))) {
+      var script = document.createElement("script");
+      script.src = scriptUrl;
+      document.head.appendChild(script);
+    }
   }, []);
+  React.useEffect(function () {
+    if (window.Quaderno) {
+      var _window$Quaderno;
+
+      (_window$Quaderno = window.Quaderno) === null || _window$Quaderno === void 0 ? void 0 : _window$Quaderno.init("pk_live_JLZ6dgFdcXEVZySpVxb7").then(function () {
+        console.log("Quaderno.js successfully initialized");
+      }).catch(function (error) {
+        console.log(error.description, error.messages);
+      });
+    }
+  }, [(_window = window) === null || _window === void 0 ? void 0 : _window.Quaderno]);
 
   var reloadTaxes = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee(options) {
+      var _window2, _window2$Quaderno;
+
       var taxObject, taxAmount, totalAmount;
       return _regeneratorRuntime__default['default'].wrap(function _callee$(_context) {
         while (1) {
@@ -89227,11 +89244,10 @@ var QuadernoTaxCalc = function QuadernoTaxCalc(_ref) {
               options.taxType = "included"; // console.log("Calling calculateTaxes with params", options);
 
               _context.next = 4;
-              return window.Quaderno.calculateTaxes(options);
+              return (_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$Quaderno = _window2.Quaderno) === null || _window2$Quaderno === void 0 ? void 0 : _window2$Quaderno.calculateTaxes(options);
 
             case 4:
               taxObject = _context.sent;
-              console.log(taxObject);
               taxAmount = parseFloat(amount * (taxObject.rate / 100)).toFixed(2);
               totalAmount = (parseFloat(amount) + parseFloat(taxAmount)).toFixed(2);
               setSalesTax(taxAmount);
@@ -89242,7 +89258,7 @@ var QuadernoTaxCalc = function QuadernoTaxCalc(_ref) {
               //         taxObject.name + " " + taxObject.rate + "%"; // ie.: VAT 20%
               // });
 
-            case 10:
+            case 9:
             case "end":
               return _context.stop();
           }
@@ -89263,21 +89279,17 @@ var QuadernoTaxCalc = function QuadernoTaxCalc(_ref) {
     }, wait);
   }
 
-  return /*#__PURE__*/React__default['default'].createElement("form", {
+  return /*#__PURE__*/React__default['default'].createElement(Stack, {
     id: "quaderno-payment-form",
-    style: {
-      width: "100%"
-    },
-    "data-publishable-key": "pk_live_JLZ6dgFdcXEVZySpVxb7"
-  }, /*#__PURE__*/React__default['default'].createElement(Stack, {
+    "data-publishable-key": "pk_live_JLZ6dgFdcXEVZySpVxb7",
     direction: "row",
     justifyContent: "space-between",
     width: "90%",
     alignItems: "center",
-    margin: "0 auto 20px auto"
+    margin: "10px auto"
   }, /*#__PURE__*/React__default['default'].createElement(Dropdown, {
     id: "country",
-    buttonTitle: country.name,
+    buttonTitle: country === null || country === void 0 ? void 0 : country.name,
     buttonLabel: "Country",
     buttonStyle: {
       backgroundColor: "white.override",
@@ -90056,12 +90068,14 @@ var QuadernoTaxCalc = function QuadernoTaxCalc(_ref) {
     label: "Postal Code",
     size: "small",
     required: true,
+    variant: "filled",
+    color: "grey4",
     sx: {
-      backgroundColor: "white.override",
       width: "150px",
-      margin: "12px 16px",
       "& label": {
-        position: "absolute"
+        color: "grey4.real",
+        position: "absolute",
+        "&:hover": {}
       }
     },
     onChange: function onChange(e) {
@@ -90073,7 +90087,7 @@ var QuadernoTaxCalc = function QuadernoTaxCalc(_ref) {
       }, 1500);
       setPostalCode(e.target.value);
     }
-  })));
+  }));
 };
 
 var _templateObject;
@@ -90377,9 +90391,6 @@ var CheckoutModal = function CheckoutModal(_ref) {
     }();
 
     if (show) {
-      var script = document.createElement("script");
-      script.src = "https://js.quaderno.io/v4/";
-      document.head.appendChild(script);
       createBraintreeDropIn();
     }
   }, [show, googleMerchantId, venmoProfileId, clientToken, type, total]);

package/dist/index.esm.js

@@ -89125,6 +89125,8 @@ var NewLoadingBlob = function NewLoadingBlob(props) {
 };
 
 var QuadernoTaxCalc = function QuadernoTaxCalc(_ref) {
+  var _window;
+
   var amount = _ref.amount,
       setSalesTax = _ref.setSalesTax,
       setTotal = _ref.setTotal,
@@ -89133,15 +89135,30 @@ var QuadernoTaxCalc = function QuadernoTaxCalc(_ref) {
       postalCode = _ref.postalCode,
       setPostalCode = _ref.setPostalCode;
   useEffect(function () {
-    window.Quaderno.init("pk_live_JLZ6dgFdcXEVZySpVxb7").then(function () {
-      console.log("Quaderno.js successfully initialized");
-    }).catch(function (error) {
-      console.log(error.description, error.messages);
-    });
+    var scriptUrl = "https://js.quaderno.io/v4/";
+
+    if (!document.querySelector("script[src=\"".concat(scriptUrl, "\"]"))) {
+      var script = document.createElement("script");
+      script.src = scriptUrl;
+      document.head.appendChild(script);
+    }
   }, []);
+  useEffect(function () {
+    if (window.Quaderno) {
+      var _window$Quaderno;
+
+      (_window$Quaderno = window.Quaderno) === null || _window$Quaderno === void 0 ? void 0 : _window$Quaderno.init("pk_live_JLZ6dgFdcXEVZySpVxb7").then(function () {
+        console.log("Quaderno.js successfully initialized");
+      }).catch(function (error) {
+        console.log(error.description, error.messages);
+      });
+    }
+  }, [(_window = window) === null || _window === void 0 ? void 0 : _window.Quaderno]);
 
   var reloadTaxes = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(options) {
+      var _window2, _window2$Quaderno;
+
       var taxObject, taxAmount, totalAmount;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
@@ -89151,11 +89168,10 @@ var QuadernoTaxCalc = function QuadernoTaxCalc(_ref) {
               options.taxType = "included"; // console.log("Calling calculateTaxes with params", options);
 
               _context.next = 4;
-              return window.Quaderno.calculateTaxes(options);
+              return (_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$Quaderno = _window2.Quaderno) === null || _window2$Quaderno === void 0 ? void 0 : _window2$Quaderno.calculateTaxes(options);
 
             case 4:
               taxObject = _context.sent;
-              console.log(taxObject);
               taxAmount = parseFloat(amount * (taxObject.rate / 100)).toFixed(2);
               totalAmount = (parseFloat(amount) + parseFloat(taxAmount)).toFixed(2);
               setSalesTax(taxAmount);
@@ -89166,7 +89182,7 @@ var QuadernoTaxCalc = function QuadernoTaxCalc(_ref) {
               //         taxObject.name + " " + taxObject.rate + "%"; // ie.: VAT 20%
               // });
 
-            case 10:
+            case 9:
             case "end":
               return _context.stop();
           }
@@ -89187,21 +89203,17 @@ var QuadernoTaxCalc = function QuadernoTaxCalc(_ref) {
     }, wait);
   }
 
-  return /*#__PURE__*/React__default.createElement("form", {
+  return /*#__PURE__*/React__default.createElement(Stack, {
     id: "quaderno-payment-form",
-    style: {
-      width: "100%"
-    },
-    "data-publishable-key": "pk_live_JLZ6dgFdcXEVZySpVxb7"
-  }, /*#__PURE__*/React__default.createElement(Stack, {
+    "data-publishable-key": "pk_live_JLZ6dgFdcXEVZySpVxb7",
     direction: "row",
     justifyContent: "space-between",
     width: "90%",
     alignItems: "center",
-    margin: "0 auto 20px auto"
+    margin: "10px auto"
   }, /*#__PURE__*/React__default.createElement(Dropdown, {
     id: "country",
-    buttonTitle: country.name,
+    buttonTitle: country === null || country === void 0 ? void 0 : country.name,
     buttonLabel: "Country",
     buttonStyle: {
       backgroundColor: "white.override",
@@ -89980,12 +89992,14 @@ var QuadernoTaxCalc = function QuadernoTaxCalc(_ref) {
     label: "Postal Code",
     size: "small",
     required: true,
+    variant: "filled",
+    color: "grey4",
     sx: {
-      backgroundColor: "white.override",
       width: "150px",
-      margin: "12px 16px",
       "& label": {
-        position: "absolute"
+        color: "grey4.real",
+        position: "absolute",
+        "&:hover": {}
       }
     },
     onChange: function onChange(e) {
@@ -89997,7 +90011,7 @@ var QuadernoTaxCalc = function QuadernoTaxCalc(_ref) {
       }, 1500);
       setPostalCode(e.target.value);
     }
-  })));
+  }));
 };
 
 var _templateObject;
@@ -90301,9 +90315,6 @@ var CheckoutModal = function CheckoutModal(_ref) {
     }();
 
     if (show) {
-      var script = document.createElement("script");
-      script.src = "https://js.quaderno.io/v4/";
-      document.head.appendChild(script);
       createBraintreeDropIn();
     }
   }, [show, googleMerchantId, venmoProfileId, clientToken, type, total]);

package/dist/index.umd.js

@@ -89146,6 +89146,8 @@
     };
 
     var QuadernoTaxCalc = function QuadernoTaxCalc(_ref) {
+      var _window;
+
       var amount = _ref.amount,
           setSalesTax = _ref.setSalesTax,
           setTotal = _ref.setTotal,
@@ -89154,15 +89156,30 @@
           postalCode = _ref.postalCode,
           setPostalCode = _ref.setPostalCode;
       React.useEffect(function () {
-        window.Quaderno.init("pk_live_JLZ6dgFdcXEVZySpVxb7").then(function () {
-          console.log("Quaderno.js successfully initialized");
-        }).catch(function (error) {
-          console.log(error.description, error.messages);
-        });
+        var scriptUrl = "https://js.quaderno.io/v4/";
+
+        if (!document.querySelector("script[src=\"".concat(scriptUrl, "\"]"))) {
+          var script = document.createElement("script");
+          script.src = scriptUrl;
+          document.head.appendChild(script);
+        }
       }, []);
+      React.useEffect(function () {
+        if (window.Quaderno) {
+          var _window$Quaderno;
+
+          (_window$Quaderno = window.Quaderno) === null || _window$Quaderno === void 0 ? void 0 : _window$Quaderno.init("pk_live_JLZ6dgFdcXEVZySpVxb7").then(function () {
+            console.log("Quaderno.js successfully initialized");
+          }).catch(function (error) {
+            console.log(error.description, error.messages);
+          });
+        }
+      }, [(_window = window) === null || _window === void 0 ? void 0 : _window.Quaderno]);
 
       var reloadTaxes = /*#__PURE__*/function () {
         var _ref2 = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee(options) {
+          var _window2, _window2$Quaderno;
+
           var taxObject, taxAmount, totalAmount;
           return _regeneratorRuntime__default['default'].wrap(function _callee$(_context) {
             while (1) {
@@ -89172,11 +89189,10 @@
                   options.taxType = "included"; // console.log("Calling calculateTaxes with params", options);
 
                   _context.next = 4;
-                  return window.Quaderno.calculateTaxes(options);
+                  return (_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$Quaderno = _window2.Quaderno) === null || _window2$Quaderno === void 0 ? void 0 : _window2$Quaderno.calculateTaxes(options);
 
                 case 4:
                   taxObject = _context.sent;
-                  console.log(taxObject);
                   taxAmount = parseFloat(amount * (taxObject.rate / 100)).toFixed(2);
                   totalAmount = (parseFloat(amount) + parseFloat(taxAmount)).toFixed(2);
                   setSalesTax(taxAmount);
@@ -89187,7 +89203,7 @@
                   //         taxObject.name + " " + taxObject.rate + "%"; // ie.: VAT 20%
                   // });
 
-                case 10:
+                case 9:
                 case "end":
                   return _context.stop();
               }
@@ -89208,21 +89224,17 @@
         }, wait);
       }
 
-      return /*#__PURE__*/React__default['default'].createElement("form", {
+      return /*#__PURE__*/React__default['default'].createElement(Stack, {
         id: "quaderno-payment-form",
-        style: {
-          width: "100%"
-        },
-        "data-publishable-key": "pk_live_JLZ6dgFdcXEVZySpVxb7"
-      }, /*#__PURE__*/React__default['default'].createElement(Stack, {
+        "data-publishable-key": "pk_live_JLZ6dgFdcXEVZySpVxb7",
         direction: "row",
         justifyContent: "space-between",
         width: "90%",
         alignItems: "center",
-        margin: "0 auto 20px auto"
+        margin: "10px auto"
       }, /*#__PURE__*/React__default['default'].createElement(Dropdown, {
         id: "country",
-        buttonTitle: country.name,
+        buttonTitle: country === null || country === void 0 ? void 0 : country.name,
         buttonLabel: "Country",
         buttonStyle: {
           backgroundColor: "white.override",
@@ -90001,12 +90013,14 @@
         label: "Postal Code",
         size: "small",
         required: true,
+        variant: "filled",
+        color: "grey4",
         sx: {
-          backgroundColor: "white.override",
           width: "150px",
-          margin: "12px 16px",
           "& label": {
-            position: "absolute"
+            color: "grey4.real",
+            position: "absolute",
+            "&:hover": {}
           }
         },
         onChange: function onChange(e) {
@@ -90018,7 +90032,7 @@
           }, 1500);
           setPostalCode(e.target.value);
         }
-      })));
+      }));
     };
 
     var _templateObject;
@@ -90322,9 +90336,6 @@
         }();
 
         if (show) {
-          var script = document.createElement("script");
-          script.src = "https://js.quaderno.io/v4/";
-          document.head.appendChild(script);
           createBraintreeDropIn();
         }
       }, [show, googleMerchantId, venmoProfileId, clientToken, type, total]);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@blerp/design",
-    "version": "1.2.52",
+    "version": "1.2.54",
     "description": "Blerp UI",
     "main": "dist/index.cjs.js",
     "scripts": {