diff --git a/.gitignore b/.gitignore
index 0aaa6e8d16..07c187c044 100644
--- a/.gitignore
+++ b/.gitignore
@@ -57,6 +57,7 @@ launch.json
 #rspack
 .swc
 assets/.rsdoctor
+*.ignore
 
 *storybook.log
 storybook-static
diff --git a/assets/react/v3/@types/index.d.ts b/assets/react/v3/@types/index.d.ts
index 4043001988..9a6db0451c 100644
--- a/assets/react/v3/@types/index.d.ts
+++ b/assets/react/v3/@types/index.d.ts
@@ -81,7 +81,7 @@ declare global {
       wp_rest_nonce: string;
       is_admin: string;
       is_admin_bar_showing: string;
-      max_upload_size: string;
+      max_upload_size: string; // in bytes
       content_change_event: string;
       is_tutor_course_edit: string;
       assignment_max_file_allowed: string;
diff --git a/assets/react/v3/declaration.d.ts b/assets/react/v3/declaration.d.ts
index b9629ab299..1ec60b150b 100644
--- a/assets/react/v3/declaration.d.ts
+++ b/assets/react/v3/declaration.d.ts
@@ -7,3 +7,5 @@ declare module '*.webp';
 interface Window {
   tutor_get_nonce_data: (value: boolean) => { key: string; value: string };
 }
+
+declare const __TUTOR_TEXT_DOMAIN__: string;
diff --git a/assets/react/v3/entries/course-builder/components/course-basic/CourseBasicSidebar.tsx b/assets/react/v3/entries/course-builder/components/course-basic/CourseBasicSidebar.tsx
index 8862130cdc..0ef62b76de 100644
--- a/assets/react/v3/entries/course-builder/components/course-basic/CourseBasicSidebar.tsx
+++ b/assets/react/v3/entries/course-builder/components/course-basic/CourseBasicSidebar.tsx
@@ -25,7 +25,7 @@ import { typography } from '@TutorShared/config/typography';
 import Show from '@TutorShared/controls/Show';
 import { useInstructorListQuery, useUserListQuery } from '@TutorShared/services/users';
 import { styleUtils } from '@TutorShared/utils/style-utils';
-import { isAddonEnabled } from '@TutorShared/utils/util';
+import { formatBytes, isAddonEnabled } from '@TutorShared/utils/util';
 
 import CoursePricing from './CoursePricing';
 
@@ -181,7 +181,10 @@ const CourseBasicSidebar = () => {
             buttonText={__('Upload Thumbnail', 'tutor')}
             infoText={
               // translators: %s is the maximum allowed upload file size (e.g., "2MB")
-              sprintf(__('JPEG, PNG, GIF, and WebP formats, up to %s', 'tutor'), tutorConfig.max_upload_size)
+              sprintf(
+                __('JPEG, PNG, GIF, and WebP formats, up to %s', 'tutor'),
+                formatBytes(Number(tutorConfig?.max_upload_size || 0)),
+              )
             }
             generateWithAi={!isTutorPro || isOpenAiEnabled}
             loading={!!isCourseDetailsFetching && !controllerProps.field.value}
@@ -200,7 +203,10 @@ const CourseBasicSidebar = () => {
             buttonText={__('Upload Video', 'tutor')}
             infoText={
               // translators: %s is the maximum allowed file size
-              sprintf(__('MP4, and WebM formats, up to %s', 'tutor'), tutorConfig.max_upload_size)
+              sprintf(
+                __('MP4, and WebM formats, up to %s', 'tutor'),
+                formatBytes(Number(tutorConfig?.max_upload_size || 0)),
+              )
             }
             loading={!!isCourseDetailsFetching && !controllerProps.field.value}
             visibilityKey={VisibilityControlKeys.COURSE_BUILDER.BASICS.INTRO_VIDEO}
diff --git a/assets/react/v3/entries/course-builder/components/course-basic/ScheduleOptions.tsx b/assets/react/v3/entries/course-builder/components/course-basic/ScheduleOptions.tsx
index 4eaf1bb63e..4a2c8d43d2 100644
--- a/assets/react/v3/entries/course-builder/components/course-basic/ScheduleOptions.tsx
+++ b/assets/react/v3/entries/course-builder/components/course-basic/ScheduleOptions.tsx
@@ -25,7 +25,7 @@ import { typography } from '@TutorShared/config/typography';
 import Show from '@TutorShared/controls/Show';
 import { withVisibilityControl } from '@TutorShared/hoc/withVisibilityControl';
 import { styleUtils } from '@TutorShared/utils/style-utils';
-import { noop } from '@TutorShared/utils/util';
+import { formatBytes, noop } from '@TutorShared/utils/util';
 import { invalidDateRule, invalidTimeRule } from '@TutorShared/utils/validation';
 
 const isTutorPro = !!tutorConfig.tutor_pro_url;
@@ -230,7 +230,10 @@ const ScheduleOptions = () => {
                     buttonText={__('Upload Thumbnail', 'tutor')}
                     infoText={
                       /* translators: %s is the maximum allowed upload file size (e.g., "2MB") */
-                      sprintf(__('JPEG, PNG, GIF, and WebP formats, up to %s', 'tutor'), tutorConfig.max_upload_size)
+                      sprintf(
+                        __('JPEG, PNG, GIF, and WebP formats, up to %s', 'tutor'),
+                        formatBytes(Number(tutorConfig?.max_upload_size || 0)),
+                      )
                     }
                   />
                 )}
diff --git a/assets/react/v3/entries/course-builder/components/modals/LessonModal.tsx b/assets/react/v3/entries/course-builder/components/modals/LessonModal.tsx
index e8b7a1574a..2d6d34c8f8 100644
--- a/assets/react/v3/entries/course-builder/components/modals/LessonModal.tsx
+++ b/assets/react/v3/entries/course-builder/components/modals/LessonModal.tsx
@@ -44,7 +44,7 @@ import useVisibilityControl from '@TutorShared/hooks/useVisibilityControl';
 import { type WPMedia } from '@TutorShared/hooks/useWpMedia';
 import { styleUtils } from '@TutorShared/utils/style-utils';
 import { type H5PContent, type ID } from '@TutorShared/utils/types';
-import { findSlotFields, isAddonEnabled, normalizeLineEndings } from '@TutorShared/utils/util';
+import { findSlotFields, formatBytes, isAddonEnabled, normalizeLineEndings } from '@TutorShared/utils/util';
 import { maxLimitRule } from '@TutorShared/utils/validation';
 
 interface LessonModalProps extends ModalProps {
@@ -383,7 +383,10 @@ const LessonModal = ({
                   buttonText={__('Upload Image', 'tutor')}
                   infoText={
                     /* translators: %s is the maximum allowed upload file size (e.g., "2MB") */
-                    sprintf(__('JPEG, PNG, GIF, and WebP formats, up to %s', 'tutor'), tutorConfig.max_upload_size)
+                    sprintf(
+                      __('JPEG, PNG, GIF, and WebP formats, up to %s', 'tutor'),
+                      formatBytes(Number(tutorConfig?.max_upload_size || 0)),
+                    )
                   }
                   visibilityKey={VisibilityControlKeys.COURSE_BUILDER.CURRICULUM.LESSON.FEATURED_IMAGE}
                 />
@@ -399,7 +402,10 @@ const LessonModal = ({
                   buttonText={__('Upload Video', 'tutor')}
                   infoText={
                     // translators: %s is the maximum allowed file size
-                    sprintf(__('MP4, and WebM formats, up to %s', 'tutor'), tutorConfig.max_upload_size)
+                    sprintf(
+                      __('MP4, and WebM formats, up to %s', 'tutor'),
+                      formatBytes(Number(tutorConfig?.max_upload_size || 0)),
+                    )
                   }
                   onGetDuration={(duration) => {
                     form.setValue('duration.hour', duration.hours);
diff --git a/assets/react/v3/entries/import-export/components/Import.tsx b/assets/react/v3/entries/import-export/components/Import.tsx
index 79b6560a75..55c8b76f1d 100644
--- a/assets/react/v3/entries/import-export/components/Import.tsx
+++ b/assets/react/v3/entries/import-export/components/Import.tsx
@@ -145,7 +145,11 @@ const Import = () => {
         </UploadButton>
 
         <div css={styles.description}>
-          {sprintf(__('Supported format: %s', 'tutor'), isTutorPro ? '.JSON, .ZIP' : '.JSON')}
+          {sprintf(
+            // translators: %s is the file extension
+            __('Supported format: %s', 'tutor'),
+            isTutorPro ? '.JSON, .ZIP' : '.JSON',
+          )}
         </div>
       </div>
     </div>
diff --git a/assets/react/v3/entries/import-export/components/modals/import-export-states/ImportExportCompletedState.tsx b/assets/react/v3/entries/import-export/components/modals/import-export-states/ImportExportCompletedState.tsx
index 5954579811..b3d25636ff 100644
--- a/assets/react/v3/entries/import-export/components/modals/import-export-states/ImportExportCompletedState.tsx
+++ b/assets/react/v3/entries/import-export/components/modals/import-export-states/ImportExportCompletedState.tsx
@@ -125,8 +125,11 @@ const ImportExportCompletedState = ({
           hasCompletedSuccessfully && hasCompletedWithErrors
             ? // prettier-ignore
               __('The export process has finished. However, certain items could not be exported. Check the summary below:', 'tutor')
-            : // prettier-ignore
-              sprintf(__('Download the %s file and use it to import your data into another Tutor LMS website.', 'tutor'), isTutorPro ? 'ZIP' : 'JSON'),
+            : sprintf(
+                // translators: %s is the file extension
+                __('Download the %s file and use it to import your data into another Tutor LMS website.', 'tutor'),
+                isTutorPro ? 'ZIP' : 'JSON',
+              ),
         error: message || __('Something went wrong during export. Please try again!', 'tutor'),
       },
       reportList: {
diff --git a/assets/react/v3/shared/atoms/ImageInput.tsx b/assets/react/v3/shared/atoms/ImageInput.tsx
index 950e7bcebc..e690ad10f2 100644
--- a/assets/react/v3/shared/atoms/ImageInput.tsx
+++ b/assets/react/v3/shared/atoms/ImageInput.tsx
@@ -38,7 +38,7 @@ const sizeMap: Record<ImageInputSize, ButtonSize> = {
 };
 
 const ImageInput = ({
-  buttonText = __('Upload Media', 'tutor'),
+  buttonText = __('Upload Media', __TUTOR_TEXT_DOMAIN__),
   infoText,
   size = 'regular',
   value,
@@ -137,7 +137,7 @@ const ImageInput = ({
                   }}
                   data-cy="replace-media"
                 >
-                  {replaceButtonText || __('Replace Image', 'tutor')}
+                  {replaceButtonText || __('Replace Image', __TUTOR_TEXT_DOMAIN__)}
                 </Button>
                 <Show when={isClearAble}>
                   <Button
@@ -150,7 +150,7 @@ const ImageInput = ({
                     }}
                     data-cy="clear-media"
                   >
-                    {__('Remove', 'tutor')}
+                    {__('Remove', __TUTOR_TEXT_DOMAIN__)}
                   </Button>
                 </Show>
               </div>
diff --git a/assets/react/v3/shared/atoms/Select.tsx b/assets/react/v3/shared/atoms/Select.tsx
index 5102262c86..ccffc18c91 100644
--- a/assets/react/v3/shared/atoms/Select.tsx
+++ b/assets/react/v3/shared/atoms/Select.tsx
@@ -198,7 +198,7 @@ const Select = <T,>({
                 setIsOpen(false);
               }}
             >
-              {__('Clear', 'tutor')}
+              {__('Clear', __TUTOR_TEXT_DOMAIN__)}
             </Button>
           </div>
         )}
diff --git a/assets/react/v3/shared/atoms/WPEditor.tsx b/assets/react/v3/shared/atoms/WPEditor.tsx
index e81ea62178..fbc914999a 100644
--- a/assets/react/v3/shared/atoms/WPEditor.tsx
+++ b/assets/react/v3/shared/atoms/WPEditor.tsx
@@ -113,50 +113,50 @@ function editorConfig(
 
         if (!isMinimal) {
           editor.addButton('tutor_button', {
-            text: __('Tutor ShortCode', 'tutor'),
+            text: __('Tutor ShortCode', __TUTOR_TEXT_DOMAIN__),
             icon: false,
             type: 'menubutton',
             menu: [
               {
-                text: __('Student Registration Form', 'tutor'),
+                text: __('Student Registration Form', __TUTOR_TEXT_DOMAIN__),
                 onclick: () => {
                   editor.insertContent('[tutor_student_registration_form]');
                 },
               },
               {
-                text: __('Instructor Registration Form', 'tutor'),
+                text: __('Instructor Registration Form', __TUTOR_TEXT_DOMAIN__),
                 onclick: () => {
                   editor.insertContent('[tutor_instructor_registration_form]');
                 },
               },
               {
-                text: __('Courses', 'tutor'),
+                text: __('Courses', __TUTOR_TEXT_DOMAIN__),
                 onclick: () => {
                   editor.windowManager.open({
-                    title: __('Courses Shortcode', 'tutor'),
+                    title: __('Courses Shortcode', __TUTOR_TEXT_DOMAIN__),
                     body: [
                       {
                         type: 'textbox',
                         name: 'id',
-                        label: __('Course id, separate by (,) comma', 'tutor'),
+                        label: __('Course id, separate by (,) comma', __TUTOR_TEXT_DOMAIN__),
                         value: '',
                       },
                       {
                         type: 'textbox',
                         name: 'exclude_ids',
-                        label: __('Exclude Course IDS', 'tutor'),
+                        label: __('Exclude Course IDS', __TUTOR_TEXT_DOMAIN__),
                         value: '',
                       },
                       {
                         type: 'textbox',
                         name: 'category',
-                        label: __('Category IDS', 'tutor'),
+                        label: __('Category IDS', __TUTOR_TEXT_DOMAIN__),
                         value: '',
                       },
                       {
                         type: 'listbox',
                         name: 'orderby',
-                        label: __('Order By', 'tutor'),
+                        label: __('Order By', __TUTOR_TEXT_DOMAIN__),
                         onselect: () => {},
                         values: [
                           { text: 'ID', value: 'ID' },
@@ -170,7 +170,7 @@ function editorConfig(
                       {
                         type: 'listbox',
                         name: 'order',
-                        label: __('Order', 'tutor'),
+                        label: __('Order', __TUTOR_TEXT_DOMAIN__),
                         onselect: () => {},
                         values: [
                           { text: 'DESC', value: 'DESC' },
@@ -180,7 +180,7 @@ function editorConfig(
                       {
                         type: 'textbox',
                         name: 'count',
-                        label: __('Count', 'tutor'),
+                        label: __('Count', __TUTOR_TEXT_DOMAIN__),
                         value: '6',
                       },
                     ],
diff --git a/assets/react/v3/shared/components/ErrorBoundaryDev.tsx b/assets/react/v3/shared/components/ErrorBoundaryDev.tsx
index 57d20dbdfa..9a0b6b7b12 100644
--- a/assets/react/v3/shared/components/ErrorBoundaryDev.tsx
+++ b/assets/react/v3/shared/components/ErrorBoundaryDev.tsx
@@ -318,6 +318,7 @@ const styles = {
   `,
   sourceLine: (isErrorLine: boolean) => css`
     white-space: pre-wrap;
+    font-family: 'Fire Code', monospace;
 
     ${isErrorLine &&
     css`
diff --git a/assets/react/v3/shared/components/ErrorBoundaryProd.tsx b/assets/react/v3/shared/components/ErrorBoundaryProd.tsx
index 500ee964da..64cce5c9c5 100644
--- a/assets/react/v3/shared/components/ErrorBoundaryProd.tsx
+++ b/assets/react/v3/shared/components/ErrorBoundaryProd.tsx
@@ -45,16 +45,16 @@ class ErrorBoundaryProd extends Component<ErrorBoundaryProps, ErrorBoundaryState
         <div css={styles.container}>
           <div css={styles.productionErrorWrapper}>
             <div css={styles.productionErrorHeader}>
-              <img src={productionError} srcSet={`${productionError2x} 2x`} alt={__('Error', 'tutor')} />
-              <h5 css={typography.heading5('medium')}>{__('Oops! Something went wrong', 'tutor')}</h5>
+              <img src={productionError} srcSet={`${productionError2x} 2x`} alt={__('Error', __TUTOR_TEXT_DOMAIN__)} />
+              <h5 css={typography.heading5('medium')}>{__('Oops! Something went wrong', __TUTOR_TEXT_DOMAIN__)}</h5>
 
               <div css={styles.instructions}>
-                <p>{__('Try the following steps to resolve the issue:', 'tutor')}</p>
+                <p>{__('Try the following steps to resolve the issue:', __TUTOR_TEXT_DOMAIN__)}</p>
                 <ul>
-                  <li>{__('Refresh the page.', 'tutor')}</li>
-                  <li>{__('Clear your browser cache.', 'tutor')}</li>
+                  <li>{__('Refresh the page.', __TUTOR_TEXT_DOMAIN__)}</li>
+                  <li>{__('Clear your browser cache.', __TUTOR_TEXT_DOMAIN__)}</li>
                   <Show when={tutorConfig.tutor_pro_url}>
-                    <li>{__('Ensure the Free and Pro plugins are on the same version.', 'tutor')}</li>
+                    <li>{__('Ensure the Free and Pro plugins are on the same version.', __TUTOR_TEXT_DOMAIN__)}</li>
                   </Show>
                 </ul>
               </div>
@@ -67,14 +67,14 @@ class ErrorBoundaryProd extends Component<ErrorBoundaryProps, ErrorBoundaryState
                   icon={<SVGIcon name="refresh" height={24} width={24} />}
                   onClick={() => window.location.reload()}
                 >
-                  {__('Reload', 'tutor')}
+                  {__('Reload', __TUTOR_TEXT_DOMAIN__)}
                 </Button>
               </div>
               <div css={styles.support}>
-                <span>{__('Still having trouble?', 'tutor')}</span>
-                <span>{__('Contact', 'tutor')}</span>
-                <a href={config.TUTOR_SUPPORT_PAGE_URL}>{__('Support', 'tutor')}</a>
-                <span>{__('for assistance.', 'tutor')}</span>
+                <span>{__('Still having trouble?', __TUTOR_TEXT_DOMAIN__)}</span>
+                <span>{__('Contact', __TUTOR_TEXT_DOMAIN__)}</span>
+                <a href={config.TUTOR_SUPPORT_PAGE_URL}>{__('Support', __TUTOR_TEXT_DOMAIN__)}</a>
+                <span>{__('for assistance.', __TUTOR_TEXT_DOMAIN__)}</span>
               </div>
             </div>
           </div>
diff --git a/assets/react/v3/shared/components/certificate/Certificate.tsx b/assets/react/v3/shared/components/certificate/Certificate.tsx
index 2751f0e5d6..63f74f1624 100644
--- a/assets/react/v3/shared/components/certificate/Certificate.tsx
+++ b/assets/react/v3/shared/components/certificate/Certificate.tsx
@@ -149,10 +149,12 @@ const Certificate = ({
 
   const certificateTabs: CertificateTabItem[] = [
     ...(defaultTemplates.length
-      ? ([{ label: __('Templates', 'tutor'), value: 'templates' }] as CertificateTabItem[])
+      ? ([{ label: __('Templates', __TUTOR_TEXT_DOMAIN__), value: 'templates' }] as CertificateTabItem[])
       : []),
     {
-      label: CURRENT_VIEWPORT.isAboveSmallMobile ? __('Custom Certificates', 'tutor') : __('Certificates', 'tutor'),
+      label: CURRENT_VIEWPORT.isAboveSmallMobile
+        ? __('Custom Certificates', __TUTOR_TEXT_DOMAIN__)
+        : __('Certificates', __TUTOR_TEXT_DOMAIN__),
       value: 'custom_certificates',
     },
   ];
@@ -169,7 +171,7 @@ const Certificate = ({
           />
           <div css={styles.orientation}>
             <Show when={landScapeCertificates && portraitCertificates}>
-              <Tooltip delay={200} content={__('Landscape', 'tutor')}>
+              <Tooltip delay={200} content={__('Landscape', __TUTOR_TEXT_DOMAIN__)}>
                 <button
                   type="button"
                   css={[
@@ -187,7 +189,7 @@ const Certificate = ({
                   />
                 </button>
               </Tooltip>
-              <Tooltip delay={200} content={__('Portrait', 'tutor')}>
+              <Tooltip delay={200} content={__('Portrait', __TUTOR_TEXT_DOMAIN__)}>
                 <button
                   type="button"
                   css={[
@@ -224,7 +226,7 @@ const Certificate = ({
               onPreviewCertificate={(data) => handlePreviewCertificate(data)}
               data={{
                 key: 'none',
-                name: __('None', 'tutor'),
+                name: __('None', __TUTOR_TEXT_DOMAIN__),
                 preview_src: '',
                 background_src: '',
                 orientation: 'landscape',
@@ -243,7 +245,7 @@ const Certificate = ({
                   })}
                   src={notFound}
                   srcSet={`${notFound} 1x, ${notFound2x} 2x`}
-                  alt={__('Not Found', 'tutor')}
+                  alt={__('Not Found', __TUTOR_TEXT_DOMAIN__)}
                 />
 
                 <div css={styles.featureAndActionWrapper}>
@@ -253,7 +255,7 @@ const Certificate = ({
                       color: ${colorTokens.text.subdued};
                     `}
                   >
-                    {__('You didn’t create any certificate yet!', 'tutor')}
+                    {__('You didn’t create any certificate yet!', __TUTOR_TEXT_DOMAIN__)}
                   </p>
                 </div>
               </div>
diff --git a/assets/react/v3/shared/components/certificate/CertificateCard.tsx b/assets/react/v3/shared/components/certificate/CertificateCard.tsx
index 45810b10a1..23f661bf97 100644
--- a/assets/react/v3/shared/components/certificate/CertificateCard.tsx
+++ b/assets/react/v3/shared/components/certificate/CertificateCard.tsx
@@ -47,7 +47,7 @@ const CertificateCard = ({
         fallback={
           <div css={styles.emptyCard}>
             <SVGIcon name="outlineNone" width={49} height={49} />
-            <span>{__('None', 'tutor')}</span>
+            <span>{__('None', __TUTOR_TEXT_DOMAIN__)}</span>
           </div>
         }
       >
@@ -59,12 +59,12 @@ const CertificateCard = ({
         <div data-footer-actions css={styles.footerWrapper}>
           <Show when={data.preview_src}>
             <Button variant="secondary" isOutlined size="small" onClick={() => onPreviewCertificate(data)}>
-              {__('Preview', 'tutor')}
+              {__('Preview', __TUTOR_TEXT_DOMAIN__)}
             </Button>
           </Show>
           <Show when={data.key !== selectedCertificate}>
             <Button variant="primary" size="small" onClick={() => onSelectCertificate(data.key)}>
-              {__('Select', 'tutor')}
+              {__('Select', __TUTOR_TEXT_DOMAIN__)}
             </Button>
           </Show>
         </div>
diff --git a/assets/react/v3/shared/components/certificate/CertificateEmptyState.tsx b/assets/react/v3/shared/components/certificate/CertificateEmptyState.tsx
index 21a44bc560..0831fe0020 100644
--- a/assets/react/v3/shared/components/certificate/CertificateEmptyState.tsx
+++ b/assets/react/v3/shared/components/certificate/CertificateEmptyState.tsx
@@ -25,33 +25,36 @@ const CertificateEmptyState = () => {
         css={styles.placeholderImage}
         src={certificate}
         srcSet={`${certificate} 1x, ${certificate2x} 2x`}
-        alt={__('Pro Placeholder', 'tutor')}
+        alt={__('Pro Placeholder', __TUTOR_TEXT_DOMAIN__)}
       />
 
       <div css={styles.featureAndActionWrapper}>
-        <h5 css={styles.title}>{__('Award Students with Custom Certificates', 'tutor')}</h5>
+        <h5 css={styles.title}>{__('Award Students with Custom Certificates', __TUTOR_TEXT_DOMAIN__)}</h5>
         <div css={styles.featuresWithTitle}>
           <div>
-            {
-              // prettier-ignore
-              __( 'Celebrate success with personalized certificates. Recognize student achievements with unique designs that inspire and motivate students.', 'tutor')
-            }
+            {__(
+              'Celebrate success with personalized certificates. Recognize student achievements with unique designs that inspire and motivate students.',
+              __TUTOR_TEXT_DOMAIN__,
+            )}
           </div>
 
           <div css={styles.features}>
             <div css={styles.feature}>
               <SVGIcon name="materialCheck" width={20} height={20} style={styles.checkIcon} />
               <span>
-                {
-                  // prettier-ignore
-                  __('Design personalized certificates that highlight their accomplishments and boost their confidence.', 'tutor')
-                }
+                {__(
+                  'Design personalized certificates that highlight their accomplishments and boost their confidence.',
+                  __TUTOR_TEXT_DOMAIN__,
+                )}
               </span>
             </div>
             <div css={styles.feature}>
               <SVGIcon name="materialCheck" width={20} height={20} style={styles.checkIcon} />
               <span>
-                {__('Inspire them with a touch of credibility and recognition tailored just for them.', 'tutor')}
+                {__(
+                  'Inspire them with a touch of credibility and recognition tailored just for them.',
+                  __TUTOR_TEXT_DOMAIN__,
+                )}
               </span>
             </div>
           </div>
@@ -60,13 +63,14 @@ const CertificateEmptyState = () => {
 
       <div css={styles.actionsButton}>
         <Button
+          as="a"
           variant={'primary'}
           icon={<SVGIcon name={'crown'} width={24} height={24} />}
-          onClick={() => {
-            window.open(config.TUTOR_PRICING_PAGE, '_blank', 'noopener');
-          }}
+          href={config.TUTOR_PRICING_PAGE}
+          target="_blank"
+          rel="noreferrer"
         >
-          {__('Get Tutor LMS Pro', 'tutor')}
+          {__('Get Tutor LMS Pro', __TUTOR_TEXT_DOMAIN__)}
         </Button>
       </div>
     </div>
diff --git a/assets/react/v3/shared/components/fields/FormCategoriesInput.tsx b/assets/react/v3/shared/components/fields/FormCategoriesInput.tsx
index 5667b05d0e..d05df317bb 100644
--- a/assets/react/v3/shared/components/fields/FormCategoriesInput.tsx
+++ b/assets/react/v3/shared/components/fields/FormCategoriesInput.tsx
@@ -134,7 +134,7 @@ const FormMultiLevelInput = ({
                         </div>
                         <input
                           type="text"
-                          placeholder={__('Search', 'tutor')}
+                          placeholder={__('Search', __TUTOR_TEXT_DOMAIN__)}
                           value={searchValue}
                           disabled={disabled || loading}
                           onChange={(e) => {
@@ -149,7 +149,7 @@ const FormMultiLevelInput = ({
                 <Show when={!categoryListQuery.isLoading && !loading} fallback={<LoadingSection />}>
                   <Show
                     when={treeOptions.length > 0}
-                    fallback={<span css={styles.notFound}>{__('No categories found.', 'tutor')}</span>}
+                    fallback={<span css={styles.notFound}>{__('No categories found.', __TUTOR_TEXT_DOMAIN__)}</span>}
                   >
                     {treeOptions.map((option, index) => (
                       <Branch
@@ -188,7 +188,7 @@ const FormMultiLevelInput = ({
                     css={styles.addNewButton}
                     onClick={() => setIsOpen(true)}
                   >
-                    <SVGIcon width={24} height={24} name="plus" /> {__('Add', 'tutor')}
+                    <SVGIcon width={24} height={24} name="plus" /> {__('Add', __TUTOR_TEXT_DOMAIN__)}
                   </button>
                 </div>
               </Show>
@@ -207,10 +207,14 @@ const FormMultiLevelInput = ({
                   name="name"
                   control={form.control}
                   rules={{
-                    required: __('Category name is required', 'tutor'),
+                    required: __('Category name is required', __TUTOR_TEXT_DOMAIN__),
                   }}
                   render={(controllerProps) => (
-                    <FormInput {...controllerProps} placeholder={__('Category name', 'tutor')} selectOnFocus />
+                    <FormInput
+                      {...controllerProps}
+                      placeholder={__('Category name', __TUTOR_TEXT_DOMAIN__)}
+                      selectOnFocus
+                    />
                   )}
                 />
 
@@ -220,7 +224,7 @@ const FormMultiLevelInput = ({
                   render={(controllerProps) => (
                     <FormMultiLevelSelect
                       {...controllerProps}
-                      placeholder={__('Select parent', 'tutor')}
+                      placeholder={__('Select parent', __TUTOR_TEXT_DOMAIN__)}
                       clearable={!!controllerProps.field.value}
                     />
                   )}
@@ -228,7 +232,7 @@ const FormMultiLevelInput = ({
 
                 <div css={styles.categoryFormButtons}>
                   <Button variant="text" size="small" onClick={handlePortalClose}>
-                    {__('Cancel', 'tutor')}
+                    {__('Cancel', __TUTOR_TEXT_DOMAIN__)}
                   </Button>
                   <Button
                     variant="secondary"
@@ -236,7 +240,7 @@ const FormMultiLevelInput = ({
                     loading={createCategoryMutation.isPending}
                     onClick={form.handleSubmit(handleCreateCategory)}
                   >
-                    {__('Ok', 'tutor')}
+                    {__('Ok', __TUTOR_TEXT_DOMAIN__)}
                   </Button>
                 </div>
               </div>
diff --git a/assets/react/v3/shared/components/fields/FormCoursePrerequisites.tsx b/assets/react/v3/shared/components/fields/FormCoursePrerequisites.tsx
index c53254beb1..130b331c15 100644
--- a/assets/react/v3/shared/components/fields/FormCoursePrerequisites.tsx
+++ b/assets/react/v3/shared/components/fields/FormCoursePrerequisites.tsx
@@ -171,9 +171,9 @@ const FormCoursePrerequisites = ({
                     size="small"
                     emptyStateImage={notFound}
                     emptyStateImage2x={notFound2x}
-                    imageAltText={__('Illustration of a no course selected', 'tutor')}
-                    title={__('No course selected', 'tutor')}
-                    description={__('Select a course to add as a prerequisite.', 'tutor')}
+                    imageAltText={__('Illustration of a no course selected', __TUTOR_TEXT_DOMAIN__)}
+                    title={__('No course selected', __TUTOR_TEXT_DOMAIN__)}
+                    description={__('Select a course to add as a prerequisite.', __TUTOR_TEXT_DOMAIN__)}
                   />
                 </Show>
               }
@@ -223,7 +223,7 @@ const FormCoursePrerequisites = ({
                   when={filteredOption.length > 0}
                   fallback={
                     <li css={styles.emptyOption}>
-                      <p>{__('No courses found', 'tutor')}</p>
+                      <p>{__('No courses found', __TUTOR_TEXT_DOMAIN__)}</p>
                     </li>
                   }
                 >
diff --git a/assets/react/v3/shared/components/fields/FormDateInput.tsx b/assets/react/v3/shared/components/fields/FormDateInput.tsx
index 1e8b6c9d93..149c674e22 100644
--- a/assets/react/v3/shared/components/fields/FormDateInput.tsx
+++ b/assets/react/v3/shared/components/fields/FormDateInput.tsx
@@ -136,7 +136,7 @@ const FormDateInput = ({
               {isClearable && field.value && (
                 <Button
                   isIconOnly
-                  aria-label={__('Clear', 'tutor')}
+                  aria-label={__('Clear', __TUTOR_TEXT_DOMAIN__)}
                   size="small"
                   variant="text"
                   buttonCss={styleUtils.inputClearButton}
diff --git a/assets/react/v3/shared/components/fields/FormEditableAlias.tsx b/assets/react/v3/shared/components/fields/FormEditableAlias.tsx
index c06e54a88c..0e25e5c394 100644
--- a/assets/react/v3/shared/components/fields/FormEditableAlias.tsx
+++ b/assets/react/v3/shared/components/fields/FormEditableAlias.tsx
@@ -86,7 +86,7 @@ const FormEditableAlias = ({ field, fieldState, label = '', baseURL, onChange }:
                         onChange?.(convertToSlug(editValue.replace(baseURL, '')));
                       }}
                     >
-                      {__('Save', 'tutor')}
+                      {__('Save', __TUTOR_TEXT_DOMAIN__)}
                     </Button>
                     <Button
                       buttonContentCss={styles.cancelButton}
@@ -97,7 +97,7 @@ const FormEditableAlias = ({ field, fieldState, label = '', baseURL, onChange }:
                         setEditValue(value);
                       }}
                     >
-                      {__('Cancel', 'tutor')}
+                      {__('Cancel', __TUTOR_TEXT_DOMAIN__)}
                     </Button>
                   </div>
                 </>
diff --git a/assets/react/v3/shared/components/fields/FormFieldWrapper.tsx b/assets/react/v3/shared/components/fields/FormFieldWrapper.tsx
index 6ea827c60d..420f3bedd0 100644
--- a/assets/react/v3/shared/components/fields/FormFieldWrapper.tsx
+++ b/assets/react/v3/shared/components/fields/FormFieldWrapper.tsx
@@ -153,7 +153,7 @@ const FormFieldWrapper = <T,>({
             content={
               characterCount.maxLimit - characterCount.inputCharacter >= 0
                 ? characterCount.maxLimit - characterCount.inputCharacter
-                : __('Limit exceeded', 'tutor')
+                : __('Limit exceeded', __TUTOR_TEXT_DOMAIN__)
             }
           >
             {inputContent}
diff --git a/assets/react/v3/shared/components/fields/FormFileUploader.tsx b/assets/react/v3/shared/components/fields/FormFileUploader.tsx
index eff0ae863a..fd2939ecc0 100644
--- a/assets/react/v3/shared/components/fields/FormFileUploader.tsx
+++ b/assets/react/v3/shared/components/fields/FormFileUploader.tsx
@@ -85,7 +85,7 @@ const FormFileUploader = ({
   fieldState,
   label,
   helpText,
-  buttonText = __('Upload Media', 'tutor'),
+  buttonText = __('Upload Media', __TUTOR_TEXT_DOMAIN__),
   selectMultiple = false,
   onChange,
   maxFileSize,
@@ -163,7 +163,7 @@ const FormFileUploader = ({
                             </div>
 
                             <div css={styles.attachmentCardSubtitle}>
-                              <span>{`${__('Size', 'tutor')}: ${file.size}`}</span>
+                              <span>{`${__('Size', __TUTOR_TEXT_DOMAIN__)}: ${file.size}`}</span>
                             </div>
                           </div>
                         </div>
diff --git a/assets/react/v3/shared/components/fields/FormImageInput.tsx b/assets/react/v3/shared/components/fields/FormImageInput.tsx
index 5a1efa9fe9..24f8d9e0af 100644
--- a/assets/react/v3/shared/components/fields/FormImageInput.tsx
+++ b/assets/react/v3/shared/components/fields/FormImageInput.tsx
@@ -41,7 +41,7 @@ const FormImageInput = ({
   label,
   size,
   helpText,
-  buttonText = __('Upload Media', 'tutor'),
+  buttonText = __('Upload Media', __TUTOR_TEXT_DOMAIN__),
   infoText,
   onChange,
   generateWithAi = false,
@@ -107,7 +107,7 @@ const FormImageInput = ({
         component: AIImageModal,
         isMagicAi: true,
         props: {
-          title: __('AI Studio', 'tutor'),
+          title: __('AI Studio', __TUTOR_TEXT_DOMAIN__),
           icon: <SVGIcon name="magicAiColorize" width={24} height={24} />,
           field,
           fieldState,
diff --git a/assets/react/v3/shared/components/fields/FormInput.tsx b/assets/react/v3/shared/components/fields/FormInput.tsx
index 7bde8c238b..381e23e4eb 100644
--- a/assets/react/v3/shared/components/fields/FormInput.tsx
+++ b/assets/react/v3/shared/components/fields/FormInput.tsx
@@ -126,15 +126,15 @@ const FormInput = ({
         component: AITextModal,
         isMagicAi: true,
         props: {
-          title: __('AI Studio', 'tutor'),
+          title: __('AI Studio', __TUTOR_TEXT_DOMAIN__),
           icon: <SVGIcon name="magicAiColorize" width={24} height={24} />,
           characters: 120,
           field,
           fieldState,
           format: 'title',
           is_html: false,
-          fieldLabel: __('Create a Compelling Title', 'tutor'),
-          fieldPlaceholder: __('Describe the main focus of your course in a few words', 'tutor'),
+          fieldLabel: __('Create a Compelling Title', __TUTOR_TEXT_DOMAIN__),
+          fieldPlaceholder: __('Describe the main focus of your course in a few words', __TUTOR_TEXT_DOMAIN__),
         },
       });
       onClickAiButton?.();
@@ -210,7 +210,7 @@ const FormInput = ({
                   size="small"
                   onClick={() => setFieldType((prev) => (prev === 'password' ? 'text' : 'password'))}
                   icon={<SVGIcon name="eye" width={24} height={24} />}
-                  aria-label={__('Show/Hide Password', 'tutor')}
+                  aria-label={__('Show/Hide Password', __TUTOR_TEXT_DOMAIN__)}
                   buttonCss={styles.eyeButton({ type: fieldType })}
                 />
               </Show>
@@ -222,7 +222,7 @@ const FormInput = ({
                   onClick={() => field.onChange('')}
                   buttonCss={styleUtils.inputClearButton}
                   icon={<SVGIcon name="cross" width={24} height={24} />}
-                  aria-label={__('Clear', 'tutor')}
+                  aria-label={__('Clear', __TUTOR_TEXT_DOMAIN__)}
                 />
               </Show>
             </div>
diff --git a/assets/react/v3/shared/components/fields/FormMultiLevelSelect.tsx b/assets/react/v3/shared/components/fields/FormMultiLevelSelect.tsx
index ab5478ca77..de443fc104 100644
--- a/assets/react/v3/shared/components/fields/FormMultiLevelSelect.tsx
+++ b/assets/react/v3/shared/components/fields/FormMultiLevelSelect.tsx
@@ -98,7 +98,7 @@ const FormMultiLevelSelect = ({
                 tabIndex={-1}
                 type="button"
                 disabled={disabled || options.length === 0}
-                aria-label={__('Toggle options', 'tutor')}
+                aria-label={__('Toggle options', __TUTOR_TEXT_DOMAIN__)}
                 css={styles.toggleIcon(isOpen)}
                 onClick={() => {
                   setIsOpen((prev) => !prev);
@@ -123,7 +123,7 @@ const FormMultiLevelSelect = ({
                   </div>
                   <input
                     type="text"
-                    placeholder={__('Search', 'tutor')}
+                    placeholder={__('Search', __TUTOR_TEXT_DOMAIN__)}
                     value={searchValue}
                     onChange={(event) => {
                       setSearchValue(event.target.value);
@@ -132,7 +132,7 @@ const FormMultiLevelSelect = ({
                 </div>
                 <Show
                   when={options.length > 0}
-                  fallback={<div css={styles.notFound}>{__('No categories found.', 'tutor')}</div>}
+                  fallback={<div css={styles.notFound}>{__('No categories found.', __TUTOR_TEXT_DOMAIN__)}</div>}
                 >
                   <div css={[styles.options, optionsWrapperStyle]}>
                     {options.map((option) => (
@@ -157,7 +157,7 @@ const FormMultiLevelSelect = ({
                         setIsOpen(false);
                       }}
                     >
-                      {__('Clear selection', 'tutor')}
+                      {__('Clear selection', __TUTOR_TEXT_DOMAIN__)}
                     </Button>
                   </div>
                 )}
diff --git a/assets/react/v3/shared/components/fields/FormMultiSelectInput.tsx b/assets/react/v3/shared/components/fields/FormMultiSelectInput.tsx
index 8339074770..cbbf1053ed 100644
--- a/assets/react/v3/shared/components/fields/FormMultiSelectInput.tsx
+++ b/assets/react/v3/shared/components/fields/FormMultiSelectInput.tsx
@@ -113,7 +113,7 @@ const FormMultiSelectInput = ({
               <ul css={[styles.options(removeOptionsMinWidth)]}>
                 <Show
                   when={filteredOptions.length > 0}
-                  fallback={<div css={styles.notTag}>{__('No option available.', 'tutor')}</div>}
+                  fallback={<div css={styles.notTag}>{__('No option available.', __TUTOR_TEXT_DOMAIN__)}</div>}
                 >
                   <For each={filteredOptions}>
                     {(option) => (
diff --git a/assets/react/v3/shared/components/fields/FormSelectInput.tsx b/assets/react/v3/shared/components/fields/FormSelectInput.tsx
index 16f40aa02a..0dea7c1f99 100644
--- a/assets/react/v3/shared/components/fields/FormSelectInput.tsx
+++ b/assets/react/v3/shared/components/fields/FormSelectInput.tsx
@@ -278,7 +278,7 @@ const FormSelectInput = <T,>({
                 {!!listLabel && <li css={styles.listLabel}>{listLabel}</li>}
                 <Show
                   when={selections.length > 0}
-                  fallback={<li css={styles.emptyState}>{__('No options available', 'tutor')}</li>}
+                  fallback={<li css={styles.emptyState}>{__('No options available', __TUTOR_TEXT_DOMAIN__)}</li>}
                 >
                   {selections.map((option, index) => (
                     <li
@@ -334,7 +334,7 @@ const FormSelectInput = <T,>({
                         setIsOpen(false);
                       }}
                     >
-                      {__('Clear', 'tutor')}
+                      {__('Clear', __TUTOR_TEXT_DOMAIN__)}
                     </Button>
                   </div>
                 )}
diff --git a/assets/react/v3/shared/components/fields/FormSelectUser.tsx b/assets/react/v3/shared/components/fields/FormSelectUser.tsx
index 53d92513e7..b0b5ca3781 100644
--- a/assets/react/v3/shared/components/fields/FormSelectUser.tsx
+++ b/assets/react/v3/shared/components/fields/FormSelectUser.tsx
@@ -49,7 +49,7 @@ type FormSelectUserProps = {
 
 const userPlaceholderData: UserOption = {
   id: 0,
-  name: __('Click to select user', 'tutor'),
+  name: __('Click to select user', __TUTOR_TEXT_DOMAIN__),
   email: 'example@example.com',
   avatar_url: 'https://gravatar.com/avatar',
 };
@@ -68,7 +68,7 @@ const FormSelectUser = ({
   loading,
   isSearchable = false,
   helpText,
-  emptyStateText = __('No user selected', 'tutor'),
+  emptyStateText = __('No user selected', __TUTOR_TEXT_DOMAIN__),
   isInstructorMode = false,
 }: FormSelectUserProps) => {
   const inputValue = field.value ?? (isMultiSelect ? [] : userPlaceholderData);
@@ -313,7 +313,7 @@ const FormSelectUser = ({
                   when={filteredOption.length > 0}
                   fallback={
                     <li css={styles.noUserFound}>
-                      <p>{__('No user found', 'tutor')}</p>
+                      <p>{__('No user found', __TUTOR_TEXT_DOMAIN__)}</p>
                     </li>
                   }
                 >
diff --git a/assets/react/v3/shared/components/fields/FormTagsInput.tsx b/assets/react/v3/shared/components/fields/FormTagsInput.tsx
index 7923505e8c..b6a15dff4d 100644
--- a/assets/react/v3/shared/components/fields/FormTagsInput.tsx
+++ b/assets/react/v3/shared/components/fields/FormTagsInput.tsx
@@ -141,14 +141,14 @@ const FormTagsInput = ({
                   <li>
                     <button type="button" css={styles.addTag} onClick={handleAddTag}>
                       <SVGIcon name="plus" width={24} height={24} />
-                      <strong>{__('Add', 'tutor')}</strong> {searchText}
+                      <strong>{__('Add', __TUTOR_TEXT_DOMAIN__)}</strong> {searchText}
                     </button>
                   </li>
                 )}
 
                 <Show
                   when={tags.length > 0}
-                  fallback={<div css={styles.notTag}>{__('No tag created yet.', 'tutor')}</div>}
+                  fallback={<div css={styles.notTag}>{__('No tag created yet.', __TUTOR_TEXT_DOMAIN__)}</div>}
                 >
                   {tags.map((tag) => (
                     <li key={String(tag.id)} css={styles.optionItem}>
diff --git a/assets/react/v3/shared/components/fields/FormTimeInput.tsx b/assets/react/v3/shared/components/fields/FormTimeInput.tsx
index fe466052c6..f5d28c61c6 100644
--- a/assets/react/v3/shared/components/fields/FormTimeInput.tsx
+++ b/assets/react/v3/shared/components/fields/FormTimeInput.tsx
@@ -123,7 +123,7 @@ const FormTimeInput = ({
               {isClearable && field.value && (
                 <Button
                   isIconOnly
-                  aria-label={__('Clear', 'tutor')}
+                  aria-label={__('Clear', __TUTOR_TEXT_DOMAIN__)}
                   size="small"
                   variant="text"
                   buttonCss={styleUtils.inputClearButton}
diff --git a/assets/react/v3/shared/components/fields/FormTopicPrerequisites.tsx b/assets/react/v3/shared/components/fields/FormTopicPrerequisites.tsx
index 0b0236b44d..26527b84ff 100644
--- a/assets/react/v3/shared/components/fields/FormTopicPrerequisites.tsx
+++ b/assets/react/v3/shared/components/fields/FormTopicPrerequisites.tsx
@@ -206,9 +206,9 @@ const FormTopicPrerequisites = ({
                     size="small"
                     emptyStateImage={notFound}
                     emptyStateImage2x={notFound2x}
-                    imageAltText={__('Illustration of a no course selected', 'tutor')}
-                    title={__('No topic content selected', 'tutor')}
-                    description={__('Select a topic content to add as a prerequisite', 'tutor')}
+                    imageAltText={__('Illustration of a no course selected', __TUTOR_TEXT_DOMAIN__)}
+                    title={__('No topic content selected', __TUTOR_TEXT_DOMAIN__)}
+                    description={__('Select a topic content to add as a prerequisite', __TUTOR_TEXT_DOMAIN__)}
                   />
                 </Show>
               }
@@ -242,7 +242,7 @@ const FormTopicPrerequisites = ({
                           <span data-question-count css={typography.tiny()}>
                             {
                               /* translators: %d is the number of questions */
-                              sprintf(__('(%d questions)', 'tutor'), content.total_question)
+                              sprintf(__('(%d questions)', __TUTOR_TEXT_DOMAIN__), content.total_question)
                             }
                           </span>
                         </Show>
@@ -276,7 +276,7 @@ const FormTopicPrerequisites = ({
                   when={filteredOption.length > 0}
                   fallback={
                     <li css={styles.emptyOption}>
-                      <p>{__('No topics content found', 'tutor')}</p>
+                      <p>{__('No topics content found', __TUTOR_TEXT_DOMAIN__)}</p>
                     </li>
                   }
                 >
@@ -323,7 +323,7 @@ const FormTopicPrerequisites = ({
                                   <span data-question-count css={typography.tiny()}>
                                     {
                                       /* translators: %d is the number of questions */
-                                      sprintf(__('(%d questions)', 'tutor'), content.total_question)
+                                      sprintf(__('(%d questions)', __TUTOR_TEXT_DOMAIN__), content.total_question)
                                     }
                                   </span>
                                 </Show>
diff --git a/assets/react/v3/shared/components/fields/FormVideoInput.tsx b/assets/react/v3/shared/components/fields/FormVideoInput.tsx
index c740bc7788..77d374f607 100644
--- a/assets/react/v3/shared/components/fields/FormVideoInput.tsx
+++ b/assets/react/v3/shared/components/fields/FormVideoInput.tsx
@@ -88,11 +88,11 @@ const videoSources = videoSourceOptions.map((item) => item.value);
 const thumbnailGeneratorSources = ['vimeo', 'youtube', 'html5'];
 
 const placeholderMap = {
-  youtube: __('Paste YouTube Video URL', 'tutor'),
-  vimeo: __('Paste Vimeo Video URL', 'tutor'),
-  external_url: __('Paste External Video URL', 'tutor'),
-  shortcode: __('Paste Video Shortcode', 'tutor'),
-  embedded: __('Paste Embedded Video Code', 'tutor'),
+  youtube: __('Paste YouTube Video URL', __TUTOR_TEXT_DOMAIN__),
+  vimeo: __('Paste Vimeo Video URL', __TUTOR_TEXT_DOMAIN__),
+  external_url: __('Paste External Video URL', __TUTOR_TEXT_DOMAIN__),
+  shortcode: __('Paste Video Shortcode', __TUTOR_TEXT_DOMAIN__),
+  embedded: __('Paste Embedded Video Code', __TUTOR_TEXT_DOMAIN__),
 };
 
 const videoIconMap = {
@@ -175,7 +175,7 @@ const FormVideoInput = ({
   fieldState,
   label,
   helpText,
-  buttonText = __('Upload Media', 'tutor'),
+  buttonText = __('Upload Media', __TUTOR_TEXT_DOMAIN__),
   infoText,
   onChange,
   supportedFormats,
@@ -369,7 +369,7 @@ const FormVideoInput = ({
         >
           <p css={styles.warningText}>
             <SVGIcon name="info" height={20} width={20} />
-            {__('No video source selected', 'tutor')}
+            {__('No video source selected', __TUTOR_TEXT_DOMAIN__)}
           </p>
 
           <Button
@@ -381,7 +381,7 @@ const FormVideoInput = ({
               window.open(config.VIDEO_SOURCES_SETTINGS_URL, '_blank', 'noopener');
             }}
           >
-            {__('Select from settings', 'tutor')}
+            {__('Select from settings', __TUTOR_TEXT_DOMAIN__)}
           </Button>
         </div>
       </div>
@@ -467,19 +467,19 @@ const FormVideoInput = ({
     if (videoSource === 'embedded') return true;
 
     if (videoSource === 'shortcode') {
-      return videoValidation.shortcode(videoUrl) ? true : __('Invalid Shortcode', 'tutor');
+      return videoValidation.shortcode(videoUrl) ? true : __('Invalid Shortcode', __TUTOR_TEXT_DOMAIN__);
     }
 
     if (!videoValidation.url(videoUrl)) {
-      return __('Invalid URL', 'tutor');
+      return __('Invalid URL', __TUTOR_TEXT_DOMAIN__);
     }
 
     if (videoSource === 'youtube' && !videoValidation.youtube(videoUrl)) {
-      return __('Invalid YouTube URL', 'tutor');
+      return __('Invalid YouTube URL', __TUTOR_TEXT_DOMAIN__);
     }
 
     if (videoSource === 'vimeo' && !videoValidation.vimeo(videoUrl)) {
-      return __('Invalid Vimeo URL', 'tutor');
+      return __('Invalid Vimeo URL', __TUTOR_TEXT_DOMAIN__);
     }
 
     return true;
@@ -532,7 +532,7 @@ const FormVideoInput = ({
                                 setIsOpen((previousState) => !previousState);
                               }}
                             >
-                              {__('Add from URL', 'tutor')}
+                              {__('Add from URL', __TUTOR_TEXT_DOMAIN__)}
                             </button>
                           }
                         >
@@ -545,7 +545,7 @@ const FormVideoInput = ({
                               setIsOpen((previousState) => !previousState);
                             }}
                           >
-                            {__('Add from URL', 'tutor')}
+                            {__('Add from URL', __TUTOR_TEXT_DOMAIN__)}
                           </Button>
                         </Show>
                       </Show>
@@ -629,12 +629,12 @@ const FormVideoInput = ({
                               disabled={['vimeo', 'youtube'].includes(fieldValue?.source || '')}
                               uploadHandler={() => handleUpload('poster')}
                               clearHandler={() => handleClear('poster')}
-                              buttonText={__('Upload Thumbnail', 'tutor')}
-                              infoText={__('Upload a thumbnail image for your video', 'tutor')}
+                              buttonText={__('Upload Thumbnail', __TUTOR_TEXT_DOMAIN__)}
+                              infoText={__('Upload a thumbnail image for your video', __TUTOR_TEXT_DOMAIN__)}
                               emptyImageCss={styles.thumbImage}
                               previewImageCss={styles.thumbImage}
                               overlayCss={styles.thumbImage}
-                              replaceButtonText={__('Replace Thumbnail', 'tutor')}
+                              replaceButtonText={__('Replace Thumbnail', __TUTOR_TEXT_DOMAIN__)}
                             />
 
                             <Show when={duration.hours > 0 || duration.minutes > 0 || duration.seconds > 0}>
@@ -676,7 +676,7 @@ const FormVideoInput = ({
                   {...controllerProps}
                   options={videoSourcesSelectOptions}
                   disabled={videoSourceOptions.length <= 1}
-                  placeholder={__('Select source', 'tutor')}
+                  placeholder={__('Select source', __TUTOR_TEXT_DOMAIN__)}
                   hideCaret={videoSourceOptions.length <= 1}
                 />
               );
@@ -697,7 +697,10 @@ const FormVideoInput = ({
                     border-style: dashed;
                   `}
                   rows={2}
-                  placeholder={placeholderMap[videoSource as keyof typeof placeholderMap] || __('Paste Here', 'tutor')}
+                  placeholder={
+                    placeholderMap[videoSource as keyof typeof placeholderMap] ||
+                    __('Paste Here', __TUTOR_TEXT_DOMAIN__)
+                  }
                 />
               );
             }}
@@ -711,7 +714,7 @@ const FormVideoInput = ({
                 setIsOpen(false);
               }}
             >
-              {__('Cancel', 'tutor')}
+              {__('Cancel', __TUTOR_TEXT_DOMAIN__)}
             </Button>
             <Button
               data-cy="submit-url"
@@ -719,7 +722,7 @@ const FormVideoInput = ({
               size="small"
               onClick={form.handleSubmit(handleDataFromUrl)}
             >
-              {__('Ok', 'tutor')}
+              {__('Ok', __TUTOR_TEXT_DOMAIN__)}
             </Button>
           </div>
         </div>
diff --git a/assets/react/v3/shared/components/fields/FormWPEditor.tsx b/assets/react/v3/shared/components/fields/FormWPEditor.tsx
index 5779b128de..a3dad560bf 100644
--- a/assets/react/v3/shared/components/fields/FormWPEditor.tsx
+++ b/assets/react/v3/shared/components/fields/FormWPEditor.tsx
@@ -96,16 +96,16 @@ const CustomEditorOverlay = ({
             const { action } = await showModal({
               component: ConfirmationModal,
               props: {
-                title: __('Back to WordPress Editor', 'tutor'),
+                title: __('Back to WordPress Editor', __TUTOR_TEXT_DOMAIN__),
                 description: (
                   <Alert type="warning" icon="warning">
                     {
                       // prettier-ignore
-                      __( 'Warning: Switching to the WordPress default editor may cause issues with your current layout, design, and content.', 'tutor')
+                      __( 'Warning: Switching to the WordPress default editor may cause issues with your current layout, design, and content.', __TUTOR_TEXT_DOMAIN__)
                     }
                   </Alert>
                 ),
-                confirmButtonText: __('Confirm', 'tutor'),
+                confirmButtonText: __('Confirm', __TUTOR_TEXT_DOMAIN__),
                 confirmButtonVariant: 'primary',
               },
               depthIndex: zIndex.highest,
@@ -120,7 +120,7 @@ const CustomEditorOverlay = ({
             }
           }}
         >
-          {__('Back to WordPress Editor', 'tutor')}
+          {__('Back to WordPress Editor', __TUTOR_TEXT_DOMAIN__)}
         </Button>
       </Show>
       <Button
@@ -145,7 +145,7 @@ const CustomEditorOverlay = ({
       >
         {
           /* translators: %s is the editor name */
-          sprintf(__('Edit with %s', 'tutor'), editorUsed?.label)
+          sprintf(__('Edit with %s', __TUTOR_TEXT_DOMAIN__), editorUsed?.label)
         }
       </Button>
     </div>
@@ -216,7 +216,7 @@ const FormWPEditor = ({
         component: AITextModal,
         isMagicAi: true,
         props: {
-          title: __('AI Studio', 'tutor'),
+          title: __('AI Studio', __TUTOR_TEXT_DOMAIN__),
           icon: <SVGIcon name="magicAiColorize" width={24} height={24} />,
           characters: 1000,
           field,
@@ -239,7 +239,7 @@ const FormWPEditor = ({
         </Show>
       </span>
       <div css={styles.editorsButtonWrapper}>
-        <span>{__('Edit with', 'tutor')}</span>
+        <span>{__('Edit with', __TUTOR_TEXT_DOMAIN__)}</span>
         <div css={styles.customEditorButtons}>
           <For each={filteredEditors}>
             {(editor) => (
diff --git a/assets/react/v3/shared/components/fields/quiz/FormAnswerExplanation.tsx b/assets/react/v3/shared/components/fields/quiz/FormAnswerExplanation.tsx
index 8cb3c66ff1..64c2c26633 100644
--- a/assets/react/v3/shared/components/fields/quiz/FormAnswerExplanation.tsx
+++ b/assets/react/v3/shared/components/fields/quiz/FormAnswerExplanation.tsx
@@ -83,7 +83,7 @@ const FormAnswerExplanation = ({
                   setIsEdit(false);
                 }}
               >
-                {__('Cancel', 'tutor')}
+                {__('Cancel', __TUTOR_TEXT_DOMAIN__)}
               </Button>
               <Button
                 variant="secondary"
@@ -94,7 +94,7 @@ const FormAnswerExplanation = ({
                 }}
                 disabled={field.value === previousValue}
               >
-                {__('Ok', 'tutor')}
+                {__('Ok', __TUTOR_TEXT_DOMAIN__)}
               </Button>
             </div>
           </Show>
diff --git a/assets/react/v3/shared/components/fields/quiz/FormQuestionDescription.tsx b/assets/react/v3/shared/components/fields/quiz/FormQuestionDescription.tsx
index 46e87cadd0..4e9474ca79 100644
--- a/assets/react/v3/shared/components/fields/quiz/FormQuestionDescription.tsx
+++ b/assets/react/v3/shared/components/fields/quiz/FormQuestionDescription.tsx
@@ -130,10 +130,10 @@ const FormQuestionDescription = ({
         <Show when={isEdit}>
           <div data-action-buttons css={styles.actionButtonWrapper({ isEdit })}>
             <Button variant="text" size="small" onClick={handleCancelClick}>
-              {__('Cancel', 'tutor')}
+              {__('Cancel', __TUTOR_TEXT_DOMAIN__)}
             </Button>
             <Button variant="secondary" size="small" onClick={handleOkClick} disabled={inputValue === previousValue}>
-              {__('Ok', 'tutor')}
+              {__('Ok', __TUTOR_TEXT_DOMAIN__)}
             </Button>
           </div>
         </Show>
@@ -145,7 +145,9 @@ const FormQuestionDescription = ({
             data-overlay
             tabIndex={0}
             role="button"
-            aria-label={inputValue ? __('Edit description', 'tutor') : __('Add description', 'tutor')}
+            aria-label={
+              inputValue ? __('Edit description', __TUTOR_TEXT_DOMAIN__) : __('Add description', __TUTOR_TEXT_DOMAIN__)
+            }
           />
         </Show>
       </div>
diff --git a/assets/react/v3/shared/components/fields/quiz/FormQuestionTitle.tsx b/assets/react/v3/shared/components/fields/quiz/FormQuestionTitle.tsx
index 43e1b815b4..a78ee31b96 100644
--- a/assets/react/v3/shared/components/fields/quiz/FormQuestionTitle.tsx
+++ b/assets/react/v3/shared/components/fields/quiz/FormQuestionTitle.tsx
@@ -148,7 +148,7 @@ const FormQuestionTitle = ({
           <div
             role="button"
             css={[styles.container({ isEdit, isDisabled: disabled || false, size }), wrapperCss]}
-            aria-label={__('Question title field', 'tutor')}
+            aria-label={__('Question title field', __TUTOR_TEXT_DOMAIN__)}
           >
             <Show when={!isEdit}>
               <div
@@ -224,7 +224,7 @@ const FormQuestionTitle = ({
                     variant="text"
                     size="small"
                     onClick={() => handleToggleEdit(true)}
-                    aria-label={__('Edit question title', 'tutor')}
+                    aria-label={__('Edit question title', __TUTOR_TEXT_DOMAIN__)}
                     data-question-title-edit-button
                   >
                     <SVGIcon name="edit" height={24} width={24} />
@@ -239,7 +239,7 @@ const FormQuestionTitle = ({
                       size="small"
                       onClick={handleSave}
                       disabled={field.value === previousValue}
-                      aria-label={__('Save question title', 'tutor')}
+                      aria-label={__('Save question title', __TUTOR_TEXT_DOMAIN__)}
                     >
                       <SVGIcon name="checkMark" height={24} width={24} />
                     </Button>
@@ -250,7 +250,7 @@ const FormQuestionTitle = ({
                       variant="text"
                       size="small"
                       onClick={handleCancel}
-                      aria-label={__('Cancel question title', 'tutor')}
+                      aria-label={__('Cancel question title', __TUTOR_TEXT_DOMAIN__)}
                     >
                       <SVGIcon name="lineCross" height={24} width={24} />
                     </Button>
diff --git a/assets/react/v3/shared/components/fields/quiz/questions/FormFillinTheBlanks.tsx b/assets/react/v3/shared/components/fields/quiz/questions/FormFillinTheBlanks.tsx
index 3a25bc6e95..812f24ca7b 100644
--- a/assets/react/v3/shared/components/fields/quiz/questions/FormFillinTheBlanks.tsx
+++ b/assets/react/v3/shared/components/fields/quiz/questions/FormFillinTheBlanks.tsx
@@ -74,11 +74,11 @@ const FormFillInTheBlanks = ({ field, questionId, validationError, setValidation
     <div css={styles.option}>
       <div css={styles.optionLabel({ isEditing })}>
         <div css={styles.optionHeader}>
-          <div css={styles.optionTitle}>{__('Fill in the blanks', 'tutor')}</div>
+          <div css={styles.optionTitle}>{__('Fill in the blanks', __TUTOR_TEXT_DOMAIN__)}</div>
 
           <Show when={inputValue.is_saved && !isEditing}>
             <div css={styles.optionActions}>
-              <Tooltip content={__('Edit', 'tutor')}>
+              <Tooltip content={__('Edit', __TUTOR_TEXT_DOMAIN__)}>
                 <button
                   type="button"
                   css={styleUtils.actionButton}
@@ -103,7 +103,7 @@ const FormFillInTheBlanks = ({ field, questionId, validationError, setValidation
                 <div css={styles.optionPlaceholder({ isTitle: !!inputValue.answer_title })}>
                   {inputValue.answer_title
                     ? inputValue.answer_title.replace(/{dash}/g, '_____')
-                    : __('Question title...', 'tutor')}
+                    : __('Question title...', __TUTOR_TEXT_DOMAIN__)}
                 </div>
                 <div css={styles.optionPlaceholder({ isCorrectAnswer: fillInTheBlanksCorrectAnswer?.length })}>
                   {fillInTheBlanksCorrectAnswer && fillInTheBlanksCorrectAnswer.length > 0 ? (
@@ -120,7 +120,7 @@ const FormFillInTheBlanks = ({ field, questionId, validationError, setValidation
                       )}
                     </For>
                   ) : (
-                    __('Correct Answer(s)...', 'tutor')
+                    __('Correct Answer(s)...', __TUTOR_TEXT_DOMAIN__)
                   )}
                 </div>
               </div>
@@ -132,7 +132,7 @@ const FormFillInTheBlanks = ({ field, questionId, validationError, setValidation
                   {...field}
                   ref={inputRef}
                   type="text"
-                  placeholder={__('Question title...', 'tutor')}
+                  placeholder={__('Question title...', __TUTOR_TEXT_DOMAIN__)}
                   value={inputValue.answer_title}
                   onClick={(event) => {
                     event.stopPropagation();
@@ -171,7 +171,7 @@ const FormFillInTheBlanks = ({ field, questionId, validationError, setValidation
                   <p>
                     {
                       // prettier-ignore
-                      __('Please make sure to use the variable {dash} in your question title to show the blanks in your question. You can use multiple {dash} variables in one question.', 'tutor')
+                      __('Please make sure to use the variable {dash} in your question title to show the blanks in your question. You can use multiple {dash} variables in one question.', __TUTOR_TEXT_DOMAIN__)
                     }
                   </p>
                 </div>
@@ -180,7 +180,7 @@ const FormFillInTheBlanks = ({ field, questionId, validationError, setValidation
                 <input
                   {...field}
                   type="text"
-                  placeholder={__('Correct Answer(s)...', 'tutor')}
+                  placeholder={__('Correct Answer(s)...', __TUTOR_TEXT_DOMAIN__)}
                   value={fillInTheBlanksCorrectAnswer?.join('|')}
                   onClick={(event) => {
                     event.stopPropagation();
@@ -221,7 +221,12 @@ const FormFillInTheBlanks = ({ field, questionId, validationError, setValidation
                 <Show when={hasError}>
                   <div css={styles.errorMessage}>
                     <SVGIcon name="info" height={20} width={20} />
-                    <p>{__('Match the number of answers to the number of blanks {dash} in your question.', 'tutor')}</p>
+                    <p>
+                      {__(
+                        'Match the number of answers to the number of blanks {dash} in your question.',
+                        __TUTOR_TEXT_DOMAIN__,
+                      )}
+                    </p>
                   </div>
                 </Show>
                 <div css={styles.inputHints}>
@@ -229,7 +234,7 @@ const FormFillInTheBlanks = ({ field, questionId, validationError, setValidation
                   <p>
                     {
                       // prettier-ignore
-                      __( 'Separate multiple answers by a vertical bar |. 1 answer per {dash} variable is defined in the question. Example: Apple | Banana | Orange', 'tutor')
+                      __( 'Separate multiple answers by a vertical bar |. 1 answer per {dash} variable is defined in the question. Example: Apple | Banana | Orange', __TUTOR_TEXT_DOMAIN__)
                     }
                   </p>
                 </div>
@@ -245,7 +250,7 @@ const FormFillInTheBlanks = ({ field, questionId, validationError, setValidation
                       field.onChange(previousValue);
                     }}
                   >
-                    {__('Cancel', 'tutor')}
+                    {__('Cancel', __TUTOR_TEXT_DOMAIN__)}
                   </Button>
                 </Show>
                 <Button
@@ -287,7 +292,7 @@ const FormFillInTheBlanks = ({ field, questionId, validationError, setValidation
                   }}
                   disabled={!inputValue.answer_title || !inputValue.answer_two_gap_match || hasError}
                 >
-                  {__('Ok', 'tutor')}
+                  {__('Ok', __TUTOR_TEXT_DOMAIN__)}
                 </Button>
               </div>
             </div>
diff --git a/assets/react/v3/shared/components/fields/quiz/questions/FormImageAnswering.tsx b/assets/react/v3/shared/components/fields/quiz/questions/FormImageAnswering.tsx
index 07300b5f9c..c7144d5229 100644
--- a/assets/react/v3/shared/components/fields/quiz/questions/FormImageAnswering.tsx
+++ b/assets/react/v3/shared/components/fields/quiz/questions/FormImageAnswering.tsx
@@ -160,7 +160,7 @@ const FormImageAnswering = ({
             </button>
 
             <div css={styles.optionActions} data-visually-hidden>
-              <Tooltip content={__('Edit', 'tutor')} delay={200}>
+              <Tooltip content={__('Edit', __TUTOR_TEXT_DOMAIN__)} delay={200}>
                 <button
                   type="button"
                   css={styleUtils.actionButton}
@@ -172,7 +172,7 @@ const FormImageAnswering = ({
                   <SVGIcon name="edit" width={24} height={24} />
                 </button>
               </Tooltip>
-              <Tooltip content={__('Duplicate', 'tutor')} delay={200}>
+              <Tooltip content={__('Duplicate', __TUTOR_TEXT_DOMAIN__)} delay={200}>
                 <Show
                   when={!isTutorPro}
                   fallback={
@@ -195,7 +195,7 @@ const FormImageAnswering = ({
                   </ProBadge>
                 </Show>
               </Tooltip>
-              <Tooltip content={__('Delete', 'tutor')} delay={200}>
+              <Tooltip content={__('Delete', __TUTOR_TEXT_DOMAIN__)} delay={200}>
                 <button
                   type="button"
                   css={styleUtils.actionButton}
@@ -230,7 +230,7 @@ const FormImageAnswering = ({
                   )}
                 </Show>
                 <div css={styles.optionPlaceholder}>
-                  {inputValue.answer_title || __('Write answer option...', 'tutor')}
+                  {inputValue.answer_title || __('Write answer option...', __TUTOR_TEXT_DOMAIN__)}
                 </div>
               </div>
             }
@@ -242,8 +242,8 @@ const FormImageAnswering = ({
                   url: inputValue.image_url || '',
                   title: inputValue.image_url || '',
                 }}
-                buttonText={__('Upload Image', 'tutor')}
-                infoText={__('Standard Size: 700x430 pixels', 'tutor')}
+                buttonText={__('Upload Image', __TUTOR_TEXT_DOMAIN__)}
+                infoText={__('Standard Size: 700x430 pixels', __TUTOR_TEXT_DOMAIN__)}
                 uploadHandler={openMediaLibrary}
                 clearHandler={clearHandler}
                 emptyImageCss={styles.emptyImageInput}
@@ -254,7 +254,7 @@ const FormImageAnswering = ({
                   {...field}
                   ref={inputRef}
                   type="text"
-                  placeholder={__('Input answer here', 'tutor')}
+                  placeholder={__('Input answer here', __TUTOR_TEXT_DOMAIN__)}
                   value={inputValue.answer_title}
                   onClick={(event) => {
                     event.stopPropagation();
@@ -297,9 +297,12 @@ const FormImageAnswering = ({
                 <div css={styles.inputHints}>
                   <SVGIcon name="info" height={20} width={20} />
                   <p>
-                    {__('Students need to type their answers exactly as you write them here. Use ', 'tutor')}
-                    <span css={{ fontWeight: fontWeight.semiBold }}>{__('small caps', 'tutor')}</span>
-                    {__(' when writing the answer.', 'tutor')}
+                    {__(
+                      'Students need to type their answers exactly as you write them here. Use ',
+                      __TUTOR_TEXT_DOMAIN__,
+                    )}
+                    <span css={{ fontWeight: fontWeight.semiBold }}>{__('small caps', __TUTOR_TEXT_DOMAIN__)}</span>
+                    {__(' when writing the answer.', __TUTOR_TEXT_DOMAIN__)}
                   </p>
                 </div>
               </div>
@@ -321,7 +324,7 @@ const FormImageAnswering = ({
                     }
                   }}
                 >
-                  {__('Cancel', 'tutor')}
+                  {__('Cancel', __TUTOR_TEXT_DOMAIN__)}
                 </Button>
                 <Button
                   variant="secondary"
@@ -358,7 +361,7 @@ const FormImageAnswering = ({
                   }}
                   disabled={!inputValue.answer_title || !inputValue.image_id}
                 >
-                  {__('Ok', 'tutor')}
+                  {__('Ok', __TUTOR_TEXT_DOMAIN__)}
                 </Button>
               </div>
             </div>
diff --git a/assets/react/v3/shared/components/fields/quiz/questions/FormMatching.tsx b/assets/react/v3/shared/components/fields/quiz/questions/FormMatching.tsx
index a4d990a3c3..c5b02500b8 100644
--- a/assets/react/v3/shared/components/fields/quiz/questions/FormMatching.tsx
+++ b/assets/react/v3/shared/components/fields/quiz/questions/FormMatching.tsx
@@ -157,7 +157,7 @@ const FormMatching = ({
             </button>
 
             <div css={styles.optionActions} data-visually-hidden>
-              <Tooltip content={__('Edit', 'tutor')} delay={200}>
+              <Tooltip content={__('Edit', __TUTOR_TEXT_DOMAIN__)} delay={200}>
                 <button
                   type="button"
                   css={styleUtils.actionButton}
@@ -170,7 +170,7 @@ const FormMatching = ({
                   <SVGIcon name="edit" width={24} height={24} />
                 </button>
               </Tooltip>
-              <Tooltip content={__('Duplicate', 'tutor')} delay={200}>
+              <Tooltip content={__('Duplicate', __TUTOR_TEXT_DOMAIN__)} delay={200}>
                 <Show
                   when={!isTutorPro}
                   fallback={
@@ -193,7 +193,7 @@ const FormMatching = ({
                   </ProBadge>
                 </Show>
               </Tooltip>
-              <Tooltip content={__('Delete', 'tutor')} delay={200}>
+              <Tooltip content={__('Delete', __TUTOR_TEXT_DOMAIN__)} delay={200}>
                 <button
                   type="button"
                   css={styleUtils.actionButton}
@@ -218,7 +218,7 @@ const FormMatching = ({
                   when={isImageMatching}
                   fallback={
                     <div css={styles.optionPlaceholder}>
-                      {inputValue.answer_title || __('Answer title...', 'tutor')}
+                      {inputValue.answer_title || __('Answer title...', __TUTOR_TEXT_DOMAIN__)}
                     </div>
                   }
                 >
@@ -251,7 +251,7 @@ const FormMatching = ({
                     url: inputValue.image_url || '',
                     title: inputValue.image_url || '',
                   }}
-                  infoText={__('Standard Size: 700x430 pixels', 'tutor')}
+                  infoText={__('Standard Size: 700x430 pixels', __TUTOR_TEXT_DOMAIN__)}
                   uploadHandler={openMediaLibrary}
                   clearHandler={clearHandler}
                   emptyImageCss={styles.emptyImageInput}
@@ -262,7 +262,11 @@ const FormMatching = ({
                 {...field}
                 type="text"
                 ref={inputRef}
-                placeholder={!isImageMatching ? __('Question', 'tutor') : __('Image matched text..', 'tutor')}
+                placeholder={
+                  !isImageMatching
+                    ? __('Question', __TUTOR_TEXT_DOMAIN__)
+                    : __('Image matched text..', __TUTOR_TEXT_DOMAIN__)
+                }
                 value={inputValue.answer_title}
                 onClick={(event) => {
                   event.stopPropagation();
@@ -304,7 +308,7 @@ const FormMatching = ({
                 <input
                   {...field}
                   type="text"
-                  placeholder={__('Matched option..', 'tutor')}
+                  placeholder={__('Matched option..', __TUTOR_TEXT_DOMAIN__)}
                   value={inputValue.answer_two_gap_match}
                   onClick={(event) => {
                     event.stopPropagation();
@@ -366,7 +370,7 @@ const FormMatching = ({
                     }
                   }}
                 >
-                  {__('Cancel', 'tutor')}
+                  {__('Cancel', __TUTOR_TEXT_DOMAIN__)}
                 </Button>
                 <Button
                   variant="secondary"
@@ -405,7 +409,7 @@ const FormMatching = ({
                     (isImageMatching ? !inputValue.image_id : !inputValue.answer_two_gap_match)
                   }
                 >
-                  {__('Ok', 'tutor')}
+                  {__('Ok', __TUTOR_TEXT_DOMAIN__)}
                 </Button>
               </div>
             </div>
diff --git a/assets/react/v3/shared/components/fields/quiz/questions/FormMultipleChoiceAndOrdering.tsx b/assets/react/v3/shared/components/fields/quiz/questions/FormMultipleChoiceAndOrdering.tsx
index 14a509d54e..ab2d599715 100644
--- a/assets/react/v3/shared/components/fields/quiz/questions/FormMultipleChoiceAndOrdering.tsx
+++ b/assets/react/v3/shared/components/fields/quiz/questions/FormMultipleChoiceAndOrdering.tsx
@@ -206,19 +206,20 @@ const FormMultipleChoiceAndOrdering = ({
                       clearHandler();
                     }}
                   >
-                    {__('Remove Image', 'tutor')}
+                    {__('Remove Image', __TUTOR_TEXT_DOMAIN__)}
                   </Button>
                 }
               >
                 <Button
                   variant="text"
+                  size="small"
                   icon={<SVGIcon name="addImage" width={24} height={24} />}
                   onClick={(event) => {
                     event.stopPropagation();
                     openMediaLibrary();
                   }}
                 >
-                  {__('Add Image', 'tutor')}
+                  {__('Add Image', __TUTOR_TEXT_DOMAIN__)}
                 </Button>
               </Show>
             </Show>
@@ -230,7 +231,7 @@ const FormMultipleChoiceAndOrdering = ({
             </button>
 
             <div css={styles.optionActions} data-visually-hidden>
-              <Tooltip content={__('Edit', 'tutor')} delay={200}>
+              <Tooltip content={__('Edit', __TUTOR_TEXT_DOMAIN__)} delay={200}>
                 <button
                   type="button"
                   css={styleUtils.actionButton}
@@ -242,7 +243,7 @@ const FormMultipleChoiceAndOrdering = ({
                   <SVGIcon name="edit" width={24} height={24} />
                 </button>
               </Tooltip>
-              <Tooltip content={__('Duplicate', 'tutor')} delay={200}>
+              <Tooltip content={__('Duplicate', __TUTOR_TEXT_DOMAIN__)} delay={200}>
                 <Show
                   when={!isTutorPro}
                   fallback={
@@ -265,7 +266,7 @@ const FormMultipleChoiceAndOrdering = ({
                   </ProBadge>
                 </Show>
               </Tooltip>
-              <Tooltip content={__('Delete', 'tutor')} delay={200}>
+              <Tooltip content={__('Delete', __TUTOR_TEXT_DOMAIN__)} delay={200}>
                 <button
                   type="button"
                   css={styleUtils.actionButton}
@@ -293,7 +294,7 @@ const FormMultipleChoiceAndOrdering = ({
                   }
                 </Show>
                 <div css={styles.optionPlaceholder}>
-                  {inputValue.answer_title || __('Write answer option...', 'tutor')}
+                  {inputValue.answer_title || __('Write answer option...', __TUTOR_TEXT_DOMAIN__)}
                 </div>
               </div>
             }
@@ -304,10 +305,10 @@ const FormMultipleChoiceAndOrdering = ({
                   value={{
                     id: Number(inputValue.image_id),
                     url: inputValue.image_url || '',
-                    title: __('Image', 'tutor'),
+                    title: __('Image', __TUTOR_TEXT_DOMAIN__),
                   }}
-                  buttonText={__('Upload Image', 'tutor')}
-                  infoText={__('Size: 700x430 pixels', 'tutor')}
+                  buttonText={__('Upload Image', __TUTOR_TEXT_DOMAIN__)}
+                  infoText={__('Size: 700x430 pixels', __TUTOR_TEXT_DOMAIN__)}
                   uploadHandler={openMediaLibrary}
                   clearHandler={clearHandler}
                   emptyImageCss={styles.emptyImageInput}
@@ -318,7 +319,7 @@ const FormMultipleChoiceAndOrdering = ({
               <textarea
                 {...field}
                 ref={inputRef}
-                placeholder={__('Write option...', 'tutor')}
+                placeholder={__('Write option...', __TUTOR_TEXT_DOMAIN__)}
                 value={inputValue.answer_title}
                 onClick={(event) => {
                   event.stopPropagation();
@@ -377,7 +378,7 @@ const FormMultipleChoiceAndOrdering = ({
                     }
                   }}
                 >
-                  {__('Cancel', 'tutor')}
+                  {__('Cancel', __TUTOR_TEXT_DOMAIN__)}
                 </Button>
                 <Button
                   variant="secondary"
@@ -412,7 +413,7 @@ const FormMultipleChoiceAndOrdering = ({
                   }}
                   disabled={!inputValue.answer_title && !inputValue.image_url}
                 >
-                  {__('Ok', 'tutor')}
+                  {__('Ok', __TUTOR_TEXT_DOMAIN__)}
                 </Button>
               </div>
             </div>
@@ -558,6 +559,7 @@ const styles = {
     place-self: center start;
     button {
       padding: 0;
+      min-height: 24px;
     }
   `,
   optionActions: css`
diff --git a/assets/react/v3/shared/components/magic-ai-content/PromptControls.tsx b/assets/react/v3/shared/components/magic-ai-content/PromptControls.tsx
index a048273185..5cf62b66fc 100644
--- a/assets/react/v3/shared/components/magic-ai-content/PromptControls.tsx
+++ b/assets/react/v3/shared/components/magic-ai-content/PromptControls.tsx
@@ -13,25 +13,34 @@ export const PromptControls = ({ form }: { form: UseFormReturn<GenerateTextField
       <Controller
         control={form.control}
         name="characters"
-        render={(props) => <FormInput {...props} isMagicAi label={__('Character Limit', 'tutor')} type="number" />}
+        render={(props) => (
+          <FormInput {...props} isMagicAi label={__('Character Limit', __TUTOR_TEXT_DOMAIN__)} type="number" />
+        )}
       />
       <Controller
         control={form.control}
         name="language"
         render={(props) => (
-          <FormSelectInput {...props} isMagicAi label={__('Language', 'tutor')} options={languageOptions} />
+          <FormSelectInput
+            {...props}
+            isMagicAi
+            label={__('Language', __TUTOR_TEXT_DOMAIN__)}
+            options={languageOptions}
+          />
         )}
       />
       <Controller
         control={form.control}
         name="tone"
-        render={(props) => <FormSelectInput {...props} isMagicAi options={toneOptions} label={__('Tone', 'tutor')} />}
+        render={(props) => (
+          <FormSelectInput {...props} isMagicAi options={toneOptions} label={__('Tone', __TUTOR_TEXT_DOMAIN__)} />
+        )}
       />
       <Controller
         control={form.control}
         name="format"
         render={(props) => (
-          <FormSelectInput {...props} isMagicAi label={__('Format', 'tutor')} options={formatOptions} />
+          <FormSelectInput {...props} isMagicAi label={__('Format', __TUTOR_TEXT_DOMAIN__)} options={formatOptions} />
         )}
       />
     </div>
diff --git a/assets/react/v3/shared/components/magic-ai-image/ImageContext.tsx b/assets/react/v3/shared/components/magic-ai-image/ImageContext.tsx
index 242329fcfe..e1c4569f58 100644
--- a/assets/react/v3/shared/components/magic-ai-image/ImageContext.tsx
+++ b/assets/react/v3/shared/components/magic-ai-image/ImageContext.tsx
@@ -43,16 +43,16 @@ interface ImageContextType<T extends FieldValues> {
 }
 
 export const inspirationPrompts = [
-  __('A serene classroom setting with books and a chalkboard', 'tutor'),
-  __('An abstract representation of innovation and creativity', 'tutor'),
-  __('A vibrant workspace with a laptop and coffee cup', 'tutor'),
-  __('A modern design with digital learning icons', 'tutor'),
-  __('A futuristic cityscape with a glowing pathway', 'tutor'),
-  __('A peaceful nature scene with soft colors', 'tutor'),
-  __('A professional boardroom with sleek visuals', 'tutor'),
-  __('A stack of books with warm, inviting lighting', 'tutor'),
-  __('A dynamic collage of technology and education themes', 'tutor'),
-  __('A bold and minimalistic design with striking colors', 'tutor'),
+  __('A serene classroom setting with books and a chalkboard', __TUTOR_TEXT_DOMAIN__),
+  __('An abstract representation of innovation and creativity', __TUTOR_TEXT_DOMAIN__),
+  __('A vibrant workspace with a laptop and coffee cup', __TUTOR_TEXT_DOMAIN__),
+  __('A modern design with digital learning icons', __TUTOR_TEXT_DOMAIN__),
+  __('A futuristic cityscape with a glowing pathway', __TUTOR_TEXT_DOMAIN__),
+  __('A peaceful nature scene with soft colors', __TUTOR_TEXT_DOMAIN__),
+  __('A professional boardroom with sleek visuals', __TUTOR_TEXT_DOMAIN__),
+  __('A stack of books with warm, inviting lighting', __TUTOR_TEXT_DOMAIN__),
+  __('A dynamic collage of technology and education themes', __TUTOR_TEXT_DOMAIN__),
+  __('A bold and minimalistic design with striking colors', __TUTOR_TEXT_DOMAIN__),
 ];
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
diff --git a/assets/react/v3/shared/components/magic-ai-image/ImageGeneration.tsx b/assets/react/v3/shared/components/magic-ai-image/ImageGeneration.tsx
index 7c2d8e17d9..4ad91e7d61 100644
--- a/assets/react/v3/shared/components/magic-ai-image/ImageGeneration.tsx
+++ b/assets/react/v3/shared/components/magic-ai-image/ImageGeneration.tsx
@@ -40,62 +40,62 @@ import { magicAIStyles } from './styles';
 
 const styleOptions: OptionWithImage<StyleType>[] = [
   {
-    label: __('None', 'tutor'),
+    label: __('None', __TUTOR_TEXT_DOMAIN__),
     value: 'none',
     image: none,
   },
   {
-    label: __('Photo', 'tutor'),
+    label: __('Photo', __TUTOR_TEXT_DOMAIN__),
     value: 'photo',
     image: photo,
   },
   {
-    label: __('Neon', 'tutor'),
+    label: __('Neon', __TUTOR_TEXT_DOMAIN__),
     value: 'neon',
     image: neon,
   },
   {
-    label: __('3D', 'tutor'),
+    label: __('3D', __TUTOR_TEXT_DOMAIN__),
     value: '3d',
     image: threeD,
   },
   {
-    label: __('Painting', 'tutor'),
+    label: __('Painting', __TUTOR_TEXT_DOMAIN__),
     value: 'painting',
     image: painting,
   },
   {
-    label: __('Sketch', 'tutor'),
+    label: __('Sketch', __TUTOR_TEXT_DOMAIN__),
     value: 'sketch',
     image: sketch,
   },
   {
-    label: __('Concept', 'tutor'),
+    label: __('Concept', __TUTOR_TEXT_DOMAIN__),
     value: 'concept_art',
     image: concept,
   },
   {
-    label: __('Illustration', 'tutor'),
+    label: __('Illustration', __TUTOR_TEXT_DOMAIN__),
     value: 'illustration',
     image: illustration,
   },
   {
-    label: __('Dreamy', 'tutor'),
+    label: __('Dreamy', __TUTOR_TEXT_DOMAIN__),
     value: 'dreamy',
     image: dreamy,
   },
   {
-    label: __('Filmic', 'tutor'),
+    label: __('Filmic', __TUTOR_TEXT_DOMAIN__),
     value: 'filmic',
     image: filmic,
   },
   {
-    label: __('Retro', 'tutor'),
+    label: __('Retro', __TUTOR_TEXT_DOMAIN__),
     value: 'retrowave',
     image: retro,
   },
   {
-    label: __('Black & White', 'tutor'),
+    label: __('Black & White', __TUTOR_TEXT_DOMAIN__),
     value: 'black-and-white',
     image: blackAndWhite,
   },
@@ -195,8 +195,8 @@ export const ImageGeneration = () => {
               render={(props) => (
                 <FormTextareaInput
                   {...props}
-                  label={__('Visualize Your Course', 'tutor')}
-                  placeholder={__('Describe the image you want for your course thumbnail', 'tutor')}
+                  label={__('Visualize Your Course', __TUTOR_TEXT_DOMAIN__)}
+                  placeholder={__('Describe the image you want for your course thumbnail', __TUTOR_TEXT_DOMAIN__)}
                   rows={4}
                   isMagicAi
                   disabled={magicImageGenerationMutation.isPending}
@@ -215,7 +215,7 @@ export const ImageGeneration = () => {
               disabled={magicImageGenerationMutation.isPending}
             >
               <SVGIcon name="bulbLine" />
-              {__('Inspire Me', 'tutor')}
+              {__('Inspire Me', __TUTOR_TEXT_DOMAIN__)}
             </button>
           </div>
 
@@ -225,7 +225,7 @@ export const ImageGeneration = () => {
             render={(props) => (
               <FormImageRadioGroup
                 {...props}
-                label={__('Styles', 'tutor')}
+                label={__('Styles', __TUTOR_TEXT_DOMAIN__)}
                 options={styleOptions}
                 disabled={magicImageGenerationMutation.isPending}
               />
@@ -236,7 +236,9 @@ export const ImageGeneration = () => {
         <div css={magicAIStyles.rightFooter}>
           <MagicButton type="submit" disabled={magicImageGenerationMutation.isPending || isDisabledButton}>
             <SVGIcon name={hasGeneratedImage ? 'reload' : 'magicAi'} width={24} height={24} />
-            {hasGeneratedImage ? __('Generate Again', 'tutor') : __('Generate Now', 'tutor')}
+            {hasGeneratedImage
+              ? __('Generate Again', __TUTOR_TEXT_DOMAIN__)
+              : __('Generate Now', __TUTOR_TEXT_DOMAIN__)}
           </MagicButton>
         </div>
       </div>
diff --git a/assets/react/v3/shared/components/magic-ai-image/ImageItem.tsx b/assets/react/v3/shared/components/magic-ai-image/ImageItem.tsx
index 2738625c6f..407ce159b5 100644
--- a/assets/react/v3/shared/components/magic-ai-image/ImageItem.tsx
+++ b/assets/react/v3/shared/components/magic-ai-image/ImageItem.tsx
@@ -20,23 +20,23 @@ import { type DropdownState, useMagicImageGeneration } from './ImageContext';
 
 const options: Option<DropdownState>[] = [
   {
-    label: __('Magic Fill', 'tutor'),
+    label: __('Magic Fill', __TUTOR_TEXT_DOMAIN__),
     value: 'magic-fill',
     icon: <SVGIcon name="magicWand" width={24} height={24} />,
   },
   // @TODO: will be implemented in the future
   // {
-  //   label: __('Object eraser', 'tutor'),
+  //   label: __('Object eraser', __TUTOR_TEXT_DOMAIN__),
   //   value: 'magic-erase',
   //   icon: <SVGIcon name="eraser" width={24} height={24} />,
   // },
   // {
-  //   label: __('Variations', 'tutor'),
+  //   label: __('Variations', __TUTOR_TEXT_DOMAIN__),
   //   value: 'variations',
   //   icon: <SVGIcon name="reload" width={24} height={24} />,
   // },
   {
-    label: __('Download', 'tutor'),
+    label: __('Download', __TUTOR_TEXT_DOMAIN__),
     value: 'download',
     icon: <SVGIcon name="download" width={24} height={24} />,
   },
@@ -59,7 +59,7 @@ export const AiImageItem = ({ src, loading, index }: { src: string | null; loadi
           isActive: storeAIGeneratedImageMutation.isPending,
         })}
       >
-        <img src={src} alt={__('Generated Image', 'tutor')} />
+        <img src={src} alt={__('Generated Image', __TUTOR_TEXT_DOMAIN__)} />
         <div data-actions>
           <div css={styles.useButton}>
             <MagicButton
@@ -79,7 +79,7 @@ export const AiImageItem = ({ src, loading, index }: { src: string | null; loadi
               loading={storeAIGeneratedImageMutation.isPending}
             >
               <SVGIcon name="download" width={24} height={24} />
-              {__('Use This', 'tutor')}
+              {__('Use This', __TUTOR_TEXT_DOMAIN__)}
             </MagicButton>
           </div>
           <MagicButton variant="primary" size="icon" css={styles.threeDots} ref={ref} onClick={() => setIsOpen(true)}>
diff --git a/assets/react/v3/shared/components/magic-ai-image/MagicFill.tsx b/assets/react/v3/shared/components/magic-ai-image/MagicFill.tsx
index 9eadfd7acd..6abc4b3904 100644
--- a/assets/react/v3/shared/components/magic-ai-image/MagicFill.tsx
+++ b/assets/react/v3/shared/components/magic-ai-image/MagicFill.tsx
@@ -125,7 +125,7 @@ const MagicFill = () => {
               <button type="button" css={styles.backButton} onClick={() => onDropdownMenuChange('generation')}>
                 <SVGIcon name="arrowLeft" />
               </button>
-              {__('Magic Fill', 'tutor')}
+              {__('Magic Fill', __TUTOR_TEXT_DOMAIN__)}
             </div>
             <div css={styles.actions}>
               <MagicButton
@@ -137,7 +137,7 @@ const MagicFill = () => {
                   setPointer(1);
                 }}
               >
-                {__('Revert to Original', 'tutor')}
+                {__('Revert to Original', __TUTOR_TEXT_DOMAIN__)}
               </MagicButton>
               <Separator
                 variant="vertical"
@@ -240,8 +240,8 @@ const MagicFill = () => {
             render={(props) => (
               <FormTextareaInput
                 {...props}
-                label={__('Describe the Fill', 'tutor')}
-                placeholder={__('Write 5 words to describe...', 'tutor')}
+                label={__('Describe the Fill', __TUTOR_TEXT_DOMAIN__)}
+                placeholder={__('Write 5 words to describe...', __TUTOR_TEXT_DOMAIN__)}
                 rows={4}
                 isMagicAi
               />
@@ -259,7 +259,7 @@ const MagicFill = () => {
           <div css={styles.footerButtons}>
             <MagicButton type="submit" disabled={magicFillImageMutation.isPending || !form.watch('prompt')}>
               <SVGIcon name="magicWand" width={24} height={24} />
-              {__('Generative Erase', 'tutor')}
+              {__('Generative Erase', __TUTOR_TEXT_DOMAIN__)}
             </MagicButton>
             <MagicButton
               variant="primary_outline"
@@ -276,7 +276,7 @@ const MagicFill = () => {
                 }
               }}
             >
-              {__('Use Image', 'tutor')}
+              {__('Use Image', __TUTOR_TEXT_DOMAIN__)}
             </MagicButton>
           </div>
         </div>
diff --git a/assets/react/v3/shared/components/modals/AITextModal.tsx b/assets/react/v3/shared/components/modals/AITextModal.tsx
index 49bf2a408e..72ad427b8e 100644
--- a/assets/react/v3/shared/components/modals/AITextModal.tsx
+++ b/assets/react/v3/shared/components/modals/AITextModal.tsx
@@ -62,16 +62,16 @@ export interface GenerateTextFieldProps {
 }
 
 const inspirationPrompts = [
-  __('Mastering Digital Marketing: A Complete Guide', 'tutor'),
-  __('The Ultimate Photoshop Course for Beginners', 'tutor'),
-  __('Python Programming: From Zero to Hero', 'tutor'),
-  __('Creative Writing Essentials: Unlock Your Storytelling Potential', 'tutor'),
-  __('The Complete Guide to Web Development with React', 'tutor'),
-  __('Master Public Speaking: Deliver Powerful Presentations', 'tutor'),
-  __('Excel for Business: From Basics to Advanced Analytics', 'tutor'),
-  __('Fitness Fundamentals: Build Strength and Confidence', 'tutor'),
-  __('Photography Made Simple: Capture Stunning Shots', 'tutor'),
-  __('Financial Freedom: Learn the Basics of Investing', 'tutor'),
+  __('Mastering Digital Marketing: A Complete Guide', __TUTOR_TEXT_DOMAIN__),
+  __('The Ultimate Photoshop Course for Beginners', __TUTOR_TEXT_DOMAIN__),
+  __('Python Programming: From Zero to Hero', __TUTOR_TEXT_DOMAIN__),
+  __('Creative Writing Essentials: Unlock Your Storytelling Potential', __TUTOR_TEXT_DOMAIN__),
+  __('The Complete Guide to Web Development with React', __TUTOR_TEXT_DOMAIN__),
+  __('Master Public Speaking: Deliver Powerful Presentations', __TUTOR_TEXT_DOMAIN__),
+  __('Excel for Business: From Basics to Advanced Analytics', __TUTOR_TEXT_DOMAIN__),
+  __('Fitness Fundamentals: Build Strength and Confidence', __TUTOR_TEXT_DOMAIN__),
+  __('Photography Made Simple: Capture Stunning Shots', __TUTOR_TEXT_DOMAIN__),
+  __('Financial Freedom: Learn the Basics of Investing', __TUTOR_TEXT_DOMAIN__),
 ];
 
 const AITextModal = <T extends FieldValues>({
@@ -187,10 +187,13 @@ const AITextModal = <T extends FieldValues>({
               render={(props) => (
                 <FormTextareaInput
                   {...props}
-                  label={fieldLabel || __('Craft Your Course Description', 'tutor')}
+                  label={fieldLabel || __('Craft Your Course Description', __TUTOR_TEXT_DOMAIN__)}
                   placeholder={
                     fieldPlaceholder ||
-                    __('Provide a brief overview of your course topic, target audience, and key takeaways', 'tutor')
+                    __(
+                      'Provide a brief overview of your course topic, target audience, and key takeaways',
+                      __TUTOR_TEXT_DOMAIN__,
+                    )
                   }
                   rows={4}
                   isMagicAi
@@ -207,7 +210,7 @@ const AITextModal = <T extends FieldValues>({
               }}
             >
               <SVGIcon name="bulbLine" />
-              {__('Inspire Me', 'tutor')}
+              {__('Inspire Me', __TUTOR_TEXT_DOMAIN__)}
             </button>
           </div>
           <Show
@@ -274,17 +277,17 @@ const AITextModal = <T extends FieldValues>({
                   roundedFull={false}
                   onClick={() => handleContentModification('rephrase')}
                 >
-                  {__('Rephrase', 'tutor')}
+                  {__('Rephrase', __TUTOR_TEXT_DOMAIN__)}
                 </MagicButton>
                 <MagicButton
                   variant="outline"
                   roundedFull={false}
                   onClick={() => handleContentModification('make_shorter')}
                 >
-                  {__('Make Shorter', 'tutor')}
+                  {__('Make Shorter', __TUTOR_TEXT_DOMAIN__)}
                 </MagicButton>
                 <MagicButton variant="outline" roundedFull={false} ref={toneRef} onClick={() => setPopover('tone')}>
-                  {__('Change Tone', 'tutor')}
+                  {__('Change Tone', __TUTOR_TEXT_DOMAIN__)}
                   <SVGIcon name="chevronDown" width={16} height={16} />
                 </MagicButton>
                 <MagicButton
@@ -293,7 +296,7 @@ const AITextModal = <T extends FieldValues>({
                   ref={translateRef}
                   onClick={() => setPopover('translate')}
                 >
-                  {__('Translate to', 'tutor')}
+                  {__('Translate to', __TUTOR_TEXT_DOMAIN__)}
                   <SVGIcon name="chevronDown" width={16} height={16} />
                 </MagicButton>
                 <MagicButton
@@ -301,21 +304,21 @@ const AITextModal = <T extends FieldValues>({
                   roundedFull={false}
                   onClick={() => handleContentModification('write_as_bullets')}
                 >
-                  {__('Write as Bullets', 'tutor')}
+                  {__('Write as Bullets', __TUTOR_TEXT_DOMAIN__)}
                 </MagicButton>
                 <MagicButton
                   variant="outline"
                   roundedFull={false}
                   onClick={() => handleContentModification('make_longer')}
                 >
-                  {__('Make Longer', 'tutor')}
+                  {__('Make Longer', __TUTOR_TEXT_DOMAIN__)}
                 </MagicButton>
                 <MagicButton
                   variant="outline"
                   roundedFull={false}
                   onClick={() => handleContentModification('simplify_language')}
                 >
-                  {__('Simplify Language', 'tutor')}
+                  {__('Simplify Language', __TUTOR_TEXT_DOMAIN__)}
                 </MagicButton>
               </div>
             </Show>
@@ -361,7 +364,7 @@ const AITextModal = <T extends FieldValues>({
                 disabled={magicTextGenerationMutation.isPending || !prompt || modifyContentMutation.isPending}
               >
                 <SVGIcon name="magicWand" width={24} height={24} />
-                {__('Generate Now', 'tutor')}
+                {__('Generate Now', __TUTOR_TEXT_DOMAIN__)}
               </MagicButton>
             }
           >
@@ -370,7 +373,7 @@ const AITextModal = <T extends FieldValues>({
               type="submit"
               disabled={magicTextGenerationMutation.isPending || !prompt || modifyContentMutation.isPending}
             >
-              {__('Generate Again', 'tutor')}
+              {__('Generate Again', __TUTOR_TEXT_DOMAIN__)}
             </MagicButton>
             <MagicButton
               variant="primary"
@@ -382,7 +385,7 @@ const AITextModal = <T extends FieldValues>({
                 closeModal();
               }}
             >
-              {__('Use This', 'tutor')}
+              {__('Use This', __TUTOR_TEXT_DOMAIN__)}
             </MagicButton>
           </Show>
         </div>
diff --git a/assets/react/v3/shared/components/modals/CertificatePreviewModal.tsx b/assets/react/v3/shared/components/modals/CertificatePreviewModal.tsx
index fb8cc22921..9a48521556 100644
--- a/assets/react/v3/shared/components/modals/CertificatePreviewModal.tsx
+++ b/assets/react/v3/shared/components/modals/CertificatePreviewModal.tsx
@@ -89,7 +89,7 @@ const CertificatePreviewModal = ({
             <img css={styles.certificate} src={currentCertificate.preview_src} alt={currentCertificate.name} />
 
             <div css={styles.actionsWrapper}>
-              <Tooltip placement="right" content={__('Close', 'tutor')}>
+              <Tooltip placement="right" content={__('Close', __TUTOR_TEXT_DOMAIN__)}>
                 <button
                   ref={closeButtonRef}
                   type="button"
@@ -103,7 +103,7 @@ const CertificatePreviewModal = ({
               </Tooltip>
               <Show when={currentCertificate.edit_url}>
                 {(editUrl) => (
-                  <Tooltip placement="right" content={__('Edit in Certificate Builder', 'tutor')}>
+                  <Tooltip placement="right" content={__('Edit in Certificate Builder', __TUTOR_TEXT_DOMAIN__)}>
                     <button
                       type="button"
                       css={[styles.actionButton, styles.editButton]}
@@ -139,7 +139,9 @@ const CertificatePreviewModal = ({
             }}
             disabled={selectedCertificate === currentCertificate.key}
           >
-            {selectedCertificate === currentCertificate.key ? __('Selected', 'tutor') : __('Select', 'tutor')}
+            {selectedCertificate === currentCertificate.key
+              ? __('Selected', __TUTOR_TEXT_DOMAIN__)
+              : __('Select', __TUTOR_TEXT_DOMAIN__)}
           </Button>
           <button
             type="button"
diff --git a/assets/react/v3/shared/components/modals/ConfirmationModal.tsx b/assets/react/v3/shared/components/modals/ConfirmationModal.tsx
index 7550750593..7f5ccae92c 100644
--- a/assets/react/v3/shared/components/modals/ConfirmationModal.tsx
+++ b/assets/react/v3/shared/components/modals/ConfirmationModal.tsx
@@ -31,10 +31,12 @@ const ConfirmationModal = ({
 }: ConfirmationModalProps) => {
   return (
     <BasicModalWrapper icon={icon} onClose={() => closeModal({ action: 'CLOSE' })} title={title} maxWidth={maxWidth}>
-      <div css={styles.content}>{description ?? __('Once you perform this action this can’t be undone.', 'tutor')}</div>
+      <div css={styles.content}>
+        {description ?? __('Once you perform this action this can’t be undone.', __TUTOR_TEXT_DOMAIN__)}
+      </div>
       <div css={styles.footerWrapper}>
         <Button variant="text" onClick={() => closeModal({ action: 'CLOSE' })} size="small">
-          {cancelButtonText ?? __('Cancel', 'tutor')}
+          {cancelButtonText ?? __('Cancel', __TUTOR_TEXT_DOMAIN__)}
         </Button>
         <Button
           variant={confirmButtonVariant ?? 'danger'}
@@ -48,7 +50,7 @@ const ConfirmationModal = ({
             }
           }}
         >
-          {confirmButtonText ?? __('Delete', 'tutor')}
+          {confirmButtonText ?? __('Delete', __TUTOR_TEXT_DOMAIN__)}
         </Button>
       </div>
     </BasicModalWrapper>
diff --git a/assets/react/v3/shared/components/modals/CourseCategorySelectModal/CategoryListTable.tsx b/assets/react/v3/shared/components/modals/CourseCategorySelectModal/CategoryListTable.tsx
index 87347a7592..e4979b16b1 100644
--- a/assets/react/v3/shared/components/modals/CourseCategorySelectModal/CategoryListTable.tsx
+++ b/assets/react/v3/shared/components/modals/CourseCategorySelectModal/CategoryListTable.tsx
@@ -53,10 +53,10 @@ const CategoryListTable = ({ form }: CategoryListTableProps) => {
         <Checkbox
           onChange={toggleSelection}
           checked={categoryListQuery.isLoading || categoryListQuery.isRefetching ? false : handleAllIsChecked()}
-          label={__('Category', 'tutor')}
+          label={__('Category', __TUTOR_TEXT_DOMAIN__)}
         />
       ) : (
-        __('Category', 'tutor')
+        __('Category', __TUTOR_TEXT_DOMAIN__)
       ),
       Cell: (item) => {
         return (
@@ -74,10 +74,14 @@ const CategoryListTable = ({ form }: CategoryListTableProps) => {
               }}
               checked={selectedCategories.map((category) => category.id).includes(item.id)}
             />
-            <img src={item.image || coursePlaceholder} css={styles.thumbnail} alt={__('category item', 'tutor')} />
+            <img
+              src={item.image || coursePlaceholder}
+              css={styles.thumbnail}
+              alt={__('category item', __TUTOR_TEXT_DOMAIN__)}
+            />
             <div css={styles.courseItem}>
               <div>{item.title}</div>
-              <p>{`${item.total_courses} ${__('Courses', 'tutor')}`}</p>
+              <p>{`${item.total_courses} ${__('Courses', __TUTOR_TEXT_DOMAIN__)}`}</p>
             </div>
           </div>
         );
@@ -91,7 +95,7 @@ const CategoryListTable = ({ form }: CategoryListTableProps) => {
   }
 
   if (!categoryListQuery.data) {
-    return <div css={styles.errorMessage}>{__('Something went wrong', 'tutor')}</div>;
+    return <div css={styles.errorMessage}>{__('Something went wrong', __TUTOR_TEXT_DOMAIN__)}</div>;
   }
 
   return (
diff --git a/assets/react/v3/shared/components/modals/CourseCategorySelectModal/CourseListTable.tsx b/assets/react/v3/shared/components/modals/CourseCategorySelectModal/CourseListTable.tsx
index 7797fc280e..ba01f6a411 100644
--- a/assets/react/v3/shared/components/modals/CourseCategorySelectModal/CourseListTable.tsx
+++ b/assets/react/v3/shared/components/modals/CourseCategorySelectModal/CourseListTable.tsx
@@ -56,7 +56,7 @@ const CourseListTable = ({ type, form }: CourseListTableProps) => {
         <Checkbox
           onChange={toggleSelection}
           checked={courseListQuery.isLoading || courseListQuery.isRefetching ? false : handleAllIsChecked()}
-          label={type === 'courses' ? __('Courses', 'tutor') : __('Bundles', 'tutor')}
+          label={type === 'courses' ? __('Courses', __TUTOR_TEXT_DOMAIN__) : __('Bundles', __TUTOR_TEXT_DOMAIN__)}
           labelCss={styles.checkboxLabel}
         />
       ) : (
@@ -78,7 +78,11 @@ const CourseListTable = ({ type, form }: CourseListTableProps) => {
               }}
               checked={selectedCourses.map((course) => course.id).includes(item.id)}
             />
-            <img src={item.image || coursePlaceholder} css={styles.thumbnail} alt={__('course item', 'tutor')} />
+            <img
+              src={item.image || coursePlaceholder}
+              css={styles.thumbnail}
+              alt={__('course item', __TUTOR_TEXT_DOMAIN__)}
+            />
             <div css={styles.courseItem}>
               <div>{item.title}</div>
               <p>{item.author}</p>
@@ -88,15 +92,15 @@ const CourseListTable = ({ type, form }: CourseListTableProps) => {
       },
     },
     {
-      Header: __('Price', 'tutor'),
+      Header: __('Price', __TUTOR_TEXT_DOMAIN__),
       Cell: (item) => {
         return (
           <div css={styles.price}>
             {item.plan_start_price ? (
               <span css={styles.startingFrom}>
                 {
-                  /* translators: %s is the starting price */
-                  sprintf(__('Starting from %s', 'tutor'), item.plan_start_price)
+                  /* translators: %s is the starting price. */
+                  sprintf(__('Starting from %s', __TUTOR_TEXT_DOMAIN__), item.plan_start_price)
                 }
               </span>
             ) : (
@@ -116,7 +120,7 @@ const CourseListTable = ({ type, form }: CourseListTableProps) => {
   }
 
   if (!courseListQuery.data) {
-    return <div css={styles.errorMessage}>{__('Something went wrong', 'tutor')}</div>;
+    return <div css={styles.errorMessage}>{__('Something went wrong', __TUTOR_TEXT_DOMAIN__)}</div>;
   }
 
   return (
diff --git a/assets/react/v3/shared/components/modals/CourseCategorySelectModal/SearchField.tsx b/assets/react/v3/shared/components/modals/CourseCategorySelectModal/SearchField.tsx
index 8e0b198692..415824e4a4 100644
--- a/assets/react/v3/shared/components/modals/CourseCategorySelectModal/SearchField.tsx
+++ b/assets/react/v3/shared/components/modals/CourseCategorySelectModal/SearchField.tsx
@@ -33,7 +33,7 @@ const SearchField = ({ onFilterItems }: SearchFieldProps) => {
         <FormInputWithContent
           {...controllerProps}
           content={<SVGIcon name="search" width={24} height={24} />}
-          placeholder={__('Search...', 'tutor')}
+          placeholder={__('Search...', __TUTOR_TEXT_DOMAIN__)}
           showVerticalBar={false}
         />
       )}
diff --git a/assets/react/v3/shared/components/modals/CourseCategorySelectModal/index.tsx b/assets/react/v3/shared/components/modals/CourseCategorySelectModal/index.tsx
index 2aefe9a772..604028e451 100644
--- a/assets/react/v3/shared/components/modals/CourseCategorySelectModal/index.tsx
+++ b/assets/react/v3/shared/components/modals/CourseCategorySelectModal/index.tsx
@@ -44,7 +44,7 @@ function CourseCategorySelectModal({
   return (
     <BasicModalWrapper
       onClose={() => closeModal({ action: 'CLOSE' })}
-      title={selectedItems.length ? sprintf(__('%d Selected', 'tutor'), selectedItems.length) : title}
+      title={selectedItems.length ? sprintf(__('%d Selected', __TUTOR_TEXT_DOMAIN__), selectedItems.length) : title}
       actions={actions}
       maxWidth={720}
     >
@@ -56,10 +56,10 @@ function CourseCategorySelectModal({
       </Show>
       <div css={styles.footer}>
         <Button size="small" variant="text" onClick={() => closeModal({ action: 'CLOSE' })}>
-          {__('Cancel', 'tutor')}
+          {__('Cancel', __TUTOR_TEXT_DOMAIN__)}
         </Button>
         <Button size="small" variant="primary" onClick={handleApply}>
-          {__('Apply', 'tutor')}
+          {__('Apply', __TUTOR_TEXT_DOMAIN__)}
         </Button>
       </div>
     </BasicModalWrapper>
diff --git a/assets/react/v3/shared/components/modals/CourseListModal/CourseListTable.tsx b/assets/react/v3/shared/components/modals/CourseListModal/CourseListTable.tsx
index 0c3d14e15d..712693411d 100644
--- a/assets/react/v3/shared/components/modals/CourseListModal/CourseListTable.tsx
+++ b/assets/react/v3/shared/components/modals/CourseListModal/CourseListTable.tsx
@@ -103,9 +103,9 @@ const CourseListTable = ({ form, type = 'courses' }: CourseListTableProps) => {
           <Checkbox
             onChange={handleToggleSelection}
             checked={!(courseListQuery.isLoading || courseListQuery.isRefetching) && areAllItemsSelected}
-            label={__('Name', 'tutor')}
+            label={__('Name', __TUTOR_TEXT_DOMAIN__)}
             labelCss={styles.checkboxLabel}
-            aria-label={__('Select all items', 'tutor')}
+            aria-label={__('Select all items', __TUTOR_TEXT_DOMAIN__)}
           />
         ) : (
           '#'
@@ -115,13 +115,13 @@ const CourseListTable = ({ form, type = 'courses' }: CourseListTableProps) => {
             <Checkbox
               onChange={() => handleItemToggle(item)}
               checked={selectedItemIds.includes(item.id)}
-              aria-label={`${__('Select', 'tutor')} ${item.title}`}
+              aria-label={`${__('Select', __TUTOR_TEXT_DOMAIN__)} ${item.title}`}
             />
             <div css={styles.courseItemWrapper}>
               <img
                 src={item.image || coursePlaceholder}
                 css={styles.thumbnail}
-                alt={item.title || __('Course item', 'tutor')}
+                alt={item.title || __('Course item', __TUTOR_TEXT_DOMAIN__)}
               />
               <div css={styles.title}>
                 <div>{item.title}</div>
@@ -129,7 +129,7 @@ const CourseListTable = ({ form, type = 'courses' }: CourseListTableProps) => {
                   <div>
                     {
                       /* translators: %d is the total number of courses */
-                      sprintf(__('Total Courses: %d', 'tutor'), item.total_courses || 0)
+                      sprintf(__('Total Courses: %d', __TUTOR_TEXT_DOMAIN__), item.total_courses || 0)
                     }
                   </div>
                 </Show>
@@ -152,13 +152,13 @@ const CourseListTable = ({ form, type = 'courses' }: CourseListTableProps) => {
   );
 
   if (courseListQuery.isLoading || bundleListQuery.isLoading) {
-    return <LoadingSection aria-label={__('Loading', 'tutor')} />;
+    return <LoadingSection aria-label={__('Loading', __TUTOR_TEXT_DOMAIN__)} />;
   }
 
   if (!courseListQuery.data && !bundleListQuery.data) {
     return (
       <div css={styles.errorMessage} role="alert" aria-live="assertive">
-        {__('Something went wrong', 'tutor')}
+        {__('Something went wrong', __TUTOR_TEXT_DOMAIN__)}
       </div>
     );
   }
diff --git a/assets/react/v3/shared/components/modals/CourseListModal/SearchField.tsx b/assets/react/v3/shared/components/modals/CourseListModal/SearchField.tsx
index 93647d04ba..ca431daa33 100644
--- a/assets/react/v3/shared/components/modals/CourseListModal/SearchField.tsx
+++ b/assets/react/v3/shared/components/modals/CourseListModal/SearchField.tsx
@@ -34,7 +34,7 @@ const SearchField = ({ onFilterItems }: SearchFieldProps) => {
         <FormInputWithContent
           {...controllerProps}
           content={<SVGIcon name="search" width={24} height={24} />}
-          placeholder={__('Search...', 'tutor')}
+          placeholder={__('Search...', __TUTOR_TEXT_DOMAIN__)}
           showVerticalBar={false}
         />
       )}
diff --git a/assets/react/v3/shared/components/modals/CourseListModal/index.tsx b/assets/react/v3/shared/components/modals/CourseListModal/index.tsx
index 4806104181..8a8ace9b61 100644
--- a/assets/react/v3/shared/components/modals/CourseListModal/index.tsx
+++ b/assets/react/v3/shared/components/modals/CourseListModal/index.tsx
@@ -47,7 +47,7 @@ function CourseListModal({ title, closeModal, actions, form, type = 'courses' }:
       onClose={() => closeModal({ action: 'CLOSE' })}
       title={
         /* translators: %s is the number of selected items */
-        selectedItems.length > 0 ? sprintf(__('%s selected', 'tutor'), selectedItems.length) : title
+        selectedItems.length > 0 ? sprintf(__('%s selected', __TUTOR_TEXT_DOMAIN__), selectedItems.length) : title
       }
       actions={actions}
       maxWidth={720}
@@ -55,7 +55,7 @@ function CourseListModal({ title, closeModal, actions, form, type = 'courses' }:
       <CourseListTable form={_form} type={type} />
       <div css={styles.footer}>
         <Button size="small" variant="text" onClick={() => closeModal({ action: 'CLOSE' })}>
-          {__('Cancel', 'tutor')}
+          {__('Cancel', __TUTOR_TEXT_DOMAIN__)}
         </Button>
         <Button
           size="small"
@@ -64,7 +64,7 @@ function CourseListModal({ title, closeModal, actions, form, type = 'courses' }:
           disabled={selectedItems.length === 0}
           data-cy="add-courses"
         >
-          {__('Add', 'tutor')}
+          {__('Add', __TUTOR_TEXT_DOMAIN__)}
         </Button>
       </div>
     </BasicModalWrapper>
diff --git a/assets/react/v3/shared/components/modals/H5PContentListModal.tsx b/assets/react/v3/shared/components/modals/H5PContentListModal.tsx
index bed7a9a5ff..7f2394c1a1 100644
--- a/assets/react/v3/shared/components/modals/H5PContentListModal.tsx
+++ b/assets/react/v3/shared/components/modals/H5PContentListModal.tsx
@@ -104,19 +104,19 @@ const H5PContentListModal = ({
       },
     },
     {
-      Header: <div css={styles.tableLabel}>{__('Title', 'tutor')}</div>,
+      Header: <div css={styles.tableLabel}>{__('Title', __TUTOR_TEXT_DOMAIN__)}</div>,
       Cell: (item) => {
         return <div css={styles.title}>{item.title}</div>;
       },
     },
     {
-      Header: <div css={styles.tableLabel}>{__('Content Type', 'tutor')}</div>,
+      Header: <div css={styles.tableLabel}>{__('Content Type', __TUTOR_TEXT_DOMAIN__)}</div>,
       Cell: (item) => {
         return <div css={typography.caption()}>{item.content_type}</div>;
       },
     },
     {
-      Header: <div css={styles.tableLabel}>{__('Created At', 'tutor')}</div>,
+      Header: <div css={styles.tableLabel}>{__('Created At', __TUTOR_TEXT_DOMAIN__)}</div>,
       Cell: (item) => {
         return (
           <div css={typography.caption()}>
@@ -131,7 +131,7 @@ const H5PContentListModal = ({
     <BasicModalWrapper
       title={
         /* translators: %s is the number of selected items */
-        selectedContents.length > 0 ? sprintf(__('%s selected', 'tutor'), selectedContents.length) : title
+        selectedContents.length > 0 ? sprintf(__('%s selected', __TUTOR_TEXT_DOMAIN__), selectedContents.length) : title
       }
       onClose={() => closeModal({ action: 'CLOSE' })}
       maxWidth={920}
@@ -143,7 +143,7 @@ const H5PContentListModal = ({
           render={(controllerProps) => (
             <FormInputWithContent
               {...controllerProps}
-              placeholder={__('Search by title', 'tutor')}
+              placeholder={__('Search by title', __TUTOR_TEXT_DOMAIN__)}
               showVerticalBar={false}
               content={<SVGIcon name="search" width={24} height={24} />}
             />
@@ -161,7 +161,7 @@ const H5PContentListModal = ({
       <Show when={filteredContent?.length}>
         <div css={styles.footer}>
           <Button size="small" variant="text" onClick={() => closeModal({ action: 'CLOSE' })}>
-            {__('Cancel', 'tutor')}
+            {__('Cancel', __TUTOR_TEXT_DOMAIN__)}
           </Button>
           <Button
             type="submit"
@@ -173,7 +173,7 @@ const H5PContentListModal = ({
             }}
             disabled={!selectedContents.length}
           >
-            {__('Add', 'tutor')}
+            {__('Add', __TUTOR_TEXT_DOMAIN__)}
           </Button>
         </div>
       </Show>
diff --git a/assets/react/v3/shared/components/modals/ImportErrorListModal.tsx b/assets/react/v3/shared/components/modals/ImportErrorListModal.tsx
index 4ee3e5b54e..eaebb19cbb 100644
--- a/assets/react/v3/shared/components/modals/ImportErrorListModal.tsx
+++ b/assets/react/v3/shared/components/modals/ImportErrorListModal.tsx
@@ -19,13 +19,13 @@ interface ImportErrorListModalProps extends ModalProps {
 
 const ImportErrorListModal = ({ errors, closeModal }: ImportErrorListModalProps) => {
   const errorTypeTextMap = {
-    topics: __('Topic', 'tutor'),
-    lesson: __('Lesson', 'tutor'),
-    tutor_quiz: __('Quiz', 'tutor'),
-    tutor_assignments: __('Assignment', 'tutor'),
-    'cb-question': __('Content Bank Question', 'tutor'),
-    'cb-lesson': __('Content Bank Lesson', 'tutor'),
-    'cb-assignment': __('Content Bank Assignment', 'tutor'),
+    topics: __('Topic', __TUTOR_TEXT_DOMAIN__),
+    lesson: __('Lesson', __TUTOR_TEXT_DOMAIN__),
+    tutor_quiz: __('Quiz', __TUTOR_TEXT_DOMAIN__),
+    tutor_assignments: __('Assignment', __TUTOR_TEXT_DOMAIN__),
+    'cb-question': __('Content Bank Question', __TUTOR_TEXT_DOMAIN__),
+    'cb-lesson': __('Content Bank Lesson', __TUTOR_TEXT_DOMAIN__),
+    'cb-assignment': __('Content Bank Assignment', __TUTOR_TEXT_DOMAIN__),
   };
 
   const columns: Column<string>[] = [
@@ -35,7 +35,7 @@ const ImportErrorListModal = ({ errors, closeModal }: ImportErrorListModalProps)
       width: '50px',
     },
     {
-      Header: __('Title', 'tutor'),
+      Header: __('Title', __TUTOR_TEXT_DOMAIN__),
       Cell: (error) => <span>{error}</span>,
     },
   ];
@@ -53,8 +53,8 @@ const ImportErrorListModal = ({ errors, closeModal }: ImportErrorListModalProps)
 
   return (
     <BasicModalWrapper
-      title={__('Import Errors', 'tutor')}
-      subtitle={__('Error occurred in the following items', 'tutor')}
+      title={__('Import Errors', __TUTOR_TEXT_DOMAIN__)}
+      subtitle={__('Error occurred in the following items', __TUTOR_TEXT_DOMAIN__)}
       onClose={closeModal}
       icon={<SVGIcon name="warning" height={24} width={24} />}
       maxWidth={700}
diff --git a/assets/react/v3/shared/components/modals/ProIdentifierModal.tsx b/assets/react/v3/shared/components/modals/ProIdentifierModal.tsx
index b5a5c8662a..27e1a51b89 100644
--- a/assets/react/v3/shared/components/modals/ProIdentifierModal.tsx
+++ b/assets/react/v3/shared/components/modals/ProIdentifierModal.tsx
@@ -28,24 +28,27 @@ interface ProIdentifierModalProps
 const defaults = {
   title: (
     <>
-      {__('Upgrade to Tutor LMS Pro today and experience the power of ', 'tutor')}
-      <span css={styleUtils.aiGradientText}>{__('AI Studio', 'tutor')}</span>
+      {__('Upgrade to Tutor LMS Pro today and experience the power of ', __TUTOR_TEXT_DOMAIN__)}
+      <span css={styleUtils.aiGradientText}>{__('AI Studio', __TUTOR_TEXT_DOMAIN__)}</span>
     </>
   ),
-  message: __('Upgrade your plan to access the AI feature', 'tutor'),
-  featuresTitle: __('Don’t miss out on this game-changing feature!', 'tutor'),
+  message: __('Upgrade your plan to access the AI feature', __TUTOR_TEXT_DOMAIN__),
+  featuresTitle: __('Don’t miss out on this game-changing feature!', __TUTOR_TEXT_DOMAIN__),
   features: [
-    __('Generate a complete course outline in seconds!', 'tutor'),
-    __('Let the AI Studio create Quizzes on your behalf and give your brain a well-deserved break.', 'tutor'),
-    __('Generate images, customize backgrounds, and even remove unwanted objects with ease.', 'tutor'),
-    __('Say goodbye to typos and grammar errors with AI-powered copy editing.', 'tutor'),
+    __('Generate a complete course outline in seconds!', __TUTOR_TEXT_DOMAIN__),
+    __(
+      'Let the AI Studio create Quizzes on your behalf and give your brain a well-deserved break.',
+      __TUTOR_TEXT_DOMAIN__,
+    ),
+    __('Generate images, customize backgrounds, and even remove unwanted objects with ease.', __TUTOR_TEXT_DOMAIN__),
+    __('Say goodbye to typos and grammar errors with AI-powered copy editing.', __TUTOR_TEXT_DOMAIN__),
   ],
   footer: (
     <Button
       onClick={() => window.open(config.TUTOR_PRICING_PAGE, '_blank', 'noopener')}
       icon={<SVGIcon name="crown" width={24} height={24} />}
     >
-      {__('Get Tutor LMS Pro', 'tutor')}
+      {__('Get Tutor LMS Pro', __TUTOR_TEXT_DOMAIN__)}
     </Button>
   ),
 };
@@ -71,7 +74,7 @@ const ProIdentifierModal = ({
           <img
             css={styles.image}
             src={image}
-            alt={typeof title === 'string' ? title : __('Illustration', 'tutor')}
+            alt={typeof title === 'string' ? title : __('Illustration', __TUTOR_TEXT_DOMAIN__)}
             srcSet={image2x ? `${image} ${image2x} 2x` : undefined}
           />
         </Show>
diff --git a/assets/react/v3/shared/components/modals/SetupOpenAiModal.tsx b/assets/react/v3/shared/components/modals/SetupOpenAiModal.tsx
index 899c6c750b..b4f3c39b11 100644
--- a/assets/react/v3/shared/components/modals/SetupOpenAiModal.tsx
+++ b/assets/react/v3/shared/components/modals/SetupOpenAiModal.tsx
@@ -65,7 +65,7 @@ const SetupOpenAiModal = ({ closeModal, image, image2x }: SetupOpenAiModalProps)
   return (
     <BasicModalWrapper
       onClose={() => closeModal({ action: 'CLOSE' })}
-      title={isCurrentUserAdmin ? __('Set OpenAI API key', 'tutor') : undefined}
+      title={isCurrentUserAdmin ? __('Set OpenAI API key', __TUTOR_TEXT_DOMAIN__) : undefined}
       entireHeader={isCurrentUserAdmin ? undefined : <>&nbsp;</>}
       maxWidth={560}
     >
@@ -82,13 +82,13 @@ const SetupOpenAiModal = ({ closeModal, image, image2x }: SetupOpenAiModalProps)
                 css={styles.image}
                 src={image}
                 srcSet={image2x ? `${image} 1x, ${image2x} 2x` : `${image} 1x`}
-                alt={__('Connect API KEY', 'tutor')}
+                alt={__('Connect API KEY', __TUTOR_TEXT_DOMAIN__)}
               />
 
               <div>
-                <div css={styles.message}>{__('API is not connected', 'tutor')}</div>
+                <div css={styles.message}>{__('API is not connected', __TUTOR_TEXT_DOMAIN__)}</div>
                 <div css={styles.title}>
-                  {__('Please, ask your Admin to connect the API with Tutor LMS Pro.', 'tutor')}
+                  {__('Please, ask your Admin to connect the API with Tutor LMS Pro.', __TUTOR_TEXT_DOMAIN__)}
                 </div>
               </div>
             </>
@@ -103,7 +103,7 @@ const SetupOpenAiModal = ({ closeModal, image, image2x }: SetupOpenAiModalProps)
                     __html: sprintf(
                       __(
                         'Find your Secret API key in your %1$sOpenAI User settings%2$s and paste it here to connect OpenAI with your Tutor LMS website.',
-                        'tutor',
+                        __TUTOR_TEXT_DOMAIN__,
                       ),
                       `<a href="${config.CHATGPT_PLATFORM_URL}" target="_blank" rel="noopener noreferrer">`,
                       '</a>',
@@ -112,7 +112,10 @@ const SetupOpenAiModal = ({ closeModal, image, image2x }: SetupOpenAiModalProps)
                 ></div>
 
                 <Alert type="info" icon="warning">
-                  {__('The page will reload after submission. Make sure to save the course information.', 'tutor')}
+                  {__(
+                    'The page will reload after submission. Make sure to save the course information.',
+                    __TUTOR_TEXT_DOMAIN__,
+                  )}
                 </Alert>
               </div>
 
@@ -125,8 +128,8 @@ const SetupOpenAiModal = ({ closeModal, image, image2x }: SetupOpenAiModalProps)
                     {...controllerProps}
                     type="password"
                     isPassword
-                    label={__('OpenAI API key', 'tutor')}
-                    placeholder={__('Enter your OpenAI API key', 'tutor')}
+                    label={__('OpenAI API key', __TUTOR_TEXT_DOMAIN__)}
+                    placeholder={__('Enter your OpenAI API key', __TUTOR_TEXT_DOMAIN__)}
                   />
                 )}
               />
@@ -134,7 +137,9 @@ const SetupOpenAiModal = ({ closeModal, image, image2x }: SetupOpenAiModalProps)
               <Controller
                 name="enable_open_ai"
                 control={form.control}
-                render={(controllerProps) => <FormSwitch {...controllerProps} label={__('Enable OpenAI', 'tutor')} />}
+                render={(controllerProps) => (
+                  <FormSwitch {...controllerProps} label={__('Enable OpenAI', __TUTOR_TEXT_DOMAIN__)} />
+                )}
               />
             </form>
             <div css={styles.formFooter}>
@@ -147,14 +152,14 @@ const SetupOpenAiModal = ({ closeModal, image, image2x }: SetupOpenAiModalProps)
                 variant="text"
                 size="small"
               >
-                {__('Cancel', 'tutor')}
+                {__('Cancel', __TUTOR_TEXT_DOMAIN__)}
               </Button>
               <Button
                 size="small"
                 onClick={form.handleSubmit(handleSubmit)}
                 loading={saveOpenAiSettingsMutation.isPending}
               >
-                {__('Save', 'tutor')}
+                {__('Save', __TUTOR_TEXT_DOMAIN__)}
               </Button>
             </div>
           </>
diff --git a/assets/react/v3/shared/components/modals/SubscriptionModal.tsx b/assets/react/v3/shared/components/modals/SubscriptionModal.tsx
index 8ddcb14d0f..0224256f73 100644
--- a/assets/react/v3/shared/components/modals/SubscriptionModal.tsx
+++ b/assets/react/v3/shared/components/modals/SubscriptionModal.tsx
@@ -67,11 +67,13 @@ export default function SubscriptionModal({
         title={
           isFormDirty
             ? CURRENT_VIEWPORT.isAboveMobile
-              ? __('Unsaved Changes', 'tutor')
+              ? __('Unsaved Changes', __TUTOR_TEXT_DOMAIN__)
               : ''
-            : __('Subscription Plan', 'tutor')
+            : __('Subscription Plan', __TUTOR_TEXT_DOMAIN__)
+        }
+        subtitle={
+          subscription.isSaved ? __('Update plan', __TUTOR_TEXT_DOMAIN__) : __('Create plan', __TUTOR_TEXT_DOMAIN__)
         }
-        subtitle={subscription.isSaved ? __('Update plan', 'tutor') : __('Create plan', 'tutor')}
         maxWidth={1218}
         actions={
           isFormDirty && (
@@ -81,7 +83,7 @@ export default function SubscriptionModal({
                 size="small"
                 onClick={() => (isSaved ? form.reset() : closeModal({ action: 'CLOSE' }))}
               >
-                {isSaved ? __('Discard Changes', 'tutor') : __('Cancel', 'tutor')}
+                {isSaved ? __('Discard Changes', __TUTOR_TEXT_DOMAIN__) : __('Cancel', __TUTOR_TEXT_DOMAIN__)}
               </Button>
               <Button
                 data-cy="save-subscription"
@@ -90,7 +92,7 @@ export default function SubscriptionModal({
                 size="small"
                 onClick={form.handleSubmit(handleSaveSubscription)}
               >
-                {isSaved ? __('Update', 'tutor') : __('Save', 'tutor')}
+                {isSaved ? __('Update', __TUTOR_TEXT_DOMAIN__) : __('Save', __TUTOR_TEXT_DOMAIN__)}
               </Button>
             </>
           )
diff --git a/assets/react/v3/shared/components/modals/SuccessModal.tsx b/assets/react/v3/shared/components/modals/SuccessModal.tsx
index 76c32c46bc..b50b283445 100644
--- a/assets/react/v3/shared/components/modals/SuccessModal.tsx
+++ b/assets/react/v3/shared/components/modals/SuccessModal.tsx
@@ -59,7 +59,7 @@ const SuccessModal = ({
                 }
                 size="small"
               >
-                {__('Ok', 'tutor')}
+                {__('Ok', __TUTOR_TEXT_DOMAIN__)}
               </Button>
             }
           >
diff --git a/assets/react/v3/shared/components/subscription/OfferSalePrice.tsx b/assets/react/v3/shared/components/subscription/OfferSalePrice.tsx
index 6f65cfb255..126ac57ad9 100644
--- a/assets/react/v3/shared/components/subscription/OfferSalePrice.tsx
+++ b/assets/react/v3/shared/components/subscription/OfferSalePrice.tsx
@@ -30,7 +30,7 @@ export function OfferSalePrice() {
         <Controller
           control={form.control}
           name={'offer_sale_price'}
-          render={(props) => <FormSwitch {...props} label={__('Offer sale price', 'tutor')} />}
+          render={(props) => <FormSwitch {...props} label={__('Offer sale price', __TUTOR_TEXT_DOMAIN__)} />}
         />
       </div>
       <Show when={hasSale}>
@@ -42,11 +42,11 @@ export function OfferSalePrice() {
               ...requiredRule(),
               validate: (value) => {
                 if (value && regularPrice && Number(value) >= Number(regularPrice)) {
-                  return __('Sale price should be less than regular price', 'tutor');
+                  return __('Sale price should be less than regular price', __TUTOR_TEXT_DOMAIN__);
                 }
 
                 if (value && regularPrice && Number(value) <= 0) {
-                  return __('Sale price should be greater than 0', 'tutor');
+                  return __('Sale price should be greater than 0', __TUTOR_TEXT_DOMAIN__);
                 }
 
                 return undefined;
@@ -56,7 +56,7 @@ export function OfferSalePrice() {
               <FormInputWithContent
                 {...props}
                 type="number"
-                label={__('Sale Price', 'tutor')}
+                label={__('Sale Price', __TUTOR_TEXT_DOMAIN__)}
                 content={tutor_currency?.symbol || '$'}
                 selectOnFocus
                 contentCss={styleUtils.inputCurrencyStyle}
@@ -66,17 +66,17 @@ export function OfferSalePrice() {
           <Controller
             control={form.control}
             name={'schedule_sale_price'}
-            render={(props) => <FormCheckbox {...props} label={__('Schedule the sale price', 'tutor')} />}
+            render={(props) => <FormCheckbox {...props} label={__('Schedule the sale price', __TUTOR_TEXT_DOMAIN__)} />}
           />
           <Show when={hasScheduledSale}>
             <div css={saleStyles.datetimeWrapper}>
-              <label>{__('Sale starts from', 'tutor')}</label>
+              <label>{__('Sale starts from', __TUTOR_TEXT_DOMAIN__)}</label>
               <div css={styleUtils.dateAndTimeWrapper}>
                 <Controller
                   name={'sale_price_from_date'}
                   control={form.control}
                   rules={{
-                    required: __('Schedule date is required', 'tutor'),
+                    required: __('Schedule date is required', __TUTOR_TEXT_DOMAIN__),
                   }}
                   render={(controllerProps) => (
                     <FormDateInput
@@ -92,7 +92,7 @@ export function OfferSalePrice() {
                   name={'sale_price_from_time'}
                   control={form.control}
                   rules={{
-                    required: __('Schedule time is required', 'tutor'),
+                    required: __('Schedule time is required', __TUTOR_TEXT_DOMAIN__),
                   }}
                   render={(controllerProps) => (
                     <FormTimeInput {...controllerProps} interval={60} isClearable={false} placeholder="hh:mm A" />
@@ -101,20 +101,20 @@ export function OfferSalePrice() {
               </div>
             </div>
             <div css={saleStyles.datetimeWrapper}>
-              <label>{__('Sale ends to', 'tutor')}</label>
+              <label>{__('Sale ends to', __TUTOR_TEXT_DOMAIN__)}</label>
               <div css={styleUtils.dateAndTimeWrapper}>
                 <Controller
                   name={'sale_price_to_date'}
                   control={form.control}
                   rules={{
-                    required: __('Schedule date is required', 'tutor'),
+                    required: __('Schedule date is required', __TUTOR_TEXT_DOMAIN__),
                     validate: {
                       checkEndDate: (value) => {
                         const startDate = form.watch('sale_price_from_date');
                         const endDate = value;
                         if (startDate && endDate) {
                           return new Date(startDate) > new Date(endDate)
-                            ? __('Sales End date should be greater than start date', 'tutor')
+                            ? __('Sales End date should be greater than start date', __TUTOR_TEXT_DOMAIN__)
                             : undefined;
                         }
                         return undefined;
@@ -136,7 +136,7 @@ export function OfferSalePrice() {
                   name={'sale_price_to_time'}
                   control={form.control}
                   rules={{
-                    required: __('Schedule time is required', 'tutor'),
+                    required: __('Schedule time is required', __TUTOR_TEXT_DOMAIN__),
                     validate: {
                       checkEndTime: (value) => {
                         const startDate = form.watch('sale_price_from_date');
@@ -145,7 +145,7 @@ export function OfferSalePrice() {
                         const endTime = value;
                         if (startDate && endDate && startTime && endTime) {
                           return new Date(`${startDate} ${startTime}`) > new Date(`${endDate} ${endTime}`)
-                            ? __('Sales End time should be greater than start time', 'tutor')
+                            ? __('Sales End time should be greater than start time', __TUTOR_TEXT_DOMAIN__)
                             : undefined;
                         }
                         return undefined;
diff --git a/assets/react/v3/shared/components/subscription/PreviewItem.tsx b/assets/react/v3/shared/components/subscription/PreviewItem.tsx
index 1704eec664..efb40227bc 100644
--- a/assets/react/v3/shared/components/subscription/PreviewItem.tsx
+++ b/assets/react/v3/shared/components/subscription/PreviewItem.tsx
@@ -40,17 +40,17 @@ const MARQUEE_SPEED_PX_PER_SEC = 60;
 export const formatRepeatUnit = (unit: Omit<DurationUnit, 'hour'>, value: number) => {
   switch (unit) {
     case 'hour':
-      return value > 1 ? __('Hours', 'tutor') : __('Hour', 'tutor');
+      return value > 1 ? __('Hours', __TUTOR_TEXT_DOMAIN__) : __('Hour', __TUTOR_TEXT_DOMAIN__);
     case 'day':
-      return value > 1 ? __('Days', 'tutor') : __('Day', 'tutor');
+      return value > 1 ? __('Days', __TUTOR_TEXT_DOMAIN__) : __('Day', __TUTOR_TEXT_DOMAIN__);
     case 'week':
-      return value > 1 ? __('Weeks', 'tutor') : __('Week', 'tutor');
+      return value > 1 ? __('Weeks', __TUTOR_TEXT_DOMAIN__) : __('Week', __TUTOR_TEXT_DOMAIN__);
     case 'month':
-      return value > 1 ? __('Months', 'tutor') : __('Month', 'tutor');
+      return value > 1 ? __('Months', __TUTOR_TEXT_DOMAIN__) : __('Month', __TUTOR_TEXT_DOMAIN__);
     case 'year':
-      return value > 1 ? __('Years', 'tutor') : __('Year', 'tutor');
+      return value > 1 ? __('Years', __TUTOR_TEXT_DOMAIN__) : __('Year', __TUTOR_TEXT_DOMAIN__);
     case 'until_cancellation':
-      return __('Until Cancellation', 'tutor');
+      return __('Until Cancellation', __TUTOR_TEXT_DOMAIN__);
   }
 };
 
@@ -80,17 +80,15 @@ export const PreviewItem = ({ subscription, courseId, isBundle, isOverlay }: Pre
   };
 
   const recurringLimit = useMemo(() => {
-    let recurringLimitText: string | JSX.Element = `${subscription.recurring_limit.toString().padStart(2, '0')} ${__(
-      'Billing Cycles',
-      'tutor',
-    )}`;
+    let recurringLimitText: string | JSX.Element =
+      `${subscription.recurring_limit.toString().padStart(2, '0')} ${__('Billing Cycles', __TUTOR_TEXT_DOMAIN__)}`;
 
     if (subscription.recurring_limit === BILLING_CYCLE_CUSTOM_PRESETS.untilCancelled) {
-      recurringLimitText = __('Until Cancellation', 'tutor');
+      recurringLimitText = __('Until Cancellation', __TUTOR_TEXT_DOMAIN__);
     }
 
     if (subscription.recurring_limit === BILLING_CYCLE_CUSTOM_PRESETS.noRenewal) {
-      recurringLimitText = __('No Renewal', 'tutor');
+      recurringLimitText = __('No Renewal', __TUTOR_TEXT_DOMAIN__);
     }
 
     return (
@@ -104,14 +102,18 @@ export const PreviewItem = ({ subscription, courseId, isBundle, isOverlay }: Pre
   const marqueeText = useMemo(
     () => (
       <>
-        <Show when={subscription.payment_type === 'recurring'} fallback={<span>{__('Lifetime', 'tutor')}</span>}>
+        <Show
+          when={subscription.payment_type === 'recurring'}
+          fallback={<span>{__('Lifetime', __TUTOR_TEXT_DOMAIN__)}</span>}
+        >
           <span>
             <Show
               when={subscription.recurring_limit !== BILLING_CYCLE_CUSTOM_PRESETS.noRenewal}
               fallback={`${subscription.recurring_value.toString().padStart(2, '0')} ${formatRepeatUnit(subscription.recurring_interval, Number(subscription.recurring_value))}`}
             >
               {sprintf(
-                __('Renew every %1$s %2$s', 'tutor'),
+                // translators: %1$s - recurring value, %2$s - recurring unit
+                __('Renew every %1$s %2$s', __TUTOR_TEXT_DOMAIN__),
                 subscription.recurring_value.toString().padStart(2, '0'),
                 formatRepeatUnit(subscription.recurring_interval, Number(subscription.recurring_value)),
               )}
@@ -193,8 +195,12 @@ export const PreviewItem = ({ subscription, courseId, isBundle, isOverlay }: Pre
       id: 'subscription-delete-modal',
       component: ConfirmationModal,
       props: {
-        title: sprintf(__('Delete "%s"', 'tutor'), subscription.plan_name),
-        description: __('Are you sure you want to delete this plan? This cannot be undone.', 'tutor'),
+        title: sprintf(
+          // translators: %s is the title of the item to be deleted
+          __('Delete "%s"', __TUTOR_TEXT_DOMAIN__),
+          subscription.plan_name,
+        ),
+        description: __('Are you sure you want to delete this plan? This cannot be undone.', __TUTOR_TEXT_DOMAIN__),
         onConfirm: handleDeleteSubscription,
         confirmButtonVariant: 'danger' as const,
       },
@@ -235,7 +241,7 @@ export const PreviewItem = ({ subscription, courseId, isBundle, isOverlay }: Pre
       })}
       style={sortableStyle}
       ref={setNodeRef}
-      aria-label={__('Subscription plan item', 'tutor')}
+      aria-label={__('Subscription plan item', __TUTOR_TEXT_DOMAIN__)}
     >
       <SVGIcon {...listeners} {...attributes} data-grabber name="threeDotsVerticalDouble" width={20} height={20} />
 
@@ -246,7 +252,7 @@ export const PreviewItem = ({ subscription, courseId, isBundle, isOverlay }: Pre
             onClick={handleEditSubscription}
             onKeyDown={handleKeyDown}
             tabIndex={0}
-            aria-label={__('Edit subscription plan', 'tutor')}
+            aria-label={__('Edit subscription plan', __TUTOR_TEXT_DOMAIN__)}
           >
             <span data-plan-name title={subscription.plan_name}>
               {subscription.plan_name}
@@ -255,8 +261,8 @@ export const PreviewItem = ({ subscription, courseId, isBundle, isOverlay }: Pre
               <SVGIcon style={styles.featuredIcon} name="star" height={20} width={20} />
             </Show>
             <Show when={!subscription.is_enabled}>
-              <TutorBadge css={styles.badge} variant="secondary" title={__('Inactive', 'tutor')}>
-                {__('Inactive', 'tutor')}
+              <TutorBadge css={styles.badge} variant="secondary" title={__('Inactive', __TUTOR_TEXT_DOMAIN__)}>
+                {__('Inactive', __TUTOR_TEXT_DOMAIN__)}
               </TutorBadge>
             </Show>
           </p>
@@ -279,7 +285,7 @@ export const PreviewItem = ({ subscription, courseId, isBundle, isOverlay }: Pre
             >
               <ThreeDots.Option
                 icon={<SVGIcon name="edit" width={16} height={16} />}
-                text={__('Edit', 'tutor')}
+                text={__('Edit', __TUTOR_TEXT_DOMAIN__)}
                 data-cy="edit-subscription"
                 onClick={handleEditSubscription}
               />
@@ -291,12 +297,12 @@ export const PreviewItem = ({ subscription, courseId, isBundle, isOverlay }: Pre
                     <SVGIcon name="duplicate" width={16} height={16} />
                   )
                 }
-                text={__('Duplicate', 'tutor')}
+                text={__('Duplicate', __TUTOR_TEXT_DOMAIN__)}
                 onClick={handleDuplicateSubscription}
               />
               <ThreeDots.Option
                 icon={<SVGIcon name="delete" width={16} height={16} />}
-                text={__('Delete', 'tutor')}
+                text={__('Delete', __TUTOR_TEXT_DOMAIN__)}
                 isTrash
                 onClick={handleDeleteClick}
               />
@@ -306,7 +312,7 @@ export const PreviewItem = ({ subscription, courseId, isBundle, isOverlay }: Pre
         <p
           css={styles.information}
           ref={marqueeContainerRef}
-          aria-label={__('Subscription plan details', 'tutor')}
+          aria-label={__('Subscription plan details', __TUTOR_TEXT_DOMAIN__)}
           title={marqueeContainerRef.current?.textContent}
         >
           <span css={styles.marqueeSlide} ref={marqueeContentRef} data-marquee-content>
diff --git a/assets/react/v3/shared/components/subscription/SubscriptionEmptyState.tsx b/assets/react/v3/shared/components/subscription/SubscriptionEmptyState.tsx
index d633a6960e..38b7d3469b 100644
--- a/assets/react/v3/shared/components/subscription/SubscriptionEmptyState.tsx
+++ b/assets/react/v3/shared/components/subscription/SubscriptionEmptyState.tsx
@@ -17,16 +17,16 @@ export const SubscriptionEmptyState = ({ onCreateSubscription }: { onCreateSubsc
         <img
           src={emptyStateImage}
           srcSet={`${emptyStateImage} ${emptyStateImage2x} 2x`}
-          alt={__('Empty state banner', 'tutor')}
+          alt={__('Empty state banner', __TUTOR_TEXT_DOMAIN__)}
         />
       </div>
 
       <div css={styles.content}>
-        <h5>{__('Boost Revenue with Subscriptions', 'tutor')}</h5>
+        <h5>{__('Boost Revenue with Subscriptions', __TUTOR_TEXT_DOMAIN__)}</h5>
         <p>
           {
             // prettier-ignore
-            __('Offer flexible subscription plans to maximize your earnings and provide students with affordable access to your courses.', 'tutor')
+            __('Offer flexible subscription plans to maximize your earnings and provide students with affordable access to your courses.', __TUTOR_TEXT_DOMAIN__)
           }
         </p>
       </div>
@@ -37,7 +37,7 @@ export const SubscriptionEmptyState = ({ onCreateSubscription }: { onCreateSubsc
           icon={<SVGIcon name="plusSquareBrand" width={24} height={24} />}
           onClick={onCreateSubscription}
         >
-          {__('Add Subscription', 'tutor')}
+          {__('Add Subscription', __TUTOR_TEXT_DOMAIN__)}
         </Button>
       </div>
     </div>
diff --git a/assets/react/v3/shared/components/subscription/SubscriptionItem.tsx b/assets/react/v3/shared/components/subscription/SubscriptionItem.tsx
index 1ba38dbe41..afede6771a 100644
--- a/assets/react/v3/shared/components/subscription/SubscriptionItem.tsx
+++ b/assets/react/v3/shared/components/subscription/SubscriptionItem.tsx
@@ -43,8 +43,8 @@ export default function SubscriptionItem() {
 
   const billingCycles = [
     ...BILLING_CYCLE_PRESETS.map((preset) => ({
-      /* translators: %s is the number of times */
-      label: sprintf(__('%s times', 'tutor'), preset.toString()),
+      /* translators: %s: number of times. */
+      label: sprintf(__('%s times', __TUTOR_TEXT_DOMAIN__), preset.toString()),
       value: String(preset),
     })),
     ...billingCyclesCustomPresets.map((value) => ({
@@ -64,8 +64,8 @@ export default function SubscriptionItem() {
             render={(controllerProps) => (
               <FormInput
                 {...controllerProps}
-                placeholder={__('Enter plan name', 'tutor')}
-                label={__('Plan Name', 'tutor')}
+                placeholder={__('Enter plan name', __TUTOR_TEXT_DOMAIN__)}
+                label={__('Plan Name', __TUTOR_TEXT_DOMAIN__)}
               />
             )}
           />
@@ -78,16 +78,16 @@ export default function SubscriptionItem() {
                 ...requiredRule(),
                 validate: (value) => {
                   if (Number(value) <= 0) {
-                    return __('Price must be greater than 0', 'tutor');
+                    return __('Price must be greater than 0', __TUTOR_TEXT_DOMAIN__);
                   }
                 },
               }}
               render={(controllerProps) => (
                 <FormInputWithContent
                   {...controllerProps}
-                  label={__('Price', 'tutor')}
+                  label={__('Price', __TUTOR_TEXT_DOMAIN__)}
                   content={tutor_currency?.symbol || '$'}
-                  placeholder={__('Plan price', 'tutor')}
+                  placeholder={__('Plan price', __TUTOR_TEXT_DOMAIN__)}
                   selectOnFocus
                   contentCss={styleUtils.inputCurrencyStyle}
                   type="number"
@@ -101,15 +101,15 @@ export default function SubscriptionItem() {
                 ...requiredRule(),
                 validate: (value) => {
                   if (Number(value) < 1) {
-                    return __('This value must be equal to or greater than 1', 'tutor');
+                    return __('This value must be equal to or greater than 1', __TUTOR_TEXT_DOMAIN__);
                   }
                 },
               }}
               render={(controllerProps) => (
                 <FormInput
                   {...controllerProps}
-                  label={__('Billing Interval', 'tutor')}
-                  placeholder={__('12', 'tutor')}
+                  label={__('Billing Interval', __TUTOR_TEXT_DOMAIN__)}
+                  placeholder={__('12', __TUTOR_TEXT_DOMAIN__)}
                   selectOnFocus
                   type="number"
                 />
@@ -124,10 +124,10 @@ export default function SubscriptionItem() {
                   {...controllerProps}
                   label={<div>&nbsp;</div>}
                   options={[
-                    { label: __('Day(s)', 'tutor'), value: 'day' },
-                    { label: __('Week(s)', 'tutor'), value: 'week' },
-                    { label: __('Month(s)', 'tutor'), value: 'month' },
-                    { label: __('Year(s)', 'tutor'), value: 'year' },
+                    { label: __('Day(s)', __TUTOR_TEXT_DOMAIN__), value: 'day' },
+                    { label: __('Week(s)', __TUTOR_TEXT_DOMAIN__), value: 'week' },
+                    { label: __('Month(s)', __TUTOR_TEXT_DOMAIN__), value: 'month' },
+                    { label: __('Year(s)', __TUTOR_TEXT_DOMAIN__), value: 'year' },
                   ]}
                   removeOptionsMinWidth
                 />
@@ -145,7 +145,7 @@ export default function SubscriptionItem() {
                   }
 
                   if (Number(value) <= 0) {
-                    return __('Renew plan must be greater than 0', 'tutor');
+                    return __('Renew plan must be greater than 0', __TUTOR_TEXT_DOMAIN__);
                   }
                   return true;
                 },
@@ -153,9 +153,12 @@ export default function SubscriptionItem() {
               render={(controllerProps) => (
                 <FormInputWithPresets
                   {...controllerProps}
-                  label={__('Billing Cycles', 'tutor')}
-                  placeholder={__('Select or type times to renewing the plan', 'tutor')}
-                  content={!billingCyclesCustomPresets.includes(controllerProps.field.value) && __('Times', 'tutor')}
+                  label={__('Billing Cycles', __TUTOR_TEXT_DOMAIN__)}
+                  placeholder={__('Select or type times to renewing the plan', __TUTOR_TEXT_DOMAIN__)}
+                  content={
+                    !billingCyclesCustomPresets.includes(controllerProps.field.value) &&
+                    __('Times', __TUTOR_TEXT_DOMAIN__)
+                  }
                   contentPosition="right"
                   type="number"
                   presetOptions={billingCycles}
@@ -169,7 +172,7 @@ export default function SubscriptionItem() {
             control={form.control}
             name={'charge_enrollment_fee'}
             render={(controllerProps) => (
-              <FormCheckbox {...controllerProps} label={__('Charge enrollment fee', 'tutor')} />
+              <FormCheckbox {...controllerProps} label={__('Charge enrollment fee', __TUTOR_TEXT_DOMAIN__)} />
             )}
           />
 
@@ -181,7 +184,7 @@ export default function SubscriptionItem() {
                 ...requiredRule(),
                 validate: (value) => {
                   if (Number(value) <= 0) {
-                    return __('Enrollment fee must be greater than 0', 'tutor');
+                    return __('Enrollment fee must be greater than 0', __TUTOR_TEXT_DOMAIN__);
                   }
                   return true;
                 },
@@ -189,9 +192,9 @@ export default function SubscriptionItem() {
               render={(controllerProps) => (
                 <FormInputWithContent
                   {...controllerProps}
-                  label={__('Enrollment fee', 'tutor')}
+                  label={__('Enrollment fee', __TUTOR_TEXT_DOMAIN__)}
                   content={tutor_currency?.symbol || '$'}
-                  placeholder={__('Enter enrollment fee', 'tutor')}
+                  placeholder={__('Enter enrollment fee', __TUTOR_TEXT_DOMAIN__)}
                   selectOnFocus
                   contentCss={styleUtils.inputCurrencyStyle}
                   type="number"
@@ -204,7 +207,7 @@ export default function SubscriptionItem() {
               control={form.control}
               name={`subscriptions.${index}.enable_free_trial`}
               render={(controllerProps) => (
-                <FormCheckbox {...controllerProps} label={__('Enable a free trial', 'tutor')} />
+                <FormCheckbox {...controllerProps} label={__('Enable a free trial', __TUTOR_TEXT_DOMAIN__)} />
               )}
             />
 
@@ -217,7 +220,7 @@ export default function SubscriptionItem() {
                     ...requiredRule(),
                     validate: (value) => {
                       if (Number(value) <= 0) {
-                        return __('Trial duration must be greater than 0', 'tutor');
+                        return __('Trial duration must be greater than 0', __TUTOR_TEXT_DOMAIN__);
                       }
                       return true;
                     },
@@ -225,8 +228,8 @@ export default function SubscriptionItem() {
                   render={(controllerProps) => (
                     <FormInput
                       {...controllerProps}
-                      label={__('Length of free trial', 'tutor')}
-                      placeholder={__('Enter trial duration', 'tutor')}
+                      label={__('Length of free trial', __TUTOR_TEXT_DOMAIN__)}
+                      placeholder={__('Enter trial duration', __TUTOR_TEXT_DOMAIN__)}
                       selectOnFocus
                     />
                   )}
@@ -239,13 +242,13 @@ export default function SubscriptionItem() {
                     <FormSelectInput
                       {...controllerProps}
                       label={<div>&nbsp;</div>}
-                      placeholder={__('Enter trial duration unit', 'tutor')}
+                      placeholder={__('Enter trial duration unit', __TUTOR_TEXT_DOMAIN__)}
                       options={[
-                        { label: __('Hour(s)', 'tutor'), value: 'hour' },
-                        { label: __('Day(s)', 'tutor'), value: 'day' },
-                        { label: __('Week(s)', 'tutor'), value: 'week' },
-                        { label: __('Month(s)', 'tutor'), value: 'month' },
-                        { label: __('Year(s)', 'tutor'), value: 'year' },
+                        { label: __('Hour(s)', __TUTOR_TEXT_DOMAIN__), value: 'hour' },
+                        { label: __('Day(s)', __TUTOR_TEXT_DOMAIN__), value: 'day' },
+                        { label: __('Week(s)', __TUTOR_TEXT_DOMAIN__), value: 'week' },
+                        { label: __('Month(s)', __TUTOR_TEXT_DOMAIN__), value: 'month' },
+                        { label: __('Year(s)', __TUTOR_TEXT_DOMAIN__), value: 'year' },
                       ]}
                     />
                   )}
@@ -257,14 +260,16 @@ export default function SubscriptionItem() {
             control={form.control}
             name={'do_not_provide_certificate'}
             render={(controllerProps) => (
-              <FormCheckbox {...controllerProps} label={__('Do not provide certificate', 'tutor')} />
+              <FormCheckbox {...controllerProps} label={__('Do not provide certificate', __TUTOR_TEXT_DOMAIN__)} />
             )}
           />
 
           <Controller
             control={form.control}
             name={'is_featured'}
-            render={(controllerProps) => <FormCheckbox {...controllerProps} label={__('Mark as featured', 'tutor')} />}
+            render={(controllerProps) => (
+              <FormCheckbox {...controllerProps} label={__('Mark as featured', __TUTOR_TEXT_DOMAIN__)} />
+            )}
           />
 
           <OfferSalePrice />
diff --git a/assets/react/v3/shared/components/subscription/SubscriptionPreview.tsx b/assets/react/v3/shared/components/subscription/SubscriptionPreview.tsx
index f8177ec228..8742d02e24 100644
--- a/assets/react/v3/shared/components/subscription/SubscriptionPreview.tsx
+++ b/assets/react/v3/shared/components/subscription/SubscriptionPreview.tsx
@@ -115,7 +115,7 @@ const SubscriptionPreview = ({ courseId, isBundle = false }: SubscriptionPreview
   return (
     <div css={styles.outer}>
       <Show when={subscriptionFields.length > 0}>
-        <div css={styles.header}>{__('Subscriptions', 'tutor')}</div>
+        <div css={styles.header}>{__('Subscriptions', __TUTOR_TEXT_DOMAIN__)}</div>
       </Show>
 
       <div
@@ -200,7 +200,7 @@ const SubscriptionPreview = ({ courseId, isBundle = false }: SubscriptionPreview
               showModal({
                 component: SubscriptionModal,
                 props: {
-                  title: __('Manage Subscription Plans', 'tutor'),
+                  title: __('Manage Subscription Plans', __TUTOR_TEXT_DOMAIN__),
                   icon: <SVGIcon name="dollarRecurring" width={24} height={24} />,
                   subscription: {
                     ...defaultSubscriptionFormData,
@@ -213,7 +213,7 @@ const SubscriptionPreview = ({ courseId, isBundle = false }: SubscriptionPreview
               });
             }}
           >
-            {__('Add Subscription', 'tutor')}
+            {__('Add Subscription', __TUTOR_TEXT_DOMAIN__)}
           </Button>
         </div>
       </div>
diff --git a/assets/react/v3/shared/config/config.ts b/assets/react/v3/shared/config/config.ts
index f163e47ae7..de0feee52e 100644
--- a/assets/react/v3/shared/config/config.ts
+++ b/assets/react/v3/shared/config/config.ts
@@ -58,7 +58,7 @@ const defaultTutorConfig = {
     filter: null,
   },
   settings: {
-    monetize_by: 'tutor',
+    monetize_by: __TUTOR_TEXT_DOMAIN__,
     enable_course_marketplace: 'off',
     course_permalink_base: '',
     supported_video_sources: '',
diff --git a/assets/react/v3/shared/config/constants.ts b/assets/react/v3/shared/config/constants.ts
index 0191647132..3aa075d3df 100644
--- a/assets/react/v3/shared/config/constants.ts
+++ b/assets/react/v3/shared/config/constants.ts
@@ -108,15 +108,15 @@ export const VideoRegex = {
 
 export const visibilityStatusOptions = [
   {
-    label: __('Public', 'tutor'),
+    label: __('Public', __TUTOR_TEXT_DOMAIN__),
     value: 'publish',
   },
   {
-    label: __('Password Protected', 'tutor'),
+    label: __('Password Protected', __TUTOR_TEXT_DOMAIN__),
     value: 'password_protected',
   },
   {
-    label: __('Private', 'tutor'),
+    label: __('Private', __TUTOR_TEXT_DOMAIN__),
     value: 'private',
   },
 ];
diff --git a/assets/react/v3/shared/config/magic-ai.ts b/assets/react/v3/shared/config/magic-ai.ts
index 9cb713ae40..635849ea11 100644
--- a/assets/react/v3/shared/config/magic-ai.ts
+++ b/assets/react/v3/shared/config/magic-ai.ts
@@ -91,19 +91,19 @@ const languageOptions: Option<ChatLanguage>[] = [
 ];
 
 const toneOptions: Option<ChatTone>[] = [
-  { label: __('Formal', 'tutor'), value: 'formal' },
-  { label: __('Casual', 'tutor'), value: 'casual' },
-  { label: __('Professional', 'tutor'), value: 'professional' },
-  { label: __('Enthusiastic', 'tutor'), value: 'enthusiastic' },
-  { label: __('Informational', 'tutor'), value: 'informational' },
-  { label: __('Funny', 'tutor'), value: 'funny' },
+  { label: __('Formal', __TUTOR_TEXT_DOMAIN__), value: 'formal' },
+  { label: __('Casual', __TUTOR_TEXT_DOMAIN__), value: 'casual' },
+  { label: __('Professional', __TUTOR_TEXT_DOMAIN__), value: 'professional' },
+  { label: __('Enthusiastic', __TUTOR_TEXT_DOMAIN__), value: 'enthusiastic' },
+  { label: __('Informational', __TUTOR_TEXT_DOMAIN__), value: 'informational' },
+  { label: __('Funny', __TUTOR_TEXT_DOMAIN__), value: 'funny' },
 ];
 
 const formatOptions: Option<ChatFormat>[] = [
-  { label: __('Title', 'tutor'), value: 'title' },
-  { label: __('Essay', 'tutor'), value: 'essay' },
-  { label: __('Paragraph', 'tutor'), value: 'paragraph' },
-  { label: __('Outline', 'tutor'), value: 'outline' },
+  { label: __('Title', __TUTOR_TEXT_DOMAIN__), value: 'title' },
+  { label: __('Essay', __TUTOR_TEXT_DOMAIN__), value: 'essay' },
+  { label: __('Paragraph', __TUTOR_TEXT_DOMAIN__), value: 'paragraph' },
+  { label: __('Outline', __TUTOR_TEXT_DOMAIN__), value: 'outline' },
 ];
 
 export { formatOptions, languageOptions, toneOptions };
diff --git a/assets/react/v3/shared/hooks/useWpMedia.ts b/assets/react/v3/shared/hooks/useWpMedia.ts
index 254141adad..d3e1828256 100644
--- a/assets/react/v3/shared/hooks/useWpMedia.ts
+++ b/assets/react/v3/shared/hooks/useWpMedia.ts
@@ -159,7 +159,7 @@ const useWPMedia = ({ options = {}, onChange, initialFiles }: UseWPMediaParams):
         if (mediaOptions.maxFileSize && file.filesizeInBytes > mediaOptions.maxFileSize) {
           showToast({
             // translators: %s is the file title
-            message: sprintf(__('%s size exceeds the maximum allowed size', 'tutor'), file.title),
+            message: sprintf(__('%s size exceeds the maximum allowed size', __TUTOR_TEXT_DOMAIN__), file.title),
             type: 'danger',
           });
           return files;
@@ -184,7 +184,7 @@ const useWPMedia = ({ options = {}, onChange, initialFiles }: UseWPMediaParams):
       if (mediaOptions.maxFiles && updatedFiles.length > mediaOptions.maxFiles) {
         showToast({
           // translators: %d is the maximum number of files allowed
-          message: sprintf(__('Cannot select more than %d files', 'tutor'), mediaOptions.maxFiles),
+          message: sprintf(__('Cannot select more than %d files', __TUTOR_TEXT_DOMAIN__), mediaOptions.maxFiles),
           type: 'warning',
         });
         return;
diff --git a/assets/react/v3/shared/molecules/ConfirmationPopover.tsx b/assets/react/v3/shared/molecules/ConfirmationPopover.tsx
index a1052ef472..59661f986f 100644
--- a/assets/react/v3/shared/molecules/ConfirmationPopover.tsx
+++ b/assets/react/v3/shared/molecules/ConfirmationPopover.tsx
@@ -78,7 +78,7 @@ const ConfirmationPopover = <TRef extends HTMLElement>({
         </div>
         <div css={styles.footer({ isDelete: confirmButton?.isDelete ?? false })}>
           <Button variant={cancelButton?.variant ?? 'text'} size="small" onClick={onCancel ?? closePopover}>
-            {cancelButton?.text ?? __('Cancel', 'tutor')}
+            {cancelButton?.text ?? __('Cancel', __TUTOR_TEXT_DOMAIN__)}
           </Button>
           <Button
             data-cy="confirm-button"
@@ -90,7 +90,7 @@ const ConfirmationPopover = <TRef extends HTMLElement>({
             loading={isLoading}
             size="small"
           >
-            {confirmButton?.text ?? __('Ok', 'tutor')}
+            {confirmButton?.text ?? __('Ok', __TUTOR_TEXT_DOMAIN__)}
           </Button>
         </div>
       </div>
diff --git a/assets/react/v3/shared/molecules/FileUploader.tsx b/assets/react/v3/shared/molecules/FileUploader.tsx
index 5b73519a01..7a14c2c5fc 100644
--- a/assets/react/v3/shared/molecules/FileUploader.tsx
+++ b/assets/react/v3/shared/molecules/FileUploader.tsx
@@ -35,7 +35,7 @@ export const useFileUploader = ({
   acceptedTypes,
   onUpload,
   onError,
-  maxFileSize = formatReadAbleBytesToBytes(tutorConfig?.max_upload_size || '') || MAX_FILE_SIZE,
+  maxFileSize = Number(tutorConfig?.max_upload_size || '') || MAX_FILE_SIZE,
 }: UseFileUploaderProps) => {
   const fileInputRef = useRef<HTMLInputElement>(null);
 
@@ -43,7 +43,7 @@ export const useFileUploader = ({
     const { files } = event.target;
 
     if (!files || files.length === 0) {
-      onError([__('No files selected', 'tutor')]);
+      onError([__('No files selected', __TUTOR_TEXT_DOMAIN__)]);
       return;
     }
 
@@ -52,9 +52,9 @@ export const useFileUploader = ({
 
     for (const file of [...files]) {
       if (!acceptedTypes.includes(getFileExtensionFromName(file.name))) {
-        errorMessages.push(__('Invalid file type', 'tutor'));
+        errorMessages.push(__('Invalid file type', __TUTOR_TEXT_DOMAIN__));
       } else if (file.size > maxFileSize) {
-        errorMessages.push(__('Maximum upload size exceeded', 'tutor'));
+        errorMessages.push(__('Maximum upload size exceeded', __TUTOR_TEXT_DOMAIN__));
       } else {
         validFiles.push(file);
       }
@@ -143,7 +143,7 @@ export const UploadButton = ({
   multiple = false,
   disabled = false,
   children,
-  maxFileSize = formatReadAbleBytesToBytes(tutorConfig?.max_upload_size || '') || MAX_FILE_SIZE,
+  maxFileSize = Number(tutorConfig?.max_upload_size || '') || MAX_FILE_SIZE,
   ...buttonProps
 }: UploadButtonProps) => {
   const { fileInputRef, handleChange } = useFileUploader({ acceptedTypes, onUpload, onError, maxFileSize });
diff --git a/assets/react/v3/shared/molecules/Paginator.tsx b/assets/react/v3/shared/molecules/Paginator.tsx
index 704d81ca1f..54d2803cad 100644
--- a/assets/react/v3/shared/molecules/Paginator.tsx
+++ b/assets/react/v3/shared/molecules/Paginator.tsx
@@ -33,7 +33,7 @@ const Paginator = ({ currentPage, onPageChange, totalItems, itemsPerPage }: Pagi
   return (
     <div css={styles.wrapper}>
       <div css={styles.pageStatus}>
-        {__('Page', 'tutor')}
+        {__('Page', __TUTOR_TEXT_DOMAIN__)}
         <span>
           <input
             type="text"
@@ -53,7 +53,7 @@ const Paginator = ({ currentPage, onPageChange, totalItems, itemsPerPage }: Pagi
             autoComplete="off"
           />
         </span>
-        {__('of', 'tutor')} <span>{totalPage}</span>
+        {__('of', __TUTOR_TEXT_DOMAIN__)} <span>{totalPage}</span>
       </div>
 
       <div css={styles.pageController}>
diff --git a/assets/react/v3/shared/services/content-bank.ts b/assets/react/v3/shared/services/content-bank.ts
index 68f596f621..e48bd2f424 100644
--- a/assets/react/v3/shared/services/content-bank.ts
+++ b/assets/react/v3/shared/services/content-bank.ts
@@ -78,7 +78,7 @@ export const useGetContentBankContents = (params: ContentBankContentsParams) =>
 };
 
 export const CONTENT_BANK_POST_TYPE_MAP = {
-  'cb-lesson': __('Lesson', 'tutor'),
-  'cb-assignment': __('Assignment', 'tutor'),
-  'cb-question': __('Question', 'tutor'),
+  'cb-lesson': __('Lesson', __TUTOR_TEXT_DOMAIN__),
+  'cb-assignment': __('Assignment', __TUTOR_TEXT_DOMAIN__),
+  'cb-question': __('Question', __TUTOR_TEXT_DOMAIN__),
 } as const;
diff --git a/assets/react/v3/shared/services/subscription.ts b/assets/react/v3/shared/services/subscription.ts
index 07e8ae8e99..cdd58ff52c 100644
--- a/assets/react/v3/shared/services/subscription.ts
+++ b/assets/react/v3/shared/services/subscription.ts
@@ -16,8 +16,8 @@ type PaymentType = 'onetime' | 'recurring';
 
 export const BILLING_CYCLE_PRESETS = [3, 6, 9, 12];
 export const BILLING_CYCLE_CUSTOM_PRESETS = {
-  untilCancelled: __('Until cancelled', 'tutor'),
-  noRenewal: __('No Renewal', 'tutor'),
+  untilCancelled: __('Until cancelled', __TUTOR_TEXT_DOMAIN__),
+  noRenewal: __('No Renewal', __TUTOR_TEXT_DOMAIN__),
 };
 
 export type Subscription = {
@@ -77,7 +77,7 @@ export const defaultSubscriptionFormData: SubscriptionFormData = {
   sale_price_from_time: '',
   sale_price_to_date: '',
   sale_price_to_time: '',
-  recurring_limit: __('Until cancelled', 'tutor'),
+  recurring_limit: __('Until cancelled', __TUTOR_TEXT_DOMAIN__),
   do_not_provide_certificate: false,
   enrollment_fee: '0',
   trial_value: '1',
diff --git a/assets/react/v3/shared/utils/quiz.ts b/assets/react/v3/shared/utils/quiz.ts
index 7c822f6d15..5a743e6506 100644
--- a/assets/react/v3/shared/utils/quiz.ts
+++ b/assets/react/v3/shared/utils/quiz.ts
@@ -47,21 +47,21 @@ export const validateQuizQuestion = (
 
     if (answers.length === 0 && currentQuestionType !== 'open_ended' && currentQuestionType !== 'short_answer') {
       return {
-        message: __('Please add an option.', 'tutor'),
+        message: __('Please add an option.', __TUTOR_TEXT_DOMAIN__),
         type: 'add_option',
       };
     }
 
     if (!isAllSaved) {
       return {
-        message: __('Please finish editing all newly created options.', 'tutor'),
+        message: __('Please finish editing all newly created options.', __TUTOR_TEXT_DOMAIN__),
         type: 'save_option',
       };
     }
 
     if (['true_false', 'multiple_choice'].includes(currentQuestionType) && !hasCorrectAnswer) {
       return {
-        message: __('Please select a correct answer.', 'tutor'),
+        message: __('Please select a correct answer.', __TUTOR_TEXT_DOMAIN__),
         type: 'correct_option',
       };
     }
@@ -73,7 +73,7 @@ export const validateQuizQuestion = (
 
       if (!everyOptionHasTitle) {
         return {
-          message: __('Please add titles to all options.', 'tutor'),
+          message: __('Please add titles to all options.', __TUTOR_TEXT_DOMAIN__),
           type: 'save_option',
         };
       }
@@ -82,7 +82,7 @@ export const validateQuizQuestion = (
         const everyOptionHasImage = answers.every((answer) => answer.image_url);
         if (!everyOptionHasImage) {
           return {
-            message: __('Please add images to all options.', 'tutor'),
+            message: __('Please add images to all options.', __TUTOR_TEXT_DOMAIN__),
             type: 'question',
           };
         }
@@ -90,7 +90,7 @@ export const validateQuizQuestion = (
         const everyOptionHasMatch = answers.every((answer) => answer.answer_two_gap_match);
         if (!everyOptionHasMatch) {
           return {
-            message: __('Please add matched text to all options.', 'tutor'),
+            message: __('Please add matched text to all options.', __TUTOR_TEXT_DOMAIN__),
             type: 'save_option',
           };
         }
diff --git a/assets/react/v3/shared/utils/util.ts b/assets/react/v3/shared/utils/util.ts
index 8357fedef4..893b0a6c48 100644
--- a/assets/react/v3/shared/utils/util.ts
+++ b/assets/react/v3/shared/utils/util.ts
@@ -211,7 +211,17 @@ export const formatBytes = (bytes: number, decimals = 2) => {
 
   const kilobit = 1024;
   const decimal = Math.max(0, decimals);
-  const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+  const sizes = [
+    __('Bytes', __TUTOR_TEXT_DOMAIN__),
+    __('KB', __TUTOR_TEXT_DOMAIN__),
+    __('MB', __TUTOR_TEXT_DOMAIN__),
+    __('GB', __TUTOR_TEXT_DOMAIN__),
+    __('TB', __TUTOR_TEXT_DOMAIN__),
+    __('PB', __TUTOR_TEXT_DOMAIN__),
+    __('EB', __TUTOR_TEXT_DOMAIN__),
+    __('ZB', __TUTOR_TEXT_DOMAIN__),
+    __('YB', __TUTOR_TEXT_DOMAIN__),
+  ];
 
   const index = Math.floor(Math.log(bytes) / Math.log(kilobit));
 
@@ -348,14 +358,14 @@ export const copyToClipboard = (text: string) => {
 
 export const convertToErrorMessage = (error: ErrorResponse) => {
   if (!error || !error.response || !error.response.data) {
-    return __('Something went wrong', 'tutor');
+    return __('Something went wrong', __TUTOR_TEXT_DOMAIN__);
   }
 
   let errorMessage = error.response.data.message;
   if (error.response.data.status_code === 422 && error.response.data.data) {
     errorMessage = error.response.data.data[Object.keys(error.response.data.data)[0]];
   }
-  return errorMessage || __('Something went wrong', 'tutor');
+  return errorMessage || __('Something went wrong', __TUTOR_TEXT_DOMAIN__);
 };
 
 export const fetchImageUrlAsBase64 = async (url: string): Promise<string> => {
@@ -481,50 +491,50 @@ export const formatSubscriptionRepeatUnit = ({
   showSingular?: boolean;
 }) => {
   if (unit === 'until_cancellation') {
-    const result = __('Until Cancellation', 'tutor');
+    const result = __('Until Cancellation', __TUTOR_TEXT_DOMAIN__);
     return capitalize ? capitalizeWords(result) : result;
   }
 
   const unitFormats = {
     hour: {
       // translators: %d is the number of hours
-      plural: __('%d hours', 'tutor'),
+      plural: __('%d hours', __TUTOR_TEXT_DOMAIN__),
       // translators: %d is the number of hours
-      singular: __('%d hour', 'tutor'),
-      suffix: __('hourly', 'tutor'),
-      base: __('hour', 'tutor'),
+      singular: __('%d hour', __TUTOR_TEXT_DOMAIN__),
+      suffix: __('hourly', __TUTOR_TEXT_DOMAIN__),
+      base: __('hour', __TUTOR_TEXT_DOMAIN__),
     },
     day: {
       // translators: %d is the number of days
-      plural: __('%d days', 'tutor'),
+      plural: __('%d days', __TUTOR_TEXT_DOMAIN__),
       // translators: %d is the number of days
-      singular: __('%d day', 'tutor'),
-      suffix: __('daily', 'tutor'),
-      base: __('day', 'tutor'),
+      singular: __('%d day', __TUTOR_TEXT_DOMAIN__),
+      suffix: __('daily', __TUTOR_TEXT_DOMAIN__),
+      base: __('day', __TUTOR_TEXT_DOMAIN__),
     },
     week: {
       // translators: %d is the number of weeks
-      plural: __('%d weeks', 'tutor'),
+      plural: __('%d weeks', __TUTOR_TEXT_DOMAIN__),
       // translators: %d is the number of weeks
-      singular: __('%d week', 'tutor'),
-      suffix: __('weekly', 'tutor'),
-      base: __('week', 'tutor'),
+      singular: __('%d week', __TUTOR_TEXT_DOMAIN__),
+      suffix: __('weekly', __TUTOR_TEXT_DOMAIN__),
+      base: __('week', __TUTOR_TEXT_DOMAIN__),
     },
     month: {
       // translators: %d is the number of months
-      plural: __('%d months', 'tutor'),
+      plural: __('%d months', __TUTOR_TEXT_DOMAIN__),
       // translators: %d is the number of months
-      singular: __('%d month', 'tutor'),
-      suffix: __('monthly', 'tutor'),
-      base: __('month', 'tutor'),
+      singular: __('%d month', __TUTOR_TEXT_DOMAIN__),
+      suffix: __('monthly', __TUTOR_TEXT_DOMAIN__),
+      base: __('month', __TUTOR_TEXT_DOMAIN__),
     },
     year: {
       // translators: %d is the number of years
-      plural: __('%d years', 'tutor'),
+      plural: __('%d years', __TUTOR_TEXT_DOMAIN__),
       // translators: %d is the number of years
-      singular: __('%d year', 'tutor'),
-      suffix: __('yearly', 'tutor'),
-      base: __('year', 'tutor'),
+      singular: __('%d year', __TUTOR_TEXT_DOMAIN__),
+      suffix: __('yearly', __TUTOR_TEXT_DOMAIN__),
+      base: __('year', __TUTOR_TEXT_DOMAIN__),
     },
   };
 
diff --git a/assets/react/v3/shared/utils/validation.ts b/assets/react/v3/shared/utils/validation.ts
index 588dacfdd1..c4133308b4 100644
--- a/assets/react/v3/shared/utils/validation.ts
+++ b/assets/react/v3/shared/utils/validation.ts
@@ -4,20 +4,20 @@ import { isValid } from 'date-fns';
 import type { ProductDiscount } from './types';
 
 export const requiredRule = (): object => ({
-  required: { value: true, message: __('This field is required', 'tutor') },
+  required: { value: true, message: __('This field is required', __TUTOR_TEXT_DOMAIN__) },
 });
 
 export const maxValueRule = ({ maxValue, message }: { maxValue: number; message?: string }): object => ({
   maxLength: {
     value: maxValue,
-    message: message || __(`Max. value should be ${maxValue}`, 'tutor'),
+    message: message || __(`Max. value should be ${maxValue}`, __TUTOR_TEXT_DOMAIN__),
   },
 });
 
 export const discountRule = (): object => ({
   validate: (value?: ProductDiscount) => {
     if (value?.amount === undefined) {
-      return __('The field is required', 'tutor');
+      return __('The field is required', __TUTOR_TEXT_DOMAIN__);
     }
     return undefined;
   },
@@ -25,7 +25,7 @@ export const discountRule = (): object => ({
 
 export const invalidDateRule = (value?: string): string | undefined => {
   if (!isValid(new Date(value || ''))) {
-    return __('Invalid date entered!', 'tutor');
+    return __('Invalid date entered!', __TUTOR_TEXT_DOMAIN__);
   }
 
   return undefined;
@@ -34,7 +34,7 @@ export const invalidDateRule = (value?: string): string | undefined => {
 export const maxLimitRule = (maxLimit: number): object => ({
   validate: (value?: string) => {
     if (value && maxLimit < value.length) {
-      return __(`Maximum ${maxLimit} character supported`, 'tutor');
+      return __(`Maximum ${maxLimit} character supported`, __TUTOR_TEXT_DOMAIN__);
     }
     return undefined;
   },
@@ -45,7 +45,7 @@ export const invalidTimeRule = (value?: string): string | undefined => {
     return undefined;
   }
 
-  const message = __('Invalid time entered!', 'tutor');
+  const message = __('Invalid time entered!', __TUTOR_TEXT_DOMAIN__);
 
   const [hours, minutesAndMeridian] = value.split(':');
 
diff --git a/assets/react/v3/shared/utils/video.ts b/assets/react/v3/shared/utils/video.ts
index ac8f36551a..5383f2264f 100644
--- a/assets/react/v3/shared/utils/video.ts
+++ b/assets/react/v3/shared/utils/video.ts
@@ -11,7 +11,7 @@ export async function getVimeoVideoDuration(videoUrl: string): Promise<number |
   try {
     const response = await fetch(jsonUrl);
     if (!response.ok) {
-      throw new Error(__('Failed to fetch the video data', 'tutor'));
+      throw new Error(__('Failed to fetch the video data', __TUTOR_TEXT_DOMAIN__));
     }
 
     const textData = await response.text();
@@ -121,7 +121,7 @@ export const generateVideoThumbnail = async (
 
               const ctx = canvas.getContext('2d');
               if (!ctx) {
-                throw new Error(__('Failed to get canvas context', 'tutor'));
+                throw new Error(__('Failed to get canvas context', __TUTOR_TEXT_DOMAIN__));
               }
 
               ctx.drawImage(video, 0, 0);
@@ -131,7 +131,8 @@ export const generateVideoThumbnail = async (
               resolve(thumbnail);
             } catch (error) {
               cleanup();
-              const errorMessage = error instanceof Error ? error.message : __('Unknown error occurred', 'tutor');
+              const errorMessage =
+                error instanceof Error ? error.message : __('Unknown error occurred', __TUTOR_TEXT_DOMAIN__);
               reject(new Error(`Thumbnail generation failed: ${errorMessage}`));
             }
           }
@@ -169,7 +170,7 @@ export const generateVideoThumbnail = async (
         // 30 seconds is a reasonable maximum time to wait for video metadata and frame capture
         const timeoutId = setTimeout(() => {
           cleanup();
-          reject(new Error(__('Thumbnail generation timed out', 'tutor')));
+          reject(new Error(__('Thumbnail generation timed out', __TUTOR_TEXT_DOMAIN__)));
         }, 30000);
 
         // Add elements to DOM
@@ -185,5 +186,5 @@ export const generateVideoThumbnail = async (
     });
   }
 
-  throw new Error(__('Unsupported video source', 'tutor'));
+  throw new Error(__('Unsupported video source', __TUTOR_TEXT_DOMAIN__));
 };
diff --git a/classes/Assets.php b/classes/Assets.php
index c90bb5753e..b6c7e5ec5a 100644
--- a/classes/Assets.php
+++ b/classes/Assets.php
@@ -185,7 +185,7 @@ public function get_default_localized_data() {
 			'tutor_currency'               => $tutor_currency,
 			'local'                        => get_locale(),
 			'settings'                     => $tutor_settings,
-			'max_upload_size'              => size_format( wp_max_upload_size() ),
+			'max_upload_size'              => wp_max_upload_size(),
 			'monetize_by'                  => tutor_utils()->get_option( 'monetize_by' ),
 		);
 	}
diff --git a/eslint.config.mjs b/eslint.config.mjs
index ba17f38894..7c1556a127 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -50,4 +50,21 @@ export default [
       },
     },
   },
+  {
+    files: ['./assets/react/v3/shared/**/*.{ts,tsx,js,jsx}'],
+    rules: {
+      '@wordpress/i18n-text-domain': 'off',
+      'no-restricted-syntax': [
+        'error',
+        {
+          selector: 'CallExpression[callee.name="__"] > Literal.arguments:nth-child(2)',
+          message: 'In shared folder, use __TUTOR_TEXT_DOMAIN__ instead of hardcoded string literal for text domain.',
+        },
+        {
+          selector: 'CallExpression[callee.name="__"]:not(:has(.arguments:nth-child(2)))',
+          message: 'Translation function must include __TUTOR_TEXT_DOMAIN__ as the second argument.',
+        },
+      ],
+    },
+  },
 ];
diff --git a/gulpfile.mjs b/gulpfile.mjs
index df114e78a9..9a3568167c 100644
--- a/gulpfile.mjs
+++ b/gulpfile.mjs
@@ -49,6 +49,7 @@ function copy() {
         '!./*.js',
         '!./*.mjs',
         '!./*.json',
+        '!./**/*.ignore',
         '!yarn-error.log',
         '!bin/**',
         '!tests/**',
diff --git a/package.json b/package.json
index 9ce3763d6e..ba27e11d1d 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,7 @@
   },
   "scripts": {
     "build": "composer install --no-dev && npm run make-pot && rspack --mode=production && npm run tutor-droip && gulp build",
-    "build-dev": "rspack --mode=production && gulp build",
+    "build-dev": "composer install --no-dev --no-scripts && rspack --mode=production && gulp build",
     "build-analysis": "RSDOCTOR=true npx rspack --mode=production",
     "watch": "rspack --watch --mode=development",
     "make-pot": "rspack --env=make-pot --mode=production && wp i18n make-pot . ./languages/tutor.pot --slug=tutor --domain=tutor --include='**/*.php,assets/js/*.js' --exclude='node_modules,vendor,build,tutor-droip,includes/droip'",
diff --git a/rspack.config.mjs b/rspack.config.mjs
index 0fcc281d36..13dfb3b828 100644
--- a/rspack.config.mjs
+++ b/rspack.config.mjs
@@ -150,6 +150,7 @@ const createConfig = (env, options) => {
       new rspack.DefinePlugin({
         'process.env.MAKE_POT': JSON.stringify(!!isMakePot),
         'process.env.NODE_ENV': JSON.stringify(mode),
+        __TUTOR_TEXT_DOMAIN__: JSON.stringify(process.env.TEXT_DOMAIN || 'tutor'),
       }),
       process.env.RSDOCTOR && new RsdoctorRspackPlugin({}),
     ].filter(Boolean),
@@ -158,7 +159,7 @@ const createConfig = (env, options) => {
       'react-dom': 'ReactDOM',
       '@wordpress/i18n': 'wp.i18n',
     },
-    devtool: isDevelopment ? 'eval-source-map' : false,
+    devtool: isDevelopment ? 'source-map' : false,
     stats: {
       preset: 'errors-warnings',
       colors: true,
@@ -288,14 +289,14 @@ const isScssEntry = (entry) => {
 const createOutputFileName = (pathData) => {
   const entryName = pathData.chunk.name;
   if (isScssEntry(entryName)) {
-    return '';
+    return 'css/ignore/[name].css.ignore';
   }
   return `js/[name].js`;
 };
 
 const createChunkFilename = (entryPath) => {
   if (isScssEntry(entryPath)) {
-    return '';
+    return `css/ignore/[name].css.ignore?ver=${version}`;
   }
   return `js/lazy-chunks/[name].js?ver=${version}`;
 };