@threedddplus/logoeditor 0.0.34 → 0.0.35
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/logoeditor.cjs.development.js +16 -16
- package/dist/logoeditor.cjs.development.js.map +1 -1
- package/dist/logoeditor.cjs.production.min.js +1 -1
- package/dist/logoeditor.cjs.production.min.js.map +1 -1
- package/dist/logoeditor.esm.js +16 -16
- package/dist/logoeditor.esm.js.map +1 -1
- package/dist/store/actions/index.d.ts +2 -2
- package/package.json +1 -1
package/dist/logoeditor.esm.js
CHANGED
@@ -1601,7 +1601,7 @@ var graphqlSlice = function graphqlSlice(set, get) {
|
|
1601
1601
|
toastMessages: toastMessages,
|
1602
1602
|
loadDesignModal: false,
|
1603
1603
|
productInfoModal: false,
|
1604
|
-
|
1604
|
+
toggleSaveLogo: {
|
1605
1605
|
key: 'save',
|
1606
1606
|
status: false,
|
1607
1607
|
title: '',
|
@@ -1632,9 +1632,9 @@ var graphqlSlice = function graphqlSlice(set, get) {
|
|
1632
1632
|
loadDesignModal: loadDesign
|
1633
1633
|
});
|
1634
1634
|
},
|
1635
|
-
|
1635
|
+
setToggleSaveLogo: function setToggleSaveLogo(key, status, title, details) {
|
1636
1636
|
set({
|
1637
|
-
|
1637
|
+
toggleSaveLogo: {
|
1638
1638
|
key: key,
|
1639
1639
|
status: status,
|
1640
1640
|
title: title,
|
@@ -1703,11 +1703,11 @@ var graphqlSlice = function graphqlSlice(set, get) {
|
|
1703
1703
|
if (!use3dddPlus.getState().customerId) {
|
1704
1704
|
get().toggleLoginModal();
|
1705
1705
|
get().setShowModalAfterLogin(function () {
|
1706
|
-
use3dddPlus.getState().
|
1706
|
+
use3dddPlus.getState().setToggleSaveLogo('save', true, 'Save Your Design', {});
|
1707
1707
|
});
|
1708
1708
|
return;
|
1709
1709
|
}
|
1710
|
-
get().
|
1710
|
+
get().setToggleSaveLogo('save', true, 'Save Your Design', {});
|
1711
1711
|
use3dddPlus.setState({
|
1712
1712
|
disableSaveButton: false
|
1713
1713
|
});
|
@@ -6555,7 +6555,7 @@ var Rightmenu = function Rightmenu() {
|
|
6555
6555
|
var _use3dddPlus = use3dddPlus(function (state) {
|
6556
6556
|
return [
|
6557
6557
|
// state.colorFill,
|
6558
|
-
state.currentSelection, state.activeSelection, state.textInfo, state.activeSelection, state.storeAllObject, state.allColor, state.
|
6558
|
+
state.currentSelection, state.activeSelection, state.textInfo, state.activeSelection, state.storeAllObject, state.allColor, state.setToggleSaveLogo];
|
6559
6559
|
}, shallow),
|
6560
6560
|
// colorFill,
|
6561
6561
|
currentSelection = _use3dddPlus[0],
|
@@ -6564,7 +6564,7 @@ var Rightmenu = function Rightmenu() {
|
|
6564
6564
|
activeObj = _use3dddPlus[3],
|
6565
6565
|
storeAllObject = _use3dddPlus[4],
|
6566
6566
|
allColor = _use3dddPlus[5],
|
6567
|
-
|
6567
|
+
setToggleSaveLogo = _use3dddPlus[6];
|
6568
6568
|
var _useState = useState(false),
|
6569
6569
|
textAlignDisplay = _useState[0],
|
6570
6570
|
setTextAlignDisplay = _useState[1];
|
@@ -7304,7 +7304,7 @@ var Rightmenu = function Rightmenu() {
|
|
7304
7304
|
};
|
7305
7305
|
var onSave = function onSave() {
|
7306
7306
|
if (canvas.getObjects().length > 0) {
|
7307
|
-
|
7307
|
+
setToggleSaveLogo('save', true, 'Save Logo', {});
|
7308
7308
|
} else {
|
7309
7309
|
alert('NOTHING TO SAVE...');
|
7310
7310
|
}
|
@@ -7908,7 +7908,7 @@ var SaveDesignModal = function SaveDesignModal(_ref) {
|
|
7908
7908
|
var children = _ref.children,
|
7909
7909
|
_ref$className = _ref.className,
|
7910
7910
|
className = _ref$className === void 0 ? '' : _ref$className;
|
7911
|
-
// const closeDesign = use3dddPlus((state) => state.
|
7911
|
+
// const closeDesign = use3dddPlus((state) => state.setToggleSaveLogo);
|
7912
7912
|
return React.createElement(React.Fragment, null, React.createElement("div", {
|
7913
7913
|
className: "modal modal-middle modal-open"
|
7914
7914
|
}, React.createElement("div", {
|
@@ -7931,13 +7931,13 @@ var SaveDesign = function SaveDesign(_ref) {
|
|
7931
7931
|
commaInTagName = _useState2[0],
|
7932
7932
|
setCommaInTagName = _useState2[1];
|
7933
7933
|
var _use3dddPlus = use3dddPlus(function (state) {
|
7934
|
-
return [state.fabricCanvas, state.logoName, state.logoTag, state.
|
7934
|
+
return [state.fabricCanvas, state.logoName, state.logoTag, state.setToggleSaveLogo, state.toggleSaveLogo, state.disableSaveButton, state.saveLogo, state.uploadLogoConfig, state.setLogoData];
|
7935
7935
|
}),
|
7936
7936
|
canvas = _use3dddPlus[0],
|
7937
7937
|
logoName = _use3dddPlus[1],
|
7938
7938
|
logoTag = _use3dddPlus[2],
|
7939
7939
|
closeModal = _use3dddPlus[3],
|
7940
|
-
|
7940
|
+
toggleSaveLogo = _use3dddPlus[4],
|
7941
7941
|
disableSaveButton = _use3dddPlus[5],
|
7942
7942
|
saveLogo = _use3dddPlus[6],
|
7943
7943
|
uploadLogoConfig = _use3dddPlus[7],
|
@@ -8108,7 +8108,7 @@ var SaveDesign = function SaveDesign(_ref) {
|
|
8108
8108
|
className: "w-full"
|
8109
8109
|
}, React.createElement("span", {
|
8110
8110
|
className: "block mb-6 font-bold text-2xl lh-1 " + SECONDARY_COLOR + " uppercase leading-[2.3125rem] font-bold " + EDIT_DESIGN_INFO_TEXT_COLOR_1 + " " + TEXT_SIZE_5 + "\n "
|
8111
|
-
},
|
8111
|
+
}, toggleSaveLogo.title), React.createElement("div", null, React.createElement("div", {
|
8112
8112
|
className: ""
|
8113
8113
|
}, React.createElement("label", {
|
8114
8114
|
className: " px-[0.125rem] left-4 transition-all " + TEXT_SIZE_9 + " " + EDIT_DESIGN_INFO_TEXT_COLOR_2 + " font-medium leading-[1.25rem] top-1/2 transform -translate-y-1/2"
|
@@ -8165,7 +8165,7 @@ var SaveDesign = function SaveDesign(_ref) {
|
|
8165
8165
|
className: "text-sm " + INPUT_ERROR_TEXT_COLOR + " mb-5"
|
8166
8166
|
}, "* Tag Name can not have any special characters"), React.createElement("div", {
|
8167
8167
|
className: (!disableSaveButton ? 'flex flex-col lg:flex-row' : '') + " gap-[19px] leading-[23px] font-bold " + TEXT_SIZE_4
|
8168
|
-
},
|
8168
|
+
}, toggleSaveLogo.key === 'save' && React.createElement(React.Fragment, null, React.createElement("button", {
|
8169
8169
|
className: "md:btn-md lg:w-2/5 w-full rounded-none uppercase hover:bg-[#E11A38] active:" + SAVEBUTTON_BG_COLOR + " " + SAVEBUTTON_BG_COLOR + " " + BUTTON_TEXT_COLOR,
|
8170
8170
|
onClick: function onClick() {
|
8171
8171
|
return onSaveHandler();
|
@@ -8213,10 +8213,10 @@ var MiddleMenu = function MiddleMenu(_ref) {
|
|
8213
8213
|
var onApply = _ref.onApply,
|
8214
8214
|
onSaveLogo = _ref.onSaveLogo;
|
8215
8215
|
var _use3dddPlus = use3dddPlus(function (state) {
|
8216
|
-
return [state.selectedStepper, state.
|
8216
|
+
return [state.selectedStepper, state.toggleSaveLogo, state.loadingLogo];
|
8217
8217
|
}, shallow),
|
8218
8218
|
selectedStepper = _use3dddPlus[0],
|
8219
|
-
|
8219
|
+
toggleSaveLogo = _use3dddPlus[1],
|
8220
8220
|
loadingLogo = _use3dddPlus[2];
|
8221
8221
|
React.useEffect(function () {
|
8222
8222
|
if (selectedStepper === 2) loadingLogo('');
|
@@ -8225,7 +8225,7 @@ var MiddleMenu = function MiddleMenu(_ref) {
|
|
8225
8225
|
className: " flex flex-col md:flex-row flex-1 z-0 w-[90%] h-full"
|
8226
8226
|
}, React.createElement("div", {
|
8227
8227
|
className: "flex w-[70%] h-[100%]"
|
8228
|
-
}, React.createElement(canvas, null)),
|
8228
|
+
}, React.createElement(canvas, null)), toggleSaveLogo.status && React.createElement(SaveDesign, {
|
8229
8229
|
onSaveLogo: onSaveLogo
|
8230
8230
|
}), React.createElement("div", {
|
8231
8231
|
className: "flex-1 z-10 h-[100%] "
|