.gitignore

@@ -1,3 +1,15 @@
+# Folders #
+######################
+/dist/
+/docs/
+/node_modules/
+
+# OS generated files #
+######################
 .DS_Store
-.idea
-.vscode
+.DS_Store?
+._*
+.Trashes
+Icon?
+ehthumbs.db
+Thumbs.db

CHANGELOG.md

@@ -5,6 +5,55 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/)
 and this project adheres to [Semantic Versioning](http://semver.org/).
 
+## [1.5.2]
+
+#### Fixes
+
+- Changed admin notices
+- Fixed full address Shortcode
+- Fixed Gutenberg Elements
+   - Social Links with icon
+   - Logo Images
+
+## [1.5.1]
+
+#### Fixes
+
+- Deployment issue
+
+## [1.5.0]
+
+### Revamp the new version
+
+#### Fixes
+
+- Multiple revision issues
+
+#### Enhancement
+
+- Introduced psr-4 model
+- Reduced multiple shortcodes
+- Implemented font awesome
+- Added click-to-copy option
+
+## [1.4.0]
+
+### Updated
+
+- Update to overcome WordFence plugin
+
+## [1.3.0]
+
+### Added
+
+- short code and reusable block for business contact email.
+
+## [1.2.0]
+
+### Added
+
+- a link to the row meta on the plugin screen which takes users to the plugin usage page.
+
 ## [1.1.0]
 
 ### Added

README.md

@@ -1,13 +1,97 @@
+
 # Business Profile Render
 
+**Contributors:** Website Pro Team  
+**Tags:** Business, Local SEO, WebsitePro  
+**Requires PHP:** 7.4  
+**Requires at least:** 6.0
+**Tested up to:** 6.5.3  
+
 ## Description
 
 This plugin provides tools to display business information easily and automatically.
-
 The hosting platform syncs the relevant business information to the WP Options table.
 This plugin provides ways to automatically render this information on your site.
-This includes both [Shortcodes](https://codex.wordpress.org/Shortcode)and reusable 
-[Blocks](https://wordpress.org/support/article/blocks/).
 
-After the plugin is installed and activated please refer to the documentation page
-provided under the Tools section of your site for more details about how to use it.
+This includes both [Shortcodes](https://codex.wordpress.org/Shortcode) and [Gutenberg Components](https://developer.wordpress.org/block-editor/reference-guides/components/).
+### Shortcodes
+
+#### How to use this shortcode
+
+To utilize this shortcode, follow the format below:
+
+**[business_profile attr="company_name"]**
+
+Here, the `attr` parameter specifies the attribute you want to display. Replace `"company_name"` with the desired attribute you wish to retrieve from the business profile.
+
+**For example:** if you want to display the company's name, you would use `"company_name"` as the attribute value. Similarly, you can replace it with other attributes such as address, phone number, or any other pertinent information stored in the business profile.
+
+Make sure to enclose the attribute name within double quotation marks (" "). This ensures that the shortcode accurately identifies the attribute you intend to retrieve.
+
+| Shortcode | Attribute | Preview |
+|--|--|--|
+|`[business_profile]`| company_name | ABC Media Pvt Ltd |
+|`[business_profile]`| description | |
+|`[business_profile]`| short_description |  |
+|`[business_profile]`| services_offered |  |
+|`[business_profile]`| contact_first_name |  |
+|`[business_profile]`| contact_last_name |  |
+|`[business_profile]`| contact_email |hello@abcmedia.com |
+|`[business_profile]`| cell_number |  |
+|`[business_profile]`| fax_number |  |
+|`[business_profile]`| toll_free_number |  |
+|`[business_profile]`| work_number | '+99 879 00 12 12' |
+|`[business_profile]`| address | 123 4th Street |
+|`[business_profile]`| city | Fairbanks |
+|`[business_profile]`| state | Alaska |
+|`[business_profile]`| country | United States |
+|`[business_profile]`| zip | 99654 |
+|`[business_profile]`| time_zone |  |
+|`[business_profile]`| longitude | -1.8769149 |
+|`[business_profile]`| latitude | 37.1418673 |
+|`[business_profile]`| hours_of_operation |  |
+|`[business_profile]`| rss_url |  |
+|`[business_profile]`| twitter_url |  |
+|`[business_profile]`| foursquare_url |  |
+|`[business_profile]`| facebook_url |  |
+|`[business_profile]`| youtube_url |  |
+|`[business_profile]`| instagram_url |  |
+|`[business_profile]`| pinterest_url |  |
+|`[business_profile]`| linkedin_url |  |
+|`[business_profile]`| tax_ids |  |
+
+
+### Old Shortcodes
+
+Our "Business Profile Data" and "Business Profile Render" plugins use distinct shortcodes and operate on separate versions 1.2.0 and 1.5.x.
+
+| Shortcode | Description | Preview |
+|--|--|--|
+|`[business-profile-render-company-name] & [business-profile-data-company-name]`| Company Name | ABC Media Pvt Ltd |
+|`[business-profile-render-full-address] & [business-profile-data-full-address]`|Full Address|123, Sample Address, CA - 12345|
+|`[business-profile-render-address] & [business-profile-data-address]`|Address|123, Sample Address
+|`[business-profile-render-city] & [business-profile-data-city]`|City|Saskatoon
+|`[business-profile-render-state] & [business-profile-data-state]`|State|Saskatchewan
+|`[business-profile-render-zip-code] & [business-profile-data-zip-code]`|ZIP Code|12345
+|`[business-profile-render-country] & [business-profile-data-country]`|Country|Canada
+|`[business-profile-render-work-number] & [business-profile-data-work-number]`|Work Number|8877665544
+|`[business-profile-render-toll-free-number] & [business-profile-data-toll-free-number]`|Toll Free Number|1800-000-000
+|`[business-profile-render-hours-of-operation] & [business-profile-data-hours-of-operation]`|Working Hours|
+|`[business-profile-render-company-description] & [business-profile-data-company-description]`|Description|
+|`[business-profile-render-company-short-description] & [business-profile-data-company-short-description]`|Short Description|
+|`[business-profile-render-primary] & [business-profile-data-primary]`|Primary|
+|`[business-profile-render-logo] & [business-profile-data-logo]`|Logo|
+|`[business-profile-render-services] & [business-profile-data-services]`|Services|
+|`[business-profile-render-image-link-foursquare-url] & [business-profile-data-image-link-foursquare-url]`|| Foursquare Link
+|`[business-profile-render-image-link-twitter-url] & [business-profile-data-image-link-twitter-url]`|| Twitter Link
+|`[business-profile-render-image-link-instagram-url] & [business-profile-data-image-link-instagram-url]`|| Instagram Link
+|`[business-profile-render-image-link-linkedin-url] & [business-profile-data-image-link-linkedin-url]`|| LinkedeIn Link
+|`[business-profile-render-image-link-pinterest-url] & [business-profile-data-image-link-pinterest-url]`|| Pinterest Link
+|`[business-profile-render-image-link-facebook-url] & [business-profile-data-image-link-facebook-url]`|| Facebook Link
+|`[business-profile-render-image-link-rss-url] & [business-profile-data-image-link-rss-url]`|| RSS Link
+|`[business-profile-render-image-link-youtube-url] & [business-profile-data-image-link-youtube-url]`|| Youtube Link
+
+
+### Credits
+
+1. Thanks [Font Awesome](https://fontawesome.com/license/free)

assets/css/style.css

@@ -0,0 +1,64 @@
+.bpr_shortcode_lable input {
+    width: 90%;
+}
+button.bpr_btncpy {
+    position: relative;
+    left: -38px;
+}
+.bpr_copy-text input.bpr_text {
+    padding: 10px;
+    font-size: 14px;
+    color: #555;
+    border: none;
+    outline: none;
+    background-color: #fff;
+}
+.bpr_copy-text button {
+    padding: 6px;
+    font-size: 18px;
+    border: none;
+    outline: none;
+    border-radius: 3px;
+    cursor: pointer;
+}
+.form-table{
+    width: 90%;
+}
+.bpr_preview_lable {
+    font-size: 18px;
+    color: #555;
+}
+.bpr_shortcode_title {
+    font-size: 22px;
+    margin-left: 18px;
+}
+.bpr_preview_title{
+    font-size: 22px;
+}
+.bpr_text{
+    position: relative;
+}
+.bpr_tooltip {
+    position: absolute;
+    background-color: rgba(0, 0, 0, 0.7);
+    color: #fff;
+    padding: 5px 10px;
+    text-align: center;
+    border-radius: 5px;
+    font-size: 12px;
+    left: 21%;
+    right: 68%;
+    transform: translateY(10%);
+}
+.bpr_shortcode_lable .bpr_tooltip:after {
+    border-left: solid transparent 10px;
+    border-right: solid transparent 10px;
+    border-top: solid #515151 10px;
+    content: " ";
+    top: -9px;
+    left: 38%;
+    right: 62%;
+    width: 0;
+    transform: rotate(0.5turn);
+    position: absolute;
+    }

assets/js/gutenberg-block.js

@@ -0,0 +1,154 @@
+(() => {
+    "use strict";
+    const e = window.React,
+        { registerBlockType: t } = wp.blocks,
+        { SelectControl: l } = wp.components,
+        { useState: n, useEffect: s } = wp.element;
+
+    t("business-profile-render/bpr-block", {
+        title: "Business Profile",
+        icon: "admin-site",
+        category: "common",
+        attributes: {
+            option: { type: "string", default: "--" }
+        },
+        edit: t => {
+            const { attributes: a, setAttributes: o } = t,
+                { option: i } = a,
+                [r, c] = n([]);
+
+            s(() => {
+                const e = window.businessProfileData || {},
+                    t = Object.entries(e).map(([e, t]) => ({ label: e, value: t }));
+                c(t);
+            }, []);
+
+            const isImageUrl = (url) => {
+                try {
+                    // Remove trailing commas before parsing the URL
+                    const cleanUrl = url.replace(/,+$/, '');
+                    const parsedUrl = new URL(cleanUrl);
+                    return parsedUrl.hostname === 'media-prod.apigateway.co';
+                } catch (e) {
+                    return false;
+                }
+            };
+
+            const getSocialIcon = (url) => {
+                try {
+                    const parsedUrl = new URL(url);
+                    if (parsedUrl.hostname.includes("facebook.com")) {
+                        return "fab fa-facebook";
+                    } else if (parsedUrl.hostname.includes("rss")) {
+                        return "fab fa-rss";
+                    } else if (parsedUrl.hostname.includes("twitter.com")) {
+                        return "fab fa-twitter";
+                    } else if (parsedUrl.hostname.includes("youtube.com")) {
+                        return "fab fa-youtube";
+                    } else if (parsedUrl.hostname.includes("foursquare.com")) {
+                        return "fab fa-foursquare";
+                    } else if (parsedUrl.hostname.includes("instagram.com")) {
+                        return "fab fa-instagram";
+                    } else if (parsedUrl.hostname.includes("pinterest.com")) {
+                        return "fab fa-pinterest";
+                    } else if (parsedUrl.hostname.includes("linkedin.com")) {
+                        return "fab fa-linkedin";
+                    } else {
+                        return null;
+                    }
+                } catch (_) {
+                    return null;
+                }
+            };
+
+            const socialIcon = getSocialIcon(i);
+
+            return (
+                e.createElement("div", null,
+                    e.createElement(l, {
+                        label: "Select which field you want to show",
+                        value: i,
+                        options: r.map(e => ({ label: e.label, value: e.value })),
+                        onChange: e => { o({ option: e }) }
+                    }),
+                    e.createElement("div", null,
+                        isImageUrl(i) ?
+                            e.createElement("p", null,
+                                e.createElement("span", { className: "css-1imalal" }, "Preview:"),
+                                e.createElement("br", null),
+                                e.createElement("img", { src: i.replace(/,+$/, ''), alt: "Business Profile Image", style: { width: "100px", height: "100px" } })
+                            ) :
+                        socialIcon ?
+                            e.createElement("p", null,
+                                e.createElement("span", { className: "css-1imalal" }, "Preview:"),
+                                e.createElement("br", null),
+                                e.createElement("a", { href: i, target: "_blank", rel: "noopener noreferrer" },
+                                    e.createElement("i", { className: socialIcon })
+                                )
+                            ) :
+                            e.createElement("p", null, i)
+                    )
+                )
+            );
+        },
+        save: ({ attributes: t }) => {
+            const { option: l } = t;
+
+            const isImageUrl = (url) => {
+                try {
+                    // Remove trailing commas before parsing the URL
+                    const cleanUrl = url.replace(/,+$/, '');
+                    const parsedUrl = new URL(cleanUrl);
+                    return parsedUrl.hostname === 'media-prod.apigateway.co';
+                } catch (e) {
+                    return false;
+                }
+            };
+
+            const getSocialIcon = (url) => {
+                try {
+                    const parsedUrl = new URL(url);
+                    if (parsedUrl.hostname.includes("facebook.com")) {
+                        return "fab fa-facebook";
+                    } else if (parsedUrl.hostname.includes("rss")) {
+                        return "fab fa-rss";
+                    } else if (parsedUrl.hostname.includes("twitter.com")) {
+                        return "fab fa-twitter";
+                    } else if (parsedUrl.hostname.includes("youtube.com")) {
+                        return "fab fa-youtube";
+                    } else if (parsedUrl.hostname.includes("foursquare.com")) {
+                        return "fab fa-foursquare";
+                    } else if (parsedUrl.hostname.includes("instagram.com")) {
+                        return "fab fa-instagram";
+                    } else if (parsedUrl.hostname.includes("pinterest.com")) {
+                        return "fab fa-pinterest";
+                    } else if (parsedUrl.hostname.includes("linkedin.com")) {
+                        return "fab fa-linkedin";
+                    } else {
+                        return null;
+                    }
+                } catch (_) {
+                    return null;
+                }
+            };
+
+            const socialIcon = getSocialIcon(l);
+
+            return (
+                e.createElement("div", null,
+                    isImageUrl(l) ?
+                        e.createElement("p", null,
+                            e.createElement("img", { src: l.replace(/,+$/, ''), alt: "Business Profile Image", style: { width: "100px", height: "auto" } })
+                        ) :
+                    socialIcon ?
+                        e.createElement("p", null,
+                            e.createElement("a", { href: l, target: "_blank", rel: "noopener noreferrer" },
+                                e.createElement("i", { className: socialIcon })
+                            )
+                        ) :
+                        e.createElement("p", null, l)
+                )
+            );
+        }
+    });
+})();