360dialog-connect-button - npm Package Compare versions

Comparing version 0.1.0 to 0.2.0

dist/ConnectButton.d.ts

@@ -6,3 +6,4 @@ import React from "react";
 };
-interface IConnectButton {
+interface IConnectButton extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    className?: string;
     partnerId: string;
@@ -12,4 +13,5 @@ callback: (v: CallbackObject) => void;
     label?: React.ReactNode;
+    env?: "local" | "staging" | "rc" | "prod";
 }
-declare const ConnectButton: ({ partnerId, callback, requestedNumber, label, }: IConnectButton) => JSX.Element;
+declare const ConnectButton: ({ className, partnerId, callback, requestedNumber, label, env, ...props }: IConnectButton) => JSX.Element;
 export default ConnectButton;

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

@@ -10,2 +10,17 @@ 'use strict';
 
+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;
+}
+
 var windowObjectReference = null;
@@ -52,6 +67,7 @@ var previousUrl = null;
   var redirectUrl = "" + data;
-  console.log(redirectUrl);
   window.location.search = redirectUrl; // window.history.replaceState({}, "", redirectUrl);
 };
 
+var _excluded = ["className", "partnerId", "callback", "requestedNumber", "label", "env"];
+
 var ConnectButton = function ConnectButton(_ref) {
@@ -62,5 +78,10 @@ var partnerId = _ref.partnerId,
       _ref$label = _ref.label,
-      label = _ref$label === void 0 ? "Connect 360dialog" : _ref$label;
-  var permissionUrl = requestedNumber ? "http://0.0.0.0:8082/dashboard/app/" + partnerId + "/permissions?number=" + requestedNumber : "http://0.0.0.0:8082/dashboard/app/" + partnerId + "/permissions";
+      label = _ref$label === void 0 ? "Connect 360dialog" : _ref$label,
+      _ref$env = _ref.env,
+      env = _ref$env === void 0 ? "prod" : _ref$env,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
+  var baseUrl = env === 'local' && 'http://0.0.0.0:8082/' || env === 'staging' && 'https://staging-admin.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 getUrlParameter = function getUrlParameter(params, name) {
@@ -74,3 +95,2 @@ name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
   React.useEffect(function () {
-    console.log("a");
     var params = window.location.search;
@@ -96,3 +116,3 @@ var client = getUrlParameter(params, "client");
   }, []);
-  return React__default.createElement("button", {
+  return React__default.createElement("button", Object.assign({
     className: "360dialog-connect-button",
@@ -102,6 +122,6 @@ onClick: function onClick() {
     }
-  }, label);
+  }, props), label);
 };
 
-exports.default = ConnectButton;
+exports.ConnectButton = ConnectButton;
 //# sourceMappingURL=dialog-connect-button.cjs.development.js.map

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

dist/dialog-connect-button.esm.js

 import React, { useEffect } from 'react';
 
+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;
+}
+
 var windowObjectReference = null;
@@ -44,6 +59,7 @@ var previousUrl = null;
   var redirectUrl = "" + data;
-  console.log(redirectUrl);
   window.location.search = redirectUrl; // window.history.replaceState({}, "", redirectUrl);
 };
 
+var _excluded = ["className", "partnerId", "callback", "requestedNumber", "label", "env"];
+
 var ConnectButton = function ConnectButton(_ref) {
@@ -54,5 +70,10 @@ var partnerId = _ref.partnerId,
       _ref$label = _ref.label,
-      label = _ref$label === void 0 ? "Connect 360dialog" : _ref$label;
-  var permissionUrl = requestedNumber ? "http://0.0.0.0:8082/dashboard/app/" + partnerId + "/permissions?number=" + requestedNumber : "http://0.0.0.0:8082/dashboard/app/" + partnerId + "/permissions";
+      label = _ref$label === void 0 ? "Connect 360dialog" : _ref$label,
+      _ref$env = _ref.env,
+      env = _ref$env === void 0 ? "prod" : _ref$env,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
+  var baseUrl = env === 'local' && 'http://0.0.0.0:8082/' || env === 'staging' && 'https://staging-admin.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 getUrlParameter = function getUrlParameter(params, name) {
@@ -66,3 +87,2 @@ name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
   useEffect(function () {
-    console.log("a");
     var params = window.location.search;
@@ -88,3 +108,3 @@ var client = getUrlParameter(params, "client");
   }, []);
-  return React.createElement("button", {
+  return React.createElement("button", Object.assign({
     className: "360dialog-connect-button",
@@ -94,6 +114,6 @@ onClick: function onClick() {
     }
-  }, label);
+  }, props), label);
 };
 
-export default ConnectButton;
+export { ConnectButton };
 //# sourceMappingURL=dialog-connect-button.esm.js.map

dist/index.d.ts

 import ConnectButton from './ConnectButton';
-export default ConnectButton;
+export { ConnectButton };

package.json

 {
-  "version": "0.1.0",
+  "version": "0.2.0",
   "license": "MIT",
@@ -4,0 +4,0 @@ "main": "dist/index.js",

src/open-popup.js

@@ -48,5 +48,4 @@ let windowObjectReference = null;
   const redirectUrl = `${data}`;
-  console.log(redirectUrl);
   window.location.search = redirectUrl;
   // window.history.replaceState({}, "", redirectUrl);
 };

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

46307

increased by8.72%

Lines of code

339

increased by14.53%

No dependency changes