360dialog-connect-button - npm Package Compare versions

Comparing version 0.7.1 to 0.8.0

dist/ConnectButton.d.ts

@@ -12,2 +12,3 @@ import React from "react";
     redirect_url?: string;
+    hosting_type?: string;
     partner?: string;
@@ -14,0 +15,0 @@ next?: string;

dist/dialog-connect-button.cjs.development.js

@@ -60,3 +60,3 @@ 'use strict';
 var receiveMessage = function receiveMessage(event, baseUrl) {
-  if (event.origin != baseUrl) {
+  if (event.origin != baseUrl || typeof event.data === 'object') {
     return;
@@ -84,16 +84,31 @@ }
 
-  var baseUrl = env === 'local' && 'http://0.0.0.0:8082' || env === 'staging' && 'https://admin.hub-staging.360dialog.io' || env === 'rc' && 'https://rc-admin.360dialog.io' || 'https://hub.360dialog.com';
-  var permissionUrl = requestedNumber ? baseUrl + "/dashboard/app/" + partnerId + "/permissions?number=" + requestedNumber : baseUrl + "/dashboard/app/" + partnerId + "/permissions";
+  var _useState = React.useState(''),
+      permissionURL = _useState[0],
+      setPermissionURL = _useState[1];
 
-  if (queryParameters) {
-    var values = Object.values(queryParameters);
-    Object.keys(queryParameters).forEach(function (k, idx) {
-      if (idx === 0 && !requestedNumber) {
-        permissionUrl = permissionUrl + ("?" + k + "=" + values[idx]);
-      } else {
-        permissionUrl = permissionUrl + ("&" + k + "=" + values[idx]);
+  var getPermissionURL = function getPermissionURL() {
+    var baseUrl = env === 'local' && 'http://0.0.0.0:8082' || env === 'staging' && 'https://admin.hub-staging.360dialog.io' || env === 'rc' && 'https://rc-admin.360dialog.io' || 'https://hub.360dialog.com';
+    var tempURL = requestedNumber ? baseUrl + "/dashboard/app/" + partnerId + "/permissions?number=" + requestedNumber : baseUrl + "/dashboard/app/" + partnerId + "/permissions";
+
+    if (queryParameters) {
+      var rawValues = Object.values(queryParameters);
+      var values = rawValues.map(function (val) {
+        if (!val) return '';
+        return encodeURIComponent(val);
+      });
+
+      if (values) {
+        Object.keys(queryParameters).forEach(function (k, idx) {
+          if (idx === 0 && !requestedNumber) {
+            tempURL = tempURL + ("?" + k + "=" + values[idx]);
+          } else {
+            tempURL = tempURL + ("&" + k + "=" + values[idx]);
+          }
+        });
       }
-    });
-  }
+    }
 
+    return tempURL;
+  };
+
   var getUrlParameter = function getUrlParameter(params, name) {
@@ -107,2 +122,6 @@ name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
   React.useEffect(function () {
+    var url = getPermissionURL();
+    setPermissionURL(url);
+  }, [env, requestedNumber, queryParameters]);
+  React.useEffect(function () {
     var params = window.location.search;
@@ -138,3 +157,3 @@ var client = getUrlParameter(params, "client");
     onClick: function onClick() {
-      return openSignInWindow(permissionUrl, 'connect-360dialog', window.location.origin);
+      return openSignInWindow(permissionURL, 'connect-360dialog', window.location.origin);
     }
@@ -141,0 +160,0 @@ }, props), label);

dist/dialog-connect-button.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,n=require("react"),t=(e=n)&&"object"==typeof e&&"default"in e?e.default:e,o=null,r=null,a=function(e,n){e.origin==n&&(window.location.search=""+e.data)},i=["className","partnerId","callback","requestedNumber","label","env","queryParameters"];exports.ConnectButton=function(e){var s=e.className,c=e.partnerId,l=e.callback,u=e.requestedNumber,d=e.label,p=void 0===d?"Connect 360dialog":d,f=e.env,g=void 0===f?"prod":f,b=e.queryParameters,w=function(e,n){if(null==e)return{};var t,o,r={},a=Object.keys(e);for(o=0;o<a.length;o++)n.indexOf(t=a[o])>=0||(r[t]=e[t]);return r}(e,i),v=("local"===g?"http://0.0.0.0:8082":"staging"===g&&"https://admin.hub-staging.360dialog.io")||"rc"===g&&"https://rc-admin.360dialog.io"||"https://hub.360dialog.com",h=u?v+"/dashboard/app/"+c+"/permissions?number="+u:v+"/dashboard/app/"+c+"/permissions";if(b){var m=Object.values(b);Object.keys(b).forEach((function(e,n){h=0!==n||u?h+"&"+e+"="+m[n]:h+"?"+e+"="+m[n]}))}var k=function(e,n){n=n.replace(/[\[]/,"\\[").replace(/[\]]/,"\\]");var t=new RegExp("[\\?&]"+n+"=([^&#]*)").exec(e);return null===t?"":decodeURIComponent(t[1].replace(/\+/g," "))};return n.useEffect((function(){var e=window.location.search,n=k(e,"client"),t=k(e,"channels"),o=k(e,"revoked");if(n&&t){var r={client:n,channels:t.substring(1,t.length-1).split(",")};if(o){var a=o.substring(1,o.length-1).split(",");r.revokedChannels=a}l(r)}window.opener&&(window.opener.postMessage(e),window.close())}),[]),t.createElement("button",Object.assign({className:s||"360dialog-connect-button",onClick:function(){return function(e,n,t){window.removeEventListener("message",a);var i="toolbar=no, menubar=no, width=600, height=900, top=100, left=100";null===o||o.closed?o=window.open(e,n,i):r!==e?(o=window.open(e,n,i)).focus():o.focus(),window.addEventListener("message",(function(e){return a(e,t)}),!1),r=e}(h,"connect-360dialog",window.location.origin)}},w),p)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,n=require("react"),t=(e=n)&&"object"==typeof e&&"default"in e?e.default:e,o=null,r=null,a=function(e,n){e.origin==n&&"object"!=typeof e.data&&(window.location.search=""+e.data)},i=["className","partnerId","callback","requestedNumber","label","env","queryParameters"];exports.ConnectButton=function(e){var c=e.className,s=e.partnerId,l=e.callback,u=e.requestedNumber,d=e.label,p=void 0===d?"Connect 360dialog":d,f=e.env,b=void 0===f?"prod":f,g=e.queryParameters,v=function(e,n){if(null==e)return{};var t,o,r={},a=Object.keys(e);for(o=0;o<a.length;o++)n.indexOf(t=a[o])>=0||(r[t]=e[t]);return r}(e,i),w=n.useState(""),m=w[0],h=w[1],j=function(e,n){n=n.replace(/[\[]/,"\\[").replace(/[\]]/,"\\]");var t=new RegExp("[\\?&]"+n+"=([^&#]*)").exec(e);return null===t?"":decodeURIComponent(t[1].replace(/\+/g," "))};return n.useEffect((function(){var e=function(){var e=("local"===b?"http://0.0.0.0:8082":"staging"===b&&"https://admin.hub-staging.360dialog.io")||"rc"===b&&"https://rc-admin.360dialog.io"||"https://hub.360dialog.com",n=u?e+"/dashboard/app/"+s+"/permissions?number="+u:e+"/dashboard/app/"+s+"/permissions";if(g){var t=Object.values(g).map((function(e){return e?encodeURIComponent(e):""}));t&&Object.keys(g).forEach((function(e,o){n=0!==o||u?n+"&"+e+"="+t[o]:n+"?"+e+"="+t[o]}))}return n}();h(e)}),[b,u,g]),n.useEffect((function(){var e=window.location.search,n=j(e,"client"),t=j(e,"channels"),o=j(e,"revoked");if(n&&t){var r={client:n,channels:t.substring(1,t.length-1).split(",")};if(o){var a=o.substring(1,o.length-1).split(",");r.revokedChannels=a}l(r)}window.opener&&(window.opener.postMessage(e),window.close())}),[]),t.createElement("button",Object.assign({className:c||"360dialog-connect-button",onClick:function(){return function(e,n,t){window.removeEventListener("message",a);var i="toolbar=no, menubar=no, width=600, height=900, top=100, left=100";null===o||o.closed?o=window.open(e,n,i):r!==e?(o=window.open(e,n,i)).focus():o.focus(),window.addEventListener("message",(function(e){return a(e,t)}),!1),r=e}(m,"connect-360dialog",window.location.origin)}},v),p)};
 //# sourceMappingURL=dialog-connect-button.cjs.production.min.js.map

dist/dialog-connect-button.esm.js

@@ -1,2 +0,2 @@
-import React, { useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 
@@ -53,3 +53,3 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 var receiveMessage = function receiveMessage(event, baseUrl) {
-  if (event.origin != baseUrl) {
+  if (event.origin != baseUrl || typeof event.data === 'object') {
     return;
@@ -77,16 +77,31 @@ }
 
-  var baseUrl = env === 'local' && 'http://0.0.0.0:8082' || env === 'staging' && 'https://admin.hub-staging.360dialog.io' || env === 'rc' && 'https://rc-admin.360dialog.io' || 'https://hub.360dialog.com';
-  var permissionUrl = requestedNumber ? baseUrl + "/dashboard/app/" + partnerId + "/permissions?number=" + requestedNumber : baseUrl + "/dashboard/app/" + partnerId + "/permissions";
+  var _useState = useState(''),
+      permissionURL = _useState[0],
+      setPermissionURL = _useState[1];
 
-  if (queryParameters) {
-    var values = Object.values(queryParameters);
-    Object.keys(queryParameters).forEach(function (k, idx) {
-      if (idx === 0 && !requestedNumber) {
-        permissionUrl = permissionUrl + ("?" + k + "=" + values[idx]);
-      } else {
-        permissionUrl = permissionUrl + ("&" + k + "=" + values[idx]);
+  var getPermissionURL = function getPermissionURL() {
+    var baseUrl = env === 'local' && 'http://0.0.0.0:8082' || env === 'staging' && 'https://admin.hub-staging.360dialog.io' || env === 'rc' && 'https://rc-admin.360dialog.io' || 'https://hub.360dialog.com';
+    var tempURL = requestedNumber ? baseUrl + "/dashboard/app/" + partnerId + "/permissions?number=" + requestedNumber : baseUrl + "/dashboard/app/" + partnerId + "/permissions";
+
+    if (queryParameters) {
+      var rawValues = Object.values(queryParameters);
+      var values = rawValues.map(function (val) {
+        if (!val) return '';
+        return encodeURIComponent(val);
+      });
+
+      if (values) {
+        Object.keys(queryParameters).forEach(function (k, idx) {
+          if (idx === 0 && !requestedNumber) {
+            tempURL = tempURL + ("?" + k + "=" + values[idx]);
+          } else {
+            tempURL = tempURL + ("&" + k + "=" + values[idx]);
+          }
+        });
       }
-    });
-  }
+    }
 
+    return tempURL;
+  };
+
   var getUrlParameter = function getUrlParameter(params, name) {
@@ -100,2 +115,6 @@ name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
   useEffect(function () {
+    var url = getPermissionURL();
+    setPermissionURL(url);
+  }, [env, requestedNumber, queryParameters]);
+  useEffect(function () {
     var params = window.location.search;
@@ -131,3 +150,3 @@ var client = getUrlParameter(params, "client");
     onClick: function onClick() {
-      return openSignInWindow(permissionUrl, 'connect-360dialog', window.location.origin);
+      return openSignInWindow(permissionURL, 'connect-360dialog', window.location.origin);
     }
@@ -134,0 +153,0 @@ }, props), label);

package.json

 {
-  "version": "0.7.1",
+  "version": "0.8.0",
   "license": "MIT",
@@ -60,5 +60,5 @@ "main": "dist/index.js",
     "tsdx": "^0.14.1",
-    "tslib": "^2.3.1",
+    "tslib": "^2.4.1",
     "typescript": "^4.5.5"
   }
 }

README.md

@@ -70,3 +70,3 @@ # 360dialog Partner Integrated Onboarding
 | label      | string      | Optional parameter to provide a custom button label       |        |
-| queryParameters      | {email?: string, name?: string, state?: string, redirect_url?: string, partner?: string, next?: string}      | Optional query parameters that get passed to the sign up form for pre-filling       |        |
+| queryParameters      | {email?: string, name?: string, state?: string, redirect_url?: string, partner?: string, next?: string, hosting_type?: string}      | Optional query parameters that get passed to the sign up form for pre-filling       |        |
 | env      | string      | BETA ONLY: Provide a environment to test in        |        |
@@ -73,0 +73,0 @@

src/open-popup.js

@@ -42,3 +42,3 @@ let windowObjectReference = null;
 const receiveMessage = (event, baseUrl) => {
-  if (event.origin != baseUrl) {
+  if (event.origin != baseUrl || typeof event.data === 'object') {
     return;
@@ -45,0 +45,0 @@ }

New alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Fixed alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

57615

increased by12.37%

Lines of code

467

increased by11.72%

Worsened metrics

Number of low supply chain risk alerts

3

increased by50%

No dependency changes