siam-ui-utils 1.0.18 → 1.0.19

package/dist_browser/src/whatsapp-icon-button.jsx

@@ -0,0 +1,40 @@
+import React from 'react';
+import { withTheme } from 'styled-components';
+import { Icon } from './styled-icon';
+
+const WhatsappIconButton = (props) => {
+  const { phone = '', width = '', height = '', sublabel = '' } = props || {};
+  return (
+    <Icon
+      width={width}
+      height={height}
+      display={sublabel !== '' ? 'block' : 'none'}
+      onClick={() =>
+        window.open(
+          `https://api.whatsapp.com/send/?phone=${phone}&text=&app_absent=0`,
+          '_blank'
+        )
+      }
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        version="1.1"
+        viewBox="0 0 23.687 23.688"
+      >
+        <path
+          fill="#99CC33"
+          d="M12.906,3.301c-5.344,0-9.687,4.348-9.687,9.69c0,1.778,0.482,3.509,1.406,5.022l-1.387,4.159
+	C3.19,22.311,3.227,22.46,3.33,22.566c0.076,0.073,0.175,0.112,0.275,0.112c0.045,0,0.082-0.003,0.126-0.019l4.154-1.385
+	c1.516,0.918,3.246,1.403,5.021,1.403c5.343,0,9.688-4.346,9.688-9.688S18.249,3.301,12.906,3.301z M19.107,16.912
+	c0,0.338-0.14,0.671-0.379,0.91l-1.009,0.996c-0.24,0.241-0.565,0.373-0.899,0.373h-0.05c-5.414-0.233-9.833-4.65-10.065-10.061
+	C6.691,8.778,6.828,8.428,7.078,8.176l0.995-1.008c0.241-0.238,0.574-0.38,0.915-0.38h0.373c0.531,0,1.015,0.333,1.201,0.834
+	l0.883,2.345c0.171,0.457,0.066,0.98-0.271,1.337l-0.364,0.383c-0.168,0.176-0.185,0.444-0.05,0.641
+	c0.448,0.65,1.411,1.88,2.814,2.824c0.192,0.129,0.457,0.105,0.628-0.058l0.395-0.372c0.353-0.336,0.876-0.44,1.333-0.271
+	l2.345,0.884c0.498,0.188,0.833,0.669,0.833,1.201V16.912z"
+        />
+      </svg>
+    </Icon>
+  );
+};
+WhatsappIconButton.defaultProps = { theme: {} };
+export default withTheme(WhatsappIconButton);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "siam-ui-utils",
-  "version": "1.0.18",
+  "version": "1.0.19",
   "keywords": [
     "ampf-react",
     "ampf-utils",
@@ -21,7 +21,7 @@
   "scripts": {
     "build-browser": "npx tsc --allowJs true src/index.js --outDir dist_browser",
     "cpToDistBrowser": "copyfiles --all src/**/*.* dist_browser",
-    "publish-npm": "npm run build-browser & npm publish"
+    "publish-npm": "npm run build-browser & npm run cpToDistBrowser & npm publish"
   },
   "dependencies": {
     "@types/react-intl": "^3.0.0",